/* 기본 세팅 */
@charset "euc-kr";
@import url("https://cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css"); /* Nanum Gothic 10~12 */
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css"); /* NanumSquare 13~ */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

:root{--list-title-bg:#192a49;--white:#fff;--search-bg:#ffd247;--f-bg:#1b2345;--point-c1:#4c93e8;--point-c2:#2cb400;}
body { min-width:1300px; margin:0; padding:0; background-color:#fff; font-family:'Nanum Gothic',sans-serif; font-size:10pt; font-weight:normal; color:#333;  }
form { margin:0; padding:0; }
img { margin:0; padding:0; border:0; }
button { margin:0; padding:0; background-color:#fff; outline:0; }
a { margin:0; padding:0; }
A:link { color:#000; text-decoration:none; }
A:active { color:#000; text-decoration:none; }
A:visited { color:#000; text-decoration:none; }
A:hover { color:#000; text-decoration:none; }
p { margin:0; padding:0; }
INPUT { height:27px; padding:0 3px; border:1px solid #d6d6d6; font-family:'Nanum Gothic',sans-serif; font-size:11pt; color:#333; outline:0; }
INPUT[class="radio"] { display:inline-block; width:15px; height:15px; border:0; line-height:0; vertical-align:bottom; background-color:transparent; cursor:pointer; outline:0; }
INPUT[type=checkbox] { cursor:pointer; }
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.radio { display:inline-block; width:15px; height:15px; border:0; line-height:0; vertical-align:bottom; background-color:transparent; cursor:pointer; }
SELECT { height:27px; padding:2px; border:1px solid #d6d6d6; border-radius:0; background:url('/img/admin/select_arrow.png'); background-repeat:no-repeat; background-position:right center; background-size:contain; font-family:'Nanum Gothic',sans-serif; font-size:11pt; line-height:25px; outline:0; color:#333; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; }
SELECT::-ms-expand { display:none; }
textarea { font-family:'Nanum Gothic',sans-serif; outline:0; }
fileField { font-family:'Nanum Gothic',sans-serif; outline:0; }
button { cursor:pointer; }
dl { margin:0; padding:0; list-style-type:none; }
dd { margin:0; padding:0; }
table { border:0; padding:0; border-spacing:0; border-collapse:collapse; }
th,td { font-family:'Nanum Gothic',sans-serif; }
.btn { padding:5px 8px; border:1px solid #fff; background-color:#fff; cursor:pointer; }
.clear_left { clear:left; margin:0; padding:0; }
.clear_right { clear:right; margin:0; padding:0; }
.clear_both { clear:both; margin:0; padding:0; }
.bold { font-weight:bold; }
.white_bold { font-weight:bold; color:#fff; }
* { margin:0; padding: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
*:focus { outline:none; }
.not_found { margin:10px 0; padding:50px 0; font-size:14pt; font-weight:bold; color:#000; text-align:center; }
.popup_items { position:absolute; display:none; overflow:hidden; z-index:99; }
.ico_cal { cursor:pointer; }
.add_on { display:none; }
.loader { display:flex; width:30px; height:30px; border-radius:50%; border-top:3px solid rgba(255, 255, 255, 0.5); border-right:3px solid rgba(255, 255, 255, 0.5); border-bottom:3px solid rgba(255, 255, 255, 0.5); border-left:3px solid rgba(255, 255, 255, 1); animation:loader 1s cubic-bezier(.41,.25,.32,.83) infinite; }
.mb5{margin-bottom:5px !important;}

/* 기본 세팅 */

/* 공통 영역 */
#black_board { position:fixed; display:none; top:0; left:0; width:100%; min-width:1300px; height:100%; min-height:300px; background:rgba(0,0,0,0.7); z-index:111; }
#black_board > #black_close { position:absolute; display:none; top:0; left:0; width:40px; height:40px; border:3px solid #fff; border-radius:50%; background-color:#000; background-position:-126px -2px; z-index:121; cursor:pointer; }
#black_board > #black_pop { position:relative; margin:0 auto; padding:20px; background-color:#fff; z-index:112; }
#black_board > #black_slider { position:relative; display:none; width:1002px; height:658px; margin:0 auto; padding:0; background:transparent; z-index:112; }
#black_board > #black_sms { position:relative; display:none; width:250px; margin:0 auto; padding:0; background:transparent; z-index:112; }
.contents_width { width:1100px; margin:0 auto; }
.contents_width.showList{display: grid;grid-template-columns: repeat(4, 1fr);justify-content: center;gap: 10px;margin-bottom:50px;}
.contents_width.showList > a{width:100%;margin: 0 auto;border: 1px solid #b3b3b3;min-height: 370px;}
.contents_width.showList .contents_width.showList{font-size: 20px;background: #192948;padding: 15px 10px;width: 271px;color: #fff;font-weight: 700;margin: 0 auto;margin-bottom: 0;}
.btns_base { background-image:url('/img/base/btns_base.png'); background-repeat:no-repeat; }
.rotate_45_p { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition:0.3s; transition:0.3s; }
.rotate_45_m { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition:0.3s; transition:0.3s; }
.rotate_180_p { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition:0.3s; transition:0.3s; }
.rotate_180_m { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition:0.3s; transition:0.3s; }
#btn_page_box { display:block; margin:0 auto 50px; text-align:center; }
.btn_page { min-width:40px; min-height:40px; max-height:40px; margin:0 5px; padding:0 5px; border:1px solid #fff; border-radius:10px; background-color:#fff; font-size:11pt; font-weight:normal; line-height:40px; letter-spacing:0.7px; color:#555; }
.btn_page:hover , .page_on , .page_on:hover { background-color:#000000; font-weight:bold; color:#fff; }
#btn_page_first , #btn_page_prev , #btn_page_next , #btn_page_end { border-color:#dfdfdf; }
#btn_page_first:hover , #btn_page_prev:hover , #btn_page_next:hover , #btn_page_end:hover { background-color:#fff; }
#btn_page_first { background-position:-738px 0; }
#btn_page_prev { background-position:-656px 0; }
#btn_page_next { background-position:-615px 0; }
#btn_page_end { background-position:-697px 0; }
/* 공통 영역 */

/* contact us */
#contactus > #contact_title { width:100%; margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #dfdfdf; font-family:'NanumSquare'; font-size:16pt; font-weight:800; color:#000; text-align:center; }
#contactus > #contact_company { width:100%; margin:0; padding:5px 5px; font-family:'NanumSquare'; font-size:12pt; font-weight:600; color:#000; }
#contactus > #contact_address { width:100%; margin:0 0 10px 0; padding:5px 5px; font-size:10pt; font-weight:normal; color:#303030; }
#contactus > .contact_info { width:100%; margin:0; padding:5px 5px; font-size:10pt; font-weight:normal; color:#505050; }
#contactus > .contact_info > .point { font-size:12pt; font-weight:bold; color:#303030; }
#contactus > #contact_tel { width:100%; margin:20px 0; padding:15px 0; background-color:#000000; font-family:'NanumSquare'; font-size:20pt; font-weight:800; color:#fff; text-align:center; letter-spacing:1px; }
/* contact us */

/* kakao */
#kakaoplus > #kakao_title { width:100%; margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #dfdfdf; font-family:'NanumSquare'; font-size:16pt; font-weight:800; color:#000; text-align:center; }
#kakaoplus > #kakao_id { width:100%; margin:20px 0; padding:15px 0; background-color:#fae101; font-family:'NanumSquare'; font-size:20pt; font-weight:800; color:#3c1e1d; text-align:center; letter-spacing:1px; }
#kakaoplus > .kakao_info { width:100%; margin:0; padding:5px 5px; font-size:10pt; font-weight:normal; color:#505050; }
#kakaoplus > .kakao_info > .point { font-size:12pt; font-weight:bold; color:#303030; }
/* kakao */

/* sms */
#sms_box > #sms_header { width:250px; height:65px; padding:20px 0 0 30px; background-image:url('/img/base/sms_header.png'); background-repeat:no-repeat; font-size:7pt; font-weight:normal; color:#fff; }
#sms_box > #sms_body { width:250px; padding:5px 20px; background-image:url('/img/base/sms_body.png'); background-repeat:repeat-y; }
#sms_box > #sms_body > #sms_receiver_box { position:relative; margin:5px; padding:0 0 0 8px; }
#sms_box > #sms_body > #sms_receiver_box > #sms_receiver_arrow { position:absolute; top:-5px; left:-4px; width:8px; height:8px; margin:5px; padding:0 0 0 8px; border:0; background-color:#f4f4f4; background-position:-426px -17px; z-index:112; }
#sms_box > #sms_body > #sms_receiver_box > #sms_receiver_body { width:150px; padding:5px; background-color:#b0b0b0; border:0; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; font-size:9pt; font-weight:normal; color:#fff; }
#sms_box > #sms_body > #sms_sender_box { position:relative; margin:5px; padding:0 8px 0 0; }
#sms_box > #sms_body > #sms_sender_box > #sms_sender_arrow { position:absolute; top:-5px; right:-5px; width:8px; height:8px; margin:5px; padding:0 0 0 8px; border:0; background-color:#f4f4f4; background-position:-468px -17px; z-index:112; }
#sms_box > #sms_body > #sms_sender_box > #sms_sender_body { position:relative; width:170px; margin-left:23px; padding:5px; background-color:#0eb3e1; border:0; border-top-left-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; font-size:9pt; font-weight:normal; color:#fff; }
#sms_box > #sms_body > #sms_sender_box > #sms_sender_body > label { position:absolute; top:10px; left:10px; width:160px; height:80px; font-size:10pt; font-weight:normal; line-height:120%; color:#fff; cursor:text; }
#sms_box > #sms_body > #sms_sender_box > #sms_sender_body > textarea { display:block; width:160px; height:80px; padding:5px; border:0; border-radius:5px; background:rgba(255,255,255,0.2); font-size:10pt; font-weight:bold; color:#fff; resize:none; overflow:hidden; }
#sms_box > #sms_body > #sms_sender_info { border-top:1px dashed #dfdfdf; padding:10px 5px; }
#sms_box > #sms_body > #sms_sender_info > input[type=number] { float:left; width:45px; height:30px; border:1px solid #dfdfdf; font-size:10pt; font-weight:normal; text-align:center; outline-style:none; }
#sms_box > #sms_body > #sms_sender_info > input[type=number]:invalid { background-color:#e00; color:#fff; }
#sms_box > #sms_body > #sms_sender_info > .txt_bar { float:left; height:30px; padding:0 5px; font-size:9pt; font-weight:normal; line-height:30px; }
#sms_box > #sms_body > #sms_sender_info > button { float:left; width:30px; height:30px; margin-left:5px; border:0; border-radius:50%; background-color:#0eb3e1; background-position:-497px -5px; cursor:pointer; }
#sms_box > #sms_body > #sms_sender_info > button:hover { background-position:-539px -5px; }
#sms_box > #sms_body > #sms_private { font-size:8pt; font-weight:normal; color:#999; }
#sms_box > #sms_footer { width:250px; height:65px; background-image:url('/img/base/sms_footer.png'); background-repeat:no-repeat; }
/* sms */

/* pop cs 영역 */
#pop_cs { position:fixed; bottom:10px; right:10px; width:100px; z-index:10; }
#pop_cs > #cs_box { z-index:12; }
#pop_cs > #cs_box > .cs_icon { position:relative; display:block; width:100px; margin:5px 0; border:0; border-radius:5px; cursor:pointer; }
#pop_cs > #cs_box > #cs_contact { padding:40px 0 10px 0; background-color:#ff5959; font-family:'NanumSquare'; font-size:20pt; font-weight:800; color:#fff; text-align:center; letter-spacing:1px; word-break:break-all; }
#pop_cs > #cs_box > #cs_contact > #icon_contact { position:absolute; top:-35px; left:0; width:100px; height:70px; border:0; border-radius:50%; background-color:transparent; background-position:0 -168px; }
#pop_cs > #cs_box > #icon_cs_sms { height:100px; background-position:-101px -153px; }
#pop_cs > #cs_box > #icon_cs_kakao { height:100px; background-position:-202px -153px; }
/* pop cs 영역 */

/* 상단 영역 */
#area_header > #area_top { position:relative; }
#area_header > #area_top > #top_logo { width:260px; margin:0 auto; padding:15px 0; cursor:pointer; }
#area_header > #area_top > #top_logo > img { display:block; margin:0; padding:0; }
#area_header > #area_top > #top_search { position:absolute; bottom:0; left:385px; margin:30px 0 30px 0; padding:0 15px 0 0; border:3px solid #07084D; border-radius:23px; background-color:#07084D; font-size:12pt; font-weight:normal; color:#D5B329; }
#area_header > #area_top > #top_search > #search_box { position:relative; float:left; width:230px; height:30px; margin:0 85px 0 0; border:0; border-radius:15px; font-size:10pt; font-weight:normal; }
#area_header > #area_top > #top_search > #search_box > label { display:none; position:absolute; top:0; left:0; width:100%; height:30px; padding-right:30px; font-weight:normal; text-align:center; line-height:30px; color:#999; cursor:text; }
#area_header > #area_top > #top_search > #search_box > input[name="titlei"] { width:100%; height:30px; padding:0 35px 0 5px; border:0; border-radius:15px; font-size:11pt; font-weight:bold; line-height:30px; text-align:center; color:#000; outline-style: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#area_header > #area_top > #top_search > #btn_tsearch { position:absolute; top:0; right:100px; width:30px; height:30px; background-color:#D5B329; background-position:-46px -5px; border:0; border-radius:15px; cursor:pointer; }
#area_header > #area_top > #top_search > #btn_detail_txt { position:absolute; top:0; right:35px; height:30px; margin:0; line-height:30px; cursor:pointer; }
#area_header > #area_top > #top_search > #btn_detail { position:absolute; top:5px; right:10px; width:20px; height:20px; margin:0; background-color:#D5B329; background-position:-93px -10px; border:0; border-radius:50%; cursor:pointer; }
#area_header > #area_top > #top_banner { position:absolute; bottom:30px; right:0; width:310px; height:65px; margin:0; padding:42px 0 0 8px; background-image:url("/img/header/banner_potal.gif"); background-repeat:no-repeat; background-position:0 5px; font-size:10pt; font-weight:normal; color:#555; }
#area_header > #area_top > #top_banner > .point { font-size:11pt; font-weight:bold; color:#e00; }
#area_header > #area_nav { width:100%; border-top:1px solid #1e1e1e; border-bottom:3px solid #1e1e1e; }
#area_header > #area_nav > dl#nav_menu { height:40px;padding:0; list-style-type:none;display:flex;justify-content: space-between; }
#area_header > #area_nav > dl#nav_menu > dd.nav_item > a  { position:relative; float:left; display:block;font-weight:700; height:40px; margin:0; background-color:#fff; font-family:'NanumSquare',sans-serif; font-size:13pt; text-align:center; line-height:40px; overflow:hidden; cursor:pointer; }
#area_header > #area_nav > dl#nav_menu > .nav_on > a  { font-weight:800; color:#1e1e1e; }
#area_header > #area_nav > dl#nav_menu > a:nth-child(7) > dd.nav_item { padding-right:0; }
#area_header > #area_nav > dl#nav_menu > dd > #nav_menus  { width:40px; height:40px; border:0; border-radius:0; background-color:#1e1e1e; cursor:pointer; }

.nav_sub_menus { position:absolute; display:none; top:142px; border-right:2px solid #1e1e1e; border-bottom:2px solid #1e1e1e; border-left:2px solid #1e1e1e; background-color:#fff; box-shadow:2px 2px 2px #1e1e1e; z-index:11; }
.nav_sub_menus > .nav_sub { margin:0; padding:10px 15px; list-style-type:none; }
.nav_sub_menus > .nav_sub > a > dd { min-width:130px; height:35px; margin:0; padding:0; font-size:11pt; font-weight:normal; line-height:35px; color:#555; }
.nav_sub_menus > .nav_sub > a > dd:hover { font-weight:bold; color:#d49a10; }
.nav_sub_menus > #nav_sub_area_d1 { float:left; width:150px; margin:0; padding:10px; list-style-type:none; }
.nav_sub_menus > #nav_sub_area_d1 > a > dd { position:relative; width:130px; height:35px; margin:0; padding:0; border-right:1px solid #dfdfdf; font-size:12pt; font-weight:bold; line-height:35px; color:#000; }
.nav_sub_menus > #nav_sub_area_d1 > a > dd  > .nav_sub_arrow { position:absolute; display:none; top:5px; right:5px; width:25px; height:25px; margin:0; border:0; border-radius:0; background-position:-375px -7px; }
.nav_sub_menus > #nav_sub_area_d1 > a > .nav_on { color:#d49a10; }
.nav_sub_menus > .nav_sub_area_d2 { float:left; display:none; width:130px; margin:0; padding:10px; list-style-type:none; }
.nav_sub_menus > .nav_sub_area_d2 > a > dd { width:110px; height:30px; margin:0; padding:0; font-size:10pt; font-weight:normal; line-height:30px; color:#555; }
.nav_sub_menus > .nav_sub_area_d2 > a > dd:hover , .nav_sub_menus > .nav_sub_area_d2  > a > dd.nav_on { font-weight:bold; color:#d49a10; }
.nav_sub_menus > .nav_sub_area_d2:nth-of-type(3){width:180px;height:600px;overflow-y: scroll;}
.nav_sub_menus > .nav_sub_area_d2:nth-of-type(3) a:first-of-type{text-wrap-mode: nowrap;}
.nav_sub_menus > #nav_sub_area_d1 > a:nth-of-type(3) > .nav_on button,.nav_sub_menus > #nav_sub_area_d1 > a:nth-of-type(4) > .nav_on button{display:none !important;}
/* .nav_sub_menus > #nav_sub_area_d1 > a:nth-of-type(3) > dd:hover,.nav_sub_menus > #nav_sub_area_d1 > a:nth-of-type(4) > dd:hover{border:none;}
.nav_sub_menus > #nav_sub_area_d1 > a:nth-of-type(3) > dd:hover,
.nav_sub_menus > #nav_sub_area_d1 > a:nth-of-type(4) > dd:hover {
    border: none;
} */

/* .nav_sub_menus > #nav_sub_area_d1 > dd:hover,
.nav_sub_menus > #nav_sub_area_d1 > dd > a:nth-of-type(1),
.nav_sub_menus > #nav_sub_area_d1 > dd > a:nth-of-type(2),
.nav_sub_menus > #nav_sub_area_d1 > dd > a:nth-of-type(3),
.nav_sub_menus > #nav_sub_area_d1 > dd > a:nth-of-type(4) {
    border: none;
} */
#nav_sub_area_계양구,#nav_sub_area_기타지역{display:none !important;}
/* 상단 영역 */

/* 검색창 */
#area_detail_search { width:100%; min-width:1300px; margin:0; padding:20px 0; background-color: var(--search-bg); }
/* #area_detail_search > .contents_width > form[name="search"] { margin:5px 0; padding-left:5px;} */
#area_detail_search > .contents_width > form[name="search"] > #btn_detail_search { float:right; width:170px; height:60px; background-color:#000000; background-position:-1000px -1000px; border:0; border-radius:0; cursor:pointer; }
#area_detail_search > .contents_width > form[name="search"] > #btn_detail_search > p { display:block;line-height:60px; text-align:center; color:#fff; cursor:pointer; }
#area_detail_search > .contents_width > form[name="search"] > #btn_detail_search:hover { background-position:0px -92px; }
#area_detail_search > .contents_width > form[name="search"] > #btn_detail_search:hover > p { display:none; }
#area_detail_search > .contents_width > form[name="search"] > .search_moneys { display:none; }
#area_detail_search > .contents_width > form[name="search"] > .search_item { width:151.2px; height:27px; margin:0 3px 3px 0; border:1px solid #dfdfdf; }
#area_detail_search > .contents_width > form[name="search"] > .search_select { position:relative; float:left; background:url('/img/admin/select_arrow.png'); background-repeat:no-repeat; background-position:right center; cursor:pointer;background-color: #fff;border: 1px solid #000;}
#area_detail_search > .contents_width > form[name="search"] > .search_select > .selected_option { width:100%; height:25px; padding:0 30px 0 5px; line-height:27px; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#area_detail_search > .contents_width > form[name="search"] > .search_select > .selected_option > .selected_icon { display:none; }
#area_detail_search > .contents_width > form[name="search"] > .search_select > .selected_option_on { height:25px; background:rgba(242, 205, 59, 0.1); }
#area_detail_search > .contents_width > form[name="search"] > .search_select > .select_options { display:none; position:absolute; top:27px; left:0; width:100%; max-height:250px; margin:0; padding:3px; border:1px solid #dfdfdf; border-radius:5px; background-color:#fff; cursor:pointer; overflow-y:auto; z-index:22; }
#area_detail_search > .contents_width > form[name="search"] > .search_select > .select_options > dd { width:100%; height:25px; padding:0 5px; line-height:25px; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#area_detail_search > .contents_width > form[name="search"] > .search_select > .select_options > dd:hover { border-radius:5px; background-color:#000000; color:#fff; }
#area_detail_search > .contents_width > form[name="search"] > .search_select > .select_options > dd > .selected_icon { display:none; }
#area_detail_search > .contents_width > form[name="search"] > .search_select > .select_options > dd.selected_item { border-radius:5px; background-color:#000000; color:#fff; }
#area_detail_search > .contents_width > form[name="search"] > .search_select > .select_options > dd.selected_item > .selected_icon { display:block; float:left; width:25px; height:25px; border:0; background-color:#000000; background-position:-174px -7px; }
#area_detail_search > .contents_width > form[name="search"] > #search_titlei { position:relative; float:left; height:27px; margin:0 3px 3px 0; border:1px solid #dfdfdf;border:1px solid #000; }
#area_detail_search > .contents_width > form[name="search"] > #search_titlei > label { display:none; position:absolute; top:1px; left:1px; height:25px; line-height:25px; color:#999; cursor:text; }
#area_detail_search > .contents_width > form[name="search"] > #search_titlei > input[name="titlei"] { width:100%; height:25px; border:0; line-height:25px; color:#000; outline-style: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/* 검색창 */

/* 상단 영역 - 배너 */
#area_top_banner{background:url('./img/header/main_visual.png') no-repeat 0 0 /contain;}
#area_top_banner > #main_image_banner { position:relative; width:100%; height:467px; margin:0 auto 0; padding:0; overflow:hidden; }
#area_top_banner > #main_image_banner > #main_banner_l1 { position:absolute; top:0; left:0; width:100%; height:370px; z-index:1; }
#area_top_banner > #main_image_banner > #main_banner_l2 { position:absolute; top:0; left:0; width:100%; height:370px; background-repeat:no-repeat; background-position:center top; z-index:2; }
#area_top_banner > #main_image_banner > .contents_width { position:relative; }
#area_top_banner > #main_image_banner > .contents_width > #main_banner_l3 { position:absolute; top:100%; left:15px; opacity:1; z-index:3;transform:translateY(50%);}
#area_top_banner > #main_image_banner > .contents_width > #main_banner_l4 { position:absolute; top:100%; left:15px; opacity:0; z-index:3;transform:translateY(50%);}
#area_top_banner > #main_image_banner > .contents_width > #main_banner_l5 { position:absolute; top:calC(474px / 2); right:0; z-index:4; transform:translateY(-50%); }

#map_tooltip { position:absolute; display:none; margin:-15px 0 0 15px; padding:0; z-index:5; }
#map_tooltip > .map_item_count { display:block; height:30px; margin:0; padding:0 10px; background-color:#333; border-radius:15px; font-size:10pt; font-weight:normal; line-height:30px; color:#fff; }
#map_tooltip > .map_item_count > .point { font-size:13pt; font-weight:800; line-height:30px; color:#ff5959; }
/* 상단 영역 - 배너 */

/* 첫화면 */
#main_slide_banner { position:relative; width:1200px; /*height:220px;*/ margin:40px auto; padding:0; }
#main_slide_banner > #btn_allow_left { position:absolute; top:63px; left:0; width:50px; height:50px; background-position:0 -41px; cursor:pointer; z-index:3; }
#main_slide_banner > #btn_allow_right { position:absolute; top:63px; right:0; width:50px; height:50px; background-position:-51px -41px; cursor:pointer; z-index:3; }
#main_slide_banner > #slide_container { position:relative; width:1100px;/*height:140px;*/ margin:0 50px; overflow:hidden; z-index:2; }
#main_slide_banner > #slide_container > #slide_body { display: grid;grid-template-columns: repeat(5, 1fr);gap: 10px; }
#main_slide_banner > #slide_container > #slide_body > .slide_item{width:212px;height:256px;overflow: hidden;border-radius:25px;}
#main_slide_banner > #slide_container > #slide_body > .slide_item > a {background-repeat: no-repeat;background-size: 100%;overflow: hidden;cursor: pointer; z-index:1;position:relative; }
#main_slide_banner > #slide_container > #slide_body > .slide_item > a > img { display:block; width:100%;}
#main_slide_banner > #slide_container > #slide_body > .slide_item > a div{width:100%;font-family: "Pretendard Variable", Pretendard; position: absolute;top: 50px;left: 50%;transform: translateX(-50%);color: var(--white);text-align: center;}
#main_slide_banner > #slide_container > #slide_body > .slide_item > a div h3{font-size:28px;font-weight:700;margin-bottom:10px;}
#main_slide_banner > #slide_container > #slide_body > .slide_item > a div p{font-size:20px;font-weight:400;}
#main_slide_banner > #slide_container > #slide_body > .slide_item:hover > a > img{ -webkit-transition:0.3s; transition:0.3s;transform:scale(1.1);filter: brightness(0.5); }

.mgood_title { position:relative; margin-top:20px; margin-bottom:10px; padding:5px 5px 5px 5px; font-family:'NanumSquare'; font-size:20pt; font-weight:800; text-align:left; color:#000; }
.mgood_title > .hide_icon { display:block; position:absolute; bottom:15px; right:5px; height:25px; padding:0 15px; border-radius:10px; background-color:#595959; font-size:9pt; font-weight:normal; line-height:25px; color:var(--white); }
/* 첫화면 */

/* 매물 목록 */
.list_title { position:relative; margin-top:20px; margin-bottom:40px; padding:5px 5px 10px 5px; font-family:'NanumSquare'; font-size:36px; font-weight:normal; letter-spacing:-1px; text-align:left; color:#000;   border-bottom: 2px solid #d4d4d4;font-weight: 700;}
.list_title > strong { font-size:20pt; font-weight:800; letter-spacing:0; color:#000000; }
.mgood_area > .result_maemul_empty { width:100%; font-size:10pt; font-weight:normal; text-align:left; color:#555; }
.btn_more { position:relative; display:inline-block; width:160px; height:50px; margin:15px 0 50px; padding:0 20px 0 0; border:1px solid #000000; border-radius:25px; background-color:#000000; font-size:12pt; font-weight:normal; text-align:center; line-height:48px; color:#fff; }
.btn_more > .icon_mgood_more { position:absolute; top:5px; right:35px; width:10px; height:40px; margin:0; border:0; background-color:#000000; background-position:-587px 0; }
.btn_more:hover { background-color:#fff; color:#000000; }
.btn_more:hover > .icon_mgood_more { background-color:#fff; background-position:-382px 0; }
/* 매물 목록 */

/* 사각형사진 - tetragon */
.tetragon_tit{width:100%;padding: 15px;background: var(--list-title-bg);color: var(--white);font-size: 20px;font-weight: 700;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.tetragon_area { /*float:left; width:calC(20% - 10px); padding:10px;*/ margin:0 auto;padding: 10px;}
.tetragon_area > .tetragon_box { margin:0 auto; padding:0; }
.tetragon_area > .tetragon_box > .tetragon_pic { position:relative; width:100%; aspect-ratio: 3/2; background-repeat:no-repeat; background-position:center; background-size:100%; overflow:hidden; transition:background-size 0.2s ease-in,transform 0.2s ease-in; -moz-transition:background-size 0.2s ease-in, transform 0.2s ease-in; -webkit-transition:background-size 0.2s ease-in , transform 0.2s ease-in; }
.contents_width.showList > a:hover{transform:translateY(-1%);}
.contents_width.showList > a:hover .tetragon_box > .tetragon_pic{background-size:105%;}
.tetragon_area > .tetragon_box > .tetragon_pic > .tetragon_besticon { position:absolute; top:0; right:0; margin:5px; padding:5px; border:0; border-radius:5px; font-size:9pt; font-weight:normal; }
.tetragon_area > .tetragon_box > .tetragon_info { width:247px; margin:5px auto; margin-bottom:10px; padding:0; font-size:9pt; font-weight:normal; color:#555; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.tetragon_area > .tetragon_box > .tetragon_info.bBottom{border-bottom:1px solid #adadad;padding-bottom:15px;margin-bottom:15px;}
.tetragon_area > .tetragon_box > .tetragon_info > .tetragon_bar { padding:0 2px; font-size:11px; font-weight:800;color: #818181;}
.tetragon_area > .tetragon_box > .tetragon_info > .tetragon_money { font-size:14pt; font-weight:bold; color:var(--point-c1); }
.tetragon_area > .tetragon_box > .tetragon_info > .tetragon_money > .money_won { font-size:14px; font-weight:normal; }
.tetragon_area > .tetragon_box > .tetragon_info > .tetragon_money span:not(.money_won){font-size:20px;font-weight:800;}
.tetragon_area > .tetragon_box > .tetragon_info > .tetragon_category { font-weight:bold; }
.tetragon_area > .tetragon_box > .tetragon_info > .tetragon_size { font-weight:normal; color:var(--point-c2); }
.tetragon_area > .tetragon_box > .tetragon_info > .tetragon_size > strong { font-size:10pt; font-weight:bold; }
.tetragon_area > .tetragon_box > .tetragon_info > .tetragon_floor { font-weight:normal; }
.tetragon_area > .tetragon_box > .tetragon_info > .tetragon_aspect { font-weight:normal; }
.tetragon_area > .tetragon_box > .tetragon_info > .tetragon_title { font-size: 18px;font-weight: 700;letter-spacing: -0.35px;color: #000; }
.tetragon_area > .tetragon_box > .tetragon_info > .tetragon_icon { float:left; display:block; height:20px; margin:0 2px 2px 0; padding:0 4px; background-color:#eee; font-size:8pt; line-height:20px; color:#797979; }
.tetragon_area > .tetragon_box > .tetragon_info > .tetragon_icon > strong { font-size:9pt; font-weight:bold; }
.tetragon_name{padding: 7px 14px;display: inline-block;border-radius: 5px;color: var(--white);}
.tetragon_name.blue{background: #0078ff;}
.tetragon_name.red{background: #c31717;}
/* 사각형사진 - tetragon */

/* 매물 상세 페이지 */
#pic_slider_box { width:1002px; height:690px; margin:0 auto; background-color:#555; overflow:hidden; }
.slider_arrow_left { position:absolute; top:304px; left:-60px; width:50px; height:50px; border:0; border-radius:50%; background-color:#fff; background-position:0 -41px; z-index:119; }
.slider_arrow_right { position:absolute; top:304px; left:1012px; width:50px; height:50px; border:0; border-radius:50%; background-color:#fff; background-position:-51px -41px; z-index:119; }
.pic_slider_items { position:relative; width:1002px; height:668px; border-radius:10px; overflow:hidden; }
.pic_slider_item { position:absolute; display:table-cell; width:1002px; height:668px; margin:0; padding:0; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:contain; vertical-align:middle; overflow:hidden; }
.pic_slider_item > .movie_contents { position:relative; padding-top:56%; width:100%; }
.pic_slider_item > .movie_contents > iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.pic_slider_thumbnail { position:relative; height:10px; margin:6px auto; overflow:hidden; }
.pic_slider_thumbnail > div { float:left; width:10px; height:10px; margin:0 5px; padding:0; border-radius:5px; background-color:#fff; cursor:pointer; -webkit-transition:width 0.2s; transition:width 0.2s; }
.pic_slider_thumbnail > .pic_slider_thum_item_on { width:70px; background-color:#fff020; }

#pop_info { position:absolute; bottom:5px; left:0; width:450px; }
#pop_info > #info_code { width:400px; margin:0; padding:5px; font-family:'NanumSquare'; font-size:13pt; font-weight:bold; color:var(--point-c1); }
#pop_info > #info_title { width:400px; margin:0; padding:5px; font-family:'NanumSquare'; font-size:15pt; font-weight:bold; color:#000; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#pop_info > #info_txts { width:400px; margin:0; padding:5px; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#pop_info > #info_txts > .info_bar { padding:0 5px; font-size:9pt; color:#999; }
#pop_info > #info_txts > .info_address { font-size:10pt; font-weight:normal; color:#555; }
#pop_info > #info_txts > .info_category { font-size:10pt; font-weight:normal; color:#555; }
#pop_info > #info_txts > .info_size { font-size:10pt; font-weight:normal; color:var(--point-c2); }
#pop_info > #info_txts > .info_size > strong { font-size:12pt; font-weight:bold; }
#pop_info > #info_txts > .info_room { font-size:10pt; font-weight:normal; color:#555; }
#pop_info > #info_txts > .info_room > strong { font-size:12pt; font-weight:bold; }
#pop_moneys { position:absolute; bottom:5px; left:400px; width:249px; padding:0 10px; border-left:1px solid #dfdfdf; }
#pop_moneys > #info_money_part { font-family:'NanumSquare'; font-size:14pt; font-weight:bold; color:#555; }
#pop_moneys > #info_money_txt { font-family:'NanumSquare'; font-size:20pt; font-weight:800; color:var(--point-c1); }
#pop_moneys > #info_money_txt > .money_won { font-family:'Nanum Gothic'; font-size:11pt; font-weight:normal; }
#pop_moneys > #info_money_txt > .money_bar { padding:0 5px; font-family:'Nanum Gothic'; font-size:9pt; font-weight:normal; }
#pop_staff { position:absolute; bottom:5px; left:650px; width:349px; border-left:1px solid #dfdfdf; }
#pop_staff > .staff_info { padding:2px 5px; font-size:9pt; font-weight:normal; color:#555; }
#pop_staff > .staff_info > .staff_name { font-size:11pt; font-weight:bold; }
#pop_staff > .staff_info > .staff_hp { font-size:13pt; font-family:'NanumSquare'; font-weight:bold; color:#000; }
#pop_staff > .staff_info > .staff_tel { font-size:11pt; font-weight:bold; color:#555; }
#pop_staff > .staff_info > .info_bar { padding:0 5px; font-size:9pt; font-weight:normal; color:#999; }
#btn_info_pop_sms { position:absolute; bottom:10px; left:1005px; width:90px; height:90px; border:1px solid #f4f4f4; background-color:#fefeff; box-shadow:2px 2px 5px #efefef; border-radius:10px; background-position:-409px -158px; opacity:0.7; }
#btn_info_pop_sms:hover { background-color:#f4f4f4; opacity:1; }

.maemul_info_title { padding-bottom:5px; border-bottom:1px solid #dfdfdf; font-family:'NanumSquare'; font-size:18pt; font-weight:800; color:#000; }
.icon_youtube_50 { width:50px; height:50px; background-color:rgba(0,0,0,0); background-position:-102px -41px; border:0; }
.maemul_info_contents { position:relative; margin-bottom:50px; padding:0; }
.maemul_info_contents > #maemul_pic_box { width:1100px; height:367px; background-color:#fff; overflow:hidden; cursor:pointer; }
.maemul_info_contents > #maemul_pic_box > #maemul_pic_big { position:relative; float:left; width:551px; height:367px; margin:0; padding:0; border:0; background-color:#fafafa; background-repeat:no-repeat; background-position:center; background-size:cover; }
.maemul_info_contents > #maemul_pic_box > #maemul_pic_big > .icon_youtube_50 { position:absolute; top:159px; left:250px; }
.maemul_info_contents > #maemul_pic_box > .maemul_pics { float:left; position:relative; width:183px; height:122px; margin:0; padding:0; border:0; background-repeat:no-repeat; background-position:center; background-size:cover; }
.maemul_info_contents > #maemul_pic_box > .maemul_pics > .movie_cover { position:absolute; display:block; width:183px; height:122px; background:rgba(255,255,255,0.5); z-index:2; }
.maemul_info_contents > #maemul_pic_box > .maemul_pics > .movie_cover > .icon_youtube_50 { position:absolute; top:36px; left:66px; }
.maemul_info_contents > #maemul_pic_box > .maemul_pics > .pics_cover { position:absolute; display:none; width:183px; height:122px; background:rgba(0,0,0,0.5); font-size:12pt; font-weight:bold; line-height:122px; text-align:center; color:#fff; z-index:3; }
.maemul_info_contents > #maemul_pic_box > .maemul_pics:last-child > .pics_cover { display:block; }
.maemul_info_contents > table.info_box { width:100%; margin:0; }
.maemul_info_contents > table.info_box td.info_t { width:10%; padding:10px 5px; border-bottom:1px solid #dcddde; background-color:#e9e9e9; font-family:'Nanum Gothic',sans-serif; font-size:10pt; letter-spacing:-0.5px; font-weight:800; color:#2a2a2a; text-align:center; }
.maemul_info_contents > table.info_box td.info_i { width:15%; padding:10px 5px; border-bottom:1px solid #dcddde; background-color:#fff; font-family:'Nanum Gothic',sans-serif; font-size:10pt; font-weight:normal; color:#5c5c5c; text-align:left; }
.maemul_info_contents > table.info_box td.info_i > strong { font-size:11pt; font-weight:bold; color:#303030; }
.maemul_info_contents > table.info_box td.info_code > strong { font-size:11pt; font-weight:bold; color:var(--point-c1); }
.maemul_info_contents > table.info_box td.info_size { color:var(--point-c2); }
.maemul_info_contents > table.info_box td.info_size > strong { font-size:11pt; font-weight:bold; color:var(--point-c2); }
.maemul_info_contents > table.info_box td.info_i > .money_num { font-family:'NanumSquare'; font-size:13pt; font-weight:800; color:var(--point-c1); }
.maemul_info_contents > table.info_box td.info_i > .money_won { font-family:'Nanum Gothic'; font-size:10pt; font-weight:normal; color:var(--point-c1); }
.maemul_info_contents > table.info_box td.info_i > .info_item_train { display:inline-block; margin:1px 5px; padding:4px 15px; border-radius:15px; font-size:9pt; color:#fff; }
.maemul_info_contents > table.info_box td.info_i > .hashtag { display:inline-block; margin:0 5px; padding:5px 10px; border-radius:5px; background-color:#eee; font-size:9pt; color:#797979; }
.maemul_info_contents > table.info_box td.lineless { border:0; }
.opt_item { display:inline-block; margin:5px 10px; padding:10px 15px; background-color:#e9e9e9; border:0; border-radius:5px; font-size:10pt; font-weight:normal; color:#555; }
/* 매물 상세 페이지 */

/* 1:1문의하기 */
.board_width { width:900px; margin:0 auto; }
.board_box { width:100%; margin:10px 0; border-collapse:collapse; }
.board_box th.board_item { padding:5px 0; font-size:12pt; font-weight:bold; text-align:center; color:#505050; }
.board_box td.board_value { padding:5px; font-size:10pt; font-weight:normal; color:#333; }
.board_box td.board_value > input[type=text] { height:30px; border:1px solid #dfdfdf; border-radius:5px; }
.board_box td.board_value > textarea { width:100%; height:300px; }
.board_box td.board_value > .board_small { font-size:9pt; font-weight:normal; color:#898989; }
.board_box td.board_value > .board_small > .point { font-size:10pt; font-weight:bold; color:#e00000; }

#private_box { width:900px; margin:5px auto; border-radius:10px;  }
#private_box > caption#board_private_title { width:100%; margin:15px 0 5px 0; padding:0; font-size:11pt; font-weight:bold; text-align:center; color:#505050; }
#private_box th { width:150px; padding:8px; border:1px solid #dfdfdf; background-color:#e9e9e9; font-size:9pt; font-weight:bold; }
#private_box td { width:300px; padding:8px; border:1px solid #dfdfdf; background-color:#fff; font-size:9pt; font-weight:normal; }

#board_private_btn { font-size:10pt; font-weight:normal; text-align:center; color:#333; }

#board_btns { margin:25px auto; text-align:center; }
#board_btns > .board_btn { height:35px; margin:0 10px; padding:0 20px; border:2px solid #000000; border-radius:5px; background-color:#000000; font-size:12pt; font-weight:bold; line-height:31px; color:#fff; box-shadow:2px 2px 5px #000000; cursor:pointer; }
#board_btns > .board_btn:hover { background-color:#fff; color:#000000; }
/* 1:1문의하기 */

/* 투어신청 */
#tour_banner_box { position:relative; width:1100px; height:130px; margin:0 auto 20px; border:0; border-radius:20px; background-image:url('/img/pages/banner_bg.png'); background-repeat:no-repeat; overflow:hidden; }
#tour_banner_txt { position:absolute; top:0; left:0; }
.tui-datepicker-input { width:120px; height:26px; }
.tui-sat , .tui-calendar-sat { color:#00e; }
.tui-sun , .tui-calendar-sun { color:#e00; }
.tour_box { width:900px; margin:5px auto 30px; }
.tour_box > caption { padding-bottom:5px; border-bottom:1px solid #dfdfdf; font-family:'NanumSquare'; font-size:14pt; font-weight:bold; text-align:left; color:#000; }
.tour_box th { width:15%; }
.tour_box td.board_value > .board_small { height:32px; line-height:32px; }
.tour_box td.board_value > .board_small > .point { font-weight:bold; color:#e00000; }
/* 투어신청 */

/* 일반페이지 */
#page_title_area { padding:25px 0 10px 0; border-bottom:1px solid #dfdfdf; }
#page_title_area > #title { font-family:'NanumSquare'; font-size:18pt; font-weight:800; color:#000; }
#page_title_area > #title > #sub_title { font-family:'Nanum Gothic'; font-size:12pt; font-weight:bold; color:#a9a9a9; }

#page_body_area { width:100%; margin:10px 0; padding:0; font-family:'Nanum Gothic'; font-size:10pt; font-weight:normal; color:#333; }
/* 일반페이지 */

/* 개인정보취급방침 */
.notice_body { margin:0 0 20px 20px; padding:0; }
.notice_list { margin:0 0 0 20px; padding:0; }
.depth1 { margin:5px 0; padding:0; font-family:'NanumSquare'; font-size:11pt; font-weight:800; color:#000; text-indent:0; }
.depth2 { margin:5px 0; padding:0; font-family:'Nanum Gothic'; font-size:9pt; font-weight:normal; color:#222; text-indent:0; }
.depth3 { margin:5px 0; padding:0; font-family:'Nanum Gothic'; font-size:9pt; font-weight:normal; color:#444; text-indent:0; }
.depth4 { margin:5px 0; padding:0; font-family:'Nanum Gothic'; font-size:9pt; font-weight:normal; color:#444; text-indent:0; }
.depth5 { margin:5px 0; padding:0; font-family:'Nanum Gothic'; font-size:9pt; font-weight:normal; color:#444; text-indent:0; }
.notice_base_txts { margin:5px 0 5px 20px; padding:0; }
/* 개인정보취급방침 */

/* 하단 영역 */
#area_footer { margin-top:10px; }
#area_footer > #link_info { width:100%; border-top:1px solid #dfdfdf; background-color:#fff; }
#area_footer > #link_info > .contents_width > dl#link_items { width:100%; margin:0; padding:10px 0; list-style-type:none; }
#area_footer > #link_info > .contents_width > dl#link_items > a > dd.link_item { float:left; width:180px; height:50px; margin:0 1px; padding:0; border:0; background-repeat:no-repeat; background-position:center center; }
#area_footer > #footer_info_area { width:100%; padding:30px 0; background-color:#f8f8f8; }
#area_footer > #footer_info_area > .contents_width { position:relative;display: flex;}
#area_footer > #footer_info_area > .contents_width > #footer_logo { width:300px; cursor:pointer;align-self: center; }
#area_footer > #footer_info_area > .contents_width > #footer_company { width:450px; }
#area_footer > #footer_info_area > .contents_width > #footer_cs { width:300px; }
#area_footer > #footer_info_area > .contents_width > #footer_cs > p > a > #privacy_policy { font-size:10pt; font-weight:bold; color:#222; }
#area_footer > #footer_info_area > .contents_width > .footer_info > p { margin:5px 0; font-size:10pt; font-weight:normal; letter-spacing:-0.3px; color:#000; }
#area_footer > #footer_info_area > .contents_width > .footer_info > p > strong { font-size:12pt; }
/* #area_footer > #footer_info_area > .contents_width > #copyright_info { width:100%; font-size:10px; color:#b6b6b6; text-align:center; } */
#area_footer > #footer_info_area > .contents_width > #footer_btns { position:absolute; top:0; right:0; width:30px; }
#area_footer > #footer_info_area > .contents_width > #footer_btns > button { width:30px; height:30px; margin:2px auto; background-color:#a9a9a9; border:0; border-radius:5px; }
#area_footer > #footer_info_area > .contents_width > #footer_btns > #btn_footer_top { background-position:-210px -5px; }
#area_footer > #footer_info_area > .contents_width > #footer_btns > #btn_footer_home { background-position:-251px -5px; }
#area_footer > #footer_info_area > .contents_width > #footer_btns > #btn_footer_admin { background-position:-292px -5px; }
#area_footer > #footer_info_area > .contents_width > #footer_btns > #btn_footer_sswebplus { background-position:-333px -5px; }
.copyRight{padding: 15px 0;text-align: center;background: var(--f-bg);color: #fff;font-weight: 500;font-size: 14px;letter-spacing: -0.35px;}
/* 하단 영역 */