@charset "utf-8";

/* font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* reset */
html,body{margin:0px;padding:0px;width:100%;font-family:'Noto Sans KR', sans-serif;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;letter-spacing:-1px}
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px;font-weight:normal;word-break:keep-all}
li{list-style:none}
fieldset,img,a{border:0px}
a{text-decoration:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible\9}	/* button fix for ie8 */
input,textarea,button,select{font-family:'Noto Sans KR', sans-serif}
/*input[type="password"]{font-family:"돋움",sans-serif }*/
table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left}
table th, table td{text-align:left}
input::-webkit-input-placeholder{color:#999}
input::-moz-placeholder{color:#999}
input:-moz-placeholder{color:#999}
input:-ms-input-placeholder{color:#999}
textarea::-webkit-input-placeholder{color:#999}
textarea::-moz-placeholder{color:#999}
textarea:-moz-placeholder{color:#999}
textarea:-ms-input-placeholder{color:#999}
input:focus::-webkit-input-placeholder{color:transparent!important}
input:focus::-moz-placeholder{color:transparent!important}
input:focus:-moz-placeholder{color:transparent!important}
input:focus:-ms-input-placeholder{color:transparent!important}
textarea:focus::-webkit-input-placeholder{color:transparent!important}
textarea:focus::-moz-placeholder{color:transparent!important}
textarea:focus:-moz-placeholder{color:transparent!important}
textarea:focus:-ms-input-placeholder{color:transparent!important}
header, footer, section, article, aside, nav, address { display: block; margin:0; } /* ie8 */

input::-ms-clear{display:none}
.clear_wrap:before,.clear_wrap:after{content:" ";display:table}
.clear_wrap:after{clear:both}
.clear_wrap{*zoom:1}
.clear_ine{clear:both}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ellipsism{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.appearance{border:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.boxsizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mobilescrolling{-webkit-overflow-scrolling:touch}
.select_disable{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}

.bg_cover{background-size:cover;background-position:center center;background-repeat:no-repeat}
.bg_cover .bg_img{display:none}

.table_box{display:table;width:100%;table-layout:fixed}
.table_box table {table-layout: fixed;}
.table_box .table_td{display:table-cell;vertical-align:middle}

.mobile,
.tablet{display:none!important}

#paging .page_list .btn_page,
.selectric-select_box .selectric-items li,
.valid_msg,
.btn_normal,
.data_area .data_list .btn_data,
.grid-stack-item-content.graph .legend_arrow,
.popup_loader,
.reportdetail_content .report_info .btin_info .ico,
.ani{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}

html,body{width:100%;height:100%;overflow:hidden}
body{overflow-x:auto}
body *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#viewport{position:relative;width:100%;height:100%;*min-width:720px;overflow:hidden}

/* 공통 */
.w_auto{width:auto!important}
.ic{display:inline-block;vertical-align:middle;text-align:left;text-indent:-9999px}
.bg_gra{
    background: #78d1d1; /* Old browsers */
    background: -moz-linear-gradient(45deg, #78d1d1 0%, #74c8f7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #78d1d1 0%,#74c8f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #78d1d1 0%,#74c8f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78d1d1', endColorstr='#74c8f7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.scrollbar{overflow:auto!important}
.scrollbar.scrollbary{overflow:hidden!important;overflow-y:auto!important}
.scrollbar.scrollbarx{overflow:hidden!important;overflow-x:auto!important}
.scrollbar::-webkit-scrollbar-track{border-radius: 3px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);background-color: transparent}
.scrollbar::-webkit-scrollbar{width:6px;height:6px;background-color: #F5F5F5}
.scrollbar::-webkit-scrollbar-thumb{border-radius: 3px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.2);background-color: #ccc}
.selectric-select_box .selectric-scroll::-webkit-scrollbar-track{border-radius: 3px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);background-color: transparent}
.selectric-select_box .selectric-scroll::-webkit-scrollbar{width: 6px;background-color: #F5F5F5}
.selectric-select_box .selectric-scroll::-webkit-scrollbar-thumb{border-radius: 3px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.2);background-color: #ccc}
.co_sky{color:#76caf4!important}
.co_red{color:#f6748c!important}
.co_gray{color:#333!important}
.w_130{width:130px!important}
.w_180{width:180px!important}
.pl_10{padding-left:10px!important}

/* 헤더 */
#header{position:absolute;left:0;top:0;width:100%;height:45px;box-shadow:0 2px 6px rgba(0,0,0,0.1);background:#fff;z-index:100}
#header .logo{float:left;padding:7px 0 0 45px;width:196px;height:45px;border-right:1px solid #eaeaea}
#header .logo a{display:block;width:96px;height:32px}
#header .logo img{display:block}
#header .gnb_left{float:left;height:45px}
#header .gnb_right{float:right;height:45px}
#header .gnb_title{display:block;float:left;min-width:100px;height:45px;line-height: 45px;font-size:14px;color:#666; padding-left: 20px;font-weight: 700;}
#header .btn_link{display:block;float:left;min-width:100px;height:45px;text-align:center;font-size:14px;color:#666;border-right:1px solid #eaeaea}
#header .btn_link span{display:block;padding:0 15px;height:45px;line-height:45px;border-bottom:3px solid transparent}

#header .name{display:block;float:left;height:45px;line-height:43px;text-align:center;font-size:14px;color:#666;border-left:1px solid #eaeaea;padding:0 20px}
#header .name b { font-weight: 700; color:#333; display: inline-block; vertical-align: middle; }
#header .name span {display: inline-block; vertical-align: middle; margin-left: 4px; font-size: 13px; }
#header .info{display:block;float:left;height:45px;line-height:43px;text-align:center;font-size:12px;color:#999;border-left:1px solid #eaeaea;padding:0 10px; letter-spacing: 0;}
#header .info b {color:#666; letter-spacing: -1px;}
#header .btn_logout{display:block;float:left;width:120px;height:45px;line-height:45px;text-align:center;font-size:14px;color:#666;border-left:1px solid #eaeaea}
#header .btn_logout span {display: inline-block; padding-left:20px; background: url(/img/icon/logout.png) left center no-repeat;}
#header .btn_join{display:block;float:left;width:100px;height:45px;line-height:45px;text-align:center;font-size:14px;color:#666;border-left:1px solid #eaeaea}
#header .btn_login{display:block;float:left;width:100px;height:45px;line-height:45px;text-align:center;font-size:14px;color:#333;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;font-weight: 700}
#header .btn_help .ic{margin:-2px 0 0 4px;width:13px;height:13px;background:url("/img/icon/help_mark.png") no-repeat center center}


#header .selectric-select_box{float:left;margin-left:-1px}
#header .selectric-select_box .selectric{min-width:130px;height:45px;border:0;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea}
#header .selectric-select_user{margin:0 -1px 0 0}
#header .selectric-select_user .selectric{/*width:130px;*/min-width: 130px}
#header .selectric-select_menu{position:absolute;right:0;top:45px;width:150px;height:0}
#header .selectric-select_menu .selectric{display:none}
#header .selectric-select_menu .selectric-items{width:120px;border:1px solid #76cce6;border-radius:2px 0 2px 2px}
#header .selectric-select_menu .selectric-items li{padding:0 10px;height:30px;line-height:30px;color:#777;opacity:1}
#header .selectric-select_menu .selectric-items .link{text-align:left;text-indent:-9999px}
#header .selectric-select_menu .selectric-items .site_aspro{background-image:url("/img/tube/common/site_aspro.png");background-repeat:no-repeat;background-position:left center}
#header .selectric-select_menu .selectric-items .site_asplus{background-image:url("/img/tube/common/site_asplus.png");background-repeat:no-repeat;background-position:left center}
#header .selectric-select_menu .selectric-items .site_gaus{background-image:url("/img/tube/common/site_gaus.png");background-repeat:no-repeat;background-position:left center}
#header .selectric-select_menu .selectric-items .site_tera{background-image:url("/img/tube/common/site_tera.png");background-repeat:no-repeat;background-position:left center}
#header .selectric-select_menu .selectric-items .site_voice{background-image:url("/img/tube/common/site_voice.png");background-repeat:no-repeat;background-position:left center}
#header .selectric-select_link{width:130px}
#header .selectric-select_link .label{color:#78d1d1}
#header .selectric-select_category .selectric-items li{padding-left:30px;background-image:url("/img/tube/icon/star.png");background-repeat:no-repeat;background-position:8px center}
#header .selectric-select_category .selectric-items li.fav{background-image:url("/img/tube/icon/star_on.png");background-repeat:no-repeat;background-position:8px center}
.select_box{display:none}
.selectric-select_box .selectric-is-native .select_box{display:block}
.selectric-select_box{display:block;height:45px}
.selectric-select_box .selectric{background:#fff}
.selectric-select_box .selectric .label,
.selectric-select_box .selectric .button{height:45px;line-height:45px;background-color:transparent}
.selectric-select_box .selectric .label{margin:0 30px 0 10px;font-size:13px;color:#333;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width: 120px;}
.selectric-select_box .selectric-items{border:1px solid #eaeaea;border-radius:2px;box-shadow:0 2px 8px -2px rgba(0,0,0,0.3);background:#fff}
/*.selectric-select_box .selectric-items .selected{background:#f5f5f5}*/
.selectric-select_box .selectric-items .selected{background:#fff}
.selectric-select_box .selectric-items li:hover,
.data_area .data_list.tm1 .btn_data:hover{background:#efefef}
.selectric-select_box .selectric-items li,
.data_area .data_list.tm1 .btn_data{font-size:13px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.data_area .data_list.tm1 .btn_data{background-color: #fff;padding:5px;margin-top:0;height:auto;line-height:21px}
.selectric-select_box .selectric-items .hide,
.data_area .data_list.tm1 .hide{display:none!important}
.data_area .data_list.tm1 .list_menu{max-height:93px}
.selectric-select_box.selectric-up .selectric-items{top:auto;bottom:100%}
.selectric-select_box .selectric-items .selectric-scroll{height:auto;max-height:200px; clear: both}
.select_box_load{padding:0 30px 0 0;width:100%;height:30px;font-size:14px;color:#666;font-weight:500;border:0;border-bottom:1px solid #aaa;background:transparent url("/img/tube/icon/select_arrow.png") no-repeat right 10px center;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.select_box_load::-ms-expand{display:none}
.selectric-select_box.selectric-autocomplete .selectric-items .search_box{padding:8px}
.selectric-select_box.selectric-autocomplete .selectric-items .search_box .search,
.data_area .data_list .search_box{padding:0 6px 8px;width:100%}
.selectric-select_box.selectric-autocomplete .selectric-items .search_box .search,
.data_area .data_list .search_box .search{display:block;padding:0 5px;width:100%;height:30px;font-size:13px;color:#000;border:1px solid #ddd}
.selectric-select_box.selectric-autocomplete .selectric-items .search_box .search::-ms-expand,
.data_area .data_list .search_box .search::-ms-expand{display:none}
.selectric-select_box.selectric-autocomplete .selectric-items .search_box .search_result,
.data_area .data_list .search_box .search_result{display:none;line-height:30px;text-align:center;font-size:13px;color:#000!important}
.data_area .data_list .search_box .search_result{padding-top:8px}
.selectric-select_box.selectric-autocomplete .selectric-items .search_box .search_result.show,
.data_area .data_list .search_box .search_result.show{display:block}
.selectric-select_box.selectric-autocomplete .selectric-items ul,
.selectric-select_box.selectric-autocomplete .selectric-items ul li{min-height:0}
.selectric-select_box.selectric-autocomplete .selectric-items li.hide{display:none}


/* 푸터*/
#footer{position:absolute;left:195px;bottom:0;right:0;background:#fff;z-index:100; border-left: 1px solid #eee;}
#footer .footer_top{height:62px;background:#73c8f5}
#footer .footer_top .contains{padding-top:16px}
#footer .footer_top .help{float:left;line-height:30px;font-size:24px;color:#ffffff}
#footer .footer_top .help b{font-weight:700}
#footer .footer_top .help .desc{font-size:13px;color:#e0f1fa}
#footer .footer_top .tel{float:right;padding-left:36px;height:30px;line-height:30px;font-size:24px;color:#ffffff;font-weight:300;background:url("/img/main/icon/tel.png") no-repeat 4px center}
#footer .footer_bottom{border-top:1px solid #eee;padding:0px 10px 0 0px;height:30px}
#footer .footer_top + .footer_bottom { padding-top:8px}
#footer .footer_bottom .copyright{float:left;margin-left:20px;height:30px;line-height:30px;font-size:11px;color:#999;font-weight:500;letter-spacing:0}
#footer .footer_bottom .copyright img{margin:-2px 10px 0 0;vertical-align:middle}
#footer .footer_bottom .btn_download{float:left;margin-left:12px;width:110px;height:30px;text-align:left;text-indent:-9999px;background:url("/img/main/icon/comp_download.png") no-repeat center center}
#footer .footer_bottom .menu{float:right}
#footer .footer_bottom .menu a{float:left;margin-left:4px;padding:0 10px;height:30px;line-height:30px;font-size:12px;color:#999999;font-weight:500}
#footer .footer_bottom .menu a:hover{color:#222}
#footer .footer_bottom .menu a.bold{font-weight: 700;color:#333}




/* 컨텐츠 */
#content{position:absolute;left:0;top:45px;right:0;bottom:31px;background:#fff;overflow:hidden;z-index:10}

/* lnb */
#lnb{position:absolute;left:0;top:0;bottom:0;width:196px;border-right:1px solid #eaeaea}
#lnb .lnb_title{position:relative;padding-left:40px;height:48px;line-height:48px;font-size:14px;color:#74c8f7;font-weight:700;border-bottom:1px solid #eaeaea}
#lnb .lnb_title .ic{display:block;position:absolute;left:14px;top:50%;margin-top:-10px;width:20px;height:20px}
#lnb .lnb_menu{width:195px}
#lnb .menu_box{border-bottom:1px solid #eaeaea;background:#fff}
#lnb .btn_menu{display:block;position:relative;padding:0 20px;height:48px;line-height:46px;font-size:14px;color:#333;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#lnb .btn_menu .ic{display:block;position:absolute;left:14px;top:50%;margin-top:-10px;width:20px;height:20px}
#lnb .btn_menu .arrow{display:block;position:absolute;right:16px;top:50%;margin-top:-3px;width:10px;height:6px;background:url("/img/icon/menu_arrow.png") no-repeat center center}
#lnb .btn_menu.project .ic{background:url("/img/icon/menu_project.png") no-repeat center center}
#lnb .btn_menu.dashboard .ic{background:url("/img/icon/menu_dashboard.png") no-repeat center center}
#lnb .btn_menu.report .ic{background:url("/img/icon/menu_report.png") no-repeat center center}
#lnb .btn_menu.setup .ic{background:url("/img/icon/menu_setup.png") no-repeat center center}
#lnb .btn_menu.admin .ic{background:url("/img/icon/menu_admin.png") no-repeat center center}
#lnb .btn_menu.storage .ic{background:url("/img/icon/menu_storage.png") no-repeat center center}
#lnb .btn_menu.geo .ic{background:url("/img/icon/menu_geo.png") no-repeat center center}
#lnb .btn_menu.mngr .ic{background:url("/img/icon/menu_mngr.png") no-repeat center center}
#lnb .menu_box.active .btn_menu,
#lnb .menu_box .btn_menu.active,
#lnb .menu_box .btn_menu:hover{color:#fff;font-weight:700;
    background: #fcb740; /* Old browsers */
    background: -moz-linear-gradient(45deg, #fcb740 0%, #f74540 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #fcb740 0%,#f74540 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #fcb740 0%,#f74540 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb740', endColorstr='#f74540',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#lnb .menu_box .btn_menu:hover .arrow,
#lnb .menu_box .btn_menu.active .arrow{background:url("/img/icon/menu_arrow_white.png") no-repeat center center}
#lnb .menu_box.active .btn_menu .arrow,
#lnb .menu_box .btn_menu.active .arrow{background:url("/img/icon/menu_arrow_on.png") no-repeat center center}


#lnb .sub_menu{display:none;padding:0 13px;border-top:1px solid #eaeaea;background:#f9f9f9}
#lnb .sub_menu li{position:relative;height:49px;border-top:1px solid #eaeaea}
#lnb .sub_menu li:first-child{height:48px;border-top:0}
#lnb .sub_menu .btn_sub{display:block;padding:0 50px 0 18px;margin:0 -13px;height:38px;line-height:38px;font-size:13px;color:#666;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#lnb .sub_menu .btn_sub.active{color:#333;font-weight:700}
#lnb .sub_menu .input_menu{display:none;padding:0 5px;width:100%;height:48px;font-size:13px;color:#666;font-weight:500;border:0;background:transparent}

#lnb .sub_menu .btn_add{padding:0 15px 0 5px;margin:0;text-align:center;border-top:1px solid #eaeaea}
#lnb .sub_menu .btn_add .ic{margin:-1px 4px 0 0;width:7px;height:7px;background:url("/img/icon/menu_add.png") no-repeat center center}

#lnb .sort_menu li.edit .input_menu,
#lnb .sort_menu li.edit .btn_confirm,
#lnb .sort_menu li.edit .btn_cancel{display:block}
#lnb .sort_menu .btn_tool{display:block;position:absolute;right:0;top:50%;margin-top:-15px;width:20px;height:30px;background:url("/img/icon/menu_tool.png") no-repeat center center;z-index:10}


#content.expand #component{width:74px}
#content.expand #component .btn_expand{left:50%;margin-left:-15px;background:url("/img/icon/component_expand_on.png") no-repeat center center}
#content.expand #component .cp_title{display:none}
#content.expand #component .cp_box{padding-top:20px;width:auto}
#content.expand #component .cp_box:first-child{padding-top:48px}
#content.expand #grid,
#content.expand #paging{left:270px}
#content.expand #component .btn_cp .text_box{display:none}
#content.expand #component .btn_more{display:block}
#content.expand #component .cp_list .sub_menu{top:40px;padding:2px 0 2px 2px;min-width:64px;width:64px}
#content.expand #component .cp_list li{float:none;width:auto}


/* button */
.btn_normal{display:inline-block;margin:0 2px;min-width:90px;padding:0 10px;height:30px;line-height:28px;text-align:center;vertical-align:top;font-size:13px;color:#666;border:1px solid #d5d5d5;border-radius:2px;background:#fff}
.btn_normal.size2 {min-width: 120px; height: 40px; line-height: 38px; font-size: 15px;}
.btn_normal.btn_point{color:#fff;border-color:#f74540;background:#f74540}
.btn_normal.btn_black{color:#fff;border-color:#333;background:#333}
.btn_normal.btn_gline{color:#666;border-color:#d5d5d5;background:#fff}
.btn_normal.btn_rline{color:#f74540;border-color:#f74540;background:#fff}
.btn_normal.btn_gray{color:#666;border-color:#d5d5d5;background:#d5d5d5}
.btn_normal.dis { opacity:0.4; cursor:inherit}

.btn_normal.btn_search span {display: inline-block; background: url(/img/icon/list_search.png) left center no-repeat; padding-left:15px}

.btn_normal.btn_add {line-height:26px; padding:0 10px; width:auto}
.btn_normal.btn_add span { display:inline-block; vertical-align: middle}
.btn_normal.btn_add span.icon { width:9px; height:9px; margin-right:5px;}
.btn_normal.btn_add span.icon.plus {background:url(/img/icon/plus.png) no-repeat;}
.btn_normal.btn_add span.icon.copy {background:url(/img/icon/copy2.png) no-repeat;width:15px; height:17px;margin-top:-1px}
.btn_normal.disable{cursor:not-allowed;color:#fff!important;border-color:#d9d9d9!important;background:#d9d9d9;}

.btn_normal span {display: block; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; max-width:200px}

.select2-container--default .select2-selection--single{height:30px;border:1px solid #ddd;border-radius:2px;background:#f8f8f8}
.select2-container .select2-selection--single{min-width:130px;height:30px}
.select2-container--default .select2-selection--single .select2-selection__rendered{padding-right:30px;height:30px;line-height:30px;font-size:13px;font-weight:500}
.select2-container--default .select2-selection--single .select2-selection__arrow{width:38px;height:28px;border-left:1px solid #eaeaea;background-color:#f9f9f9}
.select2-dropdown{min-width:130px;border:1px solid #eaeaea;border-radius:2px;box-shadow:0 2px 8px -2px rgba(0,0,0,0.3);background:#fff}
.select2-dropdown .select2-results__option{padding:7px 10px;font-size:13px;color:#333;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.select2-dropdown .select2-results__option:hover,
.select2-dropdown .select2-results__option--highlighted,
.select2-dropdown .select2-results__option[aria-selected='true']{color:#333!important;background:#efefef!important}
.select2-container--default .select2-selection--multiple{max-width:340px;min-width:140px;min-height:39px}
.select2-container--default .select2-selection--multiple .select2-selection__choice{height:27px;line-height:25px;font-size:13px;color:#333}
.select2-dropdown .select2-results__option.select2-results__message{display:none}
.select2-container{width:auto!important}

.select_multiple{display:inline-block;position:relative;margin-right:10px;vertical-align:middle;text-align:left;border:1px solid #ccdce9;border-radius:2px}
.select_multiple .btn_value{display:block;padding:0 30px 0 10px;height:28px;line-height:28px;min-width:128px;font-size:13px;color:#333;background:#f6fbff url("/img/icon/select_arrow_multiple.png") no-repeat right center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.select_multiple .select_menu{display:none;position:absolute;left:-1px;top:100%;width:200px;border:1px solid #eaeaea;border-radius:2px;box-shadow:0 2px 8px -2px rgba(0,0,0,0.3);background:#fff}
.select_multiple .select_menu label{display:block;padding:0 10px;height:34px;line-height:34px;font-size:13px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.select_multiple .select_menu label.selected{background:#f5f5f5}
.select_multiple .select_menu label:hover{background:#efefef}
.select_multiple .select_menu label.hide {display: none;}
.select_multiple .select_menu .check{display:inline-block;margin:-2px 4px 0 0;vertical-align:middle}
.select_multiple.open{z-index:999}
.select_multiple.open .select_menu{display:block}
.select_multiple .menu_scroll{max-height:105px}
.select_multiple .menu_scroll.hide {display: none;}
.select_multiple .menu_btn{padding:10px 0;height:50px;text-align:center;border-top:1px solid #e5e5e5}
.select_multiple .menu_btn .btn_normal{margin:0 2px;width:60px;height:30px;line-height:28px;font-size:12px}


/* 버튼영역 */
.btn_area {width:100%; overflow: hidden; padding-bottom: 40px; clear: both;}
.btn_area.left {text-align: left;}
.btn_area.center {text-align: center;}
.btn_area.right {text-align: right;}
.btn_area .btn_left {float: left; }
.btn_area .btn_right {float: right; text-align: right; }
.page_list + .btn_area {margin-top:-20px}
.sub_header + .btn_area {padding-bottom: 0;}

/* 서브페이지 */
#sub_wrap{position:absolute;left:196px;top:0;bottom:0;right:0;z-index:10;background:#f9f9f9}
#sub_wrap.page_guide{left:0}

#sub_wrap .sub_header{position:relative;min-height:75px;}
#sub_wrap .sub_header .title{line-height:36px;font-size:26px;color:#333;font-weight: 700;}
#sub_wrap .sub_header .desc{font-size:16px;color:#666}
#sub_wrap .sub_header .desc2{font-size:14px;color:#f74540;margin-top:20px}
#sub_wrap .sub_header .type_box{float:right;position:relative;width:72px;height:36px;border:1px solid #d5d5d5;border-radius:3px;background:#fff;overflow:hidden}
#sub_wrap .sub_header .type_box a{display:block;position:absolute;left:0;top:0;width:35px;height:34px;text-align:left;text-indent:-9999px;background:#fff;z-index:10}

#sub_wrap .sub_content{position:absolute;left:0;top:0;right:0;bottom:0;padding:30px 50px 0}

/* 페이지 */
.page_list{height:30px;text-align:center; display:block; clear:both; margin: 20px auto 40px;}
.page_list a{display:inline-block;width:28px;height:30px;line-height:30px;text-align:center;vertical-align:top;font-size:14px;color:#777;*display:inline;zoom:1}
.page_list .btn_page:hover{color:#f74540;text-decoration:underline}
.page_list .btn_page.active{color:#f74540;font-weight:700; text-decoration:underline}
.page_list .btn_first,
.page_list .btn_prev,
.page_list .btn_next,
.page_list .btn_last{margin:0 1px;width:30px}
.page_list a span{display:block;width:30px;height:30px;text-align:left;text-indent:-9999px}
.page_list .btn_prev{margin-right:5px}
.page_list .btn_next{margin-left:8px}
.page_list .btn_first span{background: url("/img/icon/page_first.png") no-repeat center center; background-size:12px}
.page_list .btn_prev span{background: url("/img/icon/page_prev.png") no-repeat center center; background-size:12px}
.page_list .btn_next span{background: url("/img/icon/page_next.png") no-repeat center center; background-size:12px}
.page_list .btn_last span{background: url("/img/icon/page_last.png") no-repeat center center; background-size:12px}
.page_list span:hover { border-color:#666}

/* 검색 */
.search_area .selectric {border-top:0;border-right:0;border-left:0;border-radius: 0; padding-left: 0;}
.search_area {background: #fff; padding:10px 20px 20px; border:1px solid #eee}
.search_area .search_table { display: table; width:100%; table-layout: fixed;}
.search_area .search_table .cell {display: table-cell; width:50%;  table-layout: fixed;}
.search_area .search_table .cell.label {width:70px; font-size:14px; font-weight: 700;}
.search_area .search_table .cell + .cell {padding-left:10px}
.search_area .search_table .cell + .label {padding-left:30px}
.search_area .search_table .cell.btn_box {width:120px;padding-left: 20px;}
.search_area .search_table .cell .cell_table {display: table; width:100%; table-layout: fixed;}

.search_area .search_table .cell .checkbox_list {position: relative; top: 2px;}
.search_area .search_table .cell .checkbox_list li {display: inline-block; margin-right:10px}
.search_area .search_table .cell .checkbox_list li label {margin-left: 4px; color:#666; font-size: 14px; position: relative; top: -1px;}

.search_area .noti {color:#666; font-size: 14px; border-top: 1px dashed #d5d5d5; margin-top: 30px; padding-top:20px}

.input_text {border:0;border-bottom: 1px solid #ddd;font-size: 13px;    color: #333;font-weight: 500;height: 45px;    line-height: 45px; width: 100%; padding-left: 10px; color:#666}
.input_text.input_cal {background:#fff url(/img/icon/calendar2.png) 96% center no-repeat}
.input_text:disabled { background-color: #fff; } 
.input_text.bd_none {border:0}
input[type="file"] {padding-left:0} 

/* 총 */
.total_area {position: relative; margin-top: 40px;} 
.total_area .selectric-select_box {position: relative; top: 5px;}
.total_area .selectric-select_box,
.total_area .selectric-select_box .selectric .label, 
.total_area .selectric-select_box .selectric .button { height: 32px; line-height: 30px; letter-spacing: 0;}
.total_area .right_area {position: absolute; bottom: 0; right:0; min-width: 100px;}
.total_area.right { text-align: right;}
.total_area.right .label {font-size:14px; color:#333; font-weight: 700; display: inline-block; vertical-align: middle; height: 40px; line-height: 42px;  }
.total_area.right .selectric-select_box { width:100px; display: inline-block; vertical-align: middle; text-align: left;}
.total_area.right .label + .selectric-select_box {position: relative; top: -2px; margin-left: 10px;}

/* 테이블 */
.basic_table_box { background: #fff; margin: 20px auto; border:1px solid #eee}
.basic_table_box thead th {color:#333; font-weight: 700; text-align: center; font-size: 14px; padding:12px 0; background: #eee; border-bottom: 1px solid #eee;}
.basic_table_box thead th.bd_r {border-right: 1px solid #ddd;}
.basic_table_box tbody td {color:#666; text-align: center; font-size: 13px; padding:10px 0;border-bottom: 1px solid #eee;}
.basic_table_box tbody td.hit,
.basic_table_box tbody td.date,
.basic_table_box tbody td.time,
.basic_table_box tbody td.num { letter-spacing: 0;}
.basic_table_box tbody td.bd_r {border-right: 1px solid #eee;}
.basic_table_box tbody td.subject {text-align: left; padding:10px}
.basic_table_box tbody td.subject a {color:#333;letter-spacing: -0.5px;}
.basic_table_box tbody td.subject a:hover { text-decoration: underline;}

.basic_table_box tbody tr.check td {background:#f7f3d0}

.basic_table_box tbody td.file a {color:#333;letter-spacing: -0.5px; margin:0 auto}
.basic_table_box tbody td.file a:hover { text-decoration: underline; }
.basic_table_box tbody td.align_l {text-align: left;}
.basic_table_box tbody td.align_r {text-align: right;}
.basic_table_box tbody tr:last-child td {border-bottom: 0;}

/* 탭 */
.tab_area { margin-top:20px; height: 40px;}
.tab_area a { font-size: 14px; color:#333; padding:0 20px; height: 40px; line-height: 40px; display:block; float: left; position: relative; min-width: 100px; text-align: center; border-top-left-radius: 3px; border-top-right-radius: 3px;border:1px solid #eee;border-bottom: 0;  background:#eee;}
.tab_area a + a {margin-left:1px}
.tab_area a.active {font-weight: 700; color:#333; background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.2); }
.tab_area a.active::after {content: ""; width:100%; height: 10px; background: #fff; position: absolute; bottom:-5px;left:0}
.total_desc { color:#333; font-size: 14px; clear: both; }
.total_desc b {font-weight: 700; letter-spacing: 0;}
.btn_area .total_desc {margin-top:0;padding-top:8px}
.tab_area + .btn_area {margin-top:20px}
.btn_area + .btn_area {margin-top:40px;padding-top:40px;border-top: 1px solid #eee;}

/* 토양샘플채취 관리 */
.map_table {width:100%; display: table; table-layout: fixed; margin-top:0px; padding-bottom: 40px;}
.map_table .map_cell {display: table-cell;  vertical-align: top;}
.map_table .map_cell.blank {width:20px;}
.map_table .map_cell.map {width:100%;}
.map_table .map_cell.table {width:35%;}
.map_table .map_cell.table .basic_table_box {margin-top: 0; border-top:0}
.map_table .map_cell .cell_hd {background: #fff; border:1px solid #eee; padding:10px 20px; position: relative;}
.map_table .map_cell .cell_hd p { color:#333; font-size: 14px; font-weight: 700;}
.map_table .map_cell .cell_hd .dotlist { position: absolute; top:4px;right:20px; text-align:right;}
.map_table .map_cell .cell_hd .dotlist li {display: inline-block; font-size: 13px; color:#666;vertical-align: middle}
.map_table .map_cell .cell_hd .dotlist li + li {margin-left:4px}
.map_table .map_cell .cell_hd .dotlist li span {display: inline-block; vertical-align: middle;}
.map_table .map_cell .cell_hd .dotlist li span.dot {background:#f74540; width:5px;height: 5px; margin-right: 4px;}
.map_table .map_cell .cell_hd .btn_add {position: absolute; top:0px;right:0; border-radius: 0; height: 42px; line-height:40px;}

.map_table .map_cell.map .cell_con {border:1px solid #eee;border-top:0; background: #fff;text-align: center;}
.map_table .map_cell.map .cell_con img { height:600px; font-size:0; max-width:100%}
.map_table .map_cell.map .cell_con .mapViewDiv {width: 700px; height: 700px;}

.map_table .map_cell.card {width:44%;}
.map_table .map_cell.card .cell_con {background: #fff; padding:20px 0 0}
.map_table .map_cell.card .cell_con .btn_area + div,
.map_table .map_cell.card .cell_con div + .btn_area {margin-top:20px;border:0}

.map_table .map_cell.card .btn_more a { width:100%; padding:5px 0; color:#333; text-align: center; background: #eee;border:1px solid #eee; display: block; font-size: 14px; font-weight: 700;}

/* 탭 */
.tab_box_area {  overflow: hidden; padding-bottom: 40px;}
.tab_box_area .map_table { background:#fff; padding:0 20px 20px; margin-top:0; border:1px solid #eee; border-top:0}
.tab_box_area .map_table .map_cell.map .cell_con { background:#f8f8f8; border:0; }
.tab_box_area .total_desc { background:#fff; padding:20px;border:1px solid #eee; border-bottom: 0;}
.tab_box_area .basic_table_card { background:#fff; padding:0 20px 20px; margin-top:0; border:1px solid #eee; border-top:0}

.btn_area + .basic_table_card {margin-top:20px}

/* 카드형 */
.basic_table_card {padding-bottom: 40px; position: relative;}
.basic_table_card.scrollbar { max-height: 530px; margin:0; padding-bottom: 0;}
.basic_table_card .memo_card {background: #fff;border:1px solid #eee; clear: both; position: relative;}
.basic_table_card .memo_card + .memo_card {margin-top:10px}
.basic_table_card .memo_card .memo_hd {border-bottom: 1px solid #eee; padding:5px 15px 7px; position: relative;}
.basic_table_card .memo_card .memo_hd span {color:#333; font-size:13px; display: block;}
.basic_table_card .memo_card .memo_hd .subject {width:70%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight: 700;}
.basic_table_card .memo_card .memo_hd .date {width:25%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; position: absolute; top:7px;right:10px;text-align: right; color:#999; letter-spacing: -0.5px;}
.basic_table_card .memo_card .memo_con {/*background:#f8f8f8; */padding:15px; overflow: hidden; height: 281px;}
.basic_table_card .memo_card .memo_con .thumb {width:30%; display: block; float: left; vertical-align: top; font-size: 0;}
.basic_table_card .memo_card .memo_con .thumb img {width:90%}
.basic_table_card .memo_card .memo_con .text {width:70%; display: block; float:left; vertical-align: top; position: relative;padding-bottom: 20px;}
.basic_table_card .memo_card .memo_con .text .txt1 {color:#333; font-size:13px; font-weight: 700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.basic_table_card .memo_card .memo_con .text .txt2 {color:#666; font-size:13px;  line-height: 1.5em; margin:10px 0;}
.basic_table_card .memo_card .memo_con .text .name {color:#666; font-size:13px; font-weight: 700; text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.basic_table_card .memo_card .memo_con .text img{width:100%;}

.basic_table_card .inner {overflow:hidden;width:calc(100% + 30px); margin-left:-10px }
.basic_table_card .inner .memo_card{ width:32.3%; display: block; float: left; clear: none; vertical-align: top;margin-top:10px; margin-left:10px;height: 315px;}
.basic_table_card .inner .memo_card .memo_hd {background:#eee}
.basic_table_card .inner .memo_con {background:#fff}
.basic_table_card .inner .memo_con .text .txt2 {overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;}

.basic_table_card .memo_btn {position: absolute; bottom:10px;right:10px; display: inline-block; text-align: right;}
.basic_table_card .memo_btn a {background: #d5d5d5 url(/img/icon/modify.png) center no-repeat; background-size: 40%; width:30px; height:30px; display: inline-block; vertical-align: middle; border-radius: 30px;}
.basic_table_card .memo_btn a.btn_delete { background-image: url(/img/icon/delete.png);}
.basic_table_card .memo_btn a:hover {background-color: #999;}

/* 드래그 */
#dragWrapper tr:hover td { background:url(/img/icon/drag.png) 90% center no-repeat; }
#dragWrapper tr:hover td.num,
#dragWrapper tr:hover td:last-child {background-image: none;}

/* 쓰기 */
.write_area { border:1px solid #eee; background: #fff; padding:20px; margin-bottom: 40px;}
.write_area .top td {padding:5px; vertical-align: top;}
.write_area .top .label {font-size:14px; color:#333; font-weight: 700; padding:0; line-height: 46px;}
.write_area .top * + .desc_list {margin-top: 10px;}
.write_area .top .desc_list {padding-bottom: 10px;}
.write_area .top .desc_list li {color:#666; font-size: 13px; letter-spacing: -0.5px; }
/* .write_area .top .input_text {border:1px solid #ddd} */
.write_area .top textarea {height: 300px; resize: none;}
.write_area .edit_box {margin-top: 20px;}
.write_area .checkbox_wrap input,
.write_area .checkbox_wrap span {display: inline-block; vertical-align: middle; line-height: 36px;margin-right:5px; }
.write_area .checkbox_wrap span {font-size: 13px; color:#333}
.write_area .date_box .input_text {width:200px;display: inline-block; vertical-align: middle; }
.write_area .date_box span {display: inline-block; vertical-align: middle; margin:0 4px; color:#666}

/* 상세 */
.view_area { border:1px solid #eee; background: #fff; margin-bottom: 20px; clear: both;}
.view_area .top {padding:10px 20px; border-bottom: 1px solid #eee; }
.view_area .top .view_tit {color:#333; font-weight: 700;}
.view_area.trans  {background: transparent; border:0}
.view_area.trans table {border:1px solid #eee; }
.view_area.trans table td { background: #fff;}
.view_area.trans .top  {padding-right: 0; border:0}
.view_area.trans .top .total_area {margin-top:0}

.view_area .chart_box {padding:20px 20px 20px; text-align: center;}

.view_area .con table {table-layout: fixed;}
.view_area .con table thead th {background: #eee;}
.view_area .con table th {background:#f8f8f8; border-bottom:1px solid #eee; text-align: center; font-size: 14px;color:#666;line-height: 30px;padding:5px 0; font-weight: 700;}
.view_area .con table td {border-bottom:1px solid #eee;font-size: 14px;color:#666;padding:5px 10px; word-break: break-all;}
.view_area .con table th.bd_r,
.view_area .con table td.bd_r {border-right: 1px solid #eee;}
.view_area .con table td.align_c {text-align: center;}
.view_area .con table td.align_c .input_text {text-align: center; border:0}
.view_area .con table td.align_r {text-align: right;}
.view_area .con table td .input_text { border:0}
.view_area .con table td select { border:1px solid #d5d5d5; border-radius: 0; padding:5px 10px; width:100%}
.view_area .con table tbody tr:last-child th,
.view_area .con table tbody tr:last-child td { border-bottom: 0;}

.view_area .con table .checkbox_wrap input,
.view_area .con table .checkbox_wrap span {display: inline-block; vertical-align: middle; line-height: 36px;margin-right:5px; }
.view_area .con table .checkbox_wrap span {font-size: 13px; color:#666; letter-spacing: 0;}

.view_area .con ul {padding:10px 10px }
.view_area .con ul li {padding:10px;display: inline-block; vertical-align: middle; width:calc(12.5% - 2.5px); }
.view_area .con ul li .inner {border:1px solid #eee; padding:10px}
.view_area .con ul li .inner .txt1 {color:#999; font-size: 14px; letter-spacing: 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.view_area .con ul li .inner .txt2 {color:#333; font-size: 16px; font-weight: 700; letter-spacing: 0;height: 46px; line-height: 46px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.view_area .con ul li .inner .input_text {padding:0; border:0}
.view_area + .btn_area {margin-top:40px}

.total_area + .view_area {margin-top:20px}

/* 코드 정보 관리 */
.table_box_wrap {padding: 20px 10px; background: #fff; border:1px solid #eee}
.table_box {width:100%; display: table; table-layout: fixed; }
.table_box > .cell {display: table-cell;  vertical-align: top; width:50%; background: #fff; padding:20px 20px }
.table_box > .cell .basic_table_box {margin-top:10px}
.table_box_wrap .table_box > .cell { background: #f8f8f8; border:10px solid #fff;}
.table_box_wrap .table_tit {color:#333; font-weight: 700; font-size: 16px; padding-bottom: 10px;}
.table_box_wrap .table_search{padding-bottom: 15px;}
.table_box_wrap .table_search .selectric-select_box {width:100px; height: 35px;}
.table_box_wrap .table_search .selectric-select_box .selectric .label, 
.table_box_wrap .table_search .selectric-select_box .selectric .button {height: 35px; line-height: 35px;}
.table_box_wrap .view_area + .btn_area {margin-top:20px;padding-bottom:0}

/* 추천 작물 관리 */
.recommend_area { overflow: hidden; margin-bottom: 40px;}
.recommend_area .plant_box {width: 49%; float: left; vertical-align: top;}
.recommend_area .plant_box + .plant_box {float: right;}
.recommend_area .plant_box .box_tit {background: #666; padding:10px 20px; color:#fff; font-size: 16px; font-weight: 700;}
.recommend_area .plant_box ul { background: #fff; border:1px solid #eee;padding:10px 0 20px;}
.recommend_area .plant_box ul li {padding:15px 20px 10px;}
.recommend_area .plant_box ul li + li {border-top:1px solid #eee}
.recommend_area .plant_box ul li .txt {color:#666; font-size: 14px; font-weight: 700;}
.recommend_area .plant_box ul li .checkbox_wrap .box {display: inline-block; min-width: 100px;  background: #f8f8f8; padding:5px 10px 10px;margin:6px 4px 0 0}
.recommend_area .plant_box ul li .checkbox_wrap .box input,
.recommend_area .plant_box ul li .checkbox_wrap .box label {display: inline-block; vertical-align: middle;}
.recommend_area .plant_box ul li .checkbox_wrap .box label {margin-left:4px; color:#666; font-size: 13px; position: relative; top: -1px; max-width:200px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.search_area + .recommend_area {margin-top:30px}
.recommend_area .plant_box table {table-layout: fixed;}
.recommend_area .plant_box table thead th {background:#999; text-align: center; color:#fff; font-size: 14px; font-weight: 700; padding:5px}
.recommend_area .plant_box table thead th:first-child {border-right:1px solid #fff}
.recommend_area .plant_box table tbody td {background: #fff; vertical-align: middle; padding:10px 20px; border-bottom: 1px solid #eee;}
.recommend_area .plant_box table tbody td:first-child {border-right:1px solid #eee}
.recommend_area .plant_box table .checkbox_wrap .box {display: inline-block; min-width: 92px;  background: #f8f8f8; padding:5px 10px 10px;margin:6px 4px 0 0}
.recommend_area .plant_box table .checkbox_wrap .box input,
.recommend_area .plant_box table .checkbox_wrap .box label {display: inline-block; vertical-align: middle;}
.recommend_area .plant_box table .checkbox_wrap .box label {margin-left:4px; color:#666; font-size: 13px; position: relative; top: -1px; max-width:200px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.recommend_area .plant_box table tbody td:first-child .box input,
.recommend_area .plant_box table tbody td:first-child .box label {display: inline-block; vertical-align: middle;}
.recommend_area .plant_box table tbody td:first-child .box label {margin-left:4px; color:#666; font-size: 13px; position: relative; top: -1px;word-break:break-all}



/* 지도 활동 코드 관리 */
.codemap_area { width: 100%; display: table; margin-bottom: 40px; margin-top:20px}
.codemap_area .codemap_box {vertical-align: top; display: table-cell; width: 30%;}
.codemap_area .codemap_box.right_box {padding-left: 20px; width: 70%;}
.codemap_area .codemap_box.right_box .view_area{margin-bottom: 0;}
.codemap_area .codemap_box.right_box .view_area .top {position: relative;}
.codemap_area .codemap_box.right_box .view_area .top a { position: absolute; top: 7px; right: 10px;}
.codemap_area .codemap_box.right_box .view_area .btn_area {padding:10px 10px 20px; border-top: 1px solid #eee;}
.codemap_area .codemap_box.right_box .basic_table_box {margin-top: 0;}
.codemap_area .codemap_box.right_box .basic_table_box tbody tr:last-child td {border-bottom: 1px solid #eee;}
.codemap_area .codemap_box.left_box {background: #fff; border:1px solid #eee; padding:20px}
.codemap_area .codemap_box.left_box .btn_area {padding-bottom: 0;}

/* 화학성 분석 결과 관리 */
.map_area.map_table { padding-top:20px; border-top: 1px solid #eee!important; margin:0}
.map_area.map_table .btn_area {padding: 20px 0;}
.map_area.map_table .map_box { text-align: center;margin-top:20px; padding:20px;background: #f8f8f8;}

/* .map_data_table {width:100%; display: table; table-layout: fixed; padding-bottom: 40px;}
.map_data_table > .cell {display: table-cell; vertical-align: top;}  */
.map_data_table {display: flex;padding-bottom: 40px;justify-content: space-between;}

.map_data_table .cell_search {width:300px; border: 1px solid #eee; background: #fff;}
.map_data_table .cell_search .top { padding:15px 20px; border-bottom: 1px solid #eee;}
.map_data_table .cell_search .top p {line-height: 1em; font-weight: 700; color:#333; font-size: 16px;}
.map_data_table .cell_search .search_area {border:0}
.map_data_table .search_area .search_table .cell,
.map_data_table .search_area .search_table .cell.btn_box {display: block;}
.map_data_table .search_area .search_table .cell.btn_box {padding:10px 0 0; position: relative; left: -1px;}
.map_data_table .search_area .search_table .cell .checkbox_list li {display: block;}
.map_data_table .search_area .search_table .cell .checkbox_list li + li {margin-top:5px}
.map_data_table .cell_data {width:calc(100% - 300px); padding-left:20px}
.map_data_table .cell_data .map_box { text-align: center;background: #fff; border:1px solid #eee; margin-bottom: 40px; padding:20px;}
.map_data_table .cell_data .btn_area {padding-bottom: 0;}

.mobile { display: none!important;}

/* 팝업 */
.popup_open {overflow: hidden!important;}
.popup_mask {width:100vw;height:100vh; background: #000; opacity: 0.7; position: fixed; top:0;left:0;right:0; z-index:200;}
.popup_area {width:100vw; position: fixed; top:0;left:0;right:0; z-index:200; text-align: center;}
.popup_area .popup_window { display: table; width:90%; height:100vh; max-width:540px; table-layout: fixed; margin:0 auto}
.popup_area .popup_window .popup_inner {display: table-cell; vertical-align: middle;}
.popup_area .popup_window .popup_inner .inner {background:#fff; }

.popup_area .popup_hd { text-align: left; padding:10px 10px 13px; position: relative;
	background: #fcb740!important; /* Old browsers */
	background: -moz-linear-gradient(left,  #fcb740 0%, #f74540 100%)!important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #fcb740 0%,#f74540 100%)!important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #fcb740 0%,#f74540 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb740', endColorstr='#f74540',GradientType=0 )!important; /* IE6-9 */
}
.popup_area .popup_hd p {color:#fff; font-size:16px; max-width:90%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.popup_area .popup_hd p b {font-weight: 700;}
.popup_area .popup_hd p b + span {font-size:16px}
.popup_area .popup_hd .btn_close {width:47px; height:47px; position: absolute; top:0;right:0; background: url(/img/icon/popup_close.png) center no-repeat; background-size: 35%;}
.popup_area .popup_hd .btn_back {width:40px; height:47px; position: absolute; top:0;left:0; background: url(/img/icon/popup_back.png) center no-repeat; background-size:auto 35%;}
.popup_area .popup_hd .btn_back + p {padding-left:35px}

.popup_area .popup_con {max-height:calc(100vh - 200px); overflow-y: auto; padding:20px; text-align: left; }
.popup_area .popup_con .popup_stit {font-weight: 700; color:#f74540; font-size:15px;}
.popup_area .popup_con .popup_stit2 {font-weight: 700; color:#333; font-size:15px; margin-top: 20px; }

.popup_area .popup_con .top_desc {background: #f8f8f8; padding:20px; margin:-20px -20px 0}
.popup_area .popup_con .top_desc .input_text {background-color: #f8f8f8;}
.popup_area .popup_con .top_desc .input_text:disabled { background-color:  #f8f8f8;} 
.popup_area .popup_con .popup_form li {width:100%; display: table; table-layout: fixed;}
.popup_area .popup_con .popup_form + ul {/*border-top:1px dashed #d5d5d5; margin-top:25px;*/ padding-top: 10px;}
.popup_area .popup_con .popup_form li p.label {display: table-cell; vertical-align: middle; width:22%; font-size: 14px; font-weight: 700;}
.popup_area .popup_con .popup_form.add li p.label {display: table-cell; vertical-align: middle; width:28%; font-size: 14px; font-weight: 700;}
.popup_area .popup_con .popup_form li .left_area {display: table-cell; vertical-align: middle;}
.popup_area .popup_con .popup_form li .left_area .cell_box {display: table; width: 100%; table-layout: fixed;}
.popup_area .popup_con .popup_form li .left_area .cell_box .cell {display: table-cell; vertical-align: middle;}
.popup_area .popup_con .popup_form li .left_area .cell_box .cell:last-child {width:150px;text-align: right;}
.popup_area .popup_con .popup_form .selectric {border-top:0;border-right:0;border-left:0;border-radius: 0; padding-left: 0;}

.popup_area .popup_con .popup_form li.li_table {width:100%; display: table; table-layout: fixed;}
.popup_area .popup_con .popup_form li.li_table .left_area + .label {padding-left: 20px; width: 18%;}
.popup_area .popup_con .popup_form li.desc {color:#666; padding-top:10px; font-size: 14px;}
.popup_area .popup_con .popup_form li.desc span {display: inline-block; margin-right: 10px;}

.popup_area .popup_con .popup_form li.location_write {margin-top: 20px;}
.popup_area .popup_con .popup_form li.location_write .left_area + .left_area {padding-left:10px}
.popup_area .popup_con .popup_form li.location_write .left_area:last-child {width:40%}
.popup_area .popup_con .popup_form li.location_write .left_area .input_text {position: relative; top: 1px;}

/* .popup_area .popup_con .tab_area {margin-top:10px; margin-bottom: 10px;} */
.popup_area .popup_con .tab_area ul {display: table; table-layout: fixed; width:100%;border:0}
.popup_area .popup_con .tab_area ul li {width:25%;padding:0; display: table-cell; text-align: center; }
.popup_area .popup_con .tab_area ul li a {min-width:auto; width: 99%; display: block; float: none;}
.popup_area .popup_con .tab_area ul li a span {text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display: inline-block; max-width: 100%;}
.popup_area .popup_con .tab_area ul li a span.txt1 {max-width: 70%;}
.popup_area .popup_con .tab_area ul li a span.txt2 {max-width: 20%; margin-left: 4px; color:#f74540; font-weight: 700;}

.popup_area .popup_con .tab_area + .btn_area {text-align: right;padding:0; position: relative; height: 40px; margin-bottom: -47px; overflow: visible;}
.popup_area .popup_con .tab_area + .btn_area .btn_add { position: absolute; top:-57px; right:0}

.popup_area .search_area {border:0; padding:0}
.popup_area .search_area .search_table .cell  {font-size: 12px!important}
.popup_area .search_area .search_table .cell.label {width:50px;letter-spacing: 0;}
.popup_area .search_area .search_table .cell + .label {padding-left: 10px;}
.popup_area .search_area .search_table .cell.btn_box {width:90px}
.popup_area .search_area .search_table .cell.btn_box a {width:100%; min-width: auto; position: relative; top: -1px; }
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .search_area .search_table .cell.btn_box { vertical-align: bottom;}
}
.popup_area .search_area .search_table .input_text {padding-left: 5px;}
.popup_area .search_area .search_table .selectric-select_box .selectric .label { margin-left:5px}

.popup_area .basic_table_card {padding-bottom: 0;}

.popup_area .edit_box {padding:20px 0 0}
.popup_area .edit_box textarea{width:100%;height:250px; border:1px solid #eee; resize: none;padding:10px}
.popup_area .edit_box + .btn_area {padding-top: 20px;}

.popup_area .map_box img {width:100%}

.popup_area .graph_box {padding-top: 20px;}
.popup_area .graph_box + .graph_box {margin-top:30px;padding-top: 30px; border-top: 1px solid #d5d5d5;}
.popup_area .graph_box .graph img {width:100%}
.popup_area .graph_box .search_box {min-height: 40px;margin:10px auto}
.popup_area .graph_box .search_box .selectric-select_box {/* float:right; */width:100px}
.popup_area .graph_box .search_box .selectric-select_box {height: 30px;}
.popup_area .graph_box .search_box .selectric-select_box .selectric .label, 
.popup_area .graph_box .search_box .selectric-select_box .selectric .button {height:30px; line-height: 30px;}
.popup_area .graph_box .search_box ul {padding-bottom: 20px;}
.popup_area .graph_box .search_box > ul > li { min-width:24%; display: inline-block; vertical-align: middle;}
.popup_area .graph_box .search_box ul li input {display: inline-block; vertical-align: middle; }
.popup_area .graph_box .search_box ul.in_selectbox li {min-width: auto;}
.popup_area .graph_box .search_box ul li span {color:#666; font-size:13px; display: inline-block; vertical-align: middle; margin-left:4px}
.popup_area .graph_box .popup_stit {color:#666; position: relative;}
.popup_area .graph_box .popup_stit .category {color:#333; position: absolute; top: 0; right:0}

/* 팝업 type2 */
.popup_area.type2 .popup_window { max-width:350px; }
.popup_area .noti_con {text-align: center;}
.popup_area .noti_con p {color:#333}
.popup_area .noti_con p.number { color: #f74540; font-size: 30px;font-weight: 700; letter-spacing: 0;}
.popup_area .noti_con b {font-weight: 700;}
.popup_area .noti_con + .btn_area {padding-top: 20px;}

/* 팝업 탭 */
.popup_area .tab_area { height: 32px; background:#f8f8f8;padding:0; margin:0 -20px 10px}
.popup_area .tab_area a { font-size: 13px; padding:0 10px; height: 32px; line-height: 32px;min-width: 120px;}


/* 팝업버튼 */
.popup_area .btn_area {padding:40px 0 0;}
.popup_area .top_desc + .btn_area {padding-top:20px;}
.popup_area .write_memo .btn_normal {min-width: 60px;}

@media (max-width:1637px) {

    .search_area .search_table .cell + .label {
        padding-left: 0;
        width: 40px;
    }
    .search_area .search_table .cell + .cell {
        padding-left: 0;
    }
    .selectric-select_box .selectric .label {
        margin: 0px 15px 0 0px;
    }
}

@media screen and (max-width:1500px) {
.map_table .map_cell.map .cell_con img {max-width:95%;height: auto;}
}

@media (max-width:1395px) {

    .selectric-select_box .selectric-items {
        width: 80px !important;
    }
}


@media screen and (max-width:1100px) {

    .map_table .map_cell.card,
    .map_table,
    .map_table .map_cell.map,
    .map_table .map_cell.table {display: block; width:100%}
    .map_table .map_cell.blank {display: none;}
    .map_table .map_cell.table {margin-top:10px}
    .map_table .map_cell.map .cell_con .mapViewDiv {width: 700px; height: 700px;}


}

/* 포커스 */
input:focus { outline: none; }