/* 기본 세팅 */
@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~ */

body { min-width:1400px; 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:0; font-family:'NanumSquare'; font-size:13pt; 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; }
/* 기본 세팅 */

/* 공통 영역 */
#black_board { position:fixed; display:none; top:0; left:0; width:100%; min-width:1400px; 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:1400px; margin:0 auto; }
.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 #dfdfdf; border-radius:10px; 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:#046fd9; 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:#046fd9; }
/* 공통 영역 */

/* 아이콘 */
.btns_base_40 { width:40px; height:40px; background-image:url('/img/base/btns_base_40.png'); background-repeat:no-repeat; border:0; overflow:hidden; }
.icon_menu { background-position:-0px -0px; } .icon_search { background-position:-41px -0px; } .icon_list { background-position:-82px -0px; }
.icon_close { background-position:-123px -0px; } .icon_check { background-position:-164px -0px; } .icon_top { background-position:-205px -0px; }
.icon_home { background-position:-246px -0px; } .icon_lock { background-position:-287px -0px; } .icon_ssweb { background-position:-328px -0px; }
.arrow_right_point { background-position:-369px -0px; } .sms_receive { background-position:-410px -0px; } .sms_sender { background-position:-451px -0px; }
.sms_send_txt { background-position:-492px -0px; } .sms_send_icon { background-position:-533px -0px; } .arrow_right_white { background-position:-574px -0px; }
.arrow_right { background-position:-615px -0px; } .arrow_left { background-position:-656px -0px; } .arrow_right_double { background-position:-697px -0px; }
.arrow_left_double { background-position:-738px -0px; } .icon_square { background-position:-779px -0px; }
.icon_instagram { background-position:-0px -41px; } .icon_facebook { background-position:-41px -41px; } .icon_nblog { background-position:-82px -41px; }
.icon_ncafe { background-position:-123px -41px; } .icon_youtube { background-position:-164px -41px; } .icon_naver { background-position:-205px -41px; }
.icon_daum { background-position:-246px -41px; } .icon_google { background-position:-287px -41px; }

.btns_base_100 { width:100px; height:100px; background-image:url('/img/base/btns_base_100.png'); background-repeat:no-repeat; border:0; overflow:hidden; }
.btn_icon_sms { background-position:-0px -0px; } .btn_icon_kakao { background-position:-101px -0px; } .btn_icon_top { background-position:-202px -0px; }
.btn_icon_maps { background-position:-303px -0px; } .btn_icon_subway { background-position:-404px -0px; }
.btn_icon_seoul { background-position:-505px -0px; } .btn_icon_incheon { background-position:-606px -0px; } .btn_icon_gyeonggi { background-position:-707px -0px; }
.btn_icon_home { background-position:-808px -0px; } .btn_icon_tel { background-position:-909px -0px; }
.btn_icon_room1 { background-position:-0px -101px; } .btn_icon_room2 { background-position:-101px -101px; } .btn_icon_room3 { background-position:-202px -101px; }
.btn_icon_room4 { background-position:-303px -101px; }
/* .btn_icon_sms_off { background-position:-404px -101px; } .btn_icon_kakao_off { background-position:-505px -101px; } */
/* 아이콘 */

/* 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:#046fd9; 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:absolute; top:400px; right:-95px; width:90px; padding:15px 5px 30px; border:0; border-radius:15px; background-color:#fff; box-shadow: 5px 18px 18px rgba(0,0,0,0.31); z-index:10; }
#pop_cs > #cs_box { position:relative; }
#pop_cs > #cs_box > .cs_icons { font-size:10pt; font-weight:bold; color:#000; text-align:center; line-height:22px; letter-spacing:1px; word-break:break-all; cursor:pointer; }
#pop_cs > #cs_box > .cs_icons:nth-child(2) { margin:10px 0; padding:10px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
#pop_cs > #cs_box > .cs_icons > button { display:block; margin:-10px; transform:scale(0.8,0.8); }
#pop_cs > #cs_box > #cs_contact > .point { font-family:'NanumSquare'; font-size:13pt; font-weight:900; color:#e00000; letter-spacing:-0.8px; }
#pop_cs > #cs_box > #icon_cs_sms > button { border-radius:20px; background-color:#046fd9;; }
#pop_cs > #cs_box > #icon_cs_sms:hover > button { background-color:#046fd9; }
#pop_cs > #cs_box > #icon_cs_kakao > button { border-radius:20px; background-color:transparent; }
#pop_cs > #cs_box > #icon_cs_kakao > button { background-color:#fbe100; }
#pop_cs > #cs_box > #cs_top { position:absolute; bottom:-55px; left:15px; width:50px; height:50px; border-radius:50%; background-position:-227px -25px; }
/* pop cs 영역 */

/* 상단 영역 */
#area_header { border-top:4px solid #046fd9; }
#area_header > #area_top { position:relative; width:1400px; margin:0 auto; }
#area_header > #area_top > #top_logo { width:370px; margin:0 auto; padding:10px 0; cursor:pointer; }
#area_header > #area_top > #top_logo > img { display:block; margin:0 auto; padding:0; }
#area_header > #area_top > #top_search { position:absolute; bottom:10px; left:0; margin:0; padding:0 15px 0 0; border:3px solid #046fd9; border-radius:23px; background-color:#046fd9; font-size:12pt; font-weight:normal; color:#fff; }
#area_header > #area_top > #top_search > #search_box { position:relative; float:left; width:200px; height:30px; margin:0 140px 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:0 35px 0 5px; 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:-5px; right:90px; width:90px; height:40px; background-color:#f39800; border:0; border-radius:20px; cursor:pointer; }
#area_header > #area_top > #top_search > #btn_tsearch > button { float:left; display:block; background-color:transparent; }
#area_header > #area_top > #top_search > #btn_tsearch > span { float:left; display:block; height:40px; font-family:'NanumSquare',sans-serif; font-size:13pt; font-weight:900; line-height:40px; }
#area_header > #area_top > #top_search > #btn_detail { position:absolute; top:0; right:60px; width:30px; height:30px; margin:0; border:0; background-color:#046fd9; background-position:-87px -5px; cursor:pointer; }
#area_header > #area_top > #top_search > #btn_detail_txt { position:absolute; top:0; right:0px; width:60px; height:30px; margin:0; font-size:10pt; line-height:30px; cursor:pointer; }
#area_header > #area_top > #top_banner { position:absolute; bottom:10px; right:0; height:44px; margin:0; padding:0 15px; border:2px solid #046fd9; border-radius:20px; overflow:hidden; }
#area_header > #area_top > #top_banner > button { float:left; border-radius:50%; }
#area_header > #area_top > #top_banner > span { float:left; display:block; height:26px; margin:7px 10px; padding:0 0 0 15px; border-left:1px solid #ccc; font-size:14pt; font-weight:bold; line-height:26px; color:#000; }
#area_header > #area_nav { width:100%; background-color:#046fd9; }
#area_header > #area_nav > dl#nav_menu { width:1400px; padding:0; list-style-type:none; }
#area_header > #area_nav > dl#nav_menu > a > dd.nav_item { position:relative; float:left; display:block; height:40px; margin:0; padding:0 60px; background-color:transparent; font-family:'NanumSquare',sans-serif; font-size:13pt; text-align:center; line-height:40px; color:#fff; overflow:hidden; cursor:pointer; }
#area_header > #area_nav > dl#nav_menu > a > .nav_on { font-weight:800; color:#fff; }
#area_header > #area_nav > dl#nav_menu > a:nth-child(1) > dd.nav_item { padding-left:45px; }
#area_header > #area_nav > dl#nav_menu > a:nth-child(8) > dd.nav_item { padding-right:0; }
#area_header > #area_nav > dl#nav_menu > a > dd > #nav_menus { position:absolute; top:0; left:0; width:40px; height:40px; border:0; border-radius:0; background-color:#f39800; cursor:pointer; }

.nav_sub_menus { position:absolute; display:none; top:160px; border-right:2px solid #046fd9; border-bottom:2px solid #046fd9; border-left:2px solid #046fd9; background-color:#fff; box-shadow:2px 2px 5px #046fd9; 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:900; color:#046fd9; }
.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 > .arrow_right_point { position:absolute; display:none; top:5px; right:5px; width:30px; height:30px; margin:0; border:0; border-radius:0; background-position:-374px -5px; }
.nav_sub_menus > #nav_sub_area_d1 > a > .nav_on { font-weight:900; color:#046fd9; }
.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:900; color:#046fd9; }

.nav_sub_menus > #nav_sub_theme_d1 { float:left; width:150px; margin:0; padding:10px; list-style-type:none; }
.nav_sub_menus > #nav_sub_theme_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_theme_d1 > a > dd > .arrow_right_point { position:absolute; display:none; top:5px; right:5px; width:30px; height:30px; margin:0; border:0; border-radius:0; background-position:-374px -5px; }
.nav_sub_menus > #nav_sub_theme_d1 > a > .nav_on { font-weight:900; color:#046fd9; }
.nav_sub_menus > .nav_sub_theme_d2 { float:left; display:none; width:130px; margin:0; padding:10px; list-style-type:none; }
.nav_sub_menus > .nav_sub_theme_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_theme_d2 > a > dd:hover , .nav_sub_menus > .nav_sub_theme_d2 > a > dd.nav_on{ font-weight:900; color:#046fd9; }
/* 상단 영역 */

/* 검색창 */
#area_detail_search { position:absolute; display:none; width:100%; min-width:1400px; margin:0; padding:10px 0; border-bottom:1px solid #046fd9; background-color:#fff; z-index:21; }
#area_detail_search > .contents_width > form[name="search"] { margin:5px 0; padding-left:5px; border-left:2px solid #046fd9; }
#area_detail_search > .contents_width > form[name="search"] > #btn_detail_search { float:right; width:170px; height:60px; background-color:#046fd9; background-position:-1000px -1000px; border:0; border-radius:10px; 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"] > .search_item { width:170px; 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; }
#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-color:#daedff; }
#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:#046fd9; 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:#046fd9; 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:#046fd9; background-position:-174px -7px; }
#area_detail_search > .contents_width > form[name="search"] > #search_titlei { position:relative; float:left; width:689px; height:27px; margin:0 3px 3px 0; border:1px solid #dfdfdf; }
#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 > #main_image_banner { position:relative; width:100%; height:450px; margin:0 auto; padding:0; border:0; background-image:url('/img/header/main_bg.png'); background-position:top center; background-repeat:no-repeat; overflow:hidden; z-index:2; }
#area_top_banner > #main_image_banner > .contents_width { position:relative; }
#area_top_banner > #main_image_banner > .contents_width > #main_banner { position:absolute; top:25%px; left:50%; transform:translate(-50%,25%); z-index:3; }
/* 상단 영역 - 배너 */

/* 첫화면 */
#main_banners { height:120px; z-index:4; }
#main_banners > .contents_width { position:relative; }
#main_banners > .contents_width > #main_banner_items { position:absolute; top:-80px; left:120px; width:1160px; height:165px; padding:15px; border-radius:15px; background-color:#fff; box-shadow: 5px 18px 18px rgba(0,0,0,0.31); overflow:hidden; z-index:5; }
#main_banners > .contents_width > #main_banner_items > img { float:left; display:block; margin:25px 0 0 0; border:0; }
#main_banners > .contents_width > #main_banner_items > a > .search_item { float:right; display:block; width:110px; margin:0 15px; text-align:center; cursor:pointer; }
#main_banners > .contents_width > #main_banner_items > a > .search_item > button { border-radius:50%; background-color:#f3f3f3; }
#main_banners > .contents_width > #main_banner_items > a > .search_item > .txt { display:block; margin:5px 0; font-size:12pt; font-weight:bold; text-align:center; color:#343434; }

.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:#fff; }
/* 첫화면 */

/* 네이버지도 */
.map_buttons { position:absolute; top:0; right:0; width:260px; z-index:9; padding:5px; }
.map_buttons > button { float:right; width:44px; height:44px; margin:3px; border:1px solid #363636; border-radius:3px; font-size:9pt; font-weight:bold; letter-spacing:-0.5px; }
.map_buttons > .control-btn { background-color:#fff; color:#363636; }
.map_buttons > .control-on { background-color:#046fd9; border:1px solid #046fd9; color:#fff; }
.map_buttons > .btn_map_zoom { font-family:'Arial'; font-size:30px; font-weight:bold; line-height:40px; color:#000; }
.map_buttons > #btn_cadastral { display:none; }
.map_item { position:relative; cursor:pointer; z-index:2; }
.map_item > .map_item_name { min-width:100px; height:30px; padding:0 10px 0 35px; background-color:#fff; border:2px solid #046fd9; border-radius:20px; font-size:10pt; font-weight:normal; line-height:26px; color:#000; }
.map_item > .map_item_count { position:absolute; top:-10px; left:-20px; width:50px; height:50px; background-color:#046fd9; border:5px double #fff; border-radius:50%; font-size:13pt; font-weight:bold; line-height:40px; text-align:center; color:#fff; }
.map_item:hover { z-index:9; }
.map_item:hover > .map_item_name { background-color:#046fd9; border-color:#fff; color:#fff; }
.map_item:hover > .map_item_count { background-color:#fff; border-color:#046fd9; color:#046fd9; }
/* 네이버지도 */

/* 매물 목록 */
#list_btns { position:relative; width:calc(100% - 100px); margin:10px 0 10px 5px; border-bottom:1px solid #ccc; }
#list_btns > #list_count { position:absolute; bottom:5px; right:110px; }
#list_btns > .list_item_type { float:right; margin:5px; background-color:#d5d5d5; }
#list_btns > .type_on { background-color:#046fd9; }
#list_btns > #list_title { float:left; width:calc(100% - 220px); height:30px; margin:18px 5px 5px 5px; font-family:'NanumSquare'; font-size:13pt; font-weight:normal; line-height:30px; letter-spacing:-1px; text-align:left; color:#000; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#list_btns > #list_title > strong { font-size:18pt; font-weight:900; letter-spacing:0; color:#046fd9; }
.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 #046fd9; border-radius:25px; background-color:#046fd9; 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:#046fd9; background-position:-587px 0; }
.btn_more:hover { background-color:#fff; color:#046fd9; }
.btn_more:hover > .icon_mgood_more { background-color:#fff; background-position:-382px 0; }
/* 매물 목록 */

/* 지역별/역세권별 검색 */
.list_area_search { position:absolute; display:none; top:70px; right:670px; width:300px; max-height:500px; padding:10px; border-radius:10px; background-color:#fff; overflow-y:auto; z-index:5; }
.list_area_search > .list_aera_search_title { margin-bottom:10px; font-size:14pt; font-weight:bold; }
.list_area_search > .list_aera_search_title > span { float:right; color:#555; }
.list_area_search > .list_area_search_items { position:relative; font-size:10pt; font-weight:normal; color:#555; }
.list_area_search > .list_area_search_items > .sublist_item { float:left; width:calc(33.33% - 4px); height:30px; margin:1px; padding:0 1px; border:1px solid #ccc; border-radius:3px; line-height:28px; }
.list_area_search > .list_area_search_items > .btn_area_total { width:calc(50% - 5px); padding:0 5px; }
.list_area_search > .list_area_search_items > .item_on { background-color:#046fd9; border-color:#046fd9; font-size:11pt; font-weight:bold; color:#fff; }
/* 지역별/역세권별 검색 */

/* 사각형사진 - tetragon */
.tetragon_item { float:left; width:280px; margin:0; padding:10px; }
.tetragon_item > .list_items_box { margin:0; padding:0; }
.tetragon_item > .list_items_box > .list_items_pic { position:relative; width:255px; height:170px; border-radius:5px; background-repeat:no-repeat; background-position:center; background-size:100%; overflow:hidden; transition:background-size 0.2s ease-in; -moz-transition:background-size 0.2s ease-in; -web-kit-transition:background-size 0.2s ease-in; }
.tetragon_item > .list_items_box > .list_items_pic:hover { background-size:105%; }
.tetragon_item > .list_items_box > .list_items_pic > .list_items_besticon { position:absolute; top:0; right:0; margin:5px; padding:5px; border:0; border-radius:5px; font-size:9pt; font-weight:normal; }
.tetragon_item > .list_items_box > .list_items_info { width:255px; margin:5px 0; padding:0; font-size:9pt; font-weight:normal; color:#555; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.tetragon_item > .list_items_box > .list_items_info > .list_items_bar { padding:0 2px; font-size:8pt; font-weight:normal; color:#ccc; }
.tetragon_item > .list_items_box > .list_items_info > .list_items_money { font-size:14pt; font-weight:bold; color:#4c93e8; }
.tetragon_item > .list_items_box > .list_items_info > .list_items_money > .money_won { font-size:10pt; font-weight:normal; }
.tetragon_item > .list_items_box > .list_items_info > .list_items_address { font-size:11pt; font-weight:bold; }
.tetragon_item > .list_items_box > .list_items_info > .list_items_category { font-weight:bold; }
.tetragon_item > .list_items_box > .list_items_info > .list_items_size { font-size:10pt; font-weight:normal; color:#2cb400; }
.tetragon_item > .list_items_box > .list_items_info > .list_items_size > strong { font-size:11pt; font-weight:bold; }
.tetragon_item > .list_items_box > .list_items_info > .list_items_room { font-size:10pt; font-weight:normal; }
.tetragon_item > .list_items_box > .list_items_info > .list_items_room > strong { font-size:11pt; font-weight:bold; }
.tetragon_item > .list_items_box > .list_items_info > .list_items_floor { font-weight:normal; }
.tetragon_item > .list_items_box > .list_items_info > .list_items_aspect { font-weight:normal; }
.tetragon_item > .list_items_box > .list_items_info > .list_items_title { font-size:11pt; }
.tetragon_item > .list_items_box > .list_item_comment { display:none; }
.tetragon_item > .list_items_box > .list_items_info > .list_items_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_item > .list_items_box > .list_items_info > .list_items_icon > strong { font-size:9pt; font-weight:bold; }
/* 사각형사진 - tetragon */

/* 긴줄사진 - shape */
.shape_item { display:block; width:560px; margin:0 5px; padding:10px 5px 10px 10px; }
.shape_item > .list_items_box { margin:0; padding:0; }
.shape_item > .list_items_box > .list_items_pic { float:left; position:relative; width:255px; height:170px; border-radius:5px; background-repeat:no-repeat; background-position:center; background-size:100%; overflow:hidden; transition:background-size 0.2s ease-in; -moz-transition:background-size 0.2s ease-in; -web-kit-transition:background-size 0.2s ease-in; }
.shape_item > .list_items_box > .list_items_pic:hover { background-size:105%; }
.shape_item > .list_items_box > .list_items_pic > .list_items_besticon { position:absolute; top:0; right:0; margin:5px; padding:5px; border:0; border-radius:5px; font-size:9pt; font-weight:normal; }
.shape_item > .list_items_box > .list_item_cut { word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.shape_item > .list_items_box > .list_items_info { float:left; width:280px; margin:5px 0 5px 5px; padding:0; font-size:9pt; font-weight:normal; color:#555; }
.shape_item > .list_items_box > .list_items_info > .list_items_bar { padding:0 2px; font-size:8pt; font-weight:normal; color:#ccc; }
.shape_item > .list_items_box > .list_items_info > .list_items_money { font-size:14pt; font-weight:bold; color:#4c93e8; }
.shape_item > .list_items_box > .list_items_info > .list_items_money > .money_won { font-size:10pt; font-weight:normal; }
.shape_item > .list_items_box > .list_items_info > .list_items_address { font-size:11pt; font-weight:bold; }
.shape_item > .list_items_box > .list_items_info > .list_items_category { font-weight:bold; }
.shape_item > .list_items_box > .list_items_info > .list_items_size { font-size:10pt; font-weight:normal; color:#2cb400; }
.shape_item > .list_items_box > .list_items_info > .list_items_size > strong { font-size:11pt; font-weight:bold; }
.shape_item > .list_items_box > .list_items_info > .list_items_room { font-size:10pt; font-weight:normal; }
.shape_item > .list_items_box > .list_items_info > .list_items_room > strong { font-size:11pt; font-weight:bold; }
.shape_item > .list_items_box > .list_items_info > .list_items_floor { font-weight:normal; }
.shape_item > .list_items_box > .list_items_info > .list_items_aspect { font-weight:normal; }
.shape_item > .list_items_box > .list_items_info > .list_items_title { font-size:11pt; }
.shape_item > .list_items_box > .list_item_comment { display:block; max-height:60px; overflow:hidden; }
.shape_item > .list_items_box > .list_item_comment > .list_items_comment { font-size:9pt; font-weight:normal; color:#333; }
.shape_item > .list_items_box > .list_items_info > .list_items_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; }
.shape_item > .list_items_box > .list_items_info > .list_items_icon > strong { font-size:9pt; font-weight:bold; }
/* 긴줄사진 - shape */

/* 매물 상세 페이지 */
#pic_slider_box { width:1002px; height:690px; margin:0 auto; background-color:#555; overflow:hidden; }
.slider_arrow_left { position:absolute; top:304px; left:-60px; border-radius:50%; background-color:#fff; z-index:119; }
.slider_arrow_right { position:absolute; top:304px; left:1012px; border-radius:50%; background-color:#fff; 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; }

.maemul_info_title { padding-bottom:5px; border-bottom:1px solid #dfdfdf; font-family:'NanumSquare'; font-size:18pt; font-weight:800; color:#000; }
.maemul_info_contents { position:relative; margin-bottom:50px; padding:0; }
.maemul_info_contents > #maemul_pic_box { width:1400px; height:400px; background-color:#fff; overflow:hidden; cursor:pointer; }
.maemul_info_contents > #maemul_pic_box > #maemul_pic_big { position:relative; float:left; width:600px; height:400px; margin:0; padding:0; border:0; background-color:#fafafa; background-repeat:no-repeat; background-position:center; background-size:contain; }
.maemul_info_contents > #maemul_pic_box > #maemul_pic_big > .pics_cover { position:absolute; bottom:0; left:0; width:350px; height:40px; background:rgba(0,0,0,0.5); border-radius:20px; font-size:15pt; font-weight:900; line-height:40px; text-align:center; color:#fff; }
.maemul_info_contents > #maemul_pic_box > .maemul_pics { float:left; position:relative; width:200px; height:133px; 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:200px; height:133px; background:rgba(255,255,255,0.5); z-index:2; }
.maemul_info_contents > #maemul_pic_box > .maemul_pics > .pics_cover { position:absolute; display:block; width:200px; height:133px; background:rgba(0,0,0,0.5); z-index:3; }
.maemul_info_contents > #maemul_pic_box > .maemul_pics > .pics_cover:hover { background:transparent; }
.maemul_info_contents > #maemul_pic_box > .maemul_pics > .pics_cover > .txt { display:none; }
.maemul_info_contents > #maemul_pic_box > .maemul_pics > .pics_cover:hover > .txt { position:absolute; top:46px; left:80px; display:block; border-radius:50%; background-color:#fff; }
.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:#4c93e8; }
.maemul_info_contents > table.info_box td.info_size { color:#2cb400; }
.maemul_info_contents > table.info_box td.info_size > strong { font-size:11pt; font-weight:bold; color:#2cb400; }
.maemul_info_contents > table.info_box td.info_i > .money_num { font-family:'NanumSquare'; font-size:13pt; font-weight:800; color:#4c93e8; }
.maemul_info_contents > table.info_box td.info_i > .money_won { font-family:'Nanum Gothic'; font-size:10pt; font-weight:normal; color:#4c93e8; }
.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:#046fd9; border:0; border-radius:10px; font-size:10pt; font-weight:bold; color:#fff; }
/* 매물 상세 페이지 */

/* 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 #046fd9; border-radius:5px; background-color:#046fd9; font-size:12pt; font-weight:bold; line-height:31px; color:#fff; box-shadow:2px 2px 5px #046fd9; cursor:pointer; }
#board_btns > .board_btn:hover { background-color:#fff; color:#046fd9; }
/* 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:0 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 > #footer_info_area { width:100%; padding:20px 0 0 0; background-color:#555; }
#area_footer > #footer_info_area > .contents_width { position:relative; }
#area_footer > #footer_info_area > .contents_width > .footer_info { float:left; width:350px; }
#area_footer > #footer_info_area > .contents_width > .footer_info > p { margin:8px 0; font-size:9pt; font-weight:normal; letter-spacing:-0.3px; color:#e9e9e9; }
#area_footer > #footer_info_area > .contents_width > .footer_info > p.footer_title { margin-bottom:15px; font-size:12pt; color:#fff; }
#area_footer > #footer_info_area > .contents_width > .footer_info > p > strong { font-size:11pt; color:#eee; }
#area_footer > #footer_info_area > .contents_width > .footer_info > p > a { color:#dedede; text-decoration:none; }
#area_footer > #footer_info_area > .contents_width > .footer_info > p > a > #privacy_policy { font-size:9pt; font-weight:bold; color:#fff; }
#area_footer > #footer_info_area > .contents_width > #footer_btns > a > button { float:right; display:block; margin:2px; background-color:#046fd9; border:0; border-radius:50%; }
#area_footer > #footer_info_area > .contents_width > #copyright_info { width:100%; padding:15px 0; font-size:10px; color:#b6b6b6; text-align:center; }
/* 하단 영역 */