html {height: 100%; position: relative;font-size: 14px;} /* 20210317 html, body 분리 */
body {height: 100%;background-color: #efeff4;} /* 20210317 */
body.h100 {height: 100%;} /* 내장소 같이 height 100으로 지정할 화면을 위한 클래스 */

.font_noto_sans_kr {font-family : 'Noto Sans KR' !important;}
.page {width: 100%; height: 100%;}
.pg_wrap {width: 100%; height: 100%; position: relative; overflow: auto;}

caption, .tts_hidden {
    position:absolute !important;  
    width:1px; 
    height:1px; 
    overflow:hidden;
    clip:rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip:rect(1px, 1px, 1px, 1px);}
label {cursor: pointer; display: block;}

.tbl_wrap .pq-col-sort-icon {
    display: inline-block;
    margin: -2px 0 0 6px;
    width: 0;
    height: 0;
    border-top   : 4px solid none;
    border-bottom: 7px solid #868282;
    border-right : 4px solid transparent;
    border-left  : 4px solid transparent;
    cursor:pointer;
    filter:fliph();
}

.tbl_wrap .pq-col-non-sort-icon {
    cursor:pointer;
    padding-left:5px;
}

/************************** BASIC **************************/
.blank_box_10 {width: 10px; height: 10px; width: 0.625rem; height: 0.625rem; min-width: 0.625rem;}
.blank_box_15 {width: 15px; height: 15px; width: 0.937rem; height: 0.937rem; min-width: 0.937rem;}
.blank_box_20 {width: 20px; height: 20px; width: 1.25rem; height: 1.25rem; min-width: 1.25rem;}
.blank_box_25 {width: 25px; height: 25px; width: 1.5625rem; height: 1.5625rem; min-width: 1.5625rem;}
.blank_box_30 {width: 30px; height: 30px; width: 1.875rem; height: 1.875rem; min-width: 1.875rem;}
.blank_box_40 {width: 40px; height: 40px; width: 2.5rem; height: 2.5rem; min-width: 2.5rem;}
.blank_box_50 {width: 50px; height: 50px; width: 3.125rem; height: 3.125rem; min-width: 3.125rem;}
.blank_box_60 {width: 60px; height: 60px; width: 3.75rem; height: 3.75rem; min-width: 3.75rem;}
.blank_box_70 {width: 70px; height: 70px; width: 4.375rem; height: 4.375rem; min-width: 4.375rem;}
.blank_box_80 {width: 80px; height: 80px; width: 5rem; height: 5rem; min-width: 5rem;}
.blank_box_90 {width: 90px; height: 90px; width: 5.625rem; height: 5.625rem; min-width: 5.625rem;}
.blank_box_100 {width: 100px; height: 100px; width: 6.25rem; height: 6.25rem; min-width: 6.25rem;}
.blank_box_110 {width: 110px; height: 110px; width: 6.875rem; height: 6.875rem; min-width: 6.875rem;}
.blank_box_370 {width: 370px; height: 370px; width: 23.125rem; height: 23.125rem; min-width: 23.125rem;}
.no_width {width:auto; min-width: auto;}

/* Page */
.GraphPage {width: 100%; height: auto; min-height: 100%;}	/* 이유준 임시 수정 */

/* Font */
.txt {word-break: keep-all; line-height: 1.6;}
.size_10 {font-size: 10px; font-size: 0.625rem;}
.size_12 {font-size: 12px; font-size: 0.75rem;}
.size_13 {font-size: 13px; font-size: 0.8125rem;}
.size_14 {font-size: 14px; font-size: 0.875rem;}
.size_15 {font-size: 15px; font-size: 0.937rem;}
.size_16 {font-size: 16px; font-size: 1rem;}
.size_18 {font-size: 18px; font-size: 1.125rem;}
.size_20 {font-size: 20px; font-size: 1.25rem;}
.size_22 {font-size: 22px; font-size: 1.375rem;}
.size_24 {font-size: 24px; font-size: 1.5rem;}
.size_26 {font-size: 26px; font-size: 1.625rem;}
.size_30 {font-size: 30px; font-size: 1.875rem;}
.size_36 {font-size: 36px; font-size: 2.25rem;}

/* Weight */
.weight_l {font-weight: 300 !important;}
.weight_r {font-weight: 400 !important;}
.weight_m {font-weight: 500 !important;}
.weight_b {font-weight: bold !important;}
.weight_500 {font-weight: 500 !important;} /*20210320 내 정보창에서 라벨 텍스트 속성 조절*/

/* Color */ 
.color_white {color: #ffffff;}
.color_black {color: #4a4a4a;}
.color_blue {color: #258fff;}
.color_blue2 {color: #1166dc;}
.color_grey77 {color: #777;}
.color_greyac {color: #acacb1;}
.color_grey99 {color: #999;}
.color_red {color: #e75252;}
.color_active_blue{color: rgb(17, 102, 220);}

.bg_color_f8 {background-color: #f8f8fc;}

.line_hight_13 {line-height: 1.3;}
.line_hight_15 {line-height: 1.5;}
.line_hight_175 {line-height: 1.75;}

.letter_spacing_03 {letter-spacing: -0.3px;}
.letter_spacing_04 {letter-spacing: -0.4px;}
.letter_spacing_05 {letter-spacing: -0.5px;}
.letter_spacing_07 {letter-spacing: -0.75px;}

/* Text Style */

/* Width */
.width_100 {width: 100% !important;}
.width_50 {width: 50% !important;}
.width_40 {width: 40% !important;}
.height_100 {height: 100%;}

/* Padding */
.pd_top_0 {padding-top: 0 !important;}


/* Clearfix */
.clearfix::after {content: ''; display:block; clear: both;}
.clearfix:after {content: ''; display:block; clear: both;}

/* Align */
.tbllay_nofix {display: table; table-layout: auto;}
.table {display: table; table-layout: fixed;}
.table_row {display: table-row;}
.table_cell {display: table-cell; vertical-align: middle;}
.inline {display: inline-block !important;}

.center_align {text-align: center !important; text-align: -webkit-center !important;}
.left_align {text-align: left !important; text-align: -webkit-left !important;}
.right_align {text-align: right !important; text-align: -webkit-right !important;}

.float_r {float: right;}
.float_l {float: left;}

.margin_0auto {margin: 0 auto;}

.ver_middle {vertical-align: middle;}
.ver_top {vertical-align: top;}
.ver_bottom {vertical-align: bottom;}

.cur_pointer {cursor: pointer;}

/* ETC */
input::placeholder {font-size: 16px; font-size: 1rem; letter-spacing: -0.5px; color: #999;}
input::-webkit-input-placeholder {font-size: 16px; font-size: 1rem; letter-spacing: -0.5px; color: #999;}
input:-ms-input-placeholder {font-size: 16px; font-size: 1rem; letter-spacing: -0.5px; color: #999;}
input::-webkit-input-placeholder{font-size: 16px; font-size: 1rem; letter-spacing: -0.5px; color: #999;}
input:-ms-input-placeholder {font-size: 16px; font-size: 1rem; letter-spacing: -0.5px; color: #999;}

.click_able {cursor: pointer;}

ul.text_list {padding-left: 1rem;}
ul.text_list li {list-style: disc; color: #4a4a4a; font-size: 1rem;}

.overflow {overflow: auto;}
.relative {position: relative;}



.text_one_line_scroll {white-space: nowrap;}
.text_one_line {text-overflow:ellipsis; overflow:hidden; white-space: nowrap; display: block;}
.text_one_line.place_txt {min-height: 21px;}
.text_one_line.add_marker {max-width: 140px;}
.text_two_line {display: block; display: -webkit-box; text-overflow:ellipsis; overflow:hidden; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }


.line.hori {width: 100%; height: 1px;}
.line.verti {width: 1px; height: 100%;}
.line.verti.sm {height: 12px; height: 0.75rem;}
.line.grey {background-color: #e5e5ea;}


.bt_borderradious {border-radius: 0 0 10px 10px;}

.border_line_frame {padding: 0 1.875rem;}
.border_line { width: 100%;height: 1px;background-color: #e5e5ea;}


/********************************** Drop Down **********************************/

.dropdown {position: relative; display: inline-block; z-index: 15; width: 16.39%; height: 60px; height: 3.75rem;}
.dropdown .dropbtn {display: block; width: 100%; height: 100%; line-height: 60px; line-height: 3.75rem; text-align: center;}
.dropdown:hover .dropbtn {font-weight: bold; border-bottom: 3px solid white;} 
.dropdown.act .dropbtn  {border-bottom: 3px solid white;}

.dropdown-content {display: none; position: absolute; padding: 0 15px; padding: 0 0.9375rem; top: 60px; top: 3.75rem; background-color: #ffffff; width: 100%; z-index: 16; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);; text-align: left;}
.dropdown-content a {display: block; height: 55px; height: 3.4375rem; line-height: 55px; line-height: 3.4375rem; font-size: 15px; font-size: 0.937rem; color: #4a4a4a; font-size: 0.875rem; display: block; width: 100%; white-space: nowrap; border-bottom: solid 1px #efeff4;}
.dropdown-content p.top_menu {display: none; padding: 0.625rem 0 1.25rem 0.875rem; cursor: default;}
.dropdown-content a:hover {font-weight: bold; color: #1166dc;}
.dropdown:hover .dropdown-content {display: block; width: fit-content; min-width: 100%;}
.dropdown:hover .dropbtn {font-weight: bold;}

/********************************** / Drop Down **********************************/












/********************************** Icon **********************************/

i {text-indent: -999999px; text-align: left;}
i.ico, img.ico {display: block; background-repeat: no-repeat; background-position: center; background-size: contain;}
img {width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: center; background-size: cover;}

/* Button */
.btn {cursor: pointer;}
i.ico.menu {background-image: url('../images/btn/btn-menu.png'); width: 30px; width: 1.875rem; height: 30px; height: 1.875rem;}
i.ico.menu_off {background-image: url('../images/btn/btn-menu-off.png'); width: 30px; width: 1.875rem; height: 30px; height: 1.875rem;}
i.ico.mypage {background-image: url('../images/btn/btn-mypage.png'); width: 30px; width: 1.875rem; height: 30px; height: 1.875rem;}
i.ico.noti {background-image: url('../images/btn/btn-noti.png'); width: 30px; width: 1.875rem; height: 30px; height: 1.875rem;}
i.ico.logout {background-image: url('../images/btn/btn-logout.png'); width: 30px; width: 1.875rem; height: 30px; height: 1.875rem;}
i.ico.set {background-image: url('../images/btn/btn-set.png'); width: 30px; width: 1.875rem; height: 30px; height: 1.875rem;}
i.ico.edit {background-image: url('../images/btn/btn-edit.png'); width: 18px; width: 1.125rem; height: 18px; height: 1.125rem;}
i.ico.add_folder {background-image: url('../images/btn/btn-add-folder.png'); width: 18px; width: 1.125rem; height: 18px; height: 1.125rem;}
i.ico.zoom_in {background-image: url('../images/btn/btn-zoom-in.png'); width: 14px; width: 0.875rem; height: 14px; height: 0.875rem;margin: auto;}
i.ico.zoom_out {background-image: url('../images/btn/btn-zoom-out.png'); width: 14px; width: 0.875rem; height: 14px; height: 0.875rem;margin: auto;}
i.ico.star {background-image: url('../images/btn/btn-star.png'); width: 18px; width: 1.125rem; height: 18px; height: 1.125rem;}
i.ico.star_yellow {background-image: url('../images/btn/btn-star-yellow.png'); width: 20px; width: 1.25rem; height: 20px; height: 1.25rem;}
i.ico.star_grey {background-image: url('../images/btn/btn-star-grey.png'); width: 20px; width: 1.25rem; height: 20px; height: 1.25rem;}
i.ico.arr_r_grey_off {background-image: url('../images/btn/btn-arr-r-grey-off.png'); width: 16px; width: 1rem; height: 16px; height: 1rem; margin: auto;}
i.ico.add_map {background-image: url('../images/btn/btn-add-map.png'); width: 18px; width: 1.125rem; height: 18px; height: 1.125rem;}
i.ico.file {background-image: url('../images/icon/icon-file.png'); width: 16px; width: 1rem; height: 16px; height: 1rem;}
i.ico.edit_blue {background-image: url('../images/btn/btn-edit-blue.png'); width: 18px; width: 1.125rem; height: 18px; height: 1.125rem;}
i.ico.del_blue {background-image: url('../images/btn/btn-del-blue.png'); width: 18px; width: 1.125rem; height: 18px; height: 1.125rem;}
i.ico.download {background-image: url('../images/btn/btn-download.png'); width: 18px; width: 1.125rem; height: 18px; height: 1.125rem;}
i.ico.notifi {background-image: url('../images/icon/icon-notifi.png'); width: 34px; width: 2.125rem; height: 34px; height: 2.125rem;}
i.ico.del_grey {background-image: url('../images/btn/btn-del-grey.png'); width: 10px; width: 0.625rem; height: 10px; height: 0.625rem; margin: 0 0 0 3px;}
i.ico.add {background-image: url('../images/btn/btn-add.png'); width: 18px; width: 1.125rem; height: 18px; height: 1.125rem;}
i.ico.back_mobile {background-image: url('../images/btn/btn-back-mobile.png'); width: 16px; height: 16px;}



.file_with_text {width: 0.875rem; height: 0.875rem; margin: 0 3px -2px 0;}

i.ico_close {background-image: url('../images/btn/btn-close.png');}
i.ico_download {background-image: url('../images/btn/btn-download.png');}
i.ico_download_2 {background-image: url('../images/btn/btn-download-2.png');}
i.ico_arrow_blue {background-image: url('../images/btn/btn-arr-less.png'); width: 12px; height: 12px; width: 0.75rem; height: 0.75rem; transform: rotate(180deg);}
i.ico_arrow_blue.reverse {transform: rotate(0deg);}
i.ico_file {width: 20px; height: 14px; width: 1.25rem; height: 0.875rem; background-image: url('../images/icon/icon-file.png'); background-size: auto 100%; background-position: left center;}
i.ico_popmenu1 {background-image: url('../images/btn/btn-pop-menu-1.png'); background-size: 100% auto;}
i.ico_popmenu2 {background-image: url('../images/btn/btn-pop-menu-2.png'); background-size: 100% auto;}
i.ico_popmenu3 {background-image: url('../images/btn/btn-pop-menu-3.png'); background-size: 100% auto;}
i.ico_popmenu4 {background-image: url('../images/btn/btn-pop-menu-4.png'); background-size: 100% auto;}
i.ico_popmenu5 {background-image: url('../images/btn/btn-pop-menu-5.png'); background-size: 100% auto;}
i.ico_popmenu6 {background-image: url('../images/btn/btn-pop-menu-6_1.png'); background-size: 100% auto;}
i.ico_kakaonav {background-image: url('../images/btn/btn-kakao-nev.png'); background-size: 100% auto;}
i.ico_trash_off {background-image: url('../img/common/ico_trash_off.png'); background-size: 100% auto;}
i.ico_trash_off_red {background-image: url('../img/common/ico_trash_off_red.png'); background-size: 100% auto;}

i.ico_del {background-image: url('../images/btn/btn-del.png');}

i.ico_place {background-image: url('../images/btn/btn-place.png'); background-size: 100% auto;}

i.ico_add_place {width: 14px; height: 14px; width: 0.875rem; height: 0.875rem; background-image: url('../images/btn/btn-add-place.png'); background-size: 100% auto;}

i.ico_list {background-image: url('../images/btn/btn-list-off.png');}
i.ico_graph {background-image: url('../images/btn/btn-graph-off.png');}

i.ico_data_menu {background-size: 100% auto;}
i.ico_data_menu_1 {background-image: url('../images/btn/btn-data-menu-1.png');}
i.ico_data_menu_2 {background-image: url('../images/btn/btn-data-menu-2.png');}
i.ico_data_menu_3 {background-image: url('../images/btn/btn-data-menu-3.png');}
i.ico_data_menu_4 {background-image: url('../images/btn/btn-data-menu-4.png');}
i.ico_data_menu_5 {background-image: url('../images/btn/btn-data-menu-5.png');}
i.ico_data_menu_6 {background-image: url('../images/btn/btn-data-menu-6.png');}
i.ico_data_menu_7 {background-image: url('../images/btn/btn-data-menu-7.png');}

i.ico_excel {background-image: url('../images/icon/excel-icon.png');}
i.ico_hwp {background-image: url('../images/icon/hwp-icon.png');}
i.ico_pdf {background-image: url('../images/icon/pdf-icon.png');}
i.ico_ppt {background-image: url('../images/icon/ppt-icon.png');}
i.ico_txt {background-image: url('../images/icon/txt-icon.png');}
i.ico_word {background-image: url('../images/icon/word-icon.png');}

i.colorbox {display: block; width: 100%; height: 100%;}
i.colorbox.colorbox_1 {background-color: #ed1b24;}
i.colorbox.colorbox_2 {background-color: #ad1d20;}
i.colorbox.colorbox_3 {background-color: #ff702d;}
i.colorbox.colorbox_4 {background-color: #ffcc00;}
i.colorbox.colorbox_5 {background-color: #ffe300;}
i.colorbox.colorbox_6 {background-color: #f0ff01;}
i.colorbox.colorbox_7 {background-color: #81d9f0;}
i.colorbox.colorbox_8 {background-color: #009fef;}
i.colorbox.colorbox_9 {background-color: #21529d;}
i.colorbox.colorbox_10 {background-color: #ffaccf;}
i.colorbox.colorbox_11 {background-color: #f30d89;}
i.colorbox.colorbox_12 {background-color: #92278f;}
i.colorbox.colorbox_13 {background-color: #3acf5d;}
i.colorbox.colorbox_14 {background-color: #03a44e;}
i.colorbox.colorbox_15 {background-color: #0c6b39;}
i.colorbox.colorbox_16 {background-color: #e4e4e4;}
i.colorbox.colorbox_17 {background-color: #868686;}
i.colorbox.colorbox_18 {background-color: #3f3f3f;}
i.colorbox.colorbox_19 {background-color: #3f3f3f;}
i.colorbox.colorbox_20 {background-color: #143362;}
i.colorbox.colorbox_21 {background-color: #fc00ff;}
i.colorbox.colorbox_22 {background-color: #95ff00;}
i.colorbox.colorbox_23 {background-color: #8b03ff;}
i.colorbox.colorbox_24 {background-color: #00ffff;}


/* Logo */
i.ico.logo {background-image: url('../img/common/logo_everse_white_new.png'); width: 93px; width: 7.8125rem; height: 28px; height: 1.75rem;}


.alarm_sign {width: 16px;width: 1rem;height: 16px;height: 1rem;background-color: #ffa500;border-radius: 100%;text-align: center;font-size: 0.75rem;color: white;line-height: 1.3;margin-left: 3px;}
.alarm_sign2 {width: 15px;width: 0.9375rem;height: 15px;height: 0.9375rem;background-color: #ffa500;border-radius: 100%;text-align: center;font-size: 0.75rem;color: white;line-height: 1.3;}

/********************************** / Icon **********************************/





/********************************** Button **********************************/
button.btn {display: block; background-color: transparent; border-width: 0; font: inherit;}
.btn.btn_close {width: 100%; height: auto; padding: 20px; padding: 1.25rem;padding: 0;}
.btn.btn_close .ico_frame {width: 14px; height: 14px; width: 0.875rem; height: 0.875rem; height: auto;padding: 30px; padding: 1.875rem; box-sizing: content-box;}
.btn.btn_close i.ico {width: 100%; height: 100%; background-size: 100% auto; }
.btn.btn_download {display: block; width: 15px; height: 15px; width: 0.9375rem; height: 0.9375rem;}
.btn.btn_download i.ico {width: 100%; height: 100%; background-size: 100% auto;}
.btn.btn_del {display: block; width: 22px; height: 22px; width: 1.375rem; height: 1.375rem;}
.btn.btn_del i.ico {width: 100%; height: 100%; background-size: 100% auto;}
.btn.btn_del.small {width: 10px; width: 0.625rem; height: 10px; height: 0.625rem;}
.btn.btn_popftmenu {padding: 15px 5px; padding: 0.9375rem 0.3125rem;}
.btn.btn_popftmenu .ico_frame {width: 26px; height: 26px; width: 1.825rem; height: 1.625rem;}
.btn.btn_popftmenu i.ico {width: 100%; height: 100%;}
.btn.btn_kakaonav {}

#infoWindow .btn.btn_close .ico_frame {padding: 20px; padding: 1.125rem;}


.btn_group.data_menu_group li {vertical-align: middle;}
.btn_group.data_menu_group .btn.btn_ico {width: 26px; width: 1.625rem; height: 26px; height: 1.625rem; padding: 0 5px; padding: 0 0.3125rem; box-sizing: content-box;}
.btn_group.data_menu_group .btn.btn_ico i.ico {width: 100%; height: 100%;}

/********************************** / Button **********************************/




/********************************** Input Style **********************************/

label {text-align: center;}
.hideinput {display: none;}

/* Input Text Border Blue Search */
.search_border_blue {width: 100%;border-radius: 6px;padding: 0.875rem 0.875rem 0.875rem 3.125rem;padding: 14px 35px 14px 50px; border: solid 2px #258fff;background-color: #ffffff;}
.search_border_blue.right_btn {padding: 0.75rem 3rem 0.75rem 1.3rem;} /*20210310 글자가 돋보기 아이콘을 덮는 증상 개선을 위해 패딩값 삽입 */
 
/* Input File */


/* Input Text with Img*/


/* Text Area Basic */
textarea.basic {width: 100%; border: solid 1px #e5e5ea; padding: 0.937rem; border-radius: 3px; line-height: 1.8rem;}

/* Check Box Text st */
.stat_select_box{width:15%;}
.stat_select_box_small{width:10%;}
.checkbox_frame {position: relative;}
.checkbox_frame input[type="checkbox"] {display: none;}
.checkbox_frame.stat input[type="checkbox"] + label div {background-color: white;}
.checkbox_frame.stat input[type="checkbox"]:checked + label div {background-color: #f1f7ff;}
.checkbox_frame.only_text input[type="checkbox"] + label div {width: 70px;width: 4.375rem; height: 50px;height: 3.125rem; border-radius: 6px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);background-color: #ffffff;font-size: 0.875rem; text-align: center;line-height: 3.125rem;}
.checkbox_frame.only_text input[type="checkbox"]:checked + label div {background-color: #258fff;color: white;}

.avail_part {width:48%;}
.selected_part{display: block;}

/* Check Box Layer st */
.checkbox_frame.layer input[type="checkbox"] + label i {background-image: url('../images/icon/btn-marker-off.png'); width: 1.125rem; height: 1.125rem;}
.checkbox_frame.layer input[type="checkbox"]:checked + label i {background-image: url('../images/btn/btn-marker-on.png');}

/* Check Box Drop st */
.checkbox_frame.drop input[type="checkbox"] + label i {background-image: url('../images/btn/btn-arrow-drop.png'); width: 0.75rem; height: 0.5rem; transform: rotate(180deg);}
.checkbox_frame.drop input[type="checkbox"]:checked + label i {transform: unset}





/* Check Box only Image */
.checkbox_frame.only_image input[type="checkbox"] + label .frame {width: 3.125rem;height: 3.125rem; border-radius: 6px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);background-color: #ffffff;font-size: 0.875rem; text-align: center;}
.checkbox_frame.only_image input[type="checkbox"] + label i {background-image: url('../images/btn/btn-mylocation-off.png'); width: 1rem; height: 1rem; margin: auto;}
.checkbox_frame.only_image input[type="checkbox"]:checked + label i {background-image: url('../images/btn/btn-mylocation-on.png');}

.checkbox_frame.checkbox_style input[type="checkbox"] + label i.ico_checkbox { background-image: url('../images/btn/btn-check-off.png'); width: 18px; height: 18px; width: 1.125rem; height: 1.125rem; background-size: 100% auto; margin: 0 6px -3px 0px;}
.checkbox_frame.checkbox_style input[type="checkbox"] + label p {font-size: 0.875rem;}
.checkbox_frame.checkbox_style input[type="checkbox"]:checked + label i.ico_checkbox { background-image: url('../images/btn/btn-check-on.png');}


.checkbox_frame.map1 input[type="checkbox"] + label i {background-image: url('../images/btn/btn-place-map-1-off.png'); width: 1.1rem; height: 1.25rem; margin: auto;}
.checkbox_frame.map1 input[type="checkbox"]:checked + label i {background-image: url('../images/btn/btn-place-map-1-on.png');}

.checkbox_frame.map2 input[type="checkbox"] + label i {background-image: url('../images/btn/btn-place-map-2-off.png'); width: 1.5625rem; height: 1.5625rem; margin: auto;}
.checkbox_frame.map2 input[type="checkbox"]:checked + label i {background-image: url('../images/btn/btn-place-map-2-on.png');}





/* Mobile */
.checkbox_frame.menu input[type="checkbox"] + label .frame {width: 3.125rem;height: 3.125rem; border-radius: 6px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);background-color: #258fff;text-align: center;}
.checkbox_frame.menu.one input[type="checkbox"] + label i { background-image: url('../images/btn/btn-menu-1.png'); width: 18px; height: 18px; width: 1.125rem; height: 1.125rem; margin: auto}
.checkbox_frame.menu.two input[type="checkbox"] + label i { background-image: url('../images/btn/btn-menu-2.png'); width: 18px; height: 18px; width: 1.125rem; height: 1.125rem; margin: auto}
.checkbox_frame.menu input[type="checkbox"]:checked + label i { background-image: url('../images/btn/btn-close-white.png');}





/* Radio Basic */
.radio_frame {position: relative;}
.radio_frame input[type="radio"] {display: none;}
.radio_frame.basic input[type="radio"] + label i {background-image: url('../images/btn/btn-radio-off.png'); width: 1.125rem; height: 1.125rem; margin: 0 5px -4px 0;}
.radio_frame.basic input[type="radio"] + label p {font-size: 0.875rem;}
.radio_frame.basic input[type="radio"]:checked + label i {background-image: url('../images/btn/btn-radio-on.png');}

/* Radio Choice st */
.radio_frame.choice input[type="radio"] + label {background-color: #ffffff;padding: 14px 10px;padding: 0.875rem 0.625rem;}
.radio_frame.choice input[type="radio"]:checked + label {background-color: #F1F7FF;}

/* Radio Basic Tab st */
.radio_frame.tab input[type="radio"] + label {display: block;background: #efeff4;border: 1px solid #efeff4; color: #777777; font-size: 0.875rem; text-align: center;padding: 1rem 0.5rem;}
.radio_frame.tab input[type="radio"] + label.left {border-radius: 6px 0 0 0;}
.radio_frame.tab input[type="radio"] + label.right {border-radius: 0 6px 0 0;}
.radio_frame.tab input[type="radio"]:checked + label {background: #1166dc;border: 1px solid #1166dc; color: white;}

.tab_frame > .table_cell {border-right: 1px solid white; border-left: 1px solid white;}
.tab_frame .tab_view_frame {height: 200px; height: 12.5rem; border-radius: 0 0 6px 6px;border: solid 1px #efeff4;background-color: white;border-top: 0;}
.tab_frame .tab_view_frame .list {padding: 14px 10px;padding: 0.875rem 0.625rem;border-bottom: 1px solid #efeff4;display: inline-block; min-width: 100%; width: auto;}
.tab_frame .tab_view_frame .list > .table {min-width: 100%; width: auto;} 

.basic_frame .basic_view_frame {height: 200px; height: 12.5rem; border: solid 1px #efeff4;background-color: white;} /* border-radius: 6px; 제거 */
.basic_frame .basic_view_frame .list {padding: 14px 10px;padding: 0.875rem 0.625rem;border-bottom: 1px solid #efeff4;display: inline-block; min-width: 100%; width: auto;}

.basic_frame .check_view_frame {height: 200px; height: 12.5rem; border-radius: 6px;border: solid 1px #efeff4;background-color: white;}
.basic_frame .check_view_frame .list {border-bottom: 1px solid #efeff4;display: inline-block; min-width: 100%; width: auto;}

.basic_frame .check_stat_frame {height: 500px; border-radius: 6px;border: solid 1px #efeff4;background-color: white;}
.basic_frame .check_stat_frame .list {border-bottom: 1px solid #efeff4;display: inline-block; min-width: 100%; width: auto;}


/* Radio with_ico */
.radio_frame {position: relative;}
.radio_frame input[type="checkbox"] {display: none;}
.radio_frame.with_ico input[type="checkbox"] + label div {width: 3.125rem;height: 3.125rem; border-radius: 6px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);background-color: #ffffff;text-align: center;padding: 6px 0 0 0;}
.radio_frame.with_ico input[type="checkbox"] + label p {padding-top: 3px;}
.radio_frame.with_ico input[type="checkbox"]:checked + label p {color: #258fff;}

/* Radio roadview */
.radio_frame.roadview input[type="checkbox"] + label i.fas.fa-road {color:rgb(153, 153, 153); width: 1.375rem; margin: auto;}
.radio_frame.roadview input[type="checkbox"]:checked + label i.fas.fa-road {color:rgb(37, 143, 255);}
/* Radio distance */
.radio_frame.distance input[type="checkbox"] + label i.ico {background-image: url('../images/btn/btn-ruler-off.png'); width: 1.375rem; height: 1.375rem;margin: auto;}
.radio_frame.distance input[type="checkbox"]:checked + label i.ico {background-image: url('../images/btn/btn-ruler-on.png');}
.radio_frame.distance3D input[type="checkbox"] + label i.ico {background-image: url('../images/btn/btn-ruler-off.png'); width: 1.375rem; height: 1.375rem;margin: auto;}
.radio_frame.distance3D input[type="checkbox"]:checked + label i.ico {background-image: url('../images/btn/btn-ruler-on.png');}

/* Radio area */
.radio_frame.area input[type="checkbox"] + label i.ico {background-image: url('../images/btn/btn-area-off.png'); width: 1.375rem; height: 1.375rem;margin: auto;}
.radio_frame.area input[type="checkbox"]:checked + label i.ico {background-image: url('../images/btn/btn-area-on.png');}
.radio_frame.area3D input[type="checkbox"] + label i.ico {background-image: url('../images/btn/btn-area-off.png'); width: 1.375rem; height: 1.375rem;margin: auto;}
.radio_frame.area3D input[type="checkbox"]:checked + label i.ico {background-image: url('../images/btn/btn-area-on.png');}

/* Radio radius */
.radio_frame.radius input[type="checkbox"] + label i.ico {background-image: url('../images/btn/btn-radius-off.png'); width: 1.375rem; height: 1.375rem;margin: auto;}
.radio_frame.radius input[type="checkbox"]:checked + label i.ico {background-image: url('../images/btn/btn-radius-on.png');}


/* Radio */
.radio_frame.view {position: relative;}
.radio_frame.view input[type="radio"] {display: none;}
.radio_frame.view input[type="radio"] + label div {width: 50px;width: 3.125rem;height: 50px;height: 3.125rem; font-size: 0.875rem; background-color: white;color:#4a4a4a;text-align: center;line-height: 3.125rem;}
.radio_frame.view input[type="radio"]:checked + label div {background-color: #258fff;color: white;}

.radio_choioce .line {display: none;position: absolute;top: 10px;right: 0;width: 1px;height: 25px;background-color: #efeff4;}


/* Radio bg st */
.radio_frame.bg input[type="radio"]:checked + label .basic_view_lst {background-color: #f1f7ff;}


/* Button */
.blue_border_btn {height: 50px;height: 3.125rem; border: solid 1px #258fff;background-color: white;color: #258fff; border-radius: 6px;}
.blue_border_btn2 {height: 50px;height: 3.125rem; border: solid 1px #258fff;background-color: white;color: #1166dc; border-radius: 6px;}
.blue_border_btn i {margin: 0 7px -3px 0; margin: 0 0.4375rem -0.1875rem 0;}
.grey_btn {border: solid 1px #dadae0; background-color: #f8f8fc;}
.grey_btn2 {height: 50px;height: 3.125rem;border-radius: 6px;background-color: #D3D3D3;color: white;}

.btn_size_50 {width: 150px;width: 9.375rem; height: 50px; height: 3.125rem; border-radius: 6px; line-height: 2.875rem;}
.btn_size_46 {width: 150px;width: 9.375rem; height: 46px; height: 2.875rem; border-radius: 6px; line-height: 2.875rem;}
.btn_size_40 {width: 100px;width: 6.25rem; height: 40px; height: 2.5rem; border-radius: 4px; line-height: 2.5rem;}
.btn_size_120_46 {width: 120px;width: 7.5rem; height: 46px; height: 2.875rem; border-radius: 4px; line-height: 2.8rem;}


.blue_btn {border-radius: 6px;background-color: #258fff;color: white;}
.blue_btn2 {height: 50px;height: 3.125rem;border-radius: 6px;background-color: #1166dc;color: white;}
.btn_maxwid {max-width: 140px; max-width: 8.75rem;}


.btn_icotxt {padding: 0 20px; padding: 0 1.25rem;}
.btn_icotxt i.ico {width: 18px; height: 18px; width: 1.125rem; height: 1.125rem; vertical-align: middle; margin: 0 4px 2px 0;}

/* Select */
.select_frame {min-height: 48px; min-height: 3rem;}
.nice-select {line-height: 46px; line-height: 2.875rem; border: 1px solid #dadae0; border-radius: 4px;}
.nice-select:active, .nice-select.open, .nice-select:focus {border-color: #dadae0;}
.nice-select:hover {border-color: #dadae0;}
.nice-select:after {margin-top: -10px;}

.select_frame .nice-select {line-height: 42px; line-height: 2.625rem; border: 1px solid #dadae0; border-radius: 4px;}
.select_frame .nice-select:active, .select_frame .nice-select.open, .select_frame .nice-select:focus {border-color: #dadae0;}
.select_frame .nice-select:hover {border-color: #dadae0;}
.select_frame .nice-select .current {font-size: 14px; font-size: 0.875rem;}
.nice-select .option {font-size: 14px; font-size: 0.875rem;}
.pop_hd .select_frame.mode_item_edit {padding: 10px; padding: 0.625rem;}

.nice-select ul.list {max-height: 165px; max-height: 10.3125rem; overflow: auto;}
.nice-select ul.list.bottom {max-height: 165px; max-height: 10.3125rem; overflow: auto; top: auto !important; bottom: 100%;}
#infoWindow.one_step .nice-select ul.list {max-height: 100px;} /* 20210317 */

.up_menu_3 .nice-select .list {top: -342%;}
.up_menu_4 .nice-select .list {top: -403%;}

/********************************** / Input Style **********************************/








/********************************** Pop Style **********************************/

.popup_panel { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;}
.popup_panel .pop_bg {position: absolute; top: 0; left: 0; padding: 10% 3%; width: 100%; height: 100%;  background-color: rgba(0, 0, 0, 0.5); filter:alpha(opacity=50);}

.popup_panel .popup_contents {position: relative; width: 100%; max-width: 65.625rem; margin: auto; height: auto; padding: 3.75rem; background-color:#fff;}
.popup_panel .popup_contents .top img {width: 1.5rem; height: 1.5rem;}

/********************************** / Pop Style **********************************/












/********************************** Login **********************************/

/*로그인*/

#login {background-color: #fafbfc;}

.login_frame {width: 100%; padding: 70px 160px; padding: 4.375rem 10rem;}
.login_frame {margin: auto; padding: 4.375rem 10.375rem; max-width: 700px; max-width: 43.75rem; border-radius: 6px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);background-color: white;text-align: center;}

.login_frame .input_box {width: 100%; max-width: 300px; max-width: 18.75rem; margin: 0 auto; position: relative;}
#login .size_18 {font-size: 1.125rem;}

#login .search_part{width: 100%;margin: auto;max-width: 15rem;}
#login .search_part .table_cell {padding: 15px 0; font-weight: 300;}
#login .search_part .br {border-right: 1px solid #dadae0;}


/*로그인 끝 *

/********************************** / Login **********************************/







/********************************** Login **********************************/

.login_frame .line {  width: 30px;height: 3px;background-color: #1166dc;margin: auto;}
.check_capslock {display: block; position: absolute; bottom: 70px; bottom: 4.375rem; left: 0;}

/********************************** / Login **********************************/








/********************************** Sample Table **********************************/

table.sample {width: 100%;min-width: 1000px;}
table.sample th {padding: 0.9375rem 0.8rem; font-size: 0.875rem;font-weight: 500; text-align: center;border: 1px solid #dbdbdb; background-color: #efeff4; white-space: nowrap;}
table.sample td {padding: 0.9375rem 0.8rem; font-size: 0.875rem;font-weight: normal;text-align: center;border: 1px solid #dbdbdb;white-space: nowrap;}

/********************************** / Sample Table **********************************/






/*#map*/
#map {position: absolute!important;top: 3.75rem;right: 0;bottom: 0;left: 24.375rem;}
#pano {position: absolute!important;top: 3.75rem;right: 0;bottom: 0;}
#map.expand {left: 0;}


/********************************** Common **********************************/

/* Top Menu */
.top_menu {width: 100%; height: 3.75rem; background-color: #1166dc; position: relative; position: fixed; top: 0; left: 0; z-index: 106; }
.top_menu .left_menu {height: 60px; height: 3.75rem; position: absolute; top: 0; left: 0; right: unset; bottom: unset;}
.top_menu .left_menu i {vertical-align: middle;}
.top_menu .left_menu i.ico.menu {display: block; margin-right: 1.875rem;}
.top_menu .middle_menu {padding: 0 26.875rem 0 24.375rem;}

.top_menu .right_menu {height: 60px; height: 3.75rem; padding: 0 20px; padding: 0 1.25rem; position: absolute; top: 0; right: 0;}
.top_menu .right_menu .table {margin-left: auto;}
.top_menu .right_menu i {vertical-align: middle;}
.top_menu .right_menu .line {width: 1px;height: 16px; background-color: rgba(255, 255, 255, 0.5);}
.top_menu .right_menu .btn:hover p {font-weight: bold;}

.alarm_list_frame {position: fixed; top: 70px;top: 3.775rem; right: 30px; right: 1.875rem; width: 400px;width: 25rem; height: 0; transition: 0.2s; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);background-color: white;border-radius: 6px;}
.alarm_list_frame.act {height: 417px;height: 26.0625rem;}
.alarm_list_frame.act:after {content: '';position: absolute;top: -21px;top: -1.3125rem; left: 235px;left: 14.6875rem;height: 0;z-index: -1;border-bottom: 30px solid;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 1.4rem solid;border-left: 0.8rem solid transparent;border-right: 0.8rem solid transparent;color: #fff;}
.alarm_list_frame li {padding: 15px 20px 0 20px; padding: 0.9375rem 1.25rem 0 1.25rem;}
.alarm_list_frame li:active {background-color: #f1f7ff;}
.alarm_list_frame li > .table {border-bottom: 1px solid #efeff4; padding-bottom: 0.9375rem;}
.line2 {width: 1px;height: 0.625rem;background-color: #777777;margin: 0 0.625rem;}

/* Mobile */
.mobile_top {display: none; line-height: 3.75rem; padding: 0 20px;} /* 20210317 수정 */
#myplace .mobile_top {display: none; line-height: 76px; padding: 0 20px;} /* 20210317 추가 */
.mobile_top > form {display: table;}
.mobile_top > form .search_part {display: table-cell;}
.mobile_top input.basic {padding: 0 53px; height: 50px; font-size: 16px; vertical-align: middle; line-height: 2;}
.mobile_top input.basic::placeholder {font-size: 16px;}


/********************************** / Common **********************************/
.activeData {background-color: #f1f7ff;}

















/********************************* Layerpopup *********************************/
/* 레이어팝업 */
/* .content .layerpop {width: 100%; height: auto; max-width: unset; background: #fff; border-radius: unset; box-shadow: unset; position: unset; z-index: unset;} */

.layerpop.regist {width: 80%; height: auto; max-width: 500px; max-width: 31.25rem; background: #fff; border-radius: 10px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16); position: fixed; z-index: 102;}
.layerpop {width: 100%; height: auto; max-width: 500px; max-width: 31.25rem; background: #fff; border-radius: 10px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16); position: fixed; z-index: 102;}
.layerpop.biglayerpop {max-width: 800px; max-width: 50rem;}
.layerpop.big_size { overflow: auto;}

.layerpop .layer_inner {width: 100%; height: auto; position: relative;}

.layerpop .pop_hd {width: 100%; height: auto; }
.layerpop .pop_hd > .inner {width: 100%; height: auto;}
.layerpop .pop_hd .left {width: 100%; height: auto;}
.layerpop .pop_hd .left.widauto {width: auto;}
.layerpop .pop_hd .right {max-width: 74px; max-width: 4.625rem; width: 74px; width: 4.625rem;}
/*.layerpop .pop_hd .right {vertical-align: top;}*/
.layerpop .pop_hd .txt_frame {width: 100%; height: auto; padding: 30px; padding: 1.875rem;}
.layerpop .pop_hd .chk_frame {padding-left:2rem;}

.layerpop .pop_con {width: 100%; height: auto; min-height: 4em; max-height: 32.5rem; overflow: hidden; overflow-y: auto;}
.layerpop .pop_con.no_scr {max-height: none; overflow: visible;}
.layerpop .pop_con.no_maxht {max-height: none; overflow: visible;}
.layerpop .pop_con > .inner {width: 100%; height: auto; padding: 30px; padding: 1.875rem; padding-top: 10px; padding-top: 0.625rem;}
.layerpop .pop_con > .inner.nopdtop {padding-top: 0;}
.layerpop .pop_con .con_section {width: 100%; height: auto;}
.layerpop .pop_con .sec_slide .slider_frame {width: 100%; height: 200px; height: 12.5rem; background: #fafafa;}
.layerpop .pop_con .sec_slide .slider_info {width: 100%; height: auto;}
.layerpop .pop_con .sec_slide .slider_info > .inner {padding: 12px 10px; padding: 0.75rem 0.625rem; width: 100%; height: auto; background-color: #f8f8fc;}
.layerpop .pop_con .sec_slide .slider_info .left {width: 100%;}
.layerpop .pop_con .sec_slide .slider_info .right {min-width: 140px; min-width: 9.75rem; max-width: 22%; width: 22%;}
.layerpop .pop_con .sec_slide .slider_info .btn_frame {}
.layerpop .pop_con .sec_slide .slider_cntl {}
.layerpop .pop_con .sec_slide .slider_cntl .slider_cntl_l, .layerpop .pop_con .sec_slide .slider_cntl .slider_cntl_r {width: 22px; height: 22px; width: 1.375rem; height: 1.375rem;}
.layerpop .pop_con .sec_datatable {}

#infoWindow.layerpop .pop_con {width: 100%; height: auto; min-height: 4em; max-height: 22.5rem; overflow: hidden; overflow-y: auto;}
#infoWindow.layerpop .pop_con > .inner {padding: 20px; padding: 1.125rem;}
#infoWindow.layerpop .pop_hd .txt_frame {padding: 20px; padding: 1.125rem;}
#infoWindow.layerpop .pop_hd .right {width: 50px; width: 3.125rem;}

.tbl_wrap {width: 100%; height: auto;}
.tbl_wrap.datatable_wrap {overflow: auto;}
.noline table {width: 100%; height: auto; border: 0;}
.noline table th, .noline table td {text-align: left; vertical-align: middle; padding: 5px 0; padding: 0.3125rem 0;}
.noline table.lay_hori th {padding: 0; min-width: 100px; min-width: 9.25rem;}
/*#schInfoWindow 사이즈 조절.*/
#schInfoWindow.noline table.lay_hori th {padding: 0; min-width: 145px;}
.noline table.lay_hori td {padding-left: 15px; padding-left: 0.9375rem;}
.noline table.lay_hori th .checkbox_frame {display: none;}
.noline table.lay_hori td input.basic {border: 0; padding: 0; height: auto;}

.input_mode table.lay_hori {}
.input_mode table.lay_hori th {padding: 10px 0; padding: 0.625rem 0;}
.input_mode table.lay_hori td {padding-left: 20px; padding-left: 1.25rem;}
.input_mode table.lay_hori th, .input_mode table td {display: block; vertical-align: middle;}
.input_mode table.lay_hori th .checkbox_frame {display: inline-block;}
.input_mode table.lay_hori td input.basic {border: 1px solid #dadae0; padding: 0 15px; padding: 0 0.9375rem; height: 40px; height: 2.5rem;}

.layerpop .pop_ft {width: 100%; height: auto; position: relative;  position: absolute; left: 0; bottom: 0;}
.layerpop .pop_ft.posi_static {position: static; left: auto; bottom: auto;}
.layerpop .pop_ft.ft_arrow:after {content: ''; position: absolute; bottom: -1.8125rem; left: 235px; left: 14.6875rem; height: 0; z-index: -1; border-bottom: 30px solid; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 1.875rem solid; border-left: 0.9375rem solid transparent; border-right: 0.9375rem solid transparent; color: #fff; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg);}
.layerpop .pop_ft.ft_arrow::after {content: ''; position: absolute; bottom: -1.8125rem; left: 235px; left: 14.6875rem; height: 0; z-index: -1; border-bottom: 30px solid; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 1.875rem solid; border-left: 0.9375rem solid transparent; border-right: 0.9375rem solid transparent; color: #fff; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg);}
.layerpop .pop_ft > .inner {width: 100%; height: auto; position: relative;}
.layerpop .pop_ft .ft_section {width: 100%; height: auto;}
.layerpop .pop_ft .sec_file > .inner {width: 100%; height: auto;background: white;}
.layerpop .pop_ft .sec_file .tit_box {width: 100%; height: auto; padding: 15px 20px; padding: 0.9375rem 1.25rem;}
.layerpop .pop_ft .sec_file .list_box {width: 100%; height: auto; max-height: 0px; overflow: hidden; transition: 0.4s;}
.layerpop .pop_ft .sec_file .list_box.act {max-height: 100px; max-height: 6.25rem; overflow-y: auto;}
.layerpop .pop_ft .sec_file .list_box .lst_frame {width: 100%; height: auto; padding: 0 20px; padding-bottom: 20px; padding: 0 1.25rem; padding-bottom: 1.25rem;}
.layerpop .pop_ft .sec_file .list_box .lst_item {width: 100%; height: auto; }
.layerpop .pop_ft .sec_file .list_box .lst_item .file_link {display: inline-block; width: 80%; height: auto; padding: 6px 0; padding: 0.375rem 0;}
.layerpop .pop_ft .sec_file .list_box .lst_item:first-child .file_link {padding-top: 0;}
.layerpop .pop_ft .sec_file .list_box .lst_item .btn_frame {width: 18%; min-width: 10px; min-width: 0.625rem; text-align: right;}
.layerpop .pop_ft .sec_file .list_box .lst_item .btn_del {padding: 6px 0; padding: 0.375rem 0; box-sizing: content-box;}
.layerpop .pop_ft .sec_file .list_box .lst_item:first-child .btn_del {padding-top: 0;}
.layerpop .pop_ft .sec_btn_group {width: 100%; height: auto;}
.layerpop .pop_ft .sec_btn_group > .inner {width: 100%; height: auto; padding: 0 15px; padding: 0 0.9375rem;}
.layerpop .pop_ft .sec_btn_group.sec_edit_group > .inner {padding: 20px 30px; padding: 1.25rem 1.875rem;}
/*인포윈도우 수정버튼 누르면 나오는 취소, 확인버튼의 영역을 줄이기 위함. */
.layerpop .pop_ft .sec_btn_group.sec_edit_group > .inner.edit {padding: 20px 30px; padding: 0.25rem 1.875rem;}


/*아이콘 설정 팝업*/
.layerpop.layerpop_icosetting { max-width: 240px; max-width: 15rem;}
.layerpop.layerpop_icosetting .con_setion {width: 100%; height: auto;}
.layerpop.layerpop_icosetting .sec_tit {padding-bottom: 12px; padding-bottom: 0.75rem;}
.layerpop.layerpop_icosetting .icosel_box {width: 100%; height: auto; max-height: 72px; max-height: 4.5rem; overflow: hidden; overflow-y: auto; border: 1px solid #dadae0; border-radius: 2px;}
.layerpop.layerpop_icosetting .icosel_box > .inner {width: 100%; height: auto;}
.layerpop.layerpop_icosetting .icosel_box li, .layerpop.layerpop_icosetting .color_box li {width: 25px; height: 25px; /*width: 1.25rem; height: 1.25rem; */}



.layerpop_wrap {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; background-color: rgba(0, 0, 0, 0.3);}
.layerpop_wrap.normal_popup .layerpop {z-index: 101; max-height: 80%; overflow-y: auto; left: 50%; margin-left: -250px; margin-left: -15.625rem;}
.layerpop_wrap.normal_popup .layerpop .pop_con {max-height: none;}

.layerpop.stat #availableList{height: 500px;} 
/* Mobile Info Window */





/* 레이어팝업 끝 */
/******************************** / Layerpopup ********************************/




















/******************************* Slider Custom *******************************/

/* 슬릭 슬라이더 커스텀 */

.vs_slider.slick-slider {height: 100%;}
.vs_slider.slick-slider .slick-list {height: 100%;}
.vs_slider.slick-slider .slick-track {height: 100%;}
.vs_slider.slick-slider .slick-slide {height: 100%;}
.vs_slider.slick-slider .slick-slide > div, .vs_slider.slick-slider .slick-slide > div > div {height: 100%;}
.vs_slider .img_frame {width: 100%; height: 100%; overflow: hidden;}
.vs_slider .img_frame img {width: 100%; height: 100%; object-fit: contain;}
.vs_slider.slickdots_disnone .slick-dots {display: none !important;}
.slider_cntl .slick-arrow {position: static; top: auto; width: 100%; height: 100%; border: 0; background-size: 100% auto; background-color: transparent; font: inherit;}
.slider_cntl .slick-arrow.slick-prev {background-image: url('../images/btn/btn-arr-l-grey.png');}
.slider_cntl .slick-arrow.slick-next {background-image: url('../images/btn/btn-arr-r-grey.png');}

/* 슬릭 슬라이더 커스텀 끝 */
/****************************** / Slider Custom *******************************/











/******************************* Input Group *******************************/

/* 입력란 스타일 */

.input_frame {width: 100%; height: auto;}
input.basic {width: 100%; height: 46px; height: 2.875rem; border-radius: 4px; border: 1px solid #dadae0; padding: 0 15px; padding: 0 0.9375rem; font-size: 14px; font-size: 0.875rem; font-weight: 400; color: #4a4a4a;}
.btn_ht46 {height: 46px; height: 2.875rem;}
.btn_ht40 {height: 40px; height: 2.5rem;}
.inputnbtn_set .minwid_btn {min-width: 110px; min-width: 6.875rem;}
.input_g .ico_thumb {width: 60px; height: 60px; width: 3.75rem; height: 3.75rem; border-radius: 4px; background: #fff; border: 1px solid #dadae0;}
.input_g .ico_thumb i.ico {width: 100%; height: 100%;}


/* 데이트픽커 */
.calendar_outer {display: none;}
.calendar_outer.act {display: block;}
.calendar_frame {position: relative;}
.calendar_frame .ui-datepicker-trigger {display: block; width: 16px; height: auto; position: absolute; top: 0; right: 0; margin: 15px; margin: 0.9375rem;}



/***************************** / Input Group *******************************/












/******************************* 메뉴접근권한 (4-1_authlist) *******************************/

.pg_inner {width: 100%; height: auto; padding: 30px 50px; padding: 1.875rem 3.125rem;}
.white_laybox {width: 100%; height: auto; border-radius: 6px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); background-color: #fff; padding: 30px; padding: 1.875rem;}
.pg_cont {width: 100%; height: auto;}
.pg_cont > .inner {width: 100%; height: auto;}
.pg_cont .small_side {width: 20%;}
.cont_menu_wrap {width: 100%; height: auto;}
.cont_menu_wrap ul {width: 100%; height: auto;}
.cont_menu_wrap .cont_menu {width: 100%; height: auto; border-bottom: 1px solid #efeff4;}
.cont_menu_wrap .cont_menu:last-child {border-bottom: 0;}
.cont_menu_wrap .cont_menu a {display: block; width: 100%; height: auto; padding: 20px 0; color: #777; font-weight: 400;}
.cont_menu_wrap .cont_menu.act a {color: #4a4a4a; font-weight: 500;}

.cont_view {width: 100%; height: auto;}
.cont_view .inner {width: 100%; height: auto; }

.tbl_fixed {table-layout: fixed;}
.tbl_basic table {width: 100%; height: auto; border: 1px solid #e5e5ea;}
.tbl_basic table th, .tbl_basic table td {padding: 15px; padding: 0.6425rem; border-right: 1px solid #e5e5ea; border-bottom: 1px solid #e5e5ea;}
.tbl_basic table th {background-color: #f8f8fc; text-align: center; border-bottom: 2px solid #e5e5ea; }
.tbl_basic table td.border_r_0 {border-right: 0;}
 
/***************************** / 메뉴접근권한 (4-1_authlist) *******************************/










/* 210124 - um.hu */

/* ETC */
.overflow_y {overflow-y: auto;}
.border_bottom_grey {border-bottom: 1px solid #efeff4;}

.blank_box_1 {width: 1px; height: 1px;}


/* Color */ 
.color_red {color: #ff5b5b;}

/********************************** Icon **********************************/
/* btn */
i.ico.place {background-image: url('../images/icon/btn-place.png'); width: 21px; width: 1.3125rem; height: 21px; height: 1.3125rem;}
i.ico.place_grey {background-image: url('../images/icon/btn-place-grey.png'); width: 20px; width: 1.25rem; height: 20px; height: 1.25rem;}
i.ico.marker_off {background-image: url('../images/icon/btn-marker-off.png'); width: 20px; width: 1.25rem; height: 20px; height: 1.25rem;}
i.ico.more {background-image: url('../images/btn/btn-more.png'); width: 4px; width: 0.25rem; height: 16px; height: 1rem;}
i.ico.arr_l {background-image: url('../images/btn/btn-arr-l.png'); width: 8px; width: 0.5rem; height: 12px; height: 0.75rem; margin: auto;}
i.ico.arr_r {background-image: url('../images/btn/btn-arr-r.png'); width: 8px; width: 0.5rem; height: 12px; height: 0.75rem; margin: auto;}
i.ico.arr_drop {background-image: url('../images/btn/btn-arrow-drop.png'); width: 12px; width: 0.75rem; height: 8px; height: 0.5rem; margin: auto;}
i.ico.share {background-image: url('../images/btn/btn-share.png'); width: 18px; width: 1.125rem; height: 18px; height: 1.125rem;}
i.ico.copy {background-image: url('../images/btn/btn-copy.png'); width: 18px; width: 1.125rem; height: 18px; height: 1.125rem;}
i.ico.del {background-image: url('../images/btn/btn-del-blue.png'); width: 18px; width: 1.125rem; height: 18px; height: 1.125rem;}
i.ico.back {background-image: url('../images/btn/btn-back.png'); width: 20px; width: 1.25rem; height: 20px; height: 1.25rem;}
i.ico.back_arr_l {background-image: url('../images/btn/btn-arr-l.png'); width: 20px; width: 1.25rem; height: 12px; margin-top: 20px;}
i.ico.arr_r_grey {background-image: url('../images/btn/btn-arr-r-grey.png'); width: 16px; width: 1rem; height: 16px; height: 1rem; margin: auto;}
i.ico.undo {background-image: url('../images/btn/btn-undo.png'); width: 22px; width: 1.375rem; height: 22px; height: 1.375rem;}
i.ico.move {background-image: url('../images/btn/btn-move.png'); width: 20px; width: 1.25rem; height: 20px; height: 1.25rem;}

i.ico.orange {background-image: url('../images/btn/btn-circle-orange.png'); width: 20px; width: 1.25rem; height: 20px; height: 1.25rem;}
i.ico.red {background-image: url('../images/btn/btn-circle-red.png'); width: 20px; width: 1.25rem; height: 20px; height: 1.25rem;}
i.ico.purple {background-image: url('../images/btn/btn-circle-purple.png'); width: 20px; width: 1.25rem; height: 20px; height: 1.25rem;}
i.ico.yellow {background-image: url('../images/btn/btn-circle-yellow.png'); width: 20px; width: 1.25rem; height: 20px; height: 1.25rem;}
i.ico.blue {background-image: url('../images/btn/btn-circle-blue.png'); width: 20px; width: 1.25rem; height: 20px; height: 1.25rem;}
i.ico.green {background-image: url('../images/btn/btn-circle-green.png'); width: 20px; width: 1.25rem; height: 20px; height: 1.25rem;}
i.ico.light_blue {background-image: url('../images/btn/btn-circle-light-blue.png'); width: 20px; width: 1.25rem; height: 20px; height: 1.25rem;}




/* logo */
i.ico.logo_main {background-image: url('../images/logo/logo_everse.png'); width: 100; width: 6.25rem; height: 100; height: 6.25rem;margin: auto;}


/********************************** Input Style **********************************/
.checkbox_frame.checkbox_style input[type="checkbox"] + label i.ico_checkbox { background-image: url('../images/btn/btn-check-off.png'); width: 18px; height: 18px; width: 1.125rem; height: 1.125rem; background-size: 100% auto; margin: 0 6px -3px 0px;}
.checkbox_frame.checkbox_style input[type="checkbox"]:checked + label i.ico_checkbox { background-image: url('../images/btn/btn-check-on.png');}
.checkbox_frame.checkbox_style input[type="checkbox"]:disabled + label i.ico_checkbox { background-image: url('../images/btn/btn-check-none.png');}

.input_frame {width: 100%; height: auto;}
input.basic {width: 100%; height: 46px; height: 2.875rem; border-radius: 4px; border: 1px solid #dadae0; padding: 0 15px; padding: 0 0.9375rem; font-size: 14px; font-size: 0.875rem; font-weight: 400; color: #4a4a4a;}
.btn_ht46 {height: 46px; height: 2.875rem;}
.btn_ht40 {height: 40px; height: 2.5rem;}
.inputnbtn_set .minwid_btn {min-width: 110px; min-width: 6.875rem;}
.input_g .ico_thumb {width: 60px; height: 60px; width: 3.75rem; height: 3.75rem; border-radius: 4px; background: #fff; border: 1px solid #dadae0;}
.input_g .ico_thumb i.ico {width: 100%; height: 100%;}

.login_btn {width: 100%; height: 48px; height: 3rem; border-radius: 23px; border-radius: 1.4375rem; background-color: #1166dc; color: white;}

input[name='drop'] + label {display: block; padding: 2px;}


/* Content */
/* Left Menu */
.content {padding-top: 60px; padding-top: 3.75rem; background-color: #efeff4;} 
.content .left_menu {width: 100%;z-index: 100;} /* 20210317 z-index 조절 */
.content .left_menu {transition:0.3s; width: 390px; width: 24.375rem; height: 100%; position: fixed; left: 0; top: 0; bottom: unset; padding-top: 60px; padding-top: 3.75rem; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); z-index: 10; background-color: white;}

.content .left_menu.one_step {height: 25%;}
.content .left_menu.two_step {height: 94.5%;max-height: 94.5%;} /*20210310 모바일 레리어, 인포윈도우 높이 맞추기 위해 height 조절 */
.content .left_menu.one_step .inner_control {position: absolute; transition: 0.3s; bottom: 125%; left: 0; padding: 0 20px;}
.content .left_menu.one_step .footer_frame {padding: 0;}

.content .left_menu .outer {overflow: hidden; height: 100%;}
.content .left_menu .search_tr td {display: block; border-bottom: 3px solid #efeff4; padding: 25px 20px; padding: 1.5625rem 1.25rem;}
.content .left_menu .search_part {}
.content .left_menu .title_frame {border-bottom: 1px solid #efeff4;}
.content .left_menu .title_frame .inner {padding: 0 20px; padding: 0 1.25rem;}

.content .left_menu .title_frame p {line-height: 60px; line-height: 3.75rem;}
.content .left_menu .title_frame p.edit_cancel_p {border: solid 1px #258fff;border-radius: 6px;line-height: 2.75rem;padding-left: 10px;padding-right: 10px;color: #258fff;margin-top: 5px;}
.content .left_menu .title_frame p.edit_activate_p {border: solid 1px #258fff;border-radius: 6px;line-height: 2.75rem;padding-left: 10px;padding-right: 10px;color: #258fff;margin-top: 5px; margin-right: 0.7rem;}
.content .left_menu .title_frame p.edit_layer_activate_p {border: solid 1px #258fff;border-radius: 6px;line-height: 2.75rem;padding-left: 10px;padding-right: 10px;color: #258fff;margin-top: 5px; margin-right: 0.7rem;}
.content .left_menu .title_frame .number {/*width: 28px;*/min-width: 1.75rem;border-radius: 6px;font-size: 0.875rem; background-color: #1166dc;color: white; text-align: center;margin-top: 1.25rem;padding: 0 5px;} /*20210310 4자리 표시를 위해 min-width 및 padding 설정*/
.content .left_menu .title_frame.folder i.ico {margin: 18px 3px 0px 0px; margin: 1.125rem 0.1875rem 0px 0px;}
.content .left_menu .title_frame.folder p.text_one_line {max-width: 247px; max-width: 15.4375rem;}

.content .left_menu .title_frame.folder.layer i.ico.arr_r_grey_off {margin: 20px 6px 0px 6px; margin: 1.25rem 0.375rem 0 0.375rem;}
.content .left_menu .title_frame.folder.layer p.text_one_line {max-width: 100px;}
.content .left_menu .title_frame.folder.layer .nice-select {width: 100px;height: 40px;font-size: 0.875rem;line-height: 40px; clear: none; float: right;margin: 10px 0;margin: 0.625rem 0;}
.content .left_menu .title_frame.folder.layer .nice-select:after {width: 8px; height: 8px; top: 21px; width: 0.5rem; height: 0.5rem; }


.content .left_menu .content_frame .contents {height: 100%; width: 100%;}
.content .left_menu .footer_frame {background-color: white; border-bottom: 1px solid #efeff4; padding: 20px; padding: 1.25rem;border-top: 1px solid #e5e5ea;}
.content .left_menu .bottom_graph {width: 100%; height: 260px; height: 16.25rem; background-color: white;border-top: 1px solid #efeff4;}

.content .left_menu .left_menu_btn {position: absolute; right: -25px; top: 50%; width: 25px; height: 50px; background-color: white; border-radius: 0 6px 6px 0; box-shadow: 7px 0 10px 0 rgba(0, 0, 0, 0.1); z-index: 11;}     
#viewerMenu .left_menu_btn {position: absolute; right: -24px; top: 50%; width: 25px; height: 50px; background-color: white; border-radius: 0 6px 6px 0; box-shadow: 7px 0 10px 0 rgba(0, 0, 0, 0.1); z-index: 11;}     
.mobile_left_menu_btn {display: none; position: absolute; left: 0; top: -50px; width: 100%; height: 50px; background-color: white; border-radius: 20px 20px 0 0; box-shadow: 0 -10px 10px 0 rgb(0 0 0 / 6%)}
.mobile_left_menu_btn .bar {width: 50px; height: 4px; border-radius: 2px; background-color: #dadae0;margin: auto;}


.content .left_menu .myplace_list_frame {padding: 20px; padding: 0 1.05rem;}
.content .left_menu .myplace_list_frame.active {padding: 20px; padding: 0 1.05rem; background-color: #f1f7ff;}
.content .left_menu .myplace_list_frame .inner {border-bottom: 1px solid #efeff4; }
/* 20210315 .content .left_menu .myplace_list_frame .explain {width: 242px; width: 15.5625rem;} */
.content .left_menu .myplace_list_frame .explain {width: 242px; width: 12.9857rem; } /*width: 17.2857rem; 수정/ 숫자영역, 타이틀영역이 너무 크게 잡혀서 해상도에 따라 꽉차게 적용*/
.content .left_menu .myplace_list_frame .num {padding: 0 10px; padding: 0 0.6rem 0 0;/*padding: 0 0.625rem;*/} /*20210310 숫자영역 확보를 위해 패딩값 수정 */
.content .left_menu .myplace_list_frame .number {width: 35px;height: 20px;border-radius: 6px;background-color: #1166dc; color: white;font-size: 0.875rem;}

.content .left_menu .myplace_list_frame .ico_top {padding: 16px 0.3125rem 0 0; vertical-align: top;}
.content .left_menu .myplace_list_frame .ico_top > i{width: 14px; height: 14px;}
.content .left_menu .myplace_list_frame .ico {padding: 0 0.7rem 0 0;}
.content .left_menu .myplace_list_frame .inner_name {padding: 16px 0; width: 100%;} /*width: 100% 추가  타이틀영역이 꽉차게 적용 pc버전, 모바일버전은 수정 필요함.*/
.content .left_menu .myplace_list_frame.status_setting_list .inner_name {padding: 13px 0;}

.content .left_menu .add_menu_frame {display: none; padding: 0; position: fixed; width: auto; border-radius: 4px;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);background-color: white; z-index: 15; height: auto;}
.content .left_menu .add_menu_frame.act {display: block;}
.content .left_menu .add_menu_frame table tr td {padding:10px 20px;padding: 0.625rem 1.25rem; white-space: nowrap;}
.content .left_menu .add_menu_frame tr td:hover {font-weight: bold;}

.content .left_menu .add_menu_frame {display: none; padding: 0; position: fixed; width: auto; border-radius: 4px;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);background-color: white; z-index: 15; height: auto;}
.content .left_menu .add_menu_frame.act {display: block;}
.content .left_menu .add_menu_frame table tr td {padding:10px 20px;padding: 0.625rem 1.25rem; white-space: nowrap;}
.content .left_menu .add_menu_frame tr td:hover {font-weight: bold;}

.content .left_menu .add_menu_frame_group {display: none; padding: 0; position: fixed; width: auto; border-radius: 4px;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);background-color: white; z-index: 15; height: auto;}
.content .left_menu .add_menu_frame_group.act {display: block;}
.content .left_menu .add_menu_frame_group table tr td {padding:10px 20px;padding: 0.625rem 1.25rem; white-space: nowrap;}
.content .left_menu .add_menu_frame_group tr td:hover {font-weight: bold;}


.content .left_menu .edit .myplace_list_frame .ico.ck {padding-right: 3px;}
.content .left_menu .edit .myplace_list_frame .explain {width: 233px; width: 16.642857142857143rem;}

.content .left_menu.hide {width: 0;}
/* #viewerMenu {width:100%;} */
#viewerMenu.hide {width:0;}
.content .left_menu.hide .arr_l {transition: all ease 0.3s; transform: rotate( 180deg )}
#viewerMenu.hide .arr_l {transition: all ease 0.3s; transform: rotate( 180deg )}

.content .left_menu .map_inner {text-align: left; padding: 15px; padding: 0.9375rem; display: inline-block;}
.content .left_menu .map_inner .space {padding: 5px; padding: 0.3125rem;}
.content .left_menu .map_inner ul li.float_l {width: 33.3333333%; padding: 5px; padding: 0.3125rem;}



.content .left_menu .my_location_search_result .title_txt {width: 5.625rem; max-width: 5.625rem; padding-right: 0.875rem;line-height: 1.6;}
.content .left_menu .my_location_search_result .content_txt {width: 13.4375rem; max-width: 13.4375rem;line-height: 1.6; }


.content .left_menu .title_frame .folder.layer.group_set .nice-select {width: 138px;width: 8.625rem;height: 40px;font-size: 0.875rem;line-height: 40px;clear: none;float: right;margin: 10px 0;margin: 0.625rem 0;}
.group_set {}




/* 지도상세 */
.content .map_detail {padding: 50px 50px 50px 440px; padding: 3.125rem 3.125rem 3.125rem 27.5rem;}
.content .map_detail .inner {padding: 30px; padding: 1.875rem; border-radius: 6px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);background-color: white;}
.content .map_detail .inner .input_frame {width: 60%;}

.file_view_frame {height: 180px; height: 11.25rem; border-radius: 4px;border: solid 1px #dadae0;background-color: white; padding: 0.625rem;}
.file_view_frame li {padding: 10px; padding: 0.625rem;}
.file_view_frame i.file {margin: 0 0.625rem 0 0;}








/* 파일 리스트 */
.file_list_frame {width: 100%; height: 46px; height: 2.875rem;border-radius: 4px;border: 1px solid #dadae0;padding: 0 10px;padding: 0 0.625rem;font-size: 14px;font-size: 0.875rem;font-weight: 400;color: #4a4a4a;}
.file_list_frame ul {width: 100%;height: 100%;}
.file_list_frame li {padding: 10px; padding: 0.625rem;}





/* Fixed Buttons */
.content .radio_choioce {position: fixed; top: 80px; top: 5rem; right: 190px; right: 11.875rem; width: 100px; width: 6.25rem; box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);}
.content .radio_choioce .left {border-radius: 6px 0 0 6px;}
.content .radio_choioce .right {border-radius: 0 6px 6px 0;}

.content .checkbox_frame.orthophoto {position: fixed; top: 80px; top:5rem; right: 100px; right: 6.25rem; width: 70px; width: 4.375rem;}
.content .checkbox_frame.label {position: fixed; top: 80px; top:5rem; right: 20px; right: 1.25rem; width: 70px; width: 4.375rem; }

.content .radio_frame.roadview {position: fixed; top: 150px; top: 9.375rem; right: 20px; right: 1.25rem; width: 3.125rem; height: 3.125rem;}	/* 거리뷰 버튼 추가 이유준 2021.06.01 */
.content .radio_frame.distance {position: fixed; top: 150px; top: 13.125rem; right: 20px; right: 1.25rem; width: 3.125rem; height: 3.125rem;}
.content .radio_frame.distance3D {position: absolute; width: 3.125rem; height: 3.125rem;}
.content .radio_frame.area {position: fixed; top: 210px; top: 16.875rem; right: 20px; right: 1.25rem; width: 3.125rem; height: 3.125rem;}
.content .radio_frame.area3D {position: absolute; width: 3.125rem; height: 3.125rem; margin-left: 50px;}
.content .radio_frame.radius {position: fixed; top: 270px; top: 20.625rem; right: 20px; right: 1.25rem; width: 3.125rem; height: 3.125rem;}

.content .size_control {border-radius: 6px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);background-color: #ffffff; position: fixed; top: 340px; top: 25.125rem; right: 20px; right: 1.25rem; width: 3.125rem; height: 6.25rem;padding: 0 0.625rem;}
.content .size_control .border {border-bottom: 1px solid #efeff4;}

.content .checkbox_frame.only_image {position: fixed; top: 450px; top: 31.875rem; right: 20px; right: 1.25rem;  width: 3.125rem; height: 3.125rem;}

.content .checkbox_frame.map1 {position: fixed; top: 520px; top: 36rem; right: 20px; right: 1.25rem;  width: 3.125rem; height: 3.125rem;}
.content .checkbox_frame.map2 {position: fixed; top: 580px; top: 39.75rem; right: 20px; right: 1.25rem;  width: 3.125rem; height: 3.125rem;}



/* Map List */
#map_list .content .radio_choioce {right: 20px; right: 1.25rem;}
#map_list .content .size_control {top: 150px; top: 9.375rem; right: 20px; right: 1.25rem; width: 3.125rem; height: 6.25rem;padding: 0 0.625rem;}
.left_bottom_btn {padding-top: 30px; padding-top: 1.875rem;}




/* Mobile */
.content .checkbox_frame.menu {display: none;}
.content .checkbox_frame.menu.one {position: fixed; top: 96px;left: 20px; width: 3.125rem; height: 3.125rem;}
.content .checkbox_frame.menu.two {position: fixed; top: 156px;left: 20px;  width: 3.125rem; height: 3.125rem; display:none;}















/********************************** State Myplace **********************************/

.state_myplace {padding: 90px 35px 30px 35px; padding: 5.625rem 2.1875rem 1.875rem 2.1875rem; background-color: #efeff4;}
.state_myplace .space {padding: 15px; padding: 0.9375rem;}
.state_myplace .title {font-size: 26px; font-size: 1.625rem; font-weight: bold;}
.state_myplace .search_frame {width: 100%;padding: 30px;padding: 1.875rem;border-radius: 6px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);background-color: white;}
.state_myplace .search_frame_stat {width: 50%;padding: 30px;padding: 1.875rem;border-radius: 6px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);background-color: white;}
.state_myplace .search_frame table.search th {font-weight: normal; text-align: left; padding-bottom: 10px; padding-bottom: 0.625rem;}
.state_myplace .search_frame_stat table.search th {font-weight: normal; text-align: left; padding-bottom: 10px; padding-bottom: 0.625rem;}

.state_myplace .search_frame table.search .nice-select {width: 100%;height: 46px;height: 2.875rem; font-size: 0.875rem;line-height: 2.875rem; clear: none; float: right;margin: 10px 0;margin: 0.625rem 0;}
.state_myplace .search_frame table.search .nice-select:after {width: 8px; height: 8px; top: 23px; width: 0.5rem; height: 0.5rem; top: 1.4375;}

.state_myplace .search_frame_stat table.search .nice-select {width: 100%;height: 46px;height: 2.875rem; font-size: 0.875rem;line-height: 2.875rem; clear: none; float: right;margin: 10px 0;margin: 0.625rem 0;}
.state_myplace .search_frame_stat table.search .nice-select:after {width: 8px; height: 8px; top: 23px; width: 0.5rem; height: 0.5rem; top: 1.4375;}

.state_myplace .graph_list ul li {width: 33.3%;}
.state_myplace .graph_list ul li .frame {width: 100%;height: 600px;border-radius: 6px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);background-color: white;padding: 0 20px;padding: 0 1.25rem;}
.state_myplace .graph_list ul li .frame .title {padding: 30px 10px 25px 10px; padding: 1.875rem 0.625rem 1.5625rem 0.625rem; border-bottom: 1px solid #efeff4;margin: 0;}
.state_myplace .graph_list ul li .frame .title i.ico_close {width: 14px; width: 0.875rem; height: 14px; height: 0.875rem; padding: 0.8125rem 0;}

.state_myplace .graph_list ul li .frame .content_graph {height: 100%;}
.state_myplace .graph_list ul li .frame .content_graph .download_frame {position: absolute; top: 15px; top: 0.9375rem; right: 0; width: 40px;width: 2.5rem; height: 40px;height: 2.5rem; border-radius: 6px;border: solid 1px#e5e5ea; background-color: white; text-align: center;padding-top: 2px;}
.state_myplace .graph_list ul li .frame .content_graph .download_frame i {display: inline-block; margin: auto; vertical-align: middle;}

.search_frame .search_input_area {width: 100%; height: auto;}
.search_frame .search_input_area .left.inline {width: 100%; height: auto;}
.search_frame .search_input_area .right.btn_wrap {max-width: 150px; width: 150px; text-align: right;}
.search_frame .search_input_area .right.btn_wrap.double_btn {max-width: 260px; width: 260px;}
.search_frame .search_input_area .input_g {display: table; width: 100%; height: auto;}
.search_frame .search_input_area .input_g .input_box {display: table-cell; }
.search_frame .search_input_area .input_g .blank_box_30.blank_for_inputbox {display: table-cell;}
.search_frame .search_input_area .input_g .input_frame {max-width: 200px;}

.search_frame_stat .search_input_area {width: 100%; height: auto;}
.search_frame_stat .search_input_area .left.inline {width: 100%; height: auto;}
.search_frame_stat .search_input_area .right.btn_wrap {max-width: 150px; width: 150px; text-align: right;}
.search_frame_stat .search_input_area .input_g {display: table; width: 100%; height: auto;}
.search_frame_stat .search_input_area .input_g .input_box {display: table-cell; }
.search_frame_stat .search_input_area .input_g .blank_box_30.blank_for_inputbox {display: table-cell;}
.search_frame_stat .search_input_area .input_g .input_frame {max-width: 200px;}
#workList .search_frame .search_input_area .input_g .input_frame {max-width: 100%;}

.search_frame .search_input_area .input_g .nice-select {min-width: 100px; min-width: 6.25rem;}
.search_frame_stat .search_input_area .input_g .nice-select {min-width: 100px; min-width: 6.25rem;}


.graph_list_view ul li {width: 100%;}
.graph_list_view {width: 100%; height: 90%;}
/********************************** / State Myplace **********************************/










/* 현황판 */
.separation_info {background-color: #fbfbfd; width: 100%;}
.separation .frame {padding-right: 10px;}
.separation .frame .icon {width: 10px;height: 10px;width: 0.625rem;height: 0.625rem; border-radius: 100%; margin-right: 5px; }
.separation .frame .icon.orange {background-color: #ffa450;}
.separation .frame .icon.red {background-color: #f25d5d;}
.separation .frame .icon.blue {background-color: #2e93e5;}

ul.status_folder_list_frame {border: 1px solid #dadae0; border-radius: 4px; height: 100px; width: 100%; padding: 0.5rem 0.4rem; overflow-y: auto;}
ul.status_folder_list_frame li {padding: 0.3rem;}
ul.status_folder_list_frame li i.add {margin: 1px 0 0 0; float: right;}

ul.status_folder_list_2_frame {border: 1px solid #dadae0; border-radius: 4px; height: 2.875rem; width: 100%; padding: 0 0.4rem; overflow-y: auto;}
ul.status_folder_list_2_frame li {display: inline-block; padding: 0 0.3rem;}

.text_btn {width: 20px; height: 20px; background-color: tomato; position: fixed; top: 50%; left: 50%;}


















/*************************************** Mobile ***************************************/

.translucence {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 109;}

.mobile_menu_frame {transition: 0.3s; position: fixed; left: 0; top: 0; height: 100%; width: 60%; max-width: 300px; background-color: rgba(0, 0, 0, 0.3);box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);z-index: 110;}
.mobile_menu_frame.hide {width: 0;}
.mobile_menu_frame .overflow_y {height: 100%; background-color: white;}
.mobile_menu_frame .inner {height: 100%; width: 100%; background-color: white;}
.mobile_menu_frame .inner .part {border-bottom: 1px solid #efeff4;padding: 20px;}
.mobile_menu_frame .inner .part.info {padding: 30px;}
.mobile_menu_frame .inner .part a {display: block;}
.mobile_menu_frame .inner .part a.head {padding: 15px 10px; padding: 0.9375rem 0.625rem; font-size: 17px; font-size: 1.0625rem; font-weight: 500;}
.mobile_menu_frame .inner .part a.head.act {color: #258fff;}
.mobile_menu_frame .inner .part a.list {padding: 9px 0 9px 20px; padding: 0.5625rem 0 0.5625rem 1.25rem; font-size: 15px; font-size: 0.9375rem; color: #777777;}
.mobile_menu_frame .inner .part a.list.act {color: #258fff;}
.mobile_menu_frame .inner .part a:hover, .mobile_menu_frame .inner .part p:hover {color: #258fff;}





/*************************************** / Mobile ***************************************/


.checkbox_frame.cehckbox_icostyle input[type="checkbox"] + label .ico_frame {width: 46px; height: 46px; width: 2.875rem; height: 2.875rem; border-radius: 6px; border: 1px solid #dadae0;}
.checkbox_frame.cehckbox_icostyle input[type="checkbox"] + label i.ico {width: 100%; height: 100%; background-size: 22px auto; background-size: 1.375rem auto;}
.checkbox_frame.cehckbox_icostyle input[type="checkbox"]:checked + label {border: 1px solid #258fff;}
.checkbox_frame.cehckbox_icostyle input[type="checkbox"]:checked + label i.ico_list {background-image: url('../images/btn/btn-list.png');}
.checkbox_frame.cehckbox_icostyle input[type="checkbox"]:checked + label i.ico_graph {background-image: url('../images/btn/btn-graph.png');}
.checkbox_frame.cehckbox_icostyle input[type="radio"] {position: absolute; top: -1px; left: -1px; opacity: 0; width: 1px; height: 1px;}
.checkbox_frame.cehckbox_icostyle input[type="radio"] + label .ico_frame {width: 46px; height: 46px; width: 2.875rem; height: 2.875rem; border-radius: 6px; border: 1px solid #dadae0;}
.checkbox_frame.cehckbox_icostyle input[type="radio"] + label i.ico {width: 100%; height: 100%; background-size: 22px auto; background-size: 1.375rem auto;}
.checkbox_frame.cehckbox_icostyle input[type="radio"]:checked + label .ico_frame {border: 1px solid #258fff;}
.checkbox_frame.cehckbox_icostyle input[type="radio"]:checked + label i.ico_list {background-image: url('../images/btn/btn-list.png');}
.checkbox_frame.cehckbox_icostyle input[type="radio"]:checked + label i.ico_graph {background-image: url('../images/btn/btn-graph.png');}








/* Pagination */
.pagination_frame {width:100%; height: auto; margin: auto; position: relative;}
.pagination_frame table {margin: 0 auto;}
.pagination_frame .page_btn {width: 26px; height: 26px; width: 1.625rem; height: 1.625rem; margin: 5px; cursor: pointer;}
.pagination_frame .page_btn.left {margin-left: auto;}
.pagination_frame .page_btn.right {margin-right: auto;}

.pagination_frame p {display: inline-block; padding: 5px 8px; color: #777; cursor: pointer;}
.pagination_frame p.act {color: #258fff; font-weight: bold;}

button.pagi_right_location {position: absolute; top: 0; right: 0;}
.order_list_btns {position: absolute; top: 0; left: 0;}
.order_list_btns .act {color: #258fff;}










/******************************************************************/
/* 210126 */


/* swkim 스타일 추가. */
/* 로딩처리 */
/* #loading { position: fixed; width: 100%; height: 100vh; z-index:1000; text-align: center; background: rgba(0, 0, 0, 0.4); }
#loading .inner { padding-top:25%; }
#loading img { width:90px; height:110px; display: inline; } */

#loading {
    position: fixed; 
    width: 90px;
    height: 110px;
    top: 50%;left: 50%;
    margin-top: -55px;margin-left: -45px;
    background-image: url('../images/icon/load-off.png');
    animation: bounce 1.5s infinite;
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}	
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}
#loading .fill {
    position: absolute;
    bottom: 0;
    width: 90px;
    height: 0;
    background-image: url('../images/icon/load-on.png');
    background-size: 90px 110px;
    background-position: center bottom;
    animation: fillUp 1.5s ease-in-out infinite;
}
@keyframes fillUp {
    0% {
        height: 0px;
    }
    50% {
        height: 110px;
    }
    100% {
        height: 0;
    }
}


/* huum */
.layerpop_background {display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 101; background-color: rgba(0, 0, 0, 0.3);}

.pop_location_center {top: 50%; left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
    
.pop_location_center_editor {top:25%; left: 10%;}

#infoWindow {top: unset; left: unset; bottom: unset; right: unset;z-index: 103;}

#dataList {top:60px; top: 3.75rem; left: 0; max-width:none; width:35rem; min-width:35rem;} 

i.ico.list {background-image: url('../images/btn/btn-list.png'); width: 18px; width: 1.125rem; height: 18px; height: 1.125rem;}

/* Content */
/* Left Menu */
.content {padding-top: 60px; padding-top: 3.75rem; background-color: #efeff4;} 
.content .left_menu .title_frame .folder i.ico {margin: 21px 3px 0px 0px; margin: 1.3125rem 0.1875rem 0px 0px;}
.content .left_menu .title_frame .folder p.text_one_line {max-width: 247px; max-width: 15.4375rem;}

.content .left_menu .title_frame .folder.layer i.ico.arr_r_grey_off {margin: 23px 6px 0px 6px; margin: 1.4375rem 0.375rem 0 0.375rem;}
.content .left_menu .title_frame .folder.layer p.text_one_line {max-width: 95px;}
.content .left_menu .title_frame .folder.layer .nice-select {width: 100px;height: 40px;font-size: 0.875rem;line-height: 40px; clear: none; float: right;margin: 10px 0;margin: 0.625rem 0;}
.content .left_menu .title_frame .folder.layer .nice-select:after {width: 8px; height: 8px; top: 24px;  width: 0.5rem; height: 0.5rem; }

.infowindowbtn {width: 30px; height: 30px; border-radius: 100%; position: fixed; top: 400px; left: 30%; background-color: tomato;}






/*da.kim*/

/* fontawesome */
/* i.fas {text-shadow:  -2px 0 #fcfcfc, 0 2px #fcfcfc, 2px 0 #fcfcfc, 0 -2px #fcfcfc;} */
/* i.fas,i.colorbox {cursor: pointer;} */
/* i.fas:hover {color: #999999;} */
/* i.fas.view_fas {cursor: default; font-size: 1.875rem;} */
/* i.fas.view_fas:hover {color: unset;} */


.layerpop.layerpop_icosetting .icosel_box li {width:27px; margin: 5px; margin: 0.3125rem;}
.layerpop.layerpop_icosetting .icosel_box i.fa, .layerpop.layerpop_icosetting .icosel_box i.fas {text-align: center; width: 100%; height: 100%; display: inline-block; font-size: 20px;}
.layerpop.layerpop_icosetting .icosel_box i.fa:before, .layerpop.layerpop_icosetting .icosel_box i.fas:before  {
    vertical-align: middle;
}
.layerpop.layerpop_icosetting .icosel_box i.fa::before, .layerpop.layerpop_icosetting .icosel_box i.fas::before  {
    vertical-align: middle;
}
.layerpop.layerpop_icosetting .icosel_box
i.fa, i.fas{text-indent: 0 !important; text-align: center; font-size: 1rem}

.mobile_menu_frame {left: 0; }
.mobile_menu_frame.hide {left: -100%; width: 60%;}

.over_x_scroll {overflow-x: auto;}
.over_y_scroll {overflow-y: auto;}





/* 210126 끝 */
/******************************************************************/








/* 마지막 */
.detail_image_size {width: 50%; height: 340px;}
.table_cell.mob_disnone {display: none;}
.mob_dis {display: block;}
#infoWindow.window_close {max-height: 0; overflow: hidden; transition: 0.3s;}

i.ico.search_white {background-image: url('../images/btn/btn-search-white.png'); width: 18px; width: 1.125rem; height: 18px; height: 1.125rem;}
i.ico.search_blue {background-image: url('../images/btn/btn-search-blue.png'); width: 18px; width: 1.125rem; height: 18px; height: 1.125rem;}
i.ico.search_clear {background-image: url('../images/btn/btn-close.png'); width: 18px; width: 1rem; height: 18px; height: 1rem;}



.dis_none {display: none !important;}

.pop_hd .select_frame {position: absolute; top: 0; right: 0; width: 100%; padding: 12px 15px; padding: 0.75rem 0.9375rem;}
.select_frame .nice-select.icostyle {border: 0;}
.select_frame .nice-select.icostyle .current {visibility: hidden;}
.select_frame .nice-select.icostyle:after {border-bottom: 2px solid #258fff; border-right: 2px solid #258fff;}

.layerpop .pop_ft .sec_file .list_box .lst_item .btn_frame {display: inline-block;}

i.fa, i.fas, i.fa:before, i.fa::before, i.fas:before, i.fas::before {font-family: "Font Awesome 5 Pro";}

i.fas.far.fa-eye {color : rgb(17, 102, 220);}
i.fas.far.fa-eye-slash {color : rgb(218, 218, 224);}





/* jqGrid */
#jqGridTitle.jqGrid_title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100px; } 
.jqGrid_style .ui-jqgrid .ui-jqgrid-btable { border-collapse: collapse;}
.jqGrid_style .ui-jqgrid .ui-jqgrid-htable { border-collapse: collapse;}
.jqGrid_style .ui-widget-overlay {background:#ffffff; }
.jqGrid_style .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { height: 45px; height: 2.813rem; line-height:45px; line-height: 2.813rem; font-weight: 500; font-size:14px; font-size: 0.875rem; border-color: #e5e5ea; padding:0 10px; margin:0; border-spacing: 0;  }
.jqGrid_style .ui-jqgrid .ui-jqgrid-resize {display: none;}
.jqGrid_style .ui-jqgrid .ui-jqgrid-htable th div {height:auto; margin: 0;}
.jqGrid_style .ui-jqgrid tr.jqgrow td { height: 45px; height: 2.813rem; font-size:14px; font-size: 0.875rem; font-weight: 400; border-color: #e5e5ea; padding: 0; margin:0; border-spacing: 0; } /* line-height:45px; line-height: 2.813px; 제거 개행문자로 인해.*/
.jqGrid_style .ui-jqgrid .ui-jqgrid-view input { text-align: inherit; }
.jqGrid_style .ui-jqgrid .ui-jqgrid-view input[type="checkbox"] {-webkit-appearance: checkbox !important;}
/* .jqGrid_style #jqGridPager {display: none;} */
.jqGrid_style #jqGrid_toppager_left, .jqGrid_style #jqGrid_toppager_right {display: none;}
.jqGrid_style #jqGridPager.ui-corner-bottom #jqGridPager_left, .jqGrid_style #jqGridPager.ui-corner-bottom #jqGridPager_right {display: none;}
.jqGrid_style #jqGrid_toppager {display: none;}


.jqGrid_btn_group #jqGridPager .ui-pg-table { width: auto !important; height: auto !important; }
.jqGrid_btn_group #pg_jqGrid_toppager #jqGrid_toppager_left { width:auto !important; background: none; border:none; }
.jqGrid_btn_group #pg_jqGrid_toppager #jqGrid_toppager_center {display: none;}

.jqGrid_btn_group .ui-state-hover .jqGrid_btn_group .ui-state-focus { border:none; background: inherit;; }


.jqGrid_btn_group #jqGrid_toppager, .jqGrid_btn_group #jqGrid_toppager .ui-pg-table {width:auto!important; border: none; background: none;}
.jqGrid_btn_group #pg_jqGrid_toppager #jqGridPager_center, .jqGrid_btn_group #pg_jqGrid_toppager #jqGrid_toppager_right{display: none;} 
.jqGrid_btn_group #pg_jqGrid_toppager .ui-pg-button.ui-state-hover {background: none; border:none; }
.jqGrid_btn_group #pg_jqGrid_toppager #jqGrid_toppager_left .ui-corner-all {float: left;}
.jqGrid_btn_group #pg_jqGrid_toppager #jqGrid_toppager_left .ui-corner-all .ui-separator { display: block; width:1px; height:14px; font-size: 0.875rem; margin-top:7px;background: #e5e5ea;}
.jqGrid_btn_group #pg_jqGrid_toppager .ui-pg-button .ui-pg-div { width: 26px; width: 1.625rem; height: 26px; height: 1.625rem; padding: 0 5px; padding: 0 0.3125rem; box-sizing: content-box;  }
.jqGrid_btn_group #pg_jqGrid_toppager .ui-pg-button .ui-icon { cursor:pointer; filter: invert(50%); width:100%;height:100%; background: none; background-position: 0px 4px; background-repeat: no-repeat; background-size: 100% auto;}
.jqGrid_btn_group #pg_jqGrid_toppager .ui-pg-button .ui-icon.ui-icon-plus { background-image: url('../images/btn/btn-data-menu-1.png'); }
.jqGrid_btn_group #pg_jqGrid_toppager .ui-pg-button .ui-icon.ui-icon-pencil { background-image: url('../images/btn/btn-data-menu-2.png'); }
.jqGrid_btn_group #pg_jqGrid_toppager .ui-pg-button .ui-icon-disk { background-image: url('../images/btn/btn-data-menu-3.png'); }
.jqGrid_btn_group #pg_jqGrid_toppager .ui-pg-button .ui-icon-cancel { background-image: url('../images/btn/btn-data-menu-4.png'); }
.jqGrid_btn_group #pg_jqGrid_toppager .ui-pg-button .ui-icon-trash { background-image: url('../images/btn/btn-data-menu-5.png'); }
.jqGrid_btn_group #pg_jqGrid_toppager .ui-pg-button .ui-icon-search { background-image: url('../images/btn/btn-data-menu-6.png'); }
.jqGrid_btn_group #pg_jqGrid_toppager .ui-pg-button .ui-icon-refresh { background-image: url('../images/btn/btn-data-menu-7.png'); }
.fm-button-text {position: relative; top:-30%; font-size: 14px; font-size: 0.875rem; }
.ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content { font-size: 14px; font-size: 0.875rem; }
#fbox_jqGrid input, #fbox_jqGrid select {border:solid 1px #dedee4; border-radius: 6px; border-radius: 0.375rem; height: 45px; height: 2.813rem; }
#fbox_jqGrid .columns {padding-right: 5px; padding-right: 0.313rem;}
#fbox_jqGrid .operators {padding-right: 5px; padding-right: 0.313rem;}
.ui-jqdialog .ui-jqdialog-titlebar-close {right: 0;}
.fm-button-icon-left .ui-icon {top:60% !important; margin-left:3px !important }
.fm-button-icon-right .ui-icon {top:60% !important; }
#jqGridPopPage .tbl_wrap.datatable_wrap {overflow: hidden;} 

/* 20210209 Start */
.jqGrid_style td.ui-state-default, .jqGrid_style .ui-widget-content td.ui-state-default {background:inherit;}
.jqGrid_style .ui-state-highlight, .jqGrid_style .ui-widget-content .ui-state-highlight, .jqGrid_style .ui-widget-header .ui-state-highlight { background: #F1F7FF; color:#4a4a4a; border-color: #F1F7FF;}
.jqGrid_style .ui-state-hover, .jqGrid_style .ui-widget-content .ui-state-hover, .jqGrid_style .ui-widget-header .ui-state-hover { background:#fbfbfb; border-color: #fbfbfb; }
.jqGrid_style .ui-widget.ui-widget-content {border:none;}
.jqGrid_style .ui-jqgrid .ui-jqgrid-htable th {border-top:solid 1px #EBECF0; }
.jqGrid_style .ui-jqgrid .ui-jqgrid-htable th:first-child {border-left:solid 1px #EBECF0; }
.jqGrid_style .ui-jqgrid .ui-jqgrid-htable th:last-child {border-right:solid 1px #EBECF0; }
.jqGrid_style .ui-jqgrid tr.jqgrow td {border-color: #EFEFF2 !important;}
.jqGrid_style .ui-widget-content {border-color: #EFEFF2 !important;}
/* 20210209 End */




.vm {vertical-align: middle;}
.vt {vertical-align: top;}
.w27 {width: 27px; width: 1.6875rem;}
.w47 {width: 47px; width: 2.9375rem;}
.w145 {width: 145px;}
.w150 {width: 150px; width: 9.375rem;}
.w160 {width: 160px;}
.w199 {width: 199px;}
.w234 {width: 234px; width: 14.625rem;}
.w300 {width: 300px; width: 18.75rem;}
.max_w500 {max-width: 500px; max-width: 31.25rem;}
.h46 {height: 46px; height: 2.875rem;}
.mg0 {margin: 0 !important;}
.mg_at {margin: auto;}
.max_wid_300 {max-width: 300px;}
.max_wid_500 {max-width: 500px;}
.max_wid_900 {max-width: 900px;}
.select_frame.select_40 {min-height: 40px; min-height: 2.5rem;}
.select_frame.select_40 .nice-select {height: 40px; height: 2.5rem; line-height: 34px; line-height: 2.125rem;}
.select_frame.select_40 .nice-select:after {top: 22px; top: 1.375rem;}

.select_frame.select_46 .nice-select:after {top: 1.33rem;}

.slider_info .ver_line {width: 1px; height: 0.8rem; background-color: #dadae0; margin: 0 6px -3px 10px;}

.block_a {width: 20rem; height: 100%;background-color: transparent;z-index: 1;position: absolute; top: 0; left: 1.875rem;}
.block_b {width: 18rem; height: 100%;background-color: transparent;z-index: 1;position: absolute; top: 0; left: 1.875rem;}
.block_all {display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 102;background: transparent;}

li.active:active {background-color: #F1F7FF;}
tr.active:active {background-color: #F1F7FF;}


.notice_detail_content {height: 240px;overflow-y: auto;}

.bg_yellow {background-color: #fffcf2;}

.layerpop.normal .out_input {display: none;}
.layerpop.normal .normal_input {display: block;}
.layerpop.out .normal_input {display: none;}
.layerpop.out .out_input {display: block;}


#iconSetting {top: 50%; transform: translate(0, -50%);}
.highlight {background-color: #ffd882;}

.level_1 {z-index: 102;}
.level_2 {z-index: 104;}
.level_3 {z-index: 106;}

/* 프로그래스바 */
.w3-container {height: 1.75rem;}
.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {height: 100%;}


/* 글작성 에디터 */
.ck-editor__main {font-size: 0.875rem;}
.ck-content {height: 18.75rem; overflow-y: auto; border-radius: 0 0 4px 4px;}


.mobile_menu_1 {display: block;}
.mobile_menu_2 {display: block;}

.get_info_line {position: absolute;height: 3px;}
.get_info_line.ing {opacity: 0.4;}
.point {width: 0.75rem; height: 0.75rem; border-radius: 100%;}
.get_info_line .point.float_l {margin: -4px 0 0 -4px;}
.get_info_line .point.float_r {margin: -4px 0 0 4px;}
.get_info_line .info_frame {position: absolute;padding: 10px 12px;padding: 0.625rem 0.75rem; border-radius: 6px;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);background-color: white; white-space: nowrap;}


.get_info_square {width: 551px;height: 200px;background-color: rgba(0, 187, 255, 0.1);border: 3px solid #00bbff;}
.info_frmae{position: absolute; width: 18.75rem;height: auto;border-radius: 6px;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);background-color: white;}
.info_frmae .tit {padding: 0.75rem 0.9375rem; border-bottom: 2px solid #efeff4;}
.info_frmae ul li {padding: 0 0.9375rem;}
.info_frmae ul li .inner {padding: 0.625rem 0; border-bottom: 1px solid #efeff4;}

.circle {width: 10px; height: 10px; border-radius: 100%; margin: 4px 3px 0 0;}
.circle.blue {background-color: #0021ff;}
.circle.yellow {background-color: #ffe801;}
.circle.purple {background-color: #941dd3;}


.get_radius_circle{width: 300px;height: 300px;border-radius: 100%; border: solid 3px #ff9f00;background-color: rgba(255, 159, 0, 0.2);}
#addMapLayout .file_size_text {margin-top: 1.4375rem;}


/* 스크롤 */
::-webkit-scrollbar {width: 10px; background-color: #fff;}
::-webkit-scrollbar-thumb {background-color: #dadae0; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
::-webkit-scrollbar-track {background-color: #fff;}

/* IE */
html {scrollbar-3dLight-Color: #fff; scrollbar-arrow-color: #dadae0; scrollbar-base-color: #fff; scrollbar-Face-Color: #dadae0; scrollbar-Track-Color: #dadae0; scrollbar-DarkShadow-Color: #fff; scrollbar-Highlight-Color: #fff; scrollbar-Shadow-Color: #dadae0}

.border-pre{text-shadow: -1px 0 #fcfcfc, 0 1px #fcfcfc, 1px 0 #fcfcfc, 0 -1px #fcfcfc; max-width: 260px; font-family: 'Noto Sans KR', sans-serif; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; display: block;}

i.ico.notiIcon {background-image: url('../images/icon/icon-noti.png'); width: 24px; height: 18px; width: 1.5rem; height: 1.125rem;}
i.ico.warIcon {background-image: url('../images/icon/icon-war.png'); width: 24px; height: 18px; width: 1.5rem; height: 1.125rem;}

.aside .map-list:after { display: block;content: ''; clear: both; }
.aside .map-list { margin-top: 10px; margin-bottom: 10px; } /*JYH margin:0 -15px; padding:0 35px;*/
.aside .map-list li { float:left; padding:0 7px; margin-bottom:10px; width:190px; height:190px;} /* JYH width:33.3333%; padding:0 15px; margin-bottom:30px; */

.infoWindow_select_wrap {position: relative;width: 100%;height: 100%;min-height: 3rem;}
.infoWindow_select_btn {z-index: 999;width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: transparent;}

button.select_focus:focus {
  border: solid 3px #9aea00;
}

#infoWindow button.btn_ico.btn_popftmenu:focus i{
  border: solid 3px #9aea00;
}

i.addMarkerMode {
	border : 1px solid rgb(17, 102, 220);
	min-width : 15px;
/* 	text-shadow: -2px 0 #9aea00, 0 2px #9aea00, 2px 0 #9aea00, 0 -2px #9aea00; */
}

/* 드래그로 선택되는 부분 방지 */
div {-ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}

@media only screen and (max-width:1340px) {
    .right_menu a p {display: none !important;}
    /* Top Menu */
    .top_menu .middle_menu {padding: 0 17rem 0 24.375rem;}
    .alarm_list_frame.act:after {left: 303px; left: 18.9375rem;}
    /* State Myplace */
    .state_myplace .graph_list ul li {width: 33.33333333333333%;}
	.pop_location_center_editor {top:22%;}
	.border-pre{text-shadow: -1px 0 #fcfcfc, 0 1px #fcfcfc, 1px 0 #fcfcfc, 0 -1px #fcfcfc; max-width: 260px; font-family: 'Noto Sans KR', sans-serif; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; display: block;}
}

@media only screen and (max-width:1280px) {
    .search_frame .search_input_area .left.inline {display: block;}
    .search_frame .search_input_area .right.btn_wrap {display: block; max-width: none; width: auto; padding-top: 30px; padding-top: 1.875rem;}
    .search_frame .search_input_area .right.btn_wrap.double_btn {max-width: none; width: auto;}
    .search_frame_stat .search_input_area .left.inline {display: block;}
    .search_frame_stat .search_input_area .right.btn_wrap {display: block; max-width: none; width: auto; padding-top: 30px; padding-top: 1.875rem;}
	.state_myplace .search_frame_stat {width: 100%;padding: 30px;padding: 1.875rem;border-radius: 6px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);background-color: white;}
    /* 지도 업로드 */
    .content .map_detail .inner .input_frame {width: 100%;}
    .detail_image_size {width: 100%; height: 300px;}
	.pop_location_center_editor {top:22%;}
	.border-pre{text-shadow: -1px 0 #fcfcfc, 0 1px #fcfcfc, 1px 0 #fcfcfc, 0 -1px #fcfcfc; max-width: 260px; font-family: 'Noto Sans KR', sans-serif; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; display: block;}
}
@media only screen and (max-width:1080px) {
	.stat_select_box{width:100%;}
	.stat_select_box_small{width:20%;}
    .search_frame .search_input_area .input_g {display: block; width: 100%; height: auto;}
    .search_frame .search_input_area .input_g .input_box {display: block; width: 100%; }
    .search_frame .search_input_area .input_g .input_box.stat_select_box_small {width: 20%;}
    .search_frame .search_input_area .input_g .blank_box_30.blank_for_inputbox {display: block; width: 100%;}

    .search_frame_stat .search_input_area .input_g {display: block; width: 100%; height: auto;}
    .search_frame_stat .search_input_area .input_g .input_box {display: block; width: 100%; }
    .search_frame_stat .search_input_area .input_g .blank_box_30.blank_for_inputbox {display: block; width: 100%;}

    /* State Myplace */
    .state_myplace .graph_list ul li {width: 50%;}
	.pop_location_center_editor {top:22%;}
	.border-pre{text-shadow: -1px 0 #fcfcfc, 0 1px #fcfcfc, 1px 0 #fcfcfc, 0 -1px #fcfcfc; max-width: 260px; font-family: 'Noto Sans KR', sans-serif; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; display: block;}
}

@media only screen and (max-width:1079px) {
    /* Top Menu */
    .top_menu .middle_menu {display: none;}
    .pop_location_center_editor {top:22%; left: auto; width: 100%;}
    .border-pre{text-shadow: -1px 0 #fcfcfc, 0 1px #fcfcfc, 1px 0 #fcfcfc, 0 -1px #fcfcfc; max-width: 260px; font-family: 'Noto Sans KR', sans-serif; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; display: block;}
}

@media only screen and (max-width:768px) {
     /*20210310 대상지관리 버튼 틀어짐 수정용 */
     .m_block {display: block;}
     .m_none {display: none;}
     .m_mt_15 {margin-top: 15px;}
     .m_mb_15 {margin-bottom: 15px;}
     .m_clear:after {content: ''; display:block; clear: both;}
     .pop_location_center_editor {top:22%;}
	
	.avail_part {width:100%;}
	.selected_part{display: none;}
	
    /* State Myplace */
    .state_myplace .graph_list ul li {width: 100%;}
    
    .mob_block {display: block;}
    .mob_100 {width: 100%;}
    
    .pg_cont .small_side {width: 100%;}
    
    .tbltxt_break .txt {word-break: break-all;}

    .login_frame {box-shadow: none; padding: 30px; padding: 1.875rem;}

 	.pop_location_center_editor {top:22%; width: auto;}


    #login {background-color: #fff;}
    .login_frame {max-width: none; max-height: none; padding: 50px; padding: 3.125rem; height: auto;}
    #login .blank_box_110 {width: 64px; height: 64px; width: 4rem; height: 4rem; min-width: 4rem;}


    .notice_top_btns.float_r {float: left;}
    .notice_top_btns.float_r > .tbllay_nofix {padding-top: 10px;}
    .notice_top_btns.float_r > .tbllay_nofix > .blank_box_20 {width: 0; min-width: 0;}


    /* JqGrid */
    .layerpop.jqgridLayerPop  .pop_hd > .inner {display: block;}
    .layerpop.jqgridLayerPop .table_cell {display: block;}
    .layerpop.jqgridLayerPop .pop_hd .right {position: absolute; right: 0; top:0;}
    .layerpop.jqgridLayerPop .tbllay_nofix #gqGridPageInfo {display: none;}
    .layerpop.jqgridLayerPop .table_cell.blank_box_10 {display: none;}
    .layerpop.jqgridLayerPop .table_cell .line.verti.sm.grey {display: none;}
    .layerpop.jqgridLayerPop .jqGrid_btn_group { padding:0 10px 10px 10px; padding:0 0.625rem 0.625rem 0.625rem }


    /* 20210209 */
    .ui-jqgrid-jquery-ui.ui-jqdialog {left:5% !important; width:90% !important; }
    #pg_jqGrid_toppager {position: relative; z-index: 5;}
    #pg_jqGridPager.ui-jqgrid .ui-jqgrid-pager .ui-pager-control {border: solid 1px #EFEFF2; border-top: none;}
    #fbox_jqGrid.searchFilter table, #fbox_jqGrid.searchFilter table tbody, #fbox_jqGrid.searchFilter table tr, #fbox_jqGrid.searchFilter table td {display: block; padding:0; padding-bottom: 0.313rem;}
    #fbox_jqGrid.searchFilter table select, #fbox_jqGrid.searchFilter table input { width:100%; padding:0 0.313rem }
    .ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content {min-height: 4rem; ;}
   .border-pre{text-shadow: -1px 0 #fcfcfc, 0 1px #fcfcfc, 1px 0 #fcfcfc, 0 -1px #fcfcfc; max-width: 210px; font-family: 'Noto Sans KR', sans-serif; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; display: block;}
}

@media only screen and (max-width:720px) {
	
	.top_menu {z-index:100;}
	.top_menu.basic {z-index:106;}
	
	.pop_location_center_editor {top:auto; left: auto;}
    /* State Myplace */
    .state_myplace .graph_list ul li {width: 100%;}

    /************************************* My Place **************************************/
    #map {position: absolute;top: 3.75rem;right: 0;bottom: 0;left: 0;padding: 0;}
    #pano {position: absolute;top: 3.75rem;right: 0;bottom: 0;left: 0;padding: 0;}

    /* Top */
    .top_menu .middle_menu {display: none;}
    
    #myplace .top_menu .right_menu {display: none;}
    #myplace .top_menu {height: 76px;}
    #myplace .top_menu .left_menu {top: 14px; left: 20px; right: unset; bottom: unset;}
    #myplace .top_menu .left_menu i.ico.logo {display: none;}
    #myplace .top_menu .left_menu i.ico.menu {background-image: url('../images/btn/btn-menu-off.png'); width: 19px; height: 13px; margin: 0;}
    #myplace .mobile_top {display: block;}
    
    /* .alarm_sign {margin-left: -16px;} 20210315 제거 */

    /* Left Menu */
    .left_menu_btn {display: none;}
    .content .left_menu {width: 100%; bottom: 0; height: 0; top: unset; padding: 0;z-index: 100;}
    .content .left_menu .mobile_left_menu_btn {display: block;}
    .content .left_menu.hide.step1 {width: 100%; height: 35%}
    .content .left_menu.hide {width: 100%;}
    .content .left_menu .search_tr {display: none;}

    /*210126*/
    .content .left_menu .content_frame .overflow_y {height: 100%; max-width: 100%;}

    /* Fixed Buttons */
    .content .radio_choioce {left: 80px;top: 96px; right: unset;}
    .content .checkbox_frame.orthophoto {left: 190px;top: 96px; right: unset;}
    .content .checkbox_frame.label {left: 270px;top: 96px; right: unset;}

    .content .radio_frame.roadview {left: 20px;top: 156px; right: unset;}
    .content .radio_frame.distance {left: 80px;top: 156px; right: unset;}
    .content .radio_frame.area {left: 140px;top: 156px; right: unset;}
    .content .radio_frame.radius {left: 200px;top: 156px; right: unset;}
    .content .checkbox_frame.only_image {left: 20px;top: 211px; right: unset;}

    .content .size_control {display: none;}
    .content .checkbox_frame.menu {display: block;}

    .mobile_menu_1 {display: none;}
    .mobile_menu_2 {display: none;}


    .content .checkbox_frame.map1 {top: 266px;/*display: none;*/} /*20210310 마커찍기 아이콘 모바일에서 활성화 */
    .content .checkbox_frame.map2 {top: 321px;/*display: none;*/} /*20210310 마커찍기 아이콘 모바일에서 활성화 */
 
    
    #infoWindow {bottom: 0; left: 0; top: unset; right: unset; width: 100%; max-width: 100%; height: 88%;z-index: 100;} /* 20210317 z-index 조절 */
    #infoWindow.layerpop {border-radius: 0; box-shadow: unset;}
    #infoWindow .layer_inner {height: 100%;}
    
    

    
    /* 데이터 표 팝업 20210209 */
    #dataList {top: 0; left: 0; right: 0;bottom: 0;width: 100%!important; height: 100%!important; border-radius: 0; min-width:0;} /* 20210310 크기 변경 */
    #dataList .pop_hd > .inner {display: block;}
    #dataList .pop_hd > .inner > .table_cell {display: block;}
    #dataList .pop_hd > .inner > .table_cell.right {position: absolute; top: 0; right: 0;}
    #dataList .pop_hd > .inner > .table_cell.center {overflow: auto;}
    #dataList .pop_hd > .inner > .table_cell.center > .tbllay_nofix { display:block; padding-bottom:0.313rem; white-space: nowrap;padding: 0 1.875rem 0.625rem 0.625rem;}
    #dataList .pop_hd > .inner > .table_cell.center > .tbllay_nofix .jqGrid_btn_group {padding-bottom: 0.313rem; position: relative; left:10px; }
    #dataList .pop_hd > .inner > .table_cell.center > .tbllay_nofix .table_cell .line,     #dataList .pop_hd > .inner > .table_cell.center > .tbllay_nofix .blank_box_10.table_cell  {display: none;}
    


    /* info Window */
    #infoWindow.layerpop .pop_ft .sec_btn_group {height: 0;}
    #infoWindow.one_step.layerpop .pop_ft .sec_btn_group {height: auto;}
    #infoWindow.two_step.layerpop .pop_ft .sec_btn_group {height: auto;}
    #infoWindow.layerpop .pop_ft .ft_section {height: 0;}
    #infoWindow.one_step.layerpop .pop_ft .ft_section {height: auto;}
    #infoWindow.two_step.layerpop .pop_ft .ft_section {height: auto;}

    #infoWindow.window_close {overflow: visible;}
    #infoWindow.one_step {height: 25%; max-height: 167px;}
    #infoWindow.two_step {height: 94.5%; max-height: 94.5%;} /*20210310 모바일 레리어, 인포윈도우 높이 맞추기 위해 height 조절 */
    
    .layerpop {width: 90%;}
    #infoWindow.one_step.layerpop .pop_con .con_section.sec_slide {max-height: 0; overflow: hidden;}
    #infoWindow.one_step .pop_ft .sec_btn_group > .inner {position: absolute;bottom: 214px;left: 0;}
    #infoWindow.one_step .pop_ft .sec_btn_group > .inner.edit {position: absolute;bottom: 197px;left: 0;padding: 10px 15px;}
    #infoWindow.one_step .pop_ft .sec_btn_group > .inner .btn_box {border-radius: 6px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);background-color: white;}
    #infoWindow.one_step .btn.btn_popftmenu {padding: 0.6rem;border-radius: 6px;background-color: white;}
    #infoWindow.one_step .right .btn.btn_popftmenu {box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);}

    #infoWindow.layerpop .pop_ft .sec_btn_group.sec_edit_group > .inner {padding: 15px;}

    .table_cell.mob_disnone {display: table-cell;}
    .mob_dis {display: none;}

    #infoWindow.one_step .mobile_left_menu_btn, #infoWindow.two_step .mobile_left_menu_btn {display: block; position: absolute; left: 0; top: -36px; width: 100%; height: 36px; background-color: white; border-radius: 20px 20px 0 0; box-shadow: 0 -10px 10px 0 rgb(0 0 0 / 6%)}
    #infoWindow.one_step .layerpop .pop_hd .txt_frame, #infoWindow.two_step .layerpop .pop_hd .txt_frame {padding-top: 5px;}
    

    
    #map_list .content .radio_choioce {left: auto;}
    #map_list .content .size_control {display: table; top:11.375rem;}
    

    .content .map_detail {padding: 0;}
    .pg_inner {padding: 20px;}
    .state_myplace {padding: 10px;}
    

    

    .content .map_detail .inner .file_view_frame .file_view_lst p {max-width: 70%;}
    
    .mb_lay_2 .btn_size_46 {width: 100%;}
    .mb_lay_2 {display: block; width: 100%;}
    .mb_lay_2 .table_cell {display: block; width: 100%;}
    .mob_pt_30 {padding-top: 30px; padding-top: 1.875rem;}



    /* 공통 */
    .mb_100per {width: 100%;}
    .mb_w20 {width: 20px; height: 20px;}
    .mb_w10 {width: 10px; height: 10px;}
    .mb_dis_no {display: none !important;}
    .mob_mt15 {margin-top: 15px; margin-top: 1rem;}
    .mb_block {display: block;}
    .mb_pdt_10 {padding-top: 10px;}


    .radio_frame.with_ico input[type="checkbox"] + label div {padding: 12px 0 0 0;}
    .radio_frame.with_ico input[type="checkbox"] + label div p {display: none;}

    .radio_frame.view input[type="radio"]:checked + label div {background-color: white; color: #258fff;}
    .checkbox_frame.only_text input[type="checkbox"]:checked + label div {background-color: white; color: #258fff;}


    #login .size_18 {font-size: 15px;}
    .radio_choioce .line{display: block;}


    .table.md_table, .table.md_table .table_cell {display: block;}
    .table.md_table .blank_box_40, .table.md_table .blank_box_20 {height: 10px;}


    /* 통계 */
    .search_frame .search_input_area .input_g .blank_box_30.blank_for_inputbox {height: 10px;}
    .search_frame_stat .search_input_area .input_g .blank_box_30.blank_for_inputbox {height: 10px;}


    /* 공지사항 */
    .notice_top_btns.float_r > .tbllay_nofix {padding: 0;}

    .layerpop.big_size {width: 100%;height: 100%;border-radius: 0;}
    /* .layerpop .pop_ft {max-height: 100px;} */


    .layerpop .pop_ft .sec_file .list_box.act {max-height: 60px;}
	.border-pre{text-shadow: -1px 0 #fcfcfc, 0 1px #fcfcfc, 1px 0 #fcfcfc, 0 -1px #fcfcfc; max-width: 210px; font-family: 'Noto Sans KR', sans-serif; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; display: block;}

	/* 내장소 통계 팝업 */
	.layerpop.stat{height: calc(500px - 3.75rem); margin-top: 1.875rem;}
	/* 내장소 통계 레이어 선택 팝업 리스트 */
	.layerpop.stat #availableList{height: calc(500px - 20rem);}
	.layerpop.stat .con_section.sec_info{height: calc(500px - 22rem);}
}

@media only screen and (max-width:653px) {
	
	.top_menu {z-index:100;}
	.top_menu.basic {z-index:106;}
	
	.pop_location_center_editor {top:auto; left: auto;}
    /* State Myplace */
    .state_myplace .graph_list ul li {width: 100%;}

    /************************************* My Place **************************************/
    #map {position: absolute;top: 3.75rem;right: 0;bottom: 0;left: 0;padding: 0;}
    #pano {position: absolute;top: 3.75rem;right: 0;bottom: 0;left: 0;padding: 0;}

    /* Top */
    .top_menu .middle_menu {display: none;}
    
    #myplace .top_menu .right_menu {display: none;}
    #myplace .top_menu {height: 76px;}
    #myplace .top_menu .left_menu {top: 14px; left: 20px; right: unset; bottom: unset;}
    #myplace .top_menu .left_menu i.ico.logo {display: none;}
    #myplace .top_menu .left_menu i.ico.menu {background-image: url('../images/btn/btn-menu-off.png'); width: 19px; height: 13px; margin: 0;}
    #myplace .mobile_top {display: block;}
    
    /* .alarm_sign {margin-left: -16px;} 20210315 제거 */

    /* Left Menu */
    .left_menu_btn {display: none;}
    .content .left_menu {width: 100%; bottom: 0; height: 0; top: unset; padding: 0;z-index: 100;}
    .content .left_menu .mobile_left_menu_btn {display: block;}
    .content .left_menu.hide.step1 {width: 100%; height: 35%}
    .content .left_menu.hide {width: 100%;}
    .content .left_menu .search_tr {display: none;}

    /*210126*/
    .content .left_menu .content_frame .overflow_y {height: 100%; max-width: 100%;}

    /* Fixed Buttons */
    .content .radio_choioce {left: 80px;top: 96px; right: unset;}
    .content .checkbox_frame.orthophoto {left: 190px;top: 96px; right: unset;}
    .content .checkbox_frame.label {left: 270px;top: 96px; right: unset;}

    .content .radio_frame.roadview {left: 20px;top: 156px; right: unset;}
    .content .radio_frame.distance {left: 80px;top: 156px; right: unset;}
    .content .radio_frame.area {left: 140px;top: 156px; right: unset;}
    .content .radio_frame.radius {left: 200px;top: 156px; right: unset;}
    .content .checkbox_frame.only_image {left: 20px;top: 211px; right: unset;}

    .content .size_control {display: none;}
    .content .checkbox_frame.menu {display: block;}

    .mobile_menu_1 {display: none;}
    .mobile_menu_2 {display: none;}


    .content .checkbox_frame.map1 {top: 266px;/*display: none;*/} /*20210310 마커찍기 아이콘 모바일에서 활성화 */
    .content .checkbox_frame.map2 {top: 321px;/*display: none;*/} /*20210310 마커찍기 아이콘 모바일에서 활성화 */
 
    
    #infoWindow {bottom: 0; left: 0; top: unset; right: unset; width: 100%; max-width: 100%; height: 88%;z-index: 100;} /* 20210317 z-index 조절 */
    #infoWindow.layerpop {border-radius: 0; box-shadow: unset;}
    #infoWindow .layer_inner {height: 100%;}
    
    

    
    /* 데이터 표 팝업 20210209 */
    #dataList {top: 0; left: 0; right: 0;bottom: 0;width: 100%!important; height: 100%!important; border-radius: 0; min-width:0;} /* 20210310 크기 변경 */
    #dataList .pop_hd > .inner {display: block;}
    #dataList .pop_hd > .inner > .table_cell {display: block;}
    #dataList .pop_hd > .inner > .table_cell.right {position: absolute; top: 0; right: 0;}
    #dataList .pop_hd > .inner > .table_cell.center {overflow: auto;}
    #dataList .pop_hd > .inner > .table_cell.center > .tbllay_nofix { display:block; padding-bottom:0.313rem; white-space: nowrap;padding: 0 1.875rem 0.625rem 0.625rem;}
    #dataList .pop_hd > .inner > .table_cell.center > .tbllay_nofix .jqGrid_btn_group {padding-bottom: 0.313rem; position: relative; left:10px; }
    #dataList .pop_hd > .inner > .table_cell.center > .tbllay_nofix .table_cell .line,     #dataList .pop_hd > .inner > .table_cell.center > .tbllay_nofix .blank_box_10.table_cell  {display: none;}
    

    /* info Window */
    #infoWindow.layerpop .pop_ft .sec_btn_group {height: 0;}
    #infoWindow.one_step.layerpop .pop_ft .sec_btn_group {height: auto;}
    #infoWindow.two_step.layerpop .pop_ft .sec_btn_group {height: auto;}
    #infoWindow.layerpop .pop_ft .ft_section {height: 0;}
    #infoWindow.one_step.layerpop .pop_ft .ft_section {height: auto;}
    #infoWindow.two_step.layerpop .pop_ft .ft_section {height: auto;}

    #infoWindow.window_close {overflow: visible;}
    #infoWindow.one_step {height: 25%; max-height: 167px;}
    #infoWindow.two_step {height: 94.5%; max-height: 94.5%;} /*20210310 모바일 레리어, 인포윈도우 높이 맞추기 위해 height 조절 */
    
    .layerpop {width: 90%;}
    #infoWindow.one_step.layerpop .pop_con .con_section.sec_slide {max-height: 0; overflow: hidden;}
    #infoWindow.one_step .pop_ft .sec_btn_group > .inner {position: absolute;bottom: 214px;left: 0;}
    #infoWindow.one_step .pop_ft .sec_btn_group > .inner.edit {position: absolute;bottom: 197px;left: 0;padding: 10px 15px;}
    #infoWindow.one_step .pop_ft .sec_btn_group > .inner .btn_box {border-radius: 6px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);background-color: white;}
    #infoWindow.one_step .btn.btn_popftmenu {padding: 0.6rem;border-radius: 6px;background-color: white;}
    #infoWindow.one_step .right .btn.btn_popftmenu {box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);}

    #infoWindow.layerpop .pop_ft .sec_btn_group.sec_edit_group > .inner {padding: 15px;}

    .table_cell.mob_disnone {display: table-cell;}
    .mob_dis {display: none;}

    #infoWindow.one_step .mobile_left_menu_btn, #infoWindow.two_step .mobile_left_menu_btn {display: block; position: absolute; left: 0; top: -36px; width: 100%; height: 36px; background-color: white; border-radius: 20px 20px 0 0; box-shadow: 0 -10px 10px 0 rgb(0 0 0 / 6%)}
    #infoWindow.one_step .layerpop .pop_hd .txt_frame, #infoWindow.two_step .layerpop .pop_hd .txt_frame {padding-top: 5px;}
    

    
    #map_list .content .radio_choioce {left: auto;}
    #map_list .content .size_control {display: table; top:11.375rem;}
    

    .content .map_detail {padding: 0;}
    .pg_inner {padding: 20px;}
    .state_myplace {padding: 10px;}
    

    

    .content .map_detail .inner .file_view_frame .file_view_lst p {max-width: 70%;}
    
    .mb_lay_2 .btn_size_46 {width: 100%;}
    .mb_lay_2 {display: block; width: 100%;}
    .mb_lay_2 .table_cell {display: block; width: 100%;}
    .mob_pt_30 {padding-top: 30px; padding-top: 1.875rem;}



    /* 공통 */
    .mb_100per {width: 100%;}
    .mb_w20 {width: 20px; height: 20px;}
    .mb_w10 {width: 10px; height: 10px;}
    .mb_dis_no {display: none !important;}
    .mob_mt15 {margin-top: 15px; margin-top: 1rem;}
    .mb_block {display: block;}
    .mb_pdt_10 {padding-top: 10px;}


    .radio_frame.with_ico input[type="checkbox"] + label div {padding: 12px 0 0 0;}
    .radio_frame.with_ico input[type="checkbox"] + label div p {display: none;}

    .radio_frame.view input[type="radio"]:checked + label div {background-color: white; color: #258fff;}
    .checkbox_frame.only_text input[type="checkbox"]:checked + label div {background-color: white; color: #258fff;}


    #login .size_18 {font-size: 15px;}
    .radio_choioce .line{display: block;}


    .table.md_table, .table.md_table .table_cell {display: block;}
    .table.md_table .blank_box_40, .table.md_table .blank_box_20 {height: 10px;}


    /* 통계 */
    .search_frame .search_input_area .input_g .blank_box_30.blank_for_inputbox {height: 10px;}
    .search_frame_stat .search_input_area .input_g .blank_box_30.blank_for_inputbox {height: 10px;}


    /* 공지사항 */
    .notice_top_btns.float_r > .tbllay_nofix {padding: 0;}

    .layerpop.big_size {width: 100%;height: 100%;border-radius: 0;}
    /* .layerpop .pop_ft {max-height: 100px;} */


    .layerpop .pop_ft .sec_file .list_box.act {max-height: 60px;}
	.border-pre{text-shadow: -1px 0 #fcfcfc, 0 1px #fcfcfc, 1px 0 #fcfcfc, 0 -1px #fcfcfc; max-width: 210px; font-family: 'Noto Sans KR', sans-serif; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; display: block;}

	/* 내장소 통계 팝업 */
	.layerpop.stat{height: calc(680px - 3.75rem); margin-top:1.875rem;}
	/* 내장소 통계 레이어 선택 팝업 하위 리스트 */
	.layerpop.stat #availableList{height: calc(500px - 7.5rem);}
	/* 내장소 통계 즐겨찾지 선택 팝업 하위 리스트 */
	.layerpop.stat .con_section.sec_info{height: calc(500px - 9rem);}
}

@media only screen and (max-width:580px) {
	.top_menu {z-index:100;}
	.top_menu.basic {z-index:106;}
    .notice_detail_info.float_r {float: left;}
    .pop_location_center_editor {top:auto; left: auto;}
    .border-pre{text-shadow: -1px 0 #fcfcfc, 0 1px #fcfcfc, 1px 0 #fcfcfc, 0 -1px #fcfcfc; max-width: 210px; font-family: 'Noto Sans KR', sans-serif; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; display: block;}
}

@media only screen and (max-width:400px) {
	.top_menu {z-index:100;}
	.top_menu.basic {z-index:106;}
    .content .left_menu .edit .myplace_list_frame .explain {width: 227px;}
    .content .checkbox_frame.menu.one {top: 91px;left: 15px;}
    .content .checkbox_frame.menu.two { top: 151px;left: 15px;}
    .content .checkbox_frame.only_image {left: 15px;}
    .content .radio_frame.roadview {left: 15px;}
    .content .radio_choioce {left: 72px; top: 91px;}
    .content .checkbox_frame.orthophoto {left: 174px;top: 91px;}
    .content .checkbox_frame.label {left: 251px;top: 91px;}
    .content .radio_frame.distance {left: 72px; top: 151px;}
    .content .radio_frame.area {left: 130px;top: 151px;}
    .content .radio_frame.radius {left: 191px;top: 151px;}


	.pop_location_center_editor {top:auto; left: auto;}



    /* 통계 */
    .state_myplace .search_frame {padding: 15px;}
    .state_myplace .search_frame_stat {padding: 15px;}

    /* 지도추가 */
    #addMapLayout .radio_frame .left_align {text-align: center !important;text-align: -webkit-center !important;}
    #addMapLayout .file_size_text {margin-top: 1rem;}


    /* 공통 */
    .mb400_block {display: block;}
    .mb400_w10 {width: 10px; height: 10px;}
    .mb400_h_auto {height: auto !important;}
    .mb400_100per {width: 100%;}
    .mb400_pdt_10 {padding-top: 10px;}

    /* 팝업 */
    .layerpop .pop_hd .right {width: 45px;}
    .btn.btn_close .ico_frame {padding: 15px;}
    .layerpop .pop_hd .txt_frame {padding: 15px;}
    .layerpop .pop_con > .inner {padding: 5px 15px 15px 15px;}
    .layerpop .pop_ft .sec_btn_group.sec_edit_group > .inner {padding: 5px 15px 15px 15px;}
    #dataList .pop_hd > .inner > .table_cell.right {top: 3px;}
	.border-pre{text-shadow: -1px 0 #fcfcfc, 0 1px #fcfcfc, 1px 0 #fcfcfc, 0 -1px #fcfcfc; max-width: 210px; font-family: 'Noto Sans KR', sans-serif; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; display: block;}


    .search_frame .search_input_area .input_g .input_box.stat_select_box_small {width: 30%;}
	/* 내장소 통계 팝업 */
	.layerpop.stat{height: calc(630px - 3.75rem); margin-top: 1.875rem;}
	/* 내장소 통계 레이어 선택 팝업 하위 리스트 */
	.layerpop.stat #availableList{height: calc(500px - 7.5rem);}
	/* 내장소 통계 즐겨찾기 선택 팝업 하위 리스트 */
	.layerpop.stat .con_section.sec_info{height: calc(500px - 9rem);}
	/* 하단 버튼 크기 조정 */
	.btn_fold {max-width: 7rem;}
}

/* 20210315 가로사이즈가 엄청 작은경우 예)갤럭시폴드 로고 없앰 */
@media only screen and (max-width: 320px) {
    .ico.btn.logo {display: none;}
}