/*@font-face { font-family: 'NanumGothic'; src: url('/font/NanumGothic.woff') format('woff');}*/
@font-face {
  font-family: 'NanumGothic';
  src: url(/font/NanumGothic-Regular.eot); /* IE 호환성 보기 */
  src: url(/font/NanumGothic-Regular.eot#iefix) format('embedded-opentype'), /* IE 6 ~ 8 */
       url(/font/NanumGothic.woff) format('woff'), /* 모던 브라우저 */
       url(/font/NanumGothic-Regular.ttf) format('truetype');
}

* { font-family:'NanumGothic'; }
head, body {   margin:0 auto; font-family:'NanumGothic', 'dotum'; width:100%; overflow-x:hidden; }

img {border:0px; }




@media (min-width: 801px) {

.wrap_login { width:95%; max-width:600px; border:0px solid #ddd; text-align:center;   background-COlor:#fff; padding-top:0px; padding-bottom:30px; color:#aaa; margin:0 auto;}

.wrap_login input[type="button"] { width:43%; }
.wrap_login input[type="button"]:hover { cursor:pointer }
.wrap_login ul { width:100%; clear: left ; margin:0; padding:0; line-height:100px; } 
.wrap_login  li {list-style:none;  float:left;   } 
.wrap_login .f_form input[type="text"], .f_form input[type="password"] {width:80% ; height:30px; border:1px solid #ddd; text-align:center; font-size:12pt; color:#777;}
.wrap_login .f_form input[type="submit"] {width:90%; height:50px; font-size:16pt; color:#555; cursor:pointer}
.wrap_login .w3 {width:30%}
.wrap_login .w7 {width:70%}
.wrap_login .wrap_login_section_title {width:100%; height:70px; line-height:70px; font-size:20pt; color:#fff; background-color:#555;}



.top_wrap { background-Color:#fff; }
.top_title { width:100%; height:60px; line-height:60px; text-align:center; font-size:20pt; font-weight:800; letter-spacing:-2px; color:#555; }
.home_link { cursor:pointer; }
.home_link:hover { color:royalblue }
.top_description { width:100%; height:20px; line-height:20px; text-align:center; font-size:9pt; font-weight:100; letter-spacing:-1px; color:#777; overflow-x:hidden; white-space:nowrap; }
.top_telnum { width:100%; height:50px; line-height:50px; text-align:center; font-size:16pt; font-weight:800; letter-spacing:-1px; color:steelblue; }

.top_menu { background-Color:#222; color:#fff; font-size:11pt; letter-spacing:-2px;  text-align:justify; text-justify:distribute-all-lines;  white-space:nowrap;  }
.top_menu span { width:12%; height:50px; line-height:50px;  display:inline-block; text-align:center; cursor:pointer; white-space:nowrap; vertical-align:top;}
.top_menu span:hover { color:yellow }
.top_menu span > span {  display:none;  z-index:999999; padding-left:10px; padding-right:10px; }
.top_menu span:hover  > span {  position:relative; color:#333; display:inline-block; background-color:lightyellow;  cursor:pointer; width:100%;  min-width:100px;   }
.top_menu span:hover  > span:hover { color:red }

.top_menu span > div > span {  display:none;  z-index:999999; padding-left:10px; padding-right:10px;  }


.f_title { font:800 16pt 'NanumGothic'; color:#555; background-color:#ddd; text-align:center; width:100%; height:50px; line-height:50px; }
.f_form { font:100 10pt 'NanumGothic'; color:#555; border:1px; border-collapse:collapse; border:1px solid #aaa; width:99%; background-Color:#fff; max-width:1024px;  margin:0 auto;}
.f_form td { border:1px solid #eee; padding:5px; border-left-color:#fff; border-right-color:#fff; padding-top:10px; padding-bottom:10px; }

.f_form .w98 { width:98%}

.f_form  input[type="text"], input[type="tel"], input[type="password"], input[type="time"], input[type="date"], input[type="number"] { border:1px solid #ccc; height:30px; width:90%; color:#555; font:10pt 'NamumGothic'; padding:0px 10px 0px 10px; }
.f_form textarea { border:1px solid #aaa; padding:10px; width:90%; height:60px; }

.f_form  input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus, , input[type="time"]:focus, input[type="date"]:focus, input[type="number"]:focus  { background-Color:lightyellow; border:1px solid royalblue; color:#333; font-weight:800;}
.f_form textarea:focus { background-Color:lightyellow; border:1px solid royalblue; color:#333; font-weight:800; }

.f_form .trbr {  height:30px;}
.f_form select { width:90%; height:30px; padding:0px 10px 0px 10px;}
.f_form .td1 { padding-right:30px; letter-spacing:-2px; text-align:right; white-space:nowrap; }

.f_form .head { background-color:#bbb; color:#333; font-size:11pt }

.f_form .fs8 {font-size:8pt;  margin:2px auto; letter-spacing:-1px;}
.f_form .fs9 {font-size:9pt;  margin:2px auto; letter-spacing:-1px;}



.f_form .td_submit { text-align:center;  }
.f_form .f_create_btn { width:200px; height:50px; font:800 14px 'NanumGothic'; ; cursor:pointer; margin:20 auto; color:royalblue}
.f_form .f_edit_btn { width:150px; height:50px; font:800 14px 'NanumGothic'; ; cursor:pointer; margin:20 auto;  color:steelblue}
.f_form .f_del_btn { width:150px; height:50px; font:800 14px 'NanumGothic'; ; cursor:pointer; margin:20 auto;  color:darkred;}
.f_form .f_close_btn { width:150px; height:50px; font:800 14px 'NanumGothic'; ; cursor:pointer; margin:20 auto; }
.f_form .f_close_btn_layer { width:150px; height:50px; font:800 14px 'NanumGothic'; ; cursor:pointer; margin:20 auto; }
.f_del { width:95%; text-align:right;  margin:10px auto;}
.m_del { font-size:8pt; color:orangered; cursor:pointer; letter-spacing:-1px;}
.commission_del_form { text-align:center;  }




.ps { font-family:tahoma; color:orangered; font-weight:800; padding-right:5px; }






.list_title { text-align:left; font-size:12pt; padding:10px 00px 10px 30px; border:0px solid #555; background-color:#fff; letter-spacing:0px;  color:#777; }
.list_member_info { text-align:right;  margin:10px; font-size:8pt; color:#777}


.list_search_section {  width:98%; border:1px solid #aaa; text-align:center; background-COlor:#fff; padding-top:0px; padding-bottom:0px; color:#555; margin:0 auto; }

.list_search_section ul {  max-width:1200px; width:100%; clear: left ; margin:0 auto; padding:0; line-height:50px;margin-bottom:20px; } 
.list_search_section  li {list-style:none;  float:left;   } 
.list_search_section input[type="text"] {width:80%; height:40px; border:1px solid #ddd; text-align:center; font-size:10pt; color:#777;}
.list_search_section input[type="submit"] {width:90%; height:50px; font-size:16pt; margin-top:10px; cursor:pointer;}
.list_search_section .w3 {width:20%; font-size:10pt;}
.list_search_section .w7 {width:80%;  font-size:10pt;}
.list_search_section .list_search_section_title {color:#fff; width:100%; height:40px; line-height:40px; font-size:12pt; background-color:#777; cursor:pointer; }

.list_search_section .s_partner { font-size:10pt; color:#777; width:80%; height:40px; border:1px solid #ddd; }

.list_search_section select option { }

.list_search_section .s_isp { font-size:10pt; color:#777; width:40%; height:40px; border:1px solid #ddd; }
.selected { background-Color:#BCE55C; color:#333 }

.list_search_section #s_f_date {  width:35%;}
.list_search_section #s_e_date {  width:35%; }


.list_wrap { width:100%; overflow-x:auto; margin: 0 auto;}
.list { width:100%; border-bottom:1px solid #555; font:16pt 'NanumGothic'; color:#888; background-Color:#ddd; text-align:center; border-collapse:collapse; overflow-x:auto}
.list { width: 100%; font-size:11pt; color:#555; background-color:#fafafa; display:table; }
.list  tr { width:100%; clear: left ; margin:0; padding:0; height:50px; border-bottom:0px solid #eee;    vertical-align:middle; } 
.list td { white-space:nowrap; padding-left:5px; padding-right:5px;}
.list  li {list-style:none;  float:left;   border-bottom:0px solid #aaa; text-align:center; white-space:nowrap; overflow-x:hidden;} 
.list .head { background-color:#bbb; color:#333; font-size:11pt }


.list_log { width:100%; font:9pt 'NanumGothic'; color:#555; background-Color:#ddd; text-align:center; border-collapse:collapse; }
.list_log  tr { height:10px; border-bottom:1px solid #ddd; vertical-align:middle; } 
.list_log .head { background-color:#ddd; color:#333; font-size:9pt; font-weight:800; }
.list_log td {border:0px solid #fff;}



.L1 { background-Color:#fff; }
.L2 { background-Color:#F6F6F6; }


.list .w1 {width:5%;}
.list .w2 {width:5%;}
.list .w3 {width:5%}

.list .w4 {width:5%; }

.list .w5 {width:5%}
.list .w6 {width:5%}
.list .w7 {width:5%; }

.list .w8 {width:5%; }



.list_bottom { margin:0 auto; width:90%;  text-align:justify; text-justify:distribute-all-lines; }
.list_bottom span a {width:45%; display:inline-block; border:1px solid #555; text-align:center; height:50px; line-height:50px; font-size:10pt; text-decoration:none; }

.list .fs8 {font-size:8pt;  margin:2px auto; letter-spacing:-1px;}
.list .fs9 {font-size:9pt;  margin:2px auto; letter-spacing:-1px;}


.list a {font-size:8pt; text-decoration:none; color:#fff; font-weight:800; background-Color:steelblue; margin:2px auto;}

.green { color:green; }
.skyblue { color:skyblue }
.steelblue { color:steelblue }

.form_bottom { margin:0 auto; width:90%;  text-align:justify; text-justify:distribute-all-lines; }
.form_bottom span input[type="submit"] {width:45%; display:inline-block; border:1px solid #bbb; text-align:center; height:50px; line-height:50px; font-size:10pt;   cursor:pointer; background-Color:#fff; }
.form_bottom a {text-decoration:none;}
.form_bottom input[type="submit"] {border:0px; background-Color:#fff; color:red; }
.form_bottom .btn_create { color:green;}
.form_bottom .btn_list { color:#333 }
.form_bottom span:hover {border:1px solid #555 }


/*.f_form input[type=text]:[value=""] { background-Color:#eee; }
/*.f_form input[type="text"] value="", input[type="tel"] value="" { background-Color:#eee; }*/
/*.f_form input[type=text]:not([value=""]) { background-Color:lightgreen; }*/
/*.f_form input[type="text"][not([value=""])], input[type="tel"][not([value=""])] { background-Color:lightgreen; }*/


.bottom { width:100%; background-Color:#aaa; color:#fff; text-align:center; font-size:8pt; letter-spacing:-1px; line-height:180%; padding:20px 0px 20px 0px; margin-top:100px;}

.btn_left { width:49%;  height:30px; }
.btn_right { width:49%;  height:30px; }

label { cursor:pointer; }

.f_form_sub_title { text-align:center; background-Color:steelblue; color:#fff;  font-size:14px;  letter-spacing:-1px;}
.f_form_sub_title:hover { background-Color:orangered; color:#fff; }

.input_js { width:70%; text-align:center; color:steelblue; font:8pt tahoma; letter-spacing:0px; border:1px solid royalblue; height:14px;}

.commission_title { margin:0 auto; font-size:10pt; color:orangered; text-align:center; padding-bottom:20px;}


.commission_del { padding:3px 10px 3px 10px; background-color:#777; color:#fff; border-radius:3px; white-space:nowrap; letter-spacing:-1px; font-size:11px; border:1px solid #000;}
.commission_del:hover { background-color:red; cursor:pointer; }




.orangered { color:orangered}

.f_del_btn_div {display:inline-block }
.js_edit_del {margin:0 auto; width:99%; background-Color:#fff; max-width:1024px; text-align:right; margin-top: 20px;}
.js_edit_del .f_del_btn {  font:100 12px 'NanumGothic'; ; cursor:pointer; margin:20 auto;  color:darkred; margin-right:20px;}

.paging a:link { font-size:10pt; color:#555; text-decoration:none; padding-left:3px; padding-right:3px;}
.paging a:hover { font-weight:800; color:steelblue; }
.paging a:active { font-weight:800; color:red }
.paging a:visited {color:#999}

/*
a:link {text-decoration: none; color: #333333;}
a:visited {text-decoration: none; color: #333333;}
a:active {text-decoration: none; color: #333333;}
a:hover {text-decoration: underline; color: red;}
*/

.cti_list_memo_textarea { border:0px; overflow:hidden; resize:none;  background-color:transparent; }


.detail_btn { background-color:steelblue; color:#fff; padding:5px 10px 5px 10px; border-radius:3px; white-space:nowrap; height:30px; line-height:30px; font-size:11px; letter-spacing:-1px; }
.detail_btn:hover { background-color:orangered; cursor:pointer }

.delete_btn { background-color:#bbb; color:#222; padding:5px 10px 5px 10px; border-radius:3px; white-space:nowrap; height:30px; line-height:30px; font-size:11px; letter-spacing:-1px; }
.delete_btn:hover { background-color:#222; cursor:pointer; color:#fff  }




.list_time { color:orangered; letter-spacing:0px; }



.item_add_btn { color:#fff; margin:0 auto; padding:5px 10px 5px 10px; background-color:royalblue; border-radius:3px; white-space:nowrap; height:15px; line-height:15px; font-size:12px; letter-spacing:-1px;  width:100px;}
.item_add_btn:hover { background-color:orangered; cursor:pointer; }

.on_btn_list { color:#111; margin:0 auto; padding:5px 10px 5px 10px; background-color:orange; border-radius:3px; white-space:nowrap; height:15px; line-height:15px; font-size:12px; letter-spacing:-1px;  width:100px;} 
.off_btn_list { color:#fff; margin:0 auto; padding:5px 10px 5px 10px; background-color:#222; border-radius:3px; white-space:nowrap; height:15px; line-height:15px; font-size:12px; letter-spacing:-1px;  width:100px;}


.on_btn { color:#fff; margin:0 auto; padding:5px 10px 5px 10px; background-color:orangered; border-radius:3px; white-space:nowrap; height:15px; line-height:15px; font-size:12px; letter-spacing:-1px;  width:100px;} 
.on_btn:hover { background-color:orangered; cursor:pointer; }

.on_off_btn {  color:#fff; margin:0 auto; padding:5px 10px 5px 10px; background-color:#222; border-radius:3px; white-space:nowrap; height:15px; line-height:15px; font-size:12px; letter-spacing:-1px;  width:100px;}
.on_off_btn:hover { background-color:orange; cursor:pointer; }

.setup_isp_select { font-size:10pt; color:#222; width:60% !important; height:40px; border:1px solid #ddd; padding:0px 10px 0px 10px;}
.setup_isp_select_search { font-size:10pt; color:#222; width:90% !important; height:40px; border:1px solid #ddd; padding:0px 10px 0px 10px;}
.setup_isp_select option { }
.setup_isp_select_search option { }

.call_popup_layer { width:1100px;  position:absolute;   border:1px solid #222; padding:10px; background-color:#f5f5f5; border-radius:5px; box-shadow: 3px 3px 3px 3px gray; cursor:move;}
.call_popup_title_text { width:100%; background-color: ;  border:1px solid blue; height:35px; line-height:35px;}
.popup_text_span { padding-left:20px; font:800 16px 'NanumGothic'; color:#fff; }
.call_popup_hide { position:absolute; top:10px; right:40px; cursor:pointer; color:#fff}
.call_popup_close { position:absolute; top:10px; right:20px; cursor:pointer; color:#fff}
.call_popup_close:hover, .call_popup_hide:hover {color:yellow }

.call_popup_body { width:100%; padding:5px ; background-color:#f5f5f5}

.bg_6b66ff { background-color:#6B66FF; }
.bg_orangered { background-color:orangered; }
.bg_darkgreen { background-color:darkgreen; }
.bg_222 { background-color:#222; }







button:hover { cursor:pointer }












[data-tooltip-text]:hover {
	position: relative;
}

[data-tooltip-text]:after {
	-webkit-transition: bottom .5s ease-in-out, opacity .5s ease-in-out;
	-moz-transition: bottom .5s ease-in-out, opacity .5s ease-in-out;
	transition: bottom .5s ease-in-out, opacity .5s ease-in-out;

	background-color: rgba(0, 0, 0, 0.9);

  -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.7);
	-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.7);
	box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.7);
	
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	color: #FFFFFF;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 7px 12px;
	position: absolute;
	width: auto;
	min-width: 50px;
	max-width: 300px;
	white-space:pre; 
	word-wrap: break-word;
	text-align:left;
	line-height:160%;

	z-index: 9999;

	opacity: 0;
	left: -9999px;
	top: 90%;
			
	content: attr(data-tooltip-text);
}

[data-tooltip-text]:hover:after {
	top: 90%;
	left: 0px;
	opacity: 0.9;

}






/*  blink text  - start  */

blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/*  blink text  - end  */

}















/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/
/*/////////////   모바일  /////////////////*/
/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/



@media (max-width: 800px) {

.wrap_login { width:95%; max-width:600px; border:0px solid #ddd; text-align:center;   background-COlor:#fff; padding-top:0px; padding-bottom:30px; color:#aaa; margin:0 auto;}

.wrap_login input[type="button"] { width:43%; }
.wrap_login input[type="button"]:hover { cursor:pointer }
.wrap_login ul { width:100%; clear: left ; margin:0; padding:0; line-height:100px; } 
.wrap_login  li {list-style:none;  float:left;   } 
.wrap_login .f_form input[type="text"], .f_form input[type="password"] {width:80% ; height:30px; border:1px solid #ddd; text-align:center; font-size:12pt; color:#777;}
.wrap_login .f_form input[type="submit"] {width:90%; height:50px; font-size:16pt; color:#555; cursor:pointer}
.wrap_login .w3 {width:30%}
.wrap_login .w7 {width:70%}
.wrap_login .wrap_login_section_title {width:100%; height:70px; line-height:70px; font-size:20pt; color:#fff; background-color:#555;}



.top_wrap { background-Color:#fff; }
.top_title { width:100%; height:60px; line-height:60px; text-align:center; font-size:16pt; font-weight:800; letter-spacing:-2px; color:#555; }
.home_link { cursor:pointer; }
.home_link:hover { color:royalblue }
.top_description { width:100%; height:20px; line-height:20px; text-align:center; font-size:9pt; font-weight:100; letter-spacing:-1px; color:#777; overflow-x:hidden; white-space:nowrap; }
.top_telnum { width:100%; height:50px; line-height:50px; text-align:center; font-size:16pt; font-weight:800; letter-spacing:-1px; color:steelblue; }

.top_menu { background-Color:#222; color:#fff; font-size:10pt; letter-spacing:-2px;  text-align:justify; text-justify:distribute-all-lines;  white-space:nowrap;  }
.top_menu span { width:12%; height:50px; line-height:50px;  display:inline-block; text-align:center; cursor:pointer; white-space:nowrap; vertical-align:top;}
.top_menu span:hover { color:yellow }
.top_menu span > span {  display:none;  z-index:999999; padding-left:10px; padding-right:10px; }
.top_menu span:hover  > span {  position:relative; color:#333; display:inline-block; background-color:lightyellow;  cursor:pointer; width:100%;  min-width:100px;   }
.top_menu span:hover  > span:hover { color:red }

.top_menu span > div > span {  display:none;  z-index:999999; padding-left:10px; padding-right:10px;  }


.f_title { font:800 12pt 'NanumGothic'; color:#555; background-color:#ddd; text-align:center; width:100%; height:50px; line-height:50px; }
.f_form { font:100 10pt 'NanumGothic'; color:#555; border:1px; border-collapse:collapse; border:1px solid #aaa; width:99%; background-Color:#fff; max-width:1024px;  margin:0 auto;}
.f_form td { border:1px solid #eee; padding:5px; border-left-color:#fff; border-right-color:#fff; padding-top:10px; padding-bottom:10px; }

.f_form .w98 { width:98%}

.f_form  input[type="text"], input[type="tel"], input[type="password"], input[type="time"], input[type="date"], input[type="number"] { border:1px solid #ccc; height:30px; width:90%; color:#555; font:10pt 'NamumGothic'; padding:0px 10px 0px 10px; }
.f_form textarea { border:1px solid #aaa; padding:10px; width:90%; height:60px; }

.f_form  input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus, , input[type="time"]:focus, input[type="date"]:focus, input[type="number"]:focus  { background-Color:lightyellow; border:1px solid royalblue; color:#333; font-weight:800;}
.f_form textarea:focus { background-Color:lightyellow; border:1px solid royalblue; color:#333; font-weight:800; }

.f_form .trbr {  height:30px;}
.f_form select { width:90%; height:30px; padding:0px 10px 0px 10px;}
.f_form .td1 { padding-right:30px; letter-spacing:-2px; text-align:right; white-space:nowrap; }

.f_form .head { background-color:#bbb; color:#333; font-size:11pt }

.f_form .fs8 {font-size:8pt;  margin:2px auto; letter-spacing:-1px;}
.f_form .fs9 {font-size:9pt;  margin:2px auto; letter-spacing:-1px;}



.f_form .td_submit { text-align:center;  }
.f_form .f_create_btn { width:200px; height:50px; font:800 14px 'NanumGothic'; ; cursor:pointer; margin:20 auto; color:royalblue}
.f_form .f_edit_btn { width:150px; height:50px; font:800 14px 'NanumGothic'; ; cursor:pointer; margin:20 auto;  color:steelblue}
.f_form .f_del_btn { width:150px; height:50px; font:800 14px 'NanumGothic'; ; cursor:pointer; margin:20 auto;  color:darkred;}
.f_form .f_close_btn { width:150px; height:50px; font:800 14px 'NanumGothic'; ; cursor:pointer; margin:20 auto; }
.f_form .f_close_btn_layer { width:150px; height:50px; font:800 14px 'NanumGothic'; ; cursor:pointer; margin:20 auto; }
.f_del { width:95%; text-align:right;  margin:10px auto;}
.m_del { font-size:8pt; color:orangered; cursor:pointer; letter-spacing:-1px;}
.commission_del_form { text-align:center;  }




.ps { font-family:tahoma; color:orangered; font-weight:800; padding-right:5px; }






.list_title { text-align:left; font-size:10pt; padding:10px 00px 10px 30px; border:0px solid #555; background-color:#fff; letter-spacing:0px;  color:#777; }
.list_member_info { text-align:right;  margin:10px; font-size:8pt; color:#777}


.list_search_section { width:98%; border:1px solid #aaa; text-align:center; background-COlor:#fff; padding-top:0px; padding-bottom:0px; color:#555; margin:0 auto;}

.list_search_section ul { width:100%; clear: left ; margin:0; padding:0; line-height:40px;margin-bottom:20px; } 
.list_search_section  li {list-style:none;  float:left;   } 
.list_search_section input[type="text"] {width:80%; height:30px; border:1px solid #ddd; text-align:center; font-size:9pt; color:#777;}
.list_search_section input[type="submit"] {width:90%; height:40px; font-size:9pt; margin-top:10px; cursor:pointer;}
.list_search_section .w3 {width:20%; font-size:9pt;}
.list_search_section .w7 {width:80%;  font-size:9pt;}
.list_search_section .w7 select, input{ font-size:9pt;}
.list_search_section .list_search_section_title {color:#fff; width:100%; height:30px; line-height:30px; font-size:9pt; background-color:#777; cursor:pointer; }

.list_search_section .s_partner { font-size:9pt; color:#777; width:80%; height:40px; border:1px solid #ddd; }

.list_search_section select option { }

.list_search_section .s_isp { font-size:9pt; color:#777; width:40%; height:40px; border:1px solid #ddd; }
.selected { background-Color:#BCE55C; color:#333 }

.list_search_section #s_f_date {  width:35%;}
.list_search_section #s_e_date {  width:35%; }


.list_wrap { width:100%; overflow-x:auto; margin: 0 auto;}
.list { width:100%; border-bottom:1px solid #555; font:16pt 'NanumGothic'; color:#888; background-Color:#ddd; text-align:center; border-collapse:collapse; overflow-x:auto}
.list { width: 100%; font-size:11pt; color:#555; background-color:#fafafa; display:table; }
.list  tr { width:100%; clear: left ; margin:0; padding:0; height:50px; border-bottom:0px solid #eee;    vertical-align:middle; } 
.list td { white-space:nowrap; padding-left:5px; padding-right:5px;}
.list  li {list-style:none;  float:left;   border-bottom:0px solid #aaa; text-align:center; white-space:nowrap; overflow-x:hidden;} 
.list .head { background-color:#bbb; color:#333; font-size:11pt }


.list_log { width:100%; font:9pt 'NanumGothic'; color:#555; background-Color:#ddd; text-align:center; border-collapse:collapse; }
.list_log  tr { height:10px; border-bottom:1px solid #ddd; vertical-align:middle; } 
.list_log .head { background-color:#ddd; color:#333; font-size:9pt; font-weight:800; }
.list_log td {border:0px solid #fff;}



.L1 { background-Color:#fff; }
.L2 { background-Color:#F6F6F6; }


.list .w1 {width:5%;}
.list .w2 {width:5%;}
.list .w3 {width:5%}

.list .w4 {width:5%; }

.list .w5 {width:5%}
.list .w6 {width:5%}
.list .w7 {width:5%; }

.list .w8 {width:5%; }



.list_bottom { margin:0 auto; width:90%;  text-align:justify; text-justify:distribute-all-lines; }
.list_bottom span a {width:45%; display:inline-block; border:1px solid #555; text-align:center; height:50px; line-height:50px; font-size:10pt; text-decoration:none; }

.list .fs8 {font-size:8pt;  margin:2px auto; letter-spacing:-1px;}
.list .fs9 {font-size:9pt;  margin:2px auto; letter-spacing:-1px;}


.list a {font-size:8pt; text-decoration:none; color:#fff; font-weight:800; background-Color:steelblue; margin:2px auto;}

.green { color:green; }
.skyblue { color:skyblue }
.steelblue { color:steelblue }

.form_bottom { margin:0 auto; width:90%;  text-align:justify; text-justify:distribute-all-lines; }
.form_bottom span input[type="submit"] {width:45%; display:inline-block; border:1px solid #bbb; text-align:center; height:50px; line-height:50px; font-size:10pt;   cursor:pointer; background-Color:#fff; }
.form_bottom a {text-decoration:none;}
.form_bottom input[type="submit"] {border:0px; background-Color:#fff; color:red; }
.form_bottom .btn_create { color:green;}
.form_bottom .btn_list { color:#333 }
.form_bottom span:hover {border:1px solid #555 }


/*.f_form input[type=text]:[value=""] { background-Color:#eee; }
/*.f_form input[type="text"] value="", input[type="tel"] value="" { background-Color:#eee; }*/
/*.f_form input[type=text]:not([value=""]) { background-Color:lightgreen; }*/
/*.f_form input[type="text"][not([value=""])], input[type="tel"][not([value=""])] { background-Color:lightgreen; }*/


.bottom { width:100%; background-Color:#aaa; color:#fff; text-align:center; font-size:8pt; letter-spacing:-1px; line-height:180%; padding:20px 0px 20px 0px; margin-top:100px;}

.btn_left { width:49%;  height:30px; }
.btn_right { width:49%;  height:30px; }

label { cursor:pointer; }

.f_form_sub_title { text-align:center; background-Color:steelblue; color:#fff;  font-size:14px;  letter-spacing:-1px;}
.f_form_sub_title:hover { background-Color:orangered; color:#fff; }

.input_js { width:70%; text-align:center; color:steelblue; font:8pt tahoma; letter-spacing:0px; border:1px solid royalblue; height:14px;}

.commission_title { margin:0 auto; font-size:10pt; color:orangered; text-align:center; padding-bottom:20px;}


.commission_del { padding:3px 10px 3px 10px; background-color:#777; color:#fff; border-radius:3px; white-space:nowrap; letter-spacing:-1px; font-size:11px; border:1px solid #000;}
.commission_del:hover { background-color:red; cursor:pointer; }




.orangered { color:orangered}

.f_del_btn_div {display:inline-block }
.js_edit_del {margin:0 auto; width:99%; background-Color:#fff; max-width:1024px; text-align:right; margin-top: 20px;}
.js_edit_del .f_del_btn {  font:100 12px 'NanumGothic'; ; cursor:pointer; margin:20 auto;  color:darkred; margin-right:20px;}

.paging a:link { font-size:10pt; color:#555; text-decoration:none; padding-left:3px; padding-right:3px;}
.paging a:hover { font-weight:800; color:steelblue; }
.paging a:active { font-weight:800; color:red }
.paging a:visited {color:#999}

/*
a:link {text-decoration: none; color: #333333;}
a:visited {text-decoration: none; color: #333333;}
a:active {text-decoration: none; color: #333333;}
a:hover {text-decoration: underline; color: red;}
*/

.cti_list_memo_textarea { border:0px; overflow:hidden; resize:none;  background-color:transparent; }


.detail_btn { background-color:steelblue; color:#fff; padding:5px 10px 5px 10px; border-radius:3px; white-space:nowrap; height:30px; line-height:30px; font-size:11px; letter-spacing:-1px; }
.detail_btn:hover { background-color:orangered; cursor:pointer }

.delete_btn { background-color:#bbb; color:#222; padding:5px 10px 5px 10px; border-radius:3px; white-space:nowrap; height:30px; line-height:30px; font-size:11px; letter-spacing:-1px; }
.delete_btn:hover { background-color:#222; cursor:pointer; color:#fff  }




.list_time { color:orangered; letter-spacing:0px; }



.item_add_btn { color:#fff; margin:0 auto; padding:5px 10px 5px 10px; background-color:royalblue; border-radius:3px; white-space:nowrap; height:15px; line-height:15px; font-size:12px; letter-spacing:-1px;  width:100px;}
.item_add_btn:hover { background-color:orangered; cursor:pointer; }

.on_btn_list { color:#111; margin:0 auto; padding:5px 10px 5px 10px; background-color:orange; border-radius:3px; white-space:nowrap; height:15px; line-height:15px; font-size:12px; letter-spacing:-1px;  width:100px;} 
.off_btn_list { color:#fff; margin:0 auto; padding:5px 10px 5px 10px; background-color:#222; border-radius:3px; white-space:nowrap; height:15px; line-height:15px; font-size:12px; letter-spacing:-1px;  width:100px;}


.on_btn { color:#fff; margin:0 auto; padding:5px 10px 5px 10px; background-color:orangered; border-radius:3px; white-space:nowrap; height:15px; line-height:15px; font-size:12px; letter-spacing:-1px;  width:100px;} 
.on_btn:hover { background-color:orangered; cursor:pointer; }

.on_off_btn {  color:#fff; margin:0 auto; padding:5px 10px 5px 10px; background-color:#222; border-radius:3px; white-space:nowrap; height:15px; line-height:15px; font-size:12px; letter-spacing:-1px;  width:100px;}
.on_off_btn:hover { background-color:orange; cursor:pointer; }

.setup_isp_select { font-size:10pt; color:#222; width:60% !important; height:40px; border:1px solid #ddd; padding:0px 10px 0px 10px;}
.setup_isp_select_search { font-size:10pt; color:#222; width:90% !important; height:40px; border:1px solid #ddd; padding:0px 10px 0px 10px;}
.setup_isp_select option { }
.setup_isp_select_search option { }

.call_popup_layer { width:1100px;  position:absolute;   border:1px solid #222; padding:10px; background-color:#f5f5f5; border-radius:5px; box-shadow: 3px 3px 3px 3px gray; cursor:move;}
.call_popup_title_text { width:100%; background-color: ;  border:1px solid blue; height:35px; line-height:35px;}
.popup_text_span { padding-left:20px; font:800 16px 'NanumGothic'; color:#fff; }
.call_popup_hide { position:absolute; top:10px; right:40px; cursor:pointer; color:#fff}
.call_popup_close { position:absolute; top:10px; right:20px; cursor:pointer; color:#fff}
.call_popup_close:hover, .call_popup_hide:hover {color:yellow }

.call_popup_body { width:100%; padding:5px ; background-color:#f5f5f5}

.bg_6b66ff { background-color:#6B66FF; }
.bg_orangered { background-color:orangered; }
.bg_darkgreen { background-color:darkgreen; }
.bg_222 { background-color:#222; }







button:hover { cursor:pointer }












[data-tooltip-text]:hover {
	position: relative;
}

[data-tooltip-text]:after {
	-webkit-transition: bottom .5s ease-in-out, opacity .5s ease-in-out;
	-moz-transition: bottom .5s ease-in-out, opacity .5s ease-in-out;
	transition: bottom .5s ease-in-out, opacity .5s ease-in-out;

	background-color: rgba(0, 0, 0, 0.9);

  -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.7);
	-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.7);
	box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.7);
	
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	color: #FFFFFF;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 7px 12px;
	position: absolute;
	width: auto;
	min-width: 50px;
	max-width: 300px;
	white-space:pre; 
	word-wrap: break-word;
	text-align:left;
	line-height:160%;

	z-index: 9999;

	opacity: 0;
	left: -9999px;
	top: 90%;
			
	content: attr(data-tooltip-text);
}

[data-tooltip-text]:hover:after {
	top: 90%;
	left: 0px;
	opacity: 0.9;

}






/*  blink text  - start  */

blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/*  blink text  - end  */


}