/* Å×ÀÌºí¿¡ ´ëÇÑ ±âº» ½ºÅ¸ÀÏ Á¤ÀÇ */
body {font-family:"malgun gothic, µ¸¿ò, verdana"; margin:0; padding:0;}
td {font-family:"malgun gothic";font-size:12px;color:#333333;}
img {border:none;}
select {font-size:12px;font-family:"malgun gothic, µ¸¿ò, verdana"; padding:3px; }
textarea {font-size:12px; font-family:"malgun gothic, µ¸¿ò, verdana"; box-sizing:border-box; padding:3px;}
input[type=text], 
input[type=password] {padding:3px;}

/* ÆûÇʵ忡 »ç¿ëµÇ´Â ½ºÅ¸ÀÏ ½ÃÆ® */
.form { height:19; background-color:#FFFFFF; color:#666666; font-size:12px; text-align:left; text-valign: middle;}
.search {border: 1px #E0E0E0 solid; height:18; background-color:#FFFFFF; font-family:; color:#F65D1A; font-size:8pt; padding:2 0 0 2; text-valign: middle;}
.form2 {border: 1px #B6B6B6 solid; height:19; background-color:#FFFFFF; color:#666666; font-size:12px; text-align:left; text-valign: middle;}
.multi {border: 1px #CFCFCF solid; background-color:#FFFFFF; color:#666666; font-size:12px; text-align:left; text-valign: middle;}
.file {border: 1px #CFCFCF solid; height:19; background-color:#FFFFFF; color:#666666; font-size:12px; text-align:left; text-valign: middle;}
.sele { height:20; background-color:#E9E9E9; color:#666666; font-size:12px; middle;}


/* ------------ LINK ----------- */

/* ÀϹÝÀûÀÎ ÅؽºÆ® ·Ñ¿À¹ö¹× ¸µÅ© */
a {background:none; cursor:pointer; font-family: "¸¼Àº °íµñ, µ¸¿ò, verdana";}
a:link     {color: #666666;	text-decoration: none; }
a:visited  {color: #666666;	text-decoration: none; }
a:hover    {color: #ff8000;	text-decoration: underline; }

/* Uiduk Request Board */
.urb a:link     {font-size: 12px; 	color: #666666;	text-decoration: none; }
.urb a:visited  {font-size: 12px; 	color: #666666;	text-decoration: none; }
.urb a:hover    {font-size: 12px; 	color: #9900D9;	text-decoration: underline; }

/* Uiduk Search */
.us a:link     {font-size: 12px; 	color: #666666;	text-decoration: none; }
.us a:visited  {font-size: 12px; 	color: #666666;	text-decoration: none; }
.us a:hover    {font-size: 12px; 	color: #2BA800;	text-decoration: underline; }

/* Uiduk Main Link */
.uml a:link     {font-size: 12px; 	color: #666666;	text-decoration: none; }
.uml a:visited  {font-size: 12px; 	color: #666666;	text-decoration: none; }
.uml a:hover    {font-size: 12px; 	color: #DC9100;	text-decoration: underline; }

/* ÇлýÀÚÄ¡´Üü / Uiduk Info */
.uinfo a:link    {font-size: 12px; 	color: white;	text-decoration: none; }
.uinfo a:visited {font-size: 12px; 	color: white;	text-decoration: none; }
.uinfo a:hover   {font-size: 12px; 	color: yellow;	text-decoration: underline; }



/* Body, Scrollbar Style */
BODY { BACKGROUND-COLOR:#FFFFFF; COLOR: #333333; FONT-FAMILY: "±¼¸²", "±¼¸²Ã¼", "µ¸¿ò, verdana";  
       SCROLLBAR-FACE-COLOR: #E4EEFD;
	   SCROLLBAR-HIGHLIGHT-COLOR: #CADAE9;
   	   SCROLLBAR-SHADOW-COLOR: #DBE2ED;
       SCROLLBAR-3DLIGHT-COLOR: #F5F5F0;
       SCROLLBAR-ARROW-COLOR: #DBE2ED;
       SCROLLBAR-TRACK-COLOR: #F5F5F5;
       SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF 
}

.tbStyle { 
font-size: 10pt;  
background-color: #FFFFFF; 
border: 1px solid #7f9db9;
width:95%;
}

.btStyle{
background-color:#e9f2f6;
color: black;
border: 1px solid #7f9db9;
width:80px;
height:20px;
cursor:hand;
}

.tbox{
background-color:#e9f2f6;
color: black;
border: 1px solid #7f9db9;
}


.intro01	{background-color:#EBEBEB;		border:1px solid #cccccc;	text-align:center;}
.intro02	{background-color:#ffffff;		border:1px solid #cccccc;	text-align:center;}
.intro03	{background-color:#ffecec;		border:1px solid #cccccc;	text-align:center;}

.intro04		.title	{font-size:11pt;	color:blue;		text-align:center;		padding:40px 20px 20px 20px;	font-weight:bold;}
.intro04		.subtitle	{background-color:#324b75;		font-size:13pt;	color:white;		text-align:left;		padding:5px 5px 5px 10px;	font-weight:bold;}
.intro04		.content	{font-size:11pt;	color:black;		text-align:left;		padding:5px 10px 30px 20px;}

.intro05	{border:1px solid #cccccc;}
.intro05		.title	{	font-size:12pt;	color:blue;		text-align:center;		padding:40px 20px 20px 0px;	font-weight:bold;}
.intro05		.subtitle	{font-size:10pt;	color:black;		text-align:left;		padding:5px 5px 5px 10px;	font-weight:bold;}
.intro05		.content	{font-size:10pt;	color:black;		text-align:left;		padding:5px 10px 5 77px;font-weight:bold;}
.intro05		.content2	{font-size:10pt;	color:red;		text-align:left;		padding:50px 10px 30px 20px;font-weight:bold;}

.intro06		{font-size:11pt;	font-weight:bold;		padding-left:50pt;	padding-right:50pt;		text-align:center;		border:1px solid #cccccc;	background-color:#3d5070;		color:#f5f9ff;}

li	{list-style-type:none;}

.guide01		.title	{font-size:11pt;	color:blue;		text-align:center;		padding:40px 20px 20px 20px;	font-weight:bold;}
.guide01		.subtitle	{font-size:10pt;	color:black;		text-align:left;		padding:20px 5px 5px 5px;	font-weight:bold;}
.guide01		.content	{font-size:10pt;	color:black;		text-align:left;		padding:5px 10px 5px 20px;}

.guide02		.title	{font-size:11pt;	color:blue;		text-align:center;		padding:40px 20px 20px 20px;	font-weight:bold;}
.guide02		.subtitle	{font-size:10pt;	color:black;		text-align:left;		padding:20px 5px 5px 5px;	font-weight:bold;}
.guide02		.content	{font-size:10pt;	color:black;		text-align:left;		padding:5px 10px 5px 20px;}

.guide03		.title	{font-size:11pt;	color:blue;		text-align:center;		padding:40px 20px 20px 20px;	font-weight:bold;}
.guide03		.subtitle	{font-size:10pt;	color:black;		text-align:left;		padding:20px 5px 5px 5px;	font-weight:bold;}
.guide03		.content	{font-size:10pt;	color:black;		text-align:left;		padding:5px 10px 5px 20px;}


/* »ó´Ü ¸Þ´º¿¡ ¼­ºê¸Þ´º DIV ½ºÅ¸ÀÏ */
.menu01	 {border:4px solid #3b5b91;	background-color:#ffffff;}
.menu02	 {height:25px;}
.menu03	 {padding:8 0 8 8px;	font-weight:bold;		text-align:center;}
.menu03		a:hover	{font-size: 12px; 	color: #3b5b91;	text-decoration: none; }
.menu04	 {padding:8px;	font-weight:bold;	}
.menu04		a:hover	{font-size: 12px; 	color: #3b5b91;	text-decoration: none; }
.menudivline	{width:1px;	 background-color:#cccccc;}

/* ÀÔÁÖ»ý ¸ñ·Ï */
.admin1		{text-align:center;	background-color:#ffffff;		cursor:pointer;}
.admin2		{text-align:center;	background-color:#fdffba;	cursor:pointer;}
.admin_text	 {border:1px solid #000000;}
.admin3		{border-bottom:1px solid #cccccc;	background-color:#E9F2F6;		text-align:center;}
.admin4		{border-bottom:1px solid #cccccc;	background-color:white;		text-align:left;}
.admin5		{text-align:center;	background-color:#ffffff;}
.admin6		{text-align:center;	background-color:#fdffba;}

.mem01		{text-align:center;	background-color:#E9F2F6;		border-bottom:1px solid #cccccc;}
.mem02		{text-align:left;	border-bottom:1px solid #cccccc;}

/* À絿ÀÇ ÆäÀÌÁö */
.table01 {padding:10px;}
.table01 #title {font-size:12pt; font-weight:bold; color:red; padding:20px 0px 0px 0px;}
.table01 #subtitle {font-size:10pt; font-weight:bold; color:#0054FF; padding:20px 10px 10px 20px;}
.table01 #content1 {font-size:10pt; background:#eee; border:1px solid #ddd; width:80%; padding:10px;}
.table01 #content {font-size:10pt; background:#eee; border:1px solid #ddd;}
.table01 #content textarea {border:1px solid #ccc;}
.table01 #button {text-align:center; padding-bottom:20px;}
.table01 #button #bt1 {padding:5px; background:#FF5E00; color:white; font-weight:bold; border:0px solid; cursor:pointer;}
.table01 #button #bt2 {padding:5px; background:#1DDB16; color:white; font-weight:bold; border:0px solid; cursor:pointer;}
.table01 #button input[type=button]:hover {opacity:0.8;}

/* ¸ÞÀÎ ÆäÀÌÁö ¿ÞÂÊ ¸Þ´º */
.left01 {font-size:8pt;}

.privacy {font-size:8pt; border:0px solid #ccc; padding:5px; vertical-align:middle; position:relative; top:0px; left:0px; border-radius:5px; position:relative; left:-750px; top:-35px;}
.privacy:link {color:#b0812e; text-decoration:none;}
.privacy:visited { color:#b0812e; text-decoration:none;}
.privacy:hover { color:#b0812e; text-decoration:none;}


/*ÀÔÁÖ½Åû¼­ ¾ç½Ä*/
.agreeform {width:90%; border:1px solid #ccc; margin:0px 30px 0px 30px; background:white; line-height:150%;}
.agreeform td {border-bottom:1px solid #ccc; padding:5px;}
.agreeform th {border-bottom:1px solid #ccc; background:#ebebeb; color:black; font-size:9pt;}
.agreeform input[type=text] {background-color:#e9f2f6; color: black; border: 1px solid #7f9db9;}
.agreeform .subtable {border:1px solid #ccc;}
.agreeform .subtable th {padding:4px 0px;}
.agreeform #formtitle {text-align:center; font-size:18pt; font-weight:bold; padding:30px 0px; background:#ebebeb; }
.agreeform .imp {color:red; padding:0px 2px;}

.agreeContent {border:1px solid #223351; width:90%; padding:10px; margin-bottom:20px;}
.agreeContent #title {font-size:14pt; font-weight:bold; padding:5px;}
.agreeContent .con1 {font-size:11pt; font-weight:bold; padding:5px; margin-bottom:20px;}
.agreeContent .con2 {text-align:left; margin:0px 60px;}
.agreeContent .imp {font-weight:bold; color:red;}
.agreeContent #bottom {margin:20px 0px 0px 0px; font-weight:bold; font-size:11pt; color:#555;}
.agreeContent #button {text-align:right; color:blue; font-weight:bold;}

.bottom {padding:20px 10px; }

.help01 {text-align:right; padding:0px 0px 0px 0px; font-weight:bold;}
.help01 .imp {color:red;}

.text-center {text-align:center;}

/*Å×ÀÌºí ½ºÅ¸ÀÏ*/
.tbl1 {border-top:2px solid #666; border-bottom:2px solid #666; font-size:9pt;}
.tbl1 th {background:#E9F2F6; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.tbl1 td {padding:5px; border-bottom:1px solid #ccc;}

.table_center {margin:0 auto;}

._block {display:block;}
._inline {display:inline;}

/* »ó´Ü ¸Þ´º ½ºÅ¸ÀÏ */
.topwarp {position:relative; width:760px; font-family:'malgun gothic'; border:0px solid;}

.topwarp .quick {border:0px solid red; text-align:right; padding:0px 10px 0px 0px;}
.topwarp .quick ul {list-style-type: circle;}
.topwarp .quick li {display:inline; padding:0px 10px; list-style:circle;}
.topwarp .quick li a {font-size:8pt; color:black;  font-family:'malgun gothic';}
.topwarp .quick li a:link {color:black;}
.topwarp .quick li a:visited {color:black;}
.topwarp .quick li a:hover {color:blue; text-decoration:none;}

.topwarp .menu {position:relative; border:0px solid blue; background:#199cb4; border-radius:5px; padding:10px;}
.topwarp .menu .item {position:relative; display:inline-block; margin-left:20px;}
.topwarp .menu .item a {color:white; font-weight:bold; padding-bottom:15px; }
.topwarp .menu .item a:link {}
.topwarp .menu .item a:visited {}
.topwarp .menu .item a:hover {text-decoration:none; color:#ffee91;}

/*
.topwarp .menu li {display:inline; padding-right:0px; border:0px solid;}
.topwarp .menu li a {color:white;}
.topwarp .menu li a:link {}
.topwarp .menu li a:visited {}
.topwarp .menu li a:hover {text-decoration:none; color:green;}
*/

.topwarp .menu .submenu {position:absolute; border:1px solid #eee; background:#ebebeb; display:none; min-width:200px; border-radius:0px 0px 10px 10px; box-shadow:0px 0px 10px #545454; top:26px; z-index:2;}
.topwarp .menu .submenu a {color:#565656; padding:0px;}
.topwarp .menu .submenu a:link {color:#565656;}
.topwarp .menu .submenu a:visited {color:#565656;}
.topwarp .menu .submenu a:hover {color:#df990e;}
.topwarp .menu .submenu li {padding:1px 0px;}

/* ¸ÞÀÎ ¹è³Ê */
.main_banner {margin-top:40px; position:absolute; z-index:1;}
.show {}
.hide {display:none;}


/* BOARD */
.content01		{text-align:center;		background-color:#f1fbff;		border:1px solid #cccccc;	width:600px;	padding:10px;	 font-size:11px;}
.content02		{text-align:left;		background-color:#f1fbff;		border:1px solid #cccccc;	width:600px;	padding:20px;	 line-height:200%;	font-size:11px;}
.link:hover {background:#eee; cursor:pointer;}

/* admin */
.title000		{text-align:center;	font-weight:bold;		padding:10px 0px 10px 0px;	font-size:13pt;}
.title001		{text-align:center;	font-weight:bold;		padding:2px 0px 2px 0px;		background-color:#b6c9ea;		font-size:10pt;}
.title002		{text-align:center;	font-weight:bold;		padding:10px;		background-color:#dfeafe;}
.title003		{text-align:center;	font-weight:bold;		padding:10px;		background-color:#f0f6ff;}
.title004		{text-align:center;	font-weight:bold;		padding:3px;		background-color:#eeeeee;	 font-size:8pt;}
.title005		{text-align:center;	padding:2px;	}
.title006 {}


/* ¿Ü¹Ú */
.aa01		{padding-left:30px;		padding-right:40px;		font-weight:bold;		font-size:9pt;}
.aa02		{padding-left:105px;		padding-right:30px;		font-weight:bold;}
.aa03		{padding-left:30px;		padding-right:40px;		font-weight:bold;		font-size:9pt;	color:red;}
.aa04		{padding-left:30px;		padding-right:40px;		font-weight:bold;		font-size:9pt;	color:blue;}


/* »ç°¨ ¾÷¹«º¸°í */
.title1	 {background-color:#E9F2F6;	text-align:center; font-weight:bold; font-size:14pt;}
.title2	 {background-color:#cdcdcd;	text-align:center;		border:1px solid #cccccc;	font-weight:bold;		font-size:11pt;}
.title3	 {background-color:#eeeeee;	text-align:center;		border:1px solid #cccccc;	font-weight:bold;		font-size:10pt;}
.inputstyle1 {width:60px;}
.inputstyle2 {width:40px;}
.inputstyle3 {width:180px;}
.inputstyle4 {width:120px;}
.inputstyle5 {width:50px; text-align:center;}

.tb01	{border:1px solid #cccccc;}
.con01	{text-align:center;		border:1px solid #cccccc;}
.textareastyle {box-sizing:border-box; padding:7px;}

.board {border-top:2px solid #666; border-bottom:2px solid #666;}
.board th {background:#E9F2F6; height:30px;}
.board th, .board td {border-top:1px solid #ccc;}
.board input[type=text], .board input[type=password] {padding:2px;}


/* ÀÔ·Â ¾ç½Ä : Çʼö ÀÔ·Â Ç׸ñ Ç¥½Ã ÇÒ¶§ »ç¿ëÇÒ Å¬·¡½º */
span.required::before {content:'*'; color:red;}



/**** Æ˾÷ *****/
.popup_warp {/*background:url('/popup/bg1.jpg') center center no-repeat; background:#199cb4 !important; border:5px solid white;*/}
.popup_body {/*background:rgba(255,255,255,0.7);*/  width:100%; /*padding:20px;*/  box-sizing:border-box; /*border:3px solid #ddd;*/
	background:url('/popup/bg3.jpg') center center no-repeat;
	background-size:cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='/popup/bg3.jpg',
        sizingMethod='scale');
}
.popup_title {font-weight:bold; font-size:16pt; padding:20px 0px 20px 0px; background:#3d5070; margin-top:10px; color:white; font-family:'malgun-gothic'; text-align:center;}
.popup_con {padding:20px;}
.popup_date {font-weight:bold; font-size:14pt; padding:20px 0; text-align:center;}
.popup_buttons {text-align:center;}
.popup_buttons a {color:white; font-weight:bold; border:3px solid white; padding:10px; display:inline-block; margin-top:20px;  font-size:14pt; text-decoration:none;}
.popup_buttons a:hover {color:#199cb4; border-color:#199cb4;}

/****************************/
.a-st02 {background:#6c85ad; color:white !important; border:1px solid #486dcd; width:100%; display:inline-block; text-align:center; padding:10px 0;}
.a-st02:hover {background:#4e79d9; text-decoration:none;}
.a-st02:visited {color:white;}

/* Å×ÀÌºí ½ºÅ¸ÀÏ */
.tbl-st01 {border-collapse:collapse; border:1px solid #ccc;}
.tbl-st01 th {background:#efefef; }
.tbl-st01 td {background:white;}
.tbl-st01 input[type=text] {width:95%;}

.tbl-st02 {border-top:2px solid #444; border-bottom:2px solid #ccc; border-spacing:0;}
.tbl-st02 th {background:#E9EFF3; height:30px;}
.tbl-st02 td {padding:5px 2px;}
.tbl-st02 tr {border-bottom:1px solid #ccc;}

.tbl-st03 {width:100%; border-spacing:0; border-left:1px solid #ccc; border-top:1px solid #ccc;}
.tbl-st03 th, .tbl-st03 td {border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.tbl-st03 th {background:#f3dede; font-size:11pt; height:30px;}
.tbl-st03 td {text-align:center; padding:5px; font-size:10pt;}
.tbl-st03 tr td:nth-child(odd) {background:#f9f9f9;}
.tbl-st03 input[type=text] {width:100%;}

.tbl-st04 {width:100%; border-spacing:0; border-left:1px solid #ccc; border-top:1px solid #ccc;}
.tbl-st04 th, .tbl-st04 td {border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.tbl-st04 th {background:#eee; height:30px;}
.tbl-st04 td {padding:5px; font-size:10pt;}
.tbl-st04 tr td:nth-child(odd) {background:#f9f9f9;}
.tbl-st04 input[type=text] {width:100%;}

.tbl-st05 {border-left:1px solid #ccc; border-top:1px solid #ccc;}
.tbl-st05 th {background:#eee; padding:0px 0;}
.tbl-st05 th, 
.tbl-st05 td {border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.tbl-st05 td {text-align:center; padding:0px 0;}
.tbl-st05 .title01 {font-size:12pt; font-weight:bold;}
.tbl-st05 .con01 {text-align:left !important; min-height:100px; padding:5px; min-height:100px; box-sizing:border-box; display:block;}

.tbl-st06 {border-left:1px solid #ccc; border-top:1px solid #ccc; border-spacing:0; width:100%;}
.tbl-st06 th {background:#E9F2F6; padding:10px 10px;}
.tbl-st06 th, 
.tbl-st06 td {border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.tbl-st06 td {text-align:left; padding:10px 10px;}
.tbl-st06 input[type=text],
.tbl-st06 input[type=password],
.tbl-st06 select {padding:3px;}

/*div ½ºÅ¸ÀÏ */
.div-st01 {text-align:center; padding:10px;}
.div-st01 a {margin:0 5px;}

.div-st02 a {color:#199cb4; font-weight:bold;}

.div-st03 {padding:20px;}
.div-st04 {border:1px solid #ccc; padding:10px;}
.div-st05 {}

.div-st06 
{
	color: #0093C9;
    font-weight: bold;
    padding: 5px 2px;
    border: 1px solid #ccc;
    text-align: center;
    background: #f3f3f3;
    margin-top: 10px;
}

.div-st07 {display:inline-block;}
.div-st07 a.text-ellipsis {max-width:300px; display:inline-block;}

.title-st01 {padding:10px 0;}
.title-st01 .l {float:left; line-height:30px; font-size:13pt; padding:0 10px; border-bottom:3px solid black; font-weight:bold; margin-right:10px;}
.title-st01 .r {height:30px; line-height:30px; border-bottom:3px solid #ccc; color:#aaa; text-align:left;}

.align-center {text-align:center;}


.ellipsis
{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display:inline-block;
	width:350px;
}

.clear {clear:both;}

.board_contents {}
.board_contents table {border-spacing:0; border-top:1px solid #666; border-left:1px solid #666; max-width:100%;}
.board_contents table td,
.board_contents table th
{padding:5px; border-bottom:1px solid #666; border-right:1px solid #666;}


.leftmenu {box-sizing:border-box;}
.leftmenu li { border-bottom:1px solid #ddd;}
.leftmenu a {text-decoration:none; color:#333; font-weight:bold; display:inline-block; padding:5px 0px 2px 0px; cursor:pointer; letter-spacing:-1px;}
.leftmenu a:hover {color:#556fa0;}
.leftmenu .title {color:#385582; text-align:center; font-weight:bold; font-size:14pt; margin:0px 0px 10px 0px;}
.leftmenu .title:after {content:'UIDUK DORMITORY'; background:#7186a6; color:white; font-size:8pt; display:block; font-weight:normal; padding:2px 0;}


.calendar {text-align:center; width:100px;}

span.imp {color:red; padding:0px 2px;}

.button {border:1px solid #ddd; background:#eee; padding:5px 10px; text-decoration:none; cursor:pointer; font-weight:bold; color:#333;}
.button:hover {background:#ddd; border:1px solid #ccc; text-decoration:none; color:#000;}

.red[class~='button'] {background:#ff5959; color:white;}
.red[class~='button']:hover {background:red; color:white;}

.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}