.dLnSpc { height:3px; overflow:hidden; }
.dLnDot { height:1px;overflow:hidden;border-bottom:1px dashed silver; }

.left_menu_title_default {font-size:11pt; color:white; background-color:#444444; text-align:center; height:50px; font-weight:bold; }
.ss_tit { color:#414141; display:inline-block; width:auto; padding:4px 7px; border:1px solid #c0c0c0; background:#f0f0f0; vertical-align:middle; }
.ss_nbx { display:inline-block; width:auto; padding:4px 7px; vertical-align:middle; }
.ss_val { color:#000000;   width:auto; padding:4px 7px; border:1px solid #c0c0c0; vertical-align:middle; }
.ss_ht { display:inline-block; padding:4px 1px; margin:0 15px; background:#f0f0f0; vertical-align:middle; }
.cp_btn { display:inline-block; width:auto; height: auto; border:0; padding:5px 10px; border-radius:3px; background:#c0c0c0; vertical-align:middle; line-height:100%; }
.cp_btn:hover { border:0; background:#d0d0d0; }
.cp_sel {background:#ff0000; color:#ffffff; border:0; }

.pp_btn { display:inline-block; width:auto; border:1px solid #c0c0c0; border-radius:3px; padding:5px 10px; background:#f0f0f0; vertical-align:middle; line-height:100%; }
.pp_btn:hover { border:1px solid #824100; background:#ff9933; }
.pp_dbtn { display:inline-block; width:auto; height: auto; border:1px solid #c0c0c0; border-radius:3px; padding:5px 10px; background:#f0f0f0; color:#c0c0c0; line-height:100%; }

.pps_btn { display:inline-block; width:auto; border:1px solid #000000; color:white; border-radius:2px; padding:5px 10px; background:#6a6a6a; vertical-align:middle; line-height:100%; }
.pps_btn:hover { border:1px solid #0000ff; background:#0066ff; }
.pps_btn:disabled { border:1px solid #909090; background:#959595; }

.btcS { border-color:#660000; background:#9a6a6a; }
.btcS:hover { border-color:#990000; background:#d33030; }
.btcS:disabled { border:1px solid #909090; background:#959595; }

.btcSS { border:0; background:#cc6666; color:#ffffff; }
.btcSS:hover { border:0; background:#ff9999; }
.btcSS:disabled { border:0; background:#a09595; color:#cccccc; }

.btcM { border-color:#0000cc; background:#006699; }
.btcM:hover { border-color:#336699; background:#cc9900; }
.btcM:disabled { border:1px solid #909090; background:#959595; }

.btcMM { border:0; background:#00cccc; color:#ffffff; }
.btcMM:hover { border:0; background:#0099ff; }
.btcMM:disabled { border:0; background:#95a0a8; color:#cccccc; }

.ppp_btn { outline:none; border:0; display:inline-block; width:auto; border-radius:3px; padding:6px; vertical-align:middle; line-height:100%; }
.ppp_btn:hover { filter: hue-rotate(45deg); opacity:0.7; }

.i_box { border:1px solid #c0c0c0; padding:5px 10px; height:40px; margin: 0; outline:none; background: #fcfcfc; font-size:12px; vertical-align:middle; }
.i_box:focus { border:1px solid #006699; background: rgba(255, 255, 192, 0.3); }
.i_box:read-only,
.i_box:read-only:focus { border:1px solid #c0c0c0; background: #f0f0f0; }
select { border:1px solid #c0c0c0; padding:5px; margin: 0; outline:none; vertical-align:middle; }
select:focus { border:1px solid #006699; }
.invers { border:1px solid #666; background: #666; color:#ffffff; }
.invers:focus { border:1px solid #000; background: #000; color:#ffffff; }
.invers:hover {border:1px solid #000; background: #000; color:#ffffff; }
.invers::placeholder { color:#ffffff; letter-spacing:0em; }


.i_txar {width:100%; height:90px; border:1px solid #c0c0c0; padding:10px; margin: 0; outline:none; background: #fafafa; font-size:12px;}
.i_txar:focus { border:1px solid #006699; background: rgba(255, 255, 0, 0.3); }

.bdline {  }
.lst_opt { padding:3px 10px; border:1px solid #c0c0c0; box-sizing:border-box; vertical-align:middle; }
.lst_opt:focus { border:1px solid #006699; }

.c_stat { border-color: #339933 !important; background:#f9fffc; }

.etbl { width: 100%; border:1px solid #c0c0c0; border-collapse:collapse; }
.etbl > thead > tr > th, .etbl > tbody > tr > th { border:1px solid #c0c0c0; padding:5px 7px; text-align:center; background:#f0f0f0; }
.etbl > tbody > tr > td { border:1px solid #c0c0c0; padding:5px 7px; }
.etbl > tbody > tr > td.tit { background:#f0f0f0; text-align:center; }
.etbl > tbody > tr > td.shadow {  background:#f0f0f0; }
.etbl > tbody > tr > td.center { text-align:center; }
.etbl > tbody > tr.center > td { text-align:center; }
.etbl tr.left > td, .etbl td.left, .etbl tr.left > th, .etbl th.left { text-align:left !important; }
.etbl tr.center > td, .etbl td.center { text-align:center; }
.etbl tr.right > td, .etbl td.right, .etbl tr.right > th, .etbl th.right { text-align:right !important; }
.etbl.auto { width:auto;}
.etbl.nline { border:0; }
.etbl.nline > thead > tr:first-child > th, .etbl.nline > tbody > tr:first-child > th { border-top:0; }
.etbl.nline > thead > tr > th:first-child, .etbl.nline > tbody > tr > th:first-child { border-left:0; }
.etbl.nline > thead > tr > th:last-child, .etbl.nline > tbody > tr > th:last-child { border-right:0; }
.etbl.nline > tbody > tr > td:first-child { border-left:0; }
.etbl.nline > tbody > tr > td:last-child { border-right:0; }
.etbl.nline > tbody > tr:first-child > td { border-top:0; }
.etbl.nline > tbody > tr:last-child > th,
.etbl.nline > tbody > tr:last-child > td { border-bottom:0; }

.ltbl { width: 100%; border:2px solid #d0d0d0; border-collapse:collapse; }
.ltbl > tbody > tr > td { border:1px solid #d0d0d0; padding:5px 7px; }
.ltbl > thead > tr > th, .ltbl > tbody > tr > th { background:#f0f0f0; border:1px solid #d0d0d0; padding:5px 7px; font-weight: normal; }
.ltbl > tbody > tr:nth-child(odd) > td { background:#f8f8f8; }
.ltbl > tbody > tr:hover > td:not(.no-data) { background:#f8f4f4; }
.ltbl > tbody > tr:nth-child(odd):hover > td:not(.no-data) { background:#f8f8f0; }
.ltbl > tbody > tr.sel > td { background:#fffccc; }
.ltbl > tbody > tr.sel:hover > td:not(.no-data) { background:#fffcaa; }
.ltbl > tbody > tr.center > td { text-align:center; }
.ltbl > tbody > tr > td.center { text-align:center; }

.ltbl tr.left > td, .ltbl td.left, .ltbl tr.left > th, .ltbl th.left { text-align:left !important; }
.ltbl tr.center > td, .ltbl td.center { text-align:center; }
.ltbl tr.right > td, .ltbl td.right, .ltbl tr.right > th, .ltbl th.right { text-align:right !important; }

.ntbl { width: 100%; border:0; border-collapse:collapse; }
.ntbl > thead > tr > th, .ntbl > tbody > tr > th { padding:5px 7px; text-align:center; background:#f0f0f0; }
.ntbl > tbody > tr > td { padding:5px 7px; }
.ntbl > tbody > tr > td.tit { background:#f0f0f0; text-align:center; }
.ntbl > tbody > tr > td.shadow {  background:#f0f0f0; }
.ntbl > tbody > tr > td.center { text-align:center; }
.ntbl > tbody > tr.center > td { text-align:center; }

.ntbl tr.left > td, .ntbl td.left, .ntbl tr.left > th, .ntbl th.left { text-align:left !important; }
.ntbl tr.center > td, .ntbl td.center { text-align:center; }
.ntbl tr.right > td, .ntbl td.right, .ntbl tr.right > th, .ntbl th.right { text-align:right !important; }

.ntbl.auto { width:auto;}

.ntbl.hline { border-top:2px solid #e0e0e0; border-bottom:2px solid #e0e0e0;  }
.ntbl.hline > thead > tr > th,
.ntbl.hline > tbody > tr > th { background:#f0f0f0; text-align:center; border-bottom:1px solid #e0e0e0; }
.ntbl.hline > tbody > tr > td {  border-bottom:1px solid #e0e0e0; }
.ntbl.hhline { border-top:1px solid #e0e0e0;  }
.ntbl.hhline > thead > tr > th,
.ntbl.hhline > tbody > tr > th  { background:#f0f0f0; text-align:center; }
.ntbl.hhline > thead > tr:not(:last-child) > th,
.ntbl.hhline > tbody > tr:not(:last-child) > th { background:#f0f0f0; text-align:center; border-bottom:1px solid #e0e0e0; }
.ntbl.hhline > tbody > tr:not(:last-child) > td {  border-bottom:1px solid #e0e0e0; }

.ntbl.hdline { border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;  }
.ntbl.hdline > thead > tr > th,
.ntbl.hdline > tbody > tr > th { background:#f0f0f0; text-align:center; border-bottom:1px dotted #e0e0e0; }
.ntbl.hdline > tbody > tr > td {  border-bottom:1px dotted #e0e0e0; }


.fileAttach .btn { display:inline-block; width:auto; height: auto; border:1px solid #000000; color:white; border-radius:2px; padding:4px 7px; background:#6a6a6a; cursor:pointer; }
.fileAttach .btn:hover { border:1px solid #0000ff; background:#0066ff; }
.fileAttach .btn:disabled { border:1px solid #909090; background:#959595; }
.fileAttach input[type=file] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; opacity:0; }
.fileAttach .oldinfo { display:inline-block; border:1px solid #f0f0f0; padding:1px 5px; vertical-align: middle; }
.fileAttach .oldinfo a { display:inline-block; width:auto; min-width:150px; max-width:250px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height: auto; color:blue; vertical-align: middle;}
.fileAttach .oldinfo a:hover { background:#f0f0f0; }
.fileAttach .oldinfo label { vertical-align: middle;}
.fileAttach { margin-bottom:2px; }
.fileAttach label { white-space:nowrap; }

/* 파일선택 버튼 설정 */
input[type=file]::-webkit-file-upload-button { background:#555555; color:#ffffff; padding:5px 10px; border:0px solid #000000; min-width:75px; border-radius:3px; font-size:11px; letter-spacing:-0.05em; cursor:pointer; transition:all .3s;}
input[type=file]::-webkit-file-upload-button:hover { background:#333333;  transition:all .3s;}
input[type=file]::-ms-value {  width:auto; height: auto; border:1px solid #c0c0c0; padding:3px; margin: 0; outline:none; font-size:11px;}
input[type=file]::-ms-value:hover { border:1px solid #006699; background: #ffff99; }
input[type=file]::-ms-browse {  width:auto; height: auto; border:1px solid #000000; color:white; border-radius:2px; padding:3px 10px; background:#6a6a6a; }
input[type=file]::-ms-browse:hover { border:1px solid #0000ff; background:#0066ff; }

.HotSel_box div[item] { padding:5px 10px; }

.svbx_wrp .ar_btn label {display:inline-block; width:100%; padding-bottom:15px;}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 1em 0; }
.a_box_logo_tit {position:fixed; top:0; left:0; width:250px; height:60px; font-family:Noto Sans KR, sans-serif; font-weight:500; color:white; line-height:60px; font-size:16px; padding:0 25px; z-index:1000;background:rgba(0,0,0,0.7); text-align:center; }
.a_box_logo_tit span	{font-size:12px; font-family: NanumBarunGothic, sans-serif; font-weight:normal; margin-left:10px; color:rgba(255,255,255,0.6);}
.a_box_logo_tit span:before	{content:"(";}
.a_box_logo_tit span:after	{content:")";}
.menu_tog_btn		{position:fixed; top:0px; left:250px; width:30px; height:60px; z-index:150;}
.menu_tog_btn input	{border-radius:0; width:100%; height:100%; border:0; font-size:11px; background:#4875a6; color:white; cursor:pointer; outline:none;}
.left_m_cnrl	{position:absolute; top:65px; left:5px; font-size:13px; color:rgba(0,0,0,0.6); transition:all .2s; cursor:pointer;}
.left_m_cnrl:hover	{color:red; transition:all .2s;}
.left_section		{position:fixed; top:220px; left:0; width:250px; height:calc(100% - 220px); overflow-x:hidden;  overflow-y:overlay; background:#f8f8f8; z-index:100; }
.left_section:: {-ms-overflow-style: none;}
.left_section::-webkit-scrollbar {background: transparent; width:3px; height:3px; border-radius:15px;}
.left_section::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.0); border-radius:15px; }
.left_section:hover::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.1);}
.cate_h_title		{position:relative; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; color:white; line-height:80px; font-size:16px; padding:0 30px; background:#00569e;}
.cate_h_title i	{margin-right:5px;}
.cate_in_menu	{position:relative; width:100%; }

.top_menu_area		{position:fixed; top:0; right:0; width:100%; background:#3c536a; height:60px; z-index:100;}
.top_menu_area .hot_url_set { display:inline-block; float:left; color:black; font-size:12px; padding-left:295px; padding-top:20px; color:silver; }
.page_title_area		{position:fixed; top:60px; left:0; width:100%; height:60px; background:#fafafa; border-bottom:1px solid #eeeeee; z-index:1;}
.page_title_area .stit1		{float:left; width:250px; border:1px solid transparent;}
.page_title_area .stit2		{float:left;font-family:Noto Sans KR, sans-serif; font-weight:500; color:black; font-size:18px; padding:24px 0 0 30px;}
.page_title_area .stit3		{float:right; color:black; font-size:12px; padding-right:12px; padding-top:12px; }
.icn_title		{float:left; width:100%; height:60px; background:#fafafa; border-bottom:1px solid #eeeeee; z-index:1; font-family:Noto Sans KR, sans-serif; font-weight:500; color:black; font-size:18px; padding:24px 0 0 30px; display:none;}
.con_pad	{ padding:30px;}

/* 기본 페이지사이즈 설정 폼(목록 상단에 있는...) */
.page-size-set { display:block; padding:4px 5px; color:black; font-size:12px; line-height:100%; width:170px; height:35px; border:1px solid #cc9999; border-radius:3px; background-color:#fff8f8; text-align:center; vertical-align:middle; }
.page-size-set .tit { display:inline-block; padding:3px 0px; color:#cc6666; vertical-align:middle; line-height:100%; }
.page-size-set .inp_bx { width:36px; height:23px; text-align:center; border:1px solid #cc9999; border-radius:3px; padding:2px 5px; vertical-align:middle; outline:none; ime-mode:disabled; }
.page-size-set .inp_bx:focus { background:#fffff0; border-color:#cc6666; }
.page-size-set .inp_btn { width:40px; height:23px; border:1px solid #cc9999; background:#f8f0f0; border-radius:3px; vertical-align:middle; outline:none; line-height:100%; }
.page-size-set .inp_btn:hover {  background:#ffcccc; }

/* 페이지목록쿠키세트 */
.pop_count_set		{position:fixed; top:60px; right:0; width:100%; z-index:2;}
.pop_count_set .cnt_data_bx		{position:absolute; top:12px; right:30px;}
.pop_count_set .cnt_data_bx .cnt_bx	{float:left; width:50px;}
.pop_count_set .cnt_data_bx .cnt_bx input	{border:1px solid #dddddd; background:white; height:35px; width:100%; font-size:11px; font-family:tahoma; color:red; line-height:35px; text-align:center; border-radius:3px 0 0 3px; }
.pop_count_set .cnt_data_bx .cnt_bx input:focus {outline:none;background-color: white !important; border:1px solid #2d2d2d !important; }
.pop_count_set .cnt_data_bx .cnt_bx	{float:left;}
.pop_count_set .cnt_data_bx .cnt_btn	{float:left; width:50px;}
.pop_count_set .cnt_data_bx .cnt_btn .chng_b	{border:0; background:#282828; color:white; text-align:center; width:100%; height:35px; font-size:11px; border-radius:0 3px 3px 0; cursor:pointer; transition:all .2s;}
.pop_count_set .cnt_data_bx .cnt_btn .chng_b:hover	{background:#004ca3; transition:all .2s;}

/* 리스트 관련 항목 */
.space_v10 { height:10px; overflow:hidden; }
.space_v20 { height:20px; overflow:hidden; }
.space_v30 { height:30px; overflow:hidden; }
.space_v40 { height:40px; overflow:hidden; }

.page-info { display:inline-block; padding:0 10px; }
.page-info red { font-weight:bold; color:red; }
.page-info blue { font-weight:bold; color:blue; }
.page-info green { font-weight:bold; color:green; }

/*  pps_btn, pp_btn, cp_btn, ppp_btn 에 함께 사용하면 색상이 적용되는 항목 */
.btn-green { background:#107c41; color: #ffffff; border:0; }	
.btn-green:hover { background:#14aa51; color: #ffffff; border:0; }
.btn-green:disabled { background:#508363; color: #cccccc; border:0; }
.btn-red { background:#cc0000; color: #ffffff; border:0; }
.btn-red:hover { background:#ff0000; color: #ffffff; border:0; }
.btn-red:disabled { background:#b65f5f; color: #cccccc; border:0; }
.btn-blue { background:#006699; color: #ffffff; border:0; }
.btn-blue:hover { background:#0099cc; color: #ffffff; border:0; }
.btn-blue:disabled { background:#46869b; color: #cccccc; border:0; }
.btn-orange { background:#f08a00; color: #ffffff; border:0; }
.btn-orange:hover { background:#ffa800; color: #ffffff; border:0; }
.btn-orange:disabled { background:#b6975f; color: #cccccc; border:0; }
.btn-cyan { background:#008af0; color: #ffffff; border:0; }
.btn-cyan:hover { background:#00a8ff; color: #ffffff; border:0; }
.btn-cyan:disabled { background:#5f97b6; color: #cccccc; border:0; }
.btn-purple { background:#f0008a; color: #ffffff; border:0; }
.btn-purple:hover { background:#ff00a8; color: #ffffff; border:0; }
.btn-purple:disabled { background:#b65f97; color: #cccccc; border:0; }
.btn-gray { background:#666666; color: #ffffff; border:0; }
.btn-gray:hover { background:#333333; color: #ffffff; border:0; }
.btn-gray:disabled { background:#a3a3a3; color: #cccccc; border:0; }

.btn-yellow { background:#c49c00; color: #ffffff; border:0; }
.btn-yellow:hover { background:#f4c400; color: #ffffff; border:0; }
.btn-yellow:disabled { background:#a89f82; color: #cccccc; border:0; }

.btn-silver { background:#ddd; color: #000; border:0; }
.btn-silver:hover { background:#bbb; color: #000; border:0; }
.btn-silver:disabled { background:#aaa; color: #999; border:0; }

[tooltip] { position: relative; cursor: pointer; }
[tooltip]::after {
	content: attr(tooltip); position: absolute; bottom: 100%; left: 50%; z-index:9999;
	transform: translateX(-50%) translateY(-6px);
	background: rgba(0, 0, 0, 0.5); color: #fff;
	padding: 2px 5px; border-radius:3px;
	white-space: nowrap; font-size: 11px;
	opacity: 0; visibility: hidden; transition: all 0.5s;
}
[tooltip]:hover::after { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(-2px); }
.custom-tooltip {
	position: absolute;
	z-index: 1000;
	background-color: rgba(48,48,48,0.8);
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	max-width: 400px;
	line-height: 1.2;
	font-size: 12px;
}

.non_btn { display:inline-block; padding:0; background:transparent; border:0; outline:none; }
.non_btn:hover { opacity:0.7; }
.non_btn:disabled { opacity:0.3; }

.MSCROLL      {overflow-y:overlay;}
.MSCROLL:: {-ms-overflow-style: none;}
.MSCROLL::-webkit-scrollbar {background: transparent; width:2px; height:8px; border-radius:15px;}
.MSCROLL::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:15px; }
.MSCROLL::-webkit-scrollbar-thumb:hover {background:rgba(0,0,0,0.6); border-radius:15px; }