@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');

/* NanumSquare Font */
@font-face {
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 300;

	src: url('/common/css/fonts/NANUMSQUAREL.WOFF'); format('woff');
}
@font-face {
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 400;
	src: url('/common/css/fonts/NANUMSQUARER.WOFF'); format('woff');
}
@font-face {
	font-family: 'NanumSquare';
	font-style: bold;
	font-weight: 700;
	src: url('/common/css/fonts/NANUMSQUAREB.WOFF'); format('woff');
}
@font-face {
	font-family: 'NanumSquare';
	font-style: bold;
	font-weight: 900;
	src: url('/common/css/fonts/NANUMSQUAREEB.WOFF'); format('woff');
}

/* reset */
html, body, h1, h2, h3, h4, ul, li{margin:0; padding:0;}
ul, li{list-style: none;}
a, a:hover, a:focus{text-decoration:none;}
select{height: 32px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc;	border-radius: 4px;	outline:0; vertical-align: middle;}
input{height: 32px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; outline:0; vertical-align: middle;}

select:disabled{ color:#aaa; background-color: #ededed;}
input:disabled{ color:#aaa; background-color: #ededed;}

/* common */
.title{font-family:'Lato','NanumSquare', sans-serif;}
.marginbottom15{margin-bottom:15px;}
.margintop15{margin-top:15px;}
.margintop20{margin-top:20px;}
.margintop30{margin-top:30px;}
.margintop70{margin-top:70px;}
.marginright30{margin-right:30px;}
.block{display:block; width:100%;}
.verticalbottom{vertical-align:bottom;}
.btn-indexlogin, .btn-indexlogin:focus{width:300px; height:45px; font-size:18px; color:white; background:#00a69c; border:1px solid #486729; border-radius:0; outline:none !important;}
.btn-indexlogin:hover{background:#006933; color:white;}
.btn-login, .btn-login:focus{width:90px; height:32px; color:#fff; background:none; border:1px solid #fff; outline:none !important;}
.btn-login:hover{color:#a0fffe; border-color:#a0fffe;}
.btn-search, .btn-search:focus{width:80px; height:32px; padding:6px 12px 6px 30px; color:white; background:#00a69c url(/image/resource/icon_search.png) 20% center no-repeat; vertical-align: middle; outline:none !important;}
.btn-search:hover{color:white;}
.btn-search-en, .btn-search-en:focus{width:90px; height:32px; padding:6px 12px 6px 30px; color:white; background:#00a69c url(/image/resource/icon_search.png) 20% center no-repeat; vertical-align: middle; outline:none !important;}
.btn-search-en:hover{color:white;}

.btn-img, .btn-img:hover{height:32px; padding:6px 30px 6px 12px; border:1px solid #d4d4d4; background-color:#fbfbfb; outline:none !important;}
.btn-img:hover{background:#f0f0f0;}
.btn-img.plususer{background-image:url(/image/resource/icon_plususer.png); background-position:90% center; background-repeat:no-repeat;}
.btn-img.excel{background-image:url(/image/resource/icon_excel.png); background-position:90% center; background-repeat:no-repeat;}
.btn-green, .btn-green:focus{width:90px; height:32px; padding:6px 12px; color:white; background:#00a69c; vertical-align: middle; outline:none !important;}
.btn-green:hover{color:white;}
.btn-white, .btn-white:hover{width:90px; height:32px; padding:6px 12px; color:#333; border:1px solid #d4d4d4; background-color:#fff; outline:none !important;}
.btn-white:hover{background:#f0f0f0;}
.btn-black, .btn-black:focus{width:90px; height:32px; padding:6px 12px; color:white; background:#444; outline:none !important;}
.btn-black:hover{color:white; background:#333;}
.btn-small, .btn-small:hover{height:28px; line-height:28px; padding:0;}
.btn-infoWindow-small, .btn-infoWindow-small:hover{height:20px;width:80px; font-size: 11px; line-height:8px;}

table.normal{width:100%; border:0; font-family:"나눔바른고딕", NanumBarun Gothic;}
table.normal td, table.normal th{border:0; border-bottom:1px solid #c2c2c2; height:40px; text-align:center;}
table.normal th{font-weight:normal; background:#333; color:#d6d6d6; font-size:16px; border-top:1px solid #c2c2c2;}
table.normal td{background:white; font-size:14px; color:#222;}
table.normal td.left{text-align:left;}
table.normal caption{display:none;}

table.grey{width:100%; border:0; font-family:"나눔바른고딕", NanumBarun Gothic;}
table.grey td, table.grey th{border:0; border-bottom:1px solid #c2c2c2; height:40px; text-align:center;  font-size:14px; color:#222;}
table.grey th{font-weight:normal; background:#fbfbfb; border-top:1px solid #c2c2c2;}
table.grey td{background:white;}
table.grey td.left{text-align:left; padding-left:10px;}
table.grey caption{display:none;}

table.greydouble{width:100%; border:0;}
table.greydouble td{border:0; height:40px; text-align:center;  font-size:14px; color:#222;}
table.greydouble td{background:white;}
table.greydouble td.content{padding:10px; line-height:24px; border-top:1px dashed #c2c2c2; text-align:left;}


table.greyborder{width:100%; border:0; font-family:"나눔바른고딕", NanumBarun Gothic;}
table.greyborder tbody td, table.greyborder tbody th{border:0; border-bottom:1px solid #c2c2c2; height:40px; text-align:center; font-size:14px; color:#222;}
table.greyborder tbody th{font-weight:normal; background:#fbfbfb; border-top:1px solid #c2c2c2;  border-left:1px solid #c2c2c2;}
table.greyborder tbody th:first-child{border-left:0;}
table.greyborder tbody td{background:white; border-left:1px solid #c2c2c2;}
table.greyborder tbody td:first-child{border-left:0;}
table.greyborder tbody th.left{text-align:left; padding-left: 10px;}
table.greyborder tbody td.left{text-align:left; padding-left: 10px;}
table.greyborder caption{display:none;}

table.greyborderthick{width:100%; border:0; font-family:"나눔바른고딕", NanumBarun Gothic;}
table.greyborderthick tbody td, table.greyborderthick thead th{border:0; border-bottom:1px solid #c2c2c2; height:50px; text-align:center;  color:#222;}
table.greyborderthick thead th{font-weight:normal; background:#fbfbfb; border-top:1px solid #c2c2c2;  border-left:1px solid #c2c2c2; font-size:16px;}
table.greyborderthick thead th:first-child{border-left:0;}
table.greyborderthick tbody td{background:white; font-size:14px; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2;}
table.greyborderthick tbody td:first-child{border-left:0;}
table.greyborderthick thead th.left{text-align:left; padding-left: 10px;}
table.greyborderthick tbody td.left{text-align:left; padding-left: 10px;}
table.greyborderthick caption{display:none;}

table.greyleft{width:100%; border:0; font-family:"나눔바른고딕", NanumBarun Gothic;}
table.greyleft td, table.greyleft th{height:40px; padding:0 40px; border:0; border-bottom:1px solid #c2c2c2; text-align:left; font-size:14px; color:#222;}
table.greyleft th{font-weight:normal; background:#fbfbfb; border-right:1px solid #c2c2c2;}
table.greyleft tr:first-child th{border-top:1px solid #c2c2c2;}
table.greyleft td{background:white;}
table.greyleft tr:first-child td{border-top:1px solid #c2c2c2;}
table.greyleft caption{display:none;}

.tab_list{border-bottom:2px solid #444; font-size:0;}
.tab_list > li{display:inline-block;}
.tab_list > li a{display:block; width:100%; height:45px; line-height:45px; text-align:center; background:#fbfbfb; border-top:1px solid #c2c2c2; border-right:1px solid #c2c2c2; border-left:none; font-size:16px; color:#222;}
.tab_list > li:first-child a{border-left:1px solid #c2c2c2;}
.tab_list > li.active a, .tab_list > li a:hover{background:#444; font-size:18px; color:#fff;}

.area{width:100%;}
.area::after{content:''; display:block; clear:both;}
.halfarea{float:left; width:50%;}
.horizontaldash{width:100%; height:1px; margin:20px 0; border-top:1px dashed #c8c8c8;}
.horizontalline{width:100%; height:1px; border-top:2px solid #222;}
.horizontalline-thine{width:100%; height:1px; border-top:1px solid #c2c2c2;}
label{margin-bottom:0; font-weight:normal; font-size:18px; color:#222; letter-spacing:-1px; vertical-align:middle;}
.right_container{width:1080px; height:auto; min-height:100%; margin-left:200px; padding-top:40px; padding-bottom:40px; padding-left:50px; background:white;}
.right_container h2{position:relative; padding-bottom:20px; font-size:26px; color:#222; letter-spacing: -1px; border-bottom:1px solid #383838;}
.right_container h2 .subtitle{display:inline-block; margin-left:10px; font-size:18px;}
.right_container h2 .right_button_wrapper{position:absolute; top:0; right:0;}
.right_container h3{position:relative; margin-bottom:0; font-weight:normal; font-size:18px; color:#222; letter-spacing:-1px;}
.right_container h3 .subtitle{display:inline-block; margin-left:10px; font-size:16px;}
.right_container h3 .button_wrap_intitle{position:absolute; top:0; right:0; text-align:right;}
.button_wrap{text-align:right;}
.button_wrap_center{text-align:center;}
.button_wrap_left{text-align:left;}

/* custom */
html, body{height:100%;}
body {
	font-family:'Lato', '맑은 고딕', 'Malgun Gothic', 'Nanum Gothic', sans-serif;
	color:#333;	
}
.login_wrapper{position:relative; width:100%; height:100%; background:grey url(/image/resource/bg_login.png) center / cover no-repeat;}
.login_wrapper h1{position:absolute; top:70px; left:70px;}
.login_container{position:absolute; top:50%; left:50%; width:370px; height:275px; background:rgba(0,0,0,.65); text-align:center; 
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.login_container .img_login{margin:22px 0;}
.login_container input{width:300px; height:40px; margin-bottom:10px; border:1px solid #d7d7d7; border-radius:0;}
.login_container > .login_lang_box {position: absolute; font-size: 12px; width: 100%; text-align: center; color: #FFF; top:246px;}
.login_container > .login_lang_box a {color: #FFF;}
.login_container > .login_lang_box a:hover {color: #006933;}
.login_container > .login_lang_box a.login_lang_box_active {color: #00a69c;}

.main_wrapper{position:relative; height:100%; padding-top:70px;}
.left_bg{position:fixed; top:0; left:0; width:50%; height:100%; background:#f8f8f8; z-index:-1;}
.right_bg{position:absolute; top:0; right:0; width:50%; height:100%; background: white; z-index:-1;}
header{position:fixed; top:0; left:0; width:100%; height:70px; background:#010101 url(/image/resource/bg_header.png) center/cover no-repeat; color:white; z-index:10;}
.header_container{position:relative; width:1280px; margin:0 auto;}
.header_left{display:inline-block; height:70px;}
.header_left h1{height:70px; line-height:65px; padding-left:25px;}
.header_left h1 a > img {height: 50px;}
.header_left h1 a{display:inline-block;}
.header_right{position:absolute; right:0; display:inline-block; height:70px; line-height:90px;}
.login_user{display:inline-block; margin-right:20px; vertical-align:middle; font-size:18px;}
.login_user a{color:#a0fffe; text-decoration:underline;}
.header_right > .header_lang_box {position: absolute; font-size: 14px; width: 100%; height: 30px; line-height: 30px; text-align: right; color: #FFF; top:0px;}
.header_right > .header_lang_box a {color: #FFF;}
.header_right > .header_lang_box a:hover {color: #a0fffe;}
.header_right > .header_lang_box a.header_lang_box_active {color: #a0fffe;}

.main_container{width:1280px; height:100%; margin:0 auto;}
.left_container{position:fixed; width:200px; height:100%; padding-top:30px; background:#f8f8f8; border-left:1px solid #ececec; z-index:10;}
.lnb > li a{display:block; height:50px; padding-left:25px; line-height:50px; font-size:18px; color:#333333; letter-spacing:-0.5px;}
.lnb > li.active a, .lnb > li a:hover{color:#00a69c;}

.left_container_enbox{position:fixed; width:200px; height:100%; padding-top:30px; background:#f8f8f8; border-left:1px solid #ececec; z-index:10;}
.lnb_enbox > li a{display:block; height:60px; padding-left:25px; padding-top: 25px; line-height:18px; font-size:18px; color:#333333; }
.lnb_enbox > li.active a, .lnb > li a:hover{color:#00a69c;}

.search_wrapper{height:70px; line-height:70px; border-bottom:1px dashed #cacaca;}
.usermanage_wrapper{position:relative; height:80px; line-height:80px;}
.usermanage_wrapper .viewcounter{position:absolute; top:0; right:0;}

.terminal_wrapper{border:1px solid #e1e1e1; padding:0px 20px 20px 20px; margin-bottom: 20px;}
.terminalmanage_wrapper{position:relative; height:80px;}
.terminalmanage_user{font-size:18px; color:#222; line-height:45px;}
.terminalmanage_address{font-size:18px; color:#222; line-height:15px;}
.terminalmanage_buttons{position:absolute; top:0; right:0; margin-top:17px;  }

.terminal_container{font-size:0;}
.terminal_search_container{display: inline-block; font-size:0; margin: 20px 0px 0px 6px}
.terminal_box{width:320px; margin-left:14px; border:2px solid #dbdbdb; cursor: pointer;}
.terminal_box:first-child{margin-left:0;}
.terminal_header{height:160px; text-align:center;}
.terminal_search_header{position:relative; height:160px; text-align:center;}
.terminal_search_header input[type='checkbox']{position:absolute; top:10px; left:10px;}
.terminal_state{display:inline-block; width:60px; height:60px; margin-top:25px; background-position:center center; background-repeat:no-repeat;}

.terminal_search_graph_box { width:470px; margin-left:10px; border:2px solid #dbdbdb; cursor: pointer;}
.terminal_search_graph_header{height: 40px; text-align: center; font-size: 16px; line-height: 38px; font-weight: 400; border-bottom:1px dashed #dbdbdb;}
.terminal_search_graph_body { height: 330px; padding: 10px; }

.terminal_state.normal{background-image:url(/image/resource/icon_normal.png)}
.terminal_state.notsend{background-image:url(/image/resource/icon_notsend.png)}
.terminal_state.enrollment{background-image:url(/image/resource/icon_enrollment.png)}
.terminal_number_txt{margin-top:10px; font-size:18px; line-height:1;}
.terminal_number{font-size:22px; line-height:2;}
.normal_txtcolor{color:#684bba;}
.notsend_txtcolor{color:#fe094f;}
.enrollment_txtcolor{color:#36ce9b;}
.normal_backgroundColor{background-color:#684bba; color: #FFF;}
.notsend_backgroundColor{background-color:#fe094f; color: #FFF;}
.enrollment_backgroundColor{background-color:#36ce9b; color: #FFF;}

.terminal_address{ height:40px; line-height:40px; font-size:16px; color:#222; letter-spacing:-0.5px; border-top:1px solid #dbdbdb; text-align:center; padding:0px 5px;  overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.terminal_measure{height:37px; line-height:37px; font-size:16px; color:#222; letter-spacing:-0.5px; border-top:1px solid #dbdbdb; text-align:center;}
.terminal_measure_info{}
.terminal_measure_info > li{height:37px; line-height:37px; padding-left:45px; font-size:16px; color:#222; letter-spacing:-0.5px; border-top:1px dashed #dbdbdb;}
.terminal_measure_info > li:nth-child(1){background:url(/image/resource/icon_measure1.png) 12px center no-repeat;}
.terminal_measure_info > li:nth-child(2){background:url(/image/resource/icon_measure2.png) 12px center no-repeat;}
.terminal_measure_info > li:nth-child(3){background:url(/image/resource/icon_measure16.png) 12px center no-repeat;}
.terminal_measure_info > li:nth-child(4){background:url(/image/resource/icon_measure4.png) 12px center no-repeat;}
.terminal_measure_info > li:nth-child(5){background:url(/image/resource/icon_measure8.png) 12px center no-repeat;}
.terminal_measure_info > li:nth-child(6){background:url(/image/resource/icon_measure6.png) 12px center no-repeat;}
.terminal_measure_info > li:nth-child(7){background:url(/image/resource/icon_measure18.png) 12px center no-repeat;}
.terminal_measure_info > li:nth-child(8){background:url(/image/resource/icon_measure17.png) 12px center no-repeat;}
.terminal_measure_info > li:nth-child(9){background:url(/image/resource/icon_measure5.png) 12px center no-repeat;}
.terminal_date{height:45px; line-height:45px; font-size:16px; color:#222; border-top:1px solid #dbdbdb; text-align:center;}
.terminal_data_list > li{height:40px; line-height:40px; font-size:16px; color:#222; letter-spacing:-0.5px; border-top:1px solid #dbdbdb; text-align:center;}
.paging_wrapper{margin:60px 0; text-align:center;}
.btn_pagingprev{display:inline-block; padding:0px 2px 0px 2px; font-size:14px; color:#222;}
.btn_pagingnext{display:inline-block; padding:0px 2px 0px 2px; font-size:14px; color:#222;}
.paging_list{display:inline-block;}
.paging_list > li{display:inline-block;}
.paging_list > li a{display:block; padding:0 12px; font-size:16px; color:#222;}
.paging_list > li.active a, .paging_list > li a:hover{color:#00a69c; text-decoration:underline;}

.right_search_wrapper{height:70px; line-height:70px; text-align:right;}
.user_graph_wrapper{height:390px; border:1px solid #acacac;}
.user_graph_wrapper_small{width:100%; float: left;  height:330px; text-align: center;}
.user_box{width:100%; font-size:0;}
.user_box > li{display:inline-block; width:50%;}
.user_box > li:nth-child(odd){padding-right:25px;}
.user_box > li:nth-child(even){padding-left:25px;}

.chopper_box{border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; padding:30px 0; text-align:center;}
.greencolor{display:inline-block; margin-left:10px; color:#00a69c; vertical-align: middle;}
.address_box{border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; padding:20px 30px;}

input[type='text'].notice{width:100%;}
input[type='checkbox']{-webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: 15px; height: 15px; margin:0; padding:0;	border: 1px solid #c2c2c2; border-radius:0; outline:0; background: white; vertical-align: middle;}
input[type="checkbox"]:checked{background: white url(/image/resource/dropdown_arrow.png) no-repeat center center;}
label.notice{font-size:14px;}

.notice_view_title{border:none; font-size:18px; margin:0; padding:0; width:100%;}
.notice_view_content{height:500px; padding:20px; line-height:26px; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2;}

input.mypage{width:300px; margin-left:10px;}
input[readonly].mypage{width:300px; margin-left:10px; border:none;}

.search_list_top{display:block; height:auto; line-height:30px; padding:0 30px; border:1px solid #e1e1e1;}
.search_list_top.search{display:none;}
.search_list_top > li{position:relative; display:inline-block; padding-left:10px; padding-right:30px;}
.search_list_top > li::before{content:'·'; position:absolute; left:0;}
.search_list{height:0; overflow-y:hidden;}
.search_list.search{height:auto;}
.search_list > li{height:50px; line-height:50px; padding:0 30px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px dashed #e1e1e1;}
.search_list.search > li:first-child{border-top:1px solid #e1e1e1;}
.search_list.search > li:last-child{border-bottom:1px solid #e1e1e1; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.search_list > li label {width:115px; margin:0 15px; font-size:16px;}
.search_list > li input[type="text"]{width:125px;}
.search_list > li select{width:125px;}
.search_list > li select.user{width:115px; margin:0 15px;}
.search_list > li input[type="text"]{text-align: center;}
.search_list > li input.user[type="text"]{width:800px; text-align: left;}
.search_list_bottom{position:relative; height:60px; line-height:60px; padding:0;}
.search_list_bottom .button_wrap{float:right; display:inline-block; vertical-align:middle;}

.search_list_en{height:0; overflow-y:hidden;}
.search_list_en.search{height:auto;}
.search_list_en > li{height:50px; line-height:50px; padding:0 30px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px dashed #e1e1e1;}
.search_list_en.search > li:first-child{border-top:1px solid #e1e1e1;}
.search_list_en.search > li:last-child{border-bottom:1px solid #e1e1e1; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.search_list_en > li label {width:200px; margin:0 15px; font-size:16px;}
.search_list_en > li input[type="text"]{width:125px;}
.search_list_en > li select{width:125px;}
.search_list_en > li select.user{width:115px; margin:0 15px;}
.search_list_en > li input[type="text"]{text-align: center;}
.search_list_en > li input.user[type="text"]{width:500px; text-align: left;}


.btn-door{position:absolute; top:0; left:20px; display:inline-block; width:80px; height:24px; line-height:24px; padding:0; border-top:none; border-top-left-radius:0; border-top-right-radius:0;}
.btn-door:hover, .btn-door:focus{width:80px; height:24px; line-height:24px; padding:0; border-top:none;}
.btn-door .bullet{display:inline-block;}
.btn-door .txt{display:inline-block; font-size:12px;}
.btn-door.search .bullet{transform:rotate(180deg);}

.usage_list{font-size:0;}
.usage_list > li{display:inline-block; width:500px; height:285px; margin:0 0 30px 30px; padding:30px; border:1px solid #e1e1e1; box-sizing:border-box;}
.usage_list > li:nth-child(odd){margin:0 0 30px 0;}
.usage_list > li .title{margin-bottom:30px; font-size:20px; color:#684bba; text-align:center;}
.usage_list > li .graph{height:165px; background: #e1e1e1; box-sizing:border-box;}
/* 팝업 */
.modal{display:none; position:fixed; box-sizing: border-box;}
.modal .popup_wrap{position:relative; width:100%; height:100%; background:white; z-index:100;}
.modal .popup_overlay{position: fixed; display:block; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 10;}

/* 작은팝업 */
.modal_small{display:none; position:absolute; box-sizing: border-box; z-index:100;}
.modal_small .popup_wrap{position:relative; width:100%; height:100%; background:white; z-index: 30;}
.modal_small .popup_overlay{position: fixed; display:block; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); z-index: 20;}

#popup_regist_terminal{width:780px; height:614px; left:0; right:0; top:0; bottom:0; margin:auto; overflow: hidden;}
.popup_content.popup_regist_terminal{position:relative; width:100%; height:100%;}
.popup_content.popup_regist_terminal .top{position:absolute; top:0; left:0; width:100%; height:70px; background:#00a69c; padding:0 30px; box-sizing:border-box;}
.popup_content.popup_regist_terminal .top h1{font-size:20px; color:white; line-height:70px; font-weight:normal; letter-spacing:-1px;}
.popup_content.popup_regist_terminal .top .closepopup{display:inline-block; position:absolute; right:20px; top:16px; color:white; font-size:30px; border:0; background:none; cursor:pointer; outline:none;}
.popup_content.popup_regist_terminal .middle{width:100%; height:100%; line-height:45px; padding:100px 30px 74px; box-sizing:border-box;}
.popup_content.popup_regist_terminal .button_wrap{position:absolute; bottom:0; left:0; width:100%; height:74px; line-height:74px; padding:0 30px; border-top:1px solid #c2c2c2; box-sizing:border-box; text-align:right;}
.popup_content.popup_regist_terminal .horizontalline{width:100%; height:1px; margin:30px 0; border-top:1px dashed #c8c8c8;}
.popup_content.popup_regist_terminal label{display:block; margin-bottom:0; margin-right:15px; font-weight:normal; font-size:18px; color:#222; letter-spacing:-1px;}
.popup_content.popup_regist_terminal label.inline{display:inline-block; height:32px; line-height:32px; vertical-align: middle;}
.popup_content.popup_regist_terminal input{display:block; width:100%;}
.popup_content.popup_regist_terminal input.inline{display:inline-block; width:50%; vertical-align: middle;}
.popup_content.popup_regist_terminal .box{width:100%; font-size:0;}
.popup_content.popup_regist_terminal .halfbox {display:inline-block; width:50%;}

#popup_regist_user{width:780px; height:614px; left:0; right:0; top:0; bottom:0; margin:auto; overflow: hidden;}
#popup_modify_user{width:780px; height:614px; left:0; right:0; top:0; bottom:0; margin:auto; overflow: hidden;}
.popup_content.popup_regist_user {position:relative; width:100%; height:100%;}
.popup_content.popup_regist_user .top{position:absolute; top:0; left:0; width:100%; height:70px; background:#00a69c; padding:0 30px; box-sizing:border-box;}
.popup_content.popup_regist_user .top h1{font-size:20px; color:white; line-height:70px; font-weight:normal; letter-spacing:-1px;}
.popup_content.popup_regist_user .top .closepopup{display:inline-block; position:absolute; right:20px; top:16px; color:white; font-size:30px; border:0; background:none; cursor:pointer; outline:none;}
.popup_content.popup_regist_user .middle{width:100%; height:100%; line-height:45px; padding:85px 30px 74px 30px; box-sizing:border-box;}
.popup_content.popup_regist_user .button_wrap{position:absolute; bottom:0; left:0; width:100%; height:74px; line-height:74px; padding:0 30px; border-top:1px solid #c2c2c2; box-sizing:border-box; text-align:right;}
.popup_content.popup_regist_user .horizontalline{width:100%; height:1px; margin:5px 0px; border-top:1px dashed #c8c8c8;}
.popup_content.popup_regist_user label{display:block; margin-bottom:0; margin-right:15px; font-weight:normal; font-size:18px; color:#222; letter-spacing:-1px;}
.popup_content.popup_regist_user label.inline{display:inline-block; height:32px; line-height:32px; vertical-align: middle;}
.popup_content.popup_regist_user input{display:block; width:100%;}
.popup_content.popup_regist_user input.inline{display:inline-block; width:50%; vertical-align: middle;}
.popup_content.popup_regist_user .box{width:100%; font-size:0;}
.popup_content.popup_regist_user .halfbox{display:inline-block; width:50%;}

#popup_modify_terminal{width:780px; height:495px; left:0; right:0; top:0; bottom:0; margin:auto; overflow: hidden;}
.popup_content.popup_modify_terminal{position:relative; width:100%; height:100%;}
.popup_content.popup_modify_terminal .top{position:absolute; top:0; left:0; width:100%; height:70px; background:#00a69c; padding:0 30px; box-sizing:border-box;}
.popup_content.popup_modify_terminal .top h1{font-size:20px; color:white; line-height:70px; font-weight:normal; letter-spacing:-1px;}
.popup_content.popup_modify_terminal .top .closepopup{display:inline-block; position:absolute; right:20px; top:16px; color:white; font-size:30px; border:0; background:none; cursor:pointer; outline:none;}
.popup_content.popup_modify_terminal .middle{width:100%; height:100%; line-height:45px; padding:85px 30px 74px 30px; box-sizing:border-box;}
.popup_content.popup_modify_terminal .button_wrap{position:absolute; bottom:0; left:0; width:100%; height:74px; line-height:74px; padding:0 30px; border-top:1px solid #c2c2c2; box-sizing:border-box; text-align:right;}
.popup_content.popup_modify_terminal .horizontalline{width:100%; height:1px; margin:5px 0px; border-top:1px dashed #c8c8c8;}
.popup_content.popup_modify_terminal label{display:block; margin-bottom:0; margin-right:15px; font-weight:normal; font-size:18px; color:#222; letter-spacing:-1px;}
.popup_content.popup_modify_terminal label.inline{display:inline-block; height:32px; line-height:32px; vertical-align: middle;}
.popup_content.popup_modify_terminal input{display:block; width:100%;}
.popup_content.popup_modify_terminal input[readonly]{background:#ddd;}
.popup_content.popup_modify_terminal input.inline{display:inline-block; width:50%; vertical-align: middle;}
.popup_content.popup_modify_terminal .box{width:100%; font-size:0;}
.popup_content.popup_modify_terminal .halfbox{display:inline-block; width:50%;}

#popup_modify_terminal_address{width:965px; height:783px; left:0; right:0; top:0; bottom:0; margin:auto;}
.popup_content.popup_modify_terminal_address{position:relative; width:100%; height:100%;}
.popup_content.popup_modify_terminal_address .top{position:absolute; top:0; left:0; width:100%; height:70px; background:#00a69c; padding:0 30px; box-sizing:border-box;}
.popup_content.popup_modify_terminal_address .top h1{font-size:20px; color:white; line-height:70px; font-weight:normal; letter-spacing:-1px;}
.popup_content.popup_modify_terminal_address .top .closepopup{display:inline-block; position:absolute; right:20px; top:16px; color:white; font-size:30px; border:0; background:none; cursor:pointer; outline:none;}
.popup_content.popup_modify_terminal_address .middle{width:100%; height:100%; padding:70px 0px 0px 0px; box-sizing:border-box;}
.popup_content.popup_modify_terminal_address .horizontalline{width:100%; height:1px; margin:20px 0; border-top:1px dashed #c8c8c8;}
.popup_content.popup_modify_terminal_address label{display:block; margin-bottom:0; margin-right:15px; font-weight:normal; font-size:18px; color:#222; letter-spacing:-1px;}
.popup_content.popup_modify_terminal_address label.inline{display:inline-block; height:32px; line-height:32px; vertical-align: middle;}
.popup_content.popup_modify_terminal_address input{display:block;}
.popup_content.popup_modify_terminal_address input.inline{display:inline-block; vertical-align: middle;}
.popup_content.popup_modify_terminal_address .box{width:100%; font-size:0;}
.popup_content.popup_modify_terminal_address .halfbox{display:inline-block; width:50%;}
.popup_content.popup_modify_terminal_address .search_address_wrap{float:left; width:340px; height:100%; background:#f8f8f8;}
.popup_content.popup_modify_terminal_address .search_address_box{padding:20px 20px 20px 30px;}
.popup_content.popup_modify_terminal_address .search_address_list{border-top:1px solid #c2c2c2;}
.popup_content.popup_modify_terminal_address .search_address_list > li{position:relative; padding:10px 20px 10px 30px; border-bottom:1px dashed #c2c2c2;}
.popup_content.popup_modify_terminal_address .search_address_list span.address{display:inline-block; width:215px; vertical-align: middle;}
.popup_content.popup_modify_terminal_address .search_address_list span.select{display:inline-block; }
.popup_content.popup_modify_terminal_address .search_address_list button{width:70px;}
.popup_content.popup_modify_terminal_address .map_wrap{float:left; width:625px; height:100%; padding:20px; background:white;}
.popup_content.popup_modify_terminal_address .map_box{height:540px; border:1px solid #e0dfdd;}

#popup_regist_crop{width:540px; height:480px; left:0; right:0; top:0; bottom:0; margin:auto;}
.popup_content.popup_regist_crop{position:relative; width:100%; height:100%;}
.popup_content.popup_regist_crop .top{position:absolute; top:0; left:0; width:100%; height:70px; background:#00a69c; padding:0 30px; box-sizing:border-box;}
.popup_content.popup_regist_crop .top h1{font-size:20px; color:white; line-height:70px; font-weight:normal; letter-spacing:-1px;}
.popup_content.popup_regist_crop .top .closepopup{display:inline-block; position:absolute; right:20px; top:16px; color:white; font-size:30px; border:0; background:none; cursor:pointer; outline:none;}
.popup_content.popup_regist_crop .middle{width:100%; height:100%; padding:150px 75px; box-sizing:border-box;}
.popup_content.popup_regist_crop .check_box{text-align:center;}
.popup_content.popup_regist_crop .check_box .btn-green{width:133px;}
.popup_content.popup_regist_crop .button_wrap{position:absolute; bottom:75px; left:0; width:100%; text-align:center;}
.popup_content.popup_regist_crop label{display:block; margin-bottom:0; margin-right:15px; font-weight:normal; font-size:18px; color:#222; letter-spacing:-1px;}
.popup_content.popup_regist_crop input{display:block; width:100%; margin:10px 0 20px;}
.popup_content.popup_regist_crop .box{width:100%; font-size:0;}
.popup_content.popup_regist_crop .halfbox{display:inline-block; width:50%;}

.admin_home_map_box {height:540px; border:1px solid #acacac;}
.dataInfoBox {height:340px; border:1px solid #acacac; padding: 70px 0px; text-align: center; margin-bottom: 40px; font-size: 20px; font-weight: 400; }

.myPageBox {width: 100%;}
.myPageBox label{width: 100px;}

.dataLoadingView {position: absolute; display:block; width:1030px; height: 222px; background: rgba(0,0,0,.5); z-index: 10; text-align: center; color:#FFFFFF; display: none; }
.dataLoadingView > img{margin-top: 80px;}
.userDataLoadingView {position: absolute; display:block; width:1030px; height: 282px; background: rgba(0,0,0,.5); z-index: 10; text-align: center; color:#FFFFFF; display: none; }
.userDataLoadingView > img{margin-top: 115px;}