@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
body{background-color: #eee;}
body, h1, h2, h3, h4, h5, h6, p, a, p, div, span, ul, li, td { 
	font-family: 'Noto Sans KR', sans-serif;
	font-size:14px;
	color:#555;
}
td div {	line-height:180%;	}
h1, h2{ 
  font-weight:800; 
} 
	
body{margin:0;}
#container{
	background-color: #fff;	
	width:1200px; margin:0 auto !important;}

img{vertical-align:middle;
}

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

a.a_link:link,a.a_link:visited,a.a_link:active {text-decoration: none; color: #093E86}
a.a_link:hover {text-decoration: underline; color: blue}

a.m_link:link,a.m_link:visited,a.m_link:active {text-decoration: none; color: #666666}
a.m_link:hover {text-decoration: underline; color: red}

a.t_link:link,a.t_link:visited,a.t_link:active {text-decoration: none; color: white}
a.t_link:hover {text-decoration: none; color: yellow}

a.blink:link,a.blink:visited,a.blink:active {text-decoration: none; color: #7B797B}
a.blink:hover {text-decoration: underline; color: #7B797B}

.title_green {font-size:14px; color:#339900; font-weight:500;}
.title_blue {font-size:14px; color:#00618C; font-weight:500;}
.text_green {font-size:14px; line-height:170%; color:#339900;}
.text_green_bold {font-size:18px; line-height:170%; color:#339900; font-weight:700;}
.text_blue {font-size:14px; line-height:170%; color:#0871DE;} 
.text_blue_bold {font-size:18px; line-height:170%; color:#0871DE; font-weight:700;}
.text_blue2 {font-size:14px; line-height:170%; color:#00618c;}
.text_orange {font-size:14px; line-height:170%; color:#FF6D00;}
.text_orange_bold {font-size:18px; line-height:170%; color:#FF6D00; font-weight:700;}
.text_white {font-size:14px; line-height:170%; color:white;}
.small_gray {color: #666666; font-family:µ¸¿ò; font-size: 8pt; }
.bg_1 {background-image:url('images/bg_dot.gif');}
.textarea { font-size:14px; font-family:helvetica,tahoma;  border:solid 1 #006666; background:rgb(253,255,227); overflow:auto }
.textarea_1 { font-size:14px; font-family:helvetica,tahoma;  border:solid 1 #A4A19D; background:white;}
.textarea_2 { font-size:14px; font-family:helvetica,tahoma;  background:rgb(253,255,227);}
.textarea_3 { font-size:14px; font-family:helvetica,tahoma;  background:rgb(243,243,255);}
.txt{font-size:14px; border:1 solid #EFEFEF;}
.dot { font-size:14px; border:0; background:; background:url(image/notice_list_bg.gif) repeat-x bottom; line-height:100%; }
.button2 { color: black; font-weight: bold; font-size: 12px; font-family: Arial, Geneva, µ¸¿ò; line-height:1;height:18px;padding:0;}
.select {border:solid 1 #666666;font-family:Verdana,Tahoma;font-size:8pt;color:#333333;background-color:#FFFFFF}


.s {line-height:200%;}
 
textarea {
color:white; font-size: 14px; background-color:#FFFFFF; border:1 solid #666666;font-size:9pt;color:black;
} 
.n {border:solid 1 #666666;font-family:Verdana,Tahoma;font-size:8pt;color:#333333;background-color:#FFFFFF}
.c {border:solid 0 #ffffff;font-family:Verdana,Tahoma;font-size:8pt;color:#333333;background-color:#FFFFFF}

.textright1 {border:0}
.text-ustify {text-align:justify; }
.text-ustify td p {text-align:justify; }
.linespace{height:32px;}

.left_menu td {height:35px !important;font-size:14px; }
.left_menu td p {margin:0;padding:0;}
.tlatest td {font-size:13px; !important;}
.ztable td {font-size:12px; height:30px !important;}
.article_title a {font-size:13px !important;}

.tbl{
    width: 100%; /* Å×À̺íÀÇ ³Êºñ¸¦ Àüü·Î ¼³Á¤ */
    border-collapse: collapse; /* ¼¿ Å׵θ®°¡ °ãÃÄ º¸ÀÌÁö ¾Êµµ·Ï ¼³Á¤ */
    table-layout: fixed; /* ¿­ ³Êºñ¸¦ °í¸£°Ô ¼³Á¤ */

}
.tbl td p{margin:0;}
.tbl td{
    border: 1px solid #ccc; /* °¢ ¼¿¿¡ ȸ»ö Å׵θ® Àû¿ë */
    text-align: left; /* ÅؽºÆ®¸¦ ¿ÞÂÊ Á¤·Ä */
    padding: 8px; /* ¼¿ ³»ºÎÀÇ Æеù ¼³Á¤ */
}
.tbl th{
	background-color: #f2f2f2; /* Çì´õ ¹è°æ»ö ¼³Á¤ */
}

.leftmenu_introduce {background-color: #399EF7;}
.leftmenu_work {background-color:#9CCF31;}
.leftmenu_support {background-color:#F7B631;}
.leftmenu_entrance {background-color:#31BAFF;}

.left_menu p {cursor:pointer;}
.left_menu td {border-bottom:1px solid;}



.dotted-line {
    width: 100%;          /* ¶óÀÎÀÇ ³Êºñ¸¦ È­¸é Àüü·Î ¼³Á¤ */
    height: 10px;         /* ¶óÀÎÀÇ ³ôÀÌ ¼³Á¤ */
    background-image: url('/images/dot.gif');  /* ¹è°æ À̹ÌÁö·Î dot.gif »ç¿ë */
    background-repeat: repeat-x;       /* À̹ÌÁö¸¦ °¡·Î ¹æÇâÀ¸·Î¸¸ ¹Ýº¹ */
}

/* µ¿¿µ»ó ¸ð´Þâ */
.modal {
    display: none; /* ±âº»ÀûÀ¸·Î ¼û±è */
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,0.6); /* ºÒÅõ¸íµµ */
}

.modal-content {
    background-color: #fefefe;
    margin: 10% auto;
    padding:5px 20px 20px 20px;
    border: 1px solid #888;
    width: min-content;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    position: relative; /* ŸÀÌƲ°ú ´Ý±â ¹öÆ°ÀÇ À§Ä¡ ¼³Á¤À» À§ÇØ */
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal-title {
    font-size: 24px;
    color: #333;
}