/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: 15px;
    scrollbar-color: #908d91 #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 15px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #908d91;
    border-radius: 0px;
    border: 0px none #ffffff;
  }

BODY {
	min-width:800px;
	margin:0; 
	background-color:#ffffff;
	font-family: "Dotum,Gulim";font-size:12px; color:#191919; 
}

select{ color:#191919;font-family: 'Noto Sans KR', sans-serif;font-size:12px;background-color: #ffffff; height:23px;}
form { margin:0px; padding:0px; }
textarea {font-family:"Dotum,Gulim"; font-size: 12px;  color: #191919; background-color:#ffffff;  text-decoration: none; border:solid 1px #505050; height:auto; padding:5px;}

td {font-family: "Dotum,Gulim";font-size:12px;color:#191919;}

a { color:#191919; text-decoration:none; }
a:hover { color:#3d3d3d; text-decoration:none; }
a:active, a:focus { outline:none; }

.TopBar { display:flex; background-color:#191919;height:60px;line-height:60px;}
.LeftMenu { background-color:#F8F8F8; width:178px;border-right:solid 1px #E1E1E1;padding-right:1px;padding-left:2px}

/* �ؽ�Ʈ */
.Logo {font-family:"Tahoma"; font-size:1rem; color:#FFFFFF; font-weight:bold}

.TopText {font-family:"Dotum"; font-size:11px; color:#C6C6C6;}
.TopText a,.TopText a:visited{font-size:11px; color:#C6C6C6}

.Depth1 {font-family:"Dotum"; font-size:14px; color:#252525;font-weight:bold}
.Depth1 a,.Depth1 a:visited{font-size:14px; color:#252525;font-weight:bold}
.Depth1 a:hover {text-decoration:none;font-size:14px; color:#0038B6;font-weight:bold}

.Depth2 {font-family: "Dotum,Gulim"; font-size:0.8rem; color:#252525;font-weight:bold}
.Depth2 a,.Depth1 a:visited{font-family: "Dotum,Gulim"; font-size:12px; color:#252525;font-weight:bold}
.Depth2 a:hover {text-decoration:none;font-family: "Dotum,Gulim"; font-size:12px; color:#191919;font-weight:bold}

.Depth3 {font-family:"Dotum"; font-size:11px; color:#000;}
.Depth3 a {font-size:11px; color:#000;}
.Depth3 a:hover {font-size:11px; color:#355BB0;}

.bbsText {font-family:"Dotum"; font-size:11px; color:#E9E9E9;}

.Ft14 {font-family:"Dotum"; font-size:14px;}
.Ft14 a,.Ft14 a:visited{font-family:"Dotum"; font-size:14px;}
.Ft14 a:hover {text-decoration:underline;font-family:"Dotum"; font-size:14px;}

.11Ft {font-family:"Dotum"; font-size:11px;}
.11Ft a,.11Ft a:visited{font-family:"Dotum"; font-size:11px;}
.11Ft a:hover {text-decoration:underline;font-family:"Dotum"; font-size:11px;}

.11Ft_e {font-family:"Tahoma"; font-size:11px;}
.11Ft_e a,.11Ft_e a:visited{font-family:"Tahoma"; font-size:11px;}
.11Ft_e a:hover {text-decoration:underline;font-family:"Tahoma"; font-size:11px;}

.eng {font-family:"Tahoma"; }
.eng a,.eng a:visited{font-family:"Tahoma";}
.eng a:hover {text-decoration:underline;font-family:"Tahoma";}


/* BG */
.DepBG2 {height:35px;border-bottom:solid 1px #E1E1E1;padding:4px 19px 0 19px}
.DepBG3{border-bottom:solid 1px #E1E1E1;padding:8px 5px 17px 5px; }
.MainBG {padding:30px 18px 30px 18px; vertical-align:top}
.LeftLine {border-bottom:solid 1px #E1E1E1;}

.bbsBG {background-image:url('../images/board_center.gif'); background-repeat:repeat-x; height:29px}
.bbsLine { height:30px;border-bottom:solid 1px #DEDEDE;}

.TableBG { background-color:#DEDEDE}
.TdBG_Gy {background-color:#F4F4F4}
.TdBG_Wt {background-color:#ffffff}

.TopMenu { background-color:#eee; border-bottom:solid 2px #E1E1E1;}
.TopMenu_Hidden { width:50px;padding-top:10px;text-align:center; display:none; cursor:pointer;}
.TopMenu ul { display:flex; list-style-type:none;}
.TopMenu li { width:10%;min-width:120px; max-width:200px; float:left; text-align:center; border-right:1px solid #ccc}
.TopMenu .bold { font-weight:800; }
/* INPUT */
.Td_input {border:solid 1px #CCCCCC; background-color:#ffffff; color:#191919;font-family:Tahoma; font-size:12px; padding:3px}

.table_wrap { width:100%; padding:5px;  }
.table_wrap iframe { padding:5px; margin:0px; }
table.list , #list_force{ width:100%; border-spacing:0; }
table.list thead tr, #list_force thead tr { 
	height:30px; 
	border-radius:5px; 
	background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); 
}
table.list thead th, table.list thead td , #list_force thead th , #list_force thead td { color:#fff; font-weight:800; text-align:center; 
	background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); 
}
table.list thead th:nth-child(1) { border-top-left-radius:5px;border-bottom-left-radius:5px; }
table.list thead th:nth-last-child(1){ border-top-right-radius:5px;border-bottom-right-radius:5px; }
table.list tbody tr { height:30px; }
table.list tbody tr:nth-child(odd) { background-color:#eee; }
table.list tbody tr:nth-child(even) { background-color:#fff; }
table.list tbody td,table .list tbody th {  border-bottom:1px solid #aaa; text-align:center;}

table.cont { width:100%; border-spacing:0; border:1px solid #ccc;}
table.cont tr { height:30px; }
table.cont th { background-color:#F4F4F4; width:14%; border-bottom :1px solid #ccc;text-align:center;}
table.cont td { padding-left:10px; border-bottom :1px solid #ccc}
table.cont input[type='text'],table.cont input[type='password'],table.cont input[type='time'],table.cont input[type='date'] { border:1px solid #aaa; height:30px; border-radius:5px }
table.cont select { height:30px; }
table.cont input[type='radio'], table.cont input[type='checkbox'], { height:1em; }
table.cont .btn { margin:0px!important; } 

.userid { cursor:pointer; }
.domain { width:15%;max-width:150px;padding:10px;text-align:center; cursor:pointer; margin:5px;}
.modal_win { display:none;	position:absolute;	max-width:600px!important; background-color: #fff; border: 1px solid #ccc; 
			/* height: 820px; */
			padding: 20px 20px 30px;
			text-align: center;
}

.pg{padding:20px 0;text-align: center;line-height: 25px;}
.pg strong,.pg a{display: inline-block;padding:0 4px;font-style: 14px;}
.pg strong.pg_current{font-size:0.9rem; color: #000;font-weight: 800; background-color:#fff; width:30px;height:30px; line-height:30px; text-align:center; border:1px solid #222; margin:0px 2px 0px 2px;}
.pg a.pg_page{ color: #fff; font-weight: 400;text-align: center; background-color:#222; width:30px;height:30px; line-height:30px; margin:0px 2px 0px 2px;}
.pg a.pg_end{color: #aaa;font-weight: 400; background: #222;border-radius:5px;width:40px;height:30px; line-height:30px; font-size: 0.9rem; margin:0px 2px 0px 2px;}
.pg a.pg_start{color: #aaa;font-weight: 400;background: #222;border-radius:5px;width:40px;height:30px; line-height:30px; font-size: 0.9rem; margin:0px 2px 0px 2px;}
.pg a.pg_next{color: #aaa;font-weight: 400;background: #222;border-radius:5px;width:40px;height:30px; line-height:30px; font-size: 0.9rem; margin:0px 2px 0px 2px;}
.pg a.pg_prev{color: #aaa;font-weight: 400;background: #222;border-radius:5px;width:40px;height:30px; line-height:30px; font-size: 0.9rem; margin:0px 2px 0px 2px;}

.red_box { color:#fff; background-color:red; width:10px;height:10px;line-height:10px;font-size:9px; }
.blue_box { color:#fff; background-color:blue; width:10px;height:10px;line-height:10px;font-size:9px; }
.green_box { color:#fff; background-color:green; width:10px;height:10px;line-height:10px;font-size:9px; }
.orange_box { color:#fff; background-color:orange; width:10px;height:10px;line-height:10px;font-size:9px; }
.dark_box { color:#fff; background-color:black; width:10px;height:10px;line-height:10px;font-size:9px; }
.white_box { color:#111; background-color:white; width:10px;height:10px;line-height:10px;font-size:9px; }
.btn { margin-bottom:0px!important; }
.noreply { font-weight:bold; color:#000; }
.replied { }
.del-strike { text-decoration: line-through}
.id , #ac { width:25px; height:25px; }
.flagimg { width:40px; height:30px; }
.amount { font-weight:bold; }
@keyframes blink_ani {
	0%   { background: rgba(0,0,0,0); }
	50%   { background: rgba(128,0,0,0.5); }
	100% { background: rgba(255,0,0,1); }
}

.blink { animation: blink_ani 1s infinite linear; }
.over { color:#ff0000; }
.under { color:#0022ff; }

div.paging_box {
    text-align: center;
    margin-bottom: 10px;
}
div.paging_box>a {
    display: inline-block;
    background: #262628;
    color: #7d7c7c;
    margin: 0 1px;
    border: 1px solid #323233;
    transition: .3s;
    min-width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    position: relative;
    vertical-align: top;
}
div.paging_box>a img {
    vertical-align: top;
}
div.paging_box>a.hit {
    color: #fff;
    background: #0b0b0c;
}
div.paging_box>a.img {
    background: #262628;
}

.partner_dp { display:inline-block; width:500px; height:30px;}
.partner_dp .userid2 { width:140px; display:inline-block;text-align:center; border:1px solid #ccc; cursor:pointer;}
.partner_dp .lv1 { background-color:#eee; }
.partner_dp .lv2 { background-color:#ddd; }
.partner_dp .lv3 { background-color:#ccc; }

.infomation_text { background-color:#ffffe3; border:1px solid #777; padding:10px; margin:10px;}