*{margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}


*:after, *:before { -webkit-box-sizing: border-box;
                                  -moz-box-sizing: border-box;
                                    box-sizing: border-box;}


article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display: block;}


html {font-size: 100%;
           height: auto !important;
           height: 100%;
           -webkit-text-size-adjust: 100%;
           -ms-text-size-adjust: 100%;}


.clear {display: block;}


.clear::after {clear: both;
                        content: ".";
                        display: block;
                        height: 1px;
                        visibility: hidden;}
	




/*GENERIC STYLES   Å×ÀÌºí ¾È ±ÛÀÚÅ©±â ¹× ÀÏ¹Ý ±ÛÀÚ Å©±â*/


body {background-color: #DDDDDD;
            color: #222;
             -webkit-font-smoothing: antialiased;
            font-family: Nanum Gothic, "³ª´®°íµñ","µ¸¿ò", "±¼¸²", Dotum, MalgunGothic,NanumGothic, Arial, Helvetica,Verdana, sans-serif;
       /* font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; */
            font-size: 0.8rem;
            font-weight: 400;
            height: auto !important;
            height: 100%;
            line-height: 1.0rem;     /*±ÛÀÚ ¾Æ·¡ À§ °£°Ý*/
            min-height: 100%;}



/*navation box design*/

header {
background: linear-gradient(to left,rgba(68,68,68,0.96) 0, rgba(68,68,68,0.96) 100%);    /* ¸Þ´º ¹Ú½º »ö»ó, ±×¶óµ¥ÀÌ¼Ç °¡´É */
border-bottom: 0px solid rgba(0,0,0,.0);            /* ¸Þ´º ¹Ú½º Å׵θ® µÎ²² »ö»ó Á¶Á¤ */
box-shadow: 0 1px 1px 0 rgba(0,0,0,.0);
display: block;

                /*position: fixed;*/                           /*°íÁ¤ ½ºÅ©·Ñ µÇ´Â ¸Þ´º */
                
width: 100%;                
z-index: 1000;
}


header > nav > ul {
display: flex;
                                   
flex-wrap: wrap;
justify-content: flex-start;
list-style: none;
margin: 0;                                 
padding: 0;
}


header > nav > ul > li {
flex: 0 1 auto;
margin: 0;
padding: 0;
position: relative;
transition: all linear 0.1s;}
header > nav > ul > li:hover {
background: rgba(0,102,204,1);
}

header > nav > ul > li a + div {
background: linear-gradient(to bottom,rgba(0,102,204,1) 0,rgba(62,188,207,0.96) 100%);       /*ÇÏÀ§¸Þ´º ¹Ú½º ºÎºÐ »ö»ó Á¶Á¤ ±×¶óµ¥ÀÌ¼Ç °¡´É*/
                                                      
border-radius: 0 0 2px 2px;
                                                      
box-shadow: 0 3px 1px rgba(0,0,0,.05);
display: none;
font-size: 1.0rem;
position: absolute;
width: 200px;                  /*ÇÏÀ§¸Þ´º ¹Ú½º °¡·Î ½ÎÀÌÁî*/
}
             

header > nav > ul > li:hover a + div {
display: block;
}

header > nav > ul > li a + div > ul {
list-style-type: none;
}

header > nav > ul > li a + div > ul > li {
margin: 0;
padding: 0;
}



/*UNDER MENU TEXT*/

header > nav > ul > li a + div > ul > li > a {
color: rgba(255,255,255,.9);         /*ÇÏÀ§¸Þ´º ±ÛÀÚ»ö»ó*/
display: block;
font-size: 0.8rem;                    /*ÇÏÀ§¸Þ´º ±ÛÀÚ Å©±â*/
letter-spacing: 1.5px;
padding: .25rem 1.5rem;
text-decoration: none;
text-transform: uppercase;
}


header > nav > ul > li a + div > ul > li:hover > a {
background-color: rgba(0,0,0,.15);
}




/*MENU TEXT*/

header > nav > ul > li > a {
align-items: flex-center;
color: #FFFFFF;                /* ¸ÞÀÎ ¸Þ´º ±ÛÀÚ »ö»ó */
display: flex;
font-size: 1.0rem;
font-style: bold;
font-weight: 220;
letter-spacing: 1px;
/* max-width: 130px;  */
padding: 1rem 1.5rem;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0,0,0,.1);
transition: all linear 0.1s;}


/*MENU SMALL TEXT*/

header > nav > ul > li > a > div > span {
color: rgba(255,255,255,.75);
display: block;
font-family: Calibri, Georgia, "Times New Roman", Times, serif;
font-size: 1.0rem;
font-style: italic;
line-height: 1rem;
max-width: 260px;
}



/*MENU BOX SIZE*/

@media (min-width: 700px) {
header > nav > ul > li > a {
width: 140px;
max-width: 700rem;                 /*Å« ±ÛÀÚ Å©±â*/                                                        
line-height: 1rem;
}
              
header > nav > ul > li > a > div > span {
margin: 4px 0 0; }
                                                            }

/*TABLE CONTROL*/


.table1_1 table {
	width:100%;
	margin:15px 0
}
.table1_1 th {
	background-color:#EFEFEF;
	color:#888888
}
.table1_1,.table1_1 th,.table1_1 td
{
	font-size:1.0em;             /*Å×À̺í Àüü »çÀÌÁî Á¶Á¤ °¡´É*/
	text-align:center;
	padding:4px;
	border:1px solid #dddddd;
	border-collapse:collapse
}
.table1_1 tr:nth-child(odd){
	background-color:#FFFFFF;
}
.table1_1 tr:nth-child(even){
	background-color:#FFFFFF;
}




/*A¸µÅ© Á¦¾î*/

A.ko0:link  {font-family: "Arial"; font-size: 11pt; color:#3399FF; text-decoration: none;}
A.ko0:visited  {font-family: "Arial"; font-size: 11pt; color:#3399FF; text-decoration:none;}
A.ko0:hover {font-family: "Arial"; font-size: 11pt; color:#006699; text-decoration:none;}

A.ko1:link  {font-family: "µ¸¿ò"; font-size: 11pt; color:#DDDDDD; text-decoration: none;}
A.ko1:visited  {font-family: "µ¸¿ò"; font-size: 11pt; color:#FFFFFF; text-decoration:none;}
A.ko1:hover {font-family: "µ¸¿ò"; font-size: 11pt; color:#DDDDDD; text-decoration:none;}

A.ko2:link  {font-family: "µ¸¿ò"; font-size: 9pt; color:#669900; text-decoration: none;}
A.ko2:visited  {font-family: "µ¸¿ò"; font-size: 9pt; color:#669900; text-decoration:none;}
A.ko2:hover {font-family: "µ¸¿ò"; font-size: 9pt; color:#006600; text-decoration:underline;}

A.ko3:link  {font-family: "µ¸¿ò"; font-size: 9pt; color:#00AEAC; text-decoration: none;}
A.ko3:visited  {font-family: "µ¸¿ò"; font-size: 9pt; color:#00D9D6; text-decoration:none;}
A.ko3:hover {font-family: "µ¸¿ò"; font-size: 9pt; color:#00D9D6; text-decoration:underline;}


A.ko5:link  {font-family: "µ¸¿ò"; font-size: 9pt; color:#33AA00; text-decoration: none;}
A.ko5:visited  {font-family: "µ¸¿ò"; font-size: 9pt; color:#33AA00; text-decoration:none;}
A.ko5:hover {font-family: "µ¸¿ò"; font-size: 9pt; color:#336600; text-decoration:underline;}

A.ko6:link  {font-family: "µ¸¿ò"; font-size: 9pt; color:#2737CD; text-decoration: none;}
A.ko6:visited  {font-family: "µ¸¿ò"; font-size: 9pt; color:#2737CD; text-decoration:none;}
A.ko6:hover {font-family: "µ¸¿ò"; font-size: 9pt; color:#4E5FFF; text-decoration:underline;}

.titletext {font-family: "µ¸¿ò"; font-size: 12pt;}
.titletext1 {font-family: "µ¸¿ò"; font-size: 10pt;}
.titletext2 {font-family: "Arial"; font-size: 15pt;}
.titletext3 {font-family: "µ¸¿ò"; font-size: 13pt;}
.titletext4 {font-family: "µ¸¿ò"; font-size: 11pt;}
.titletext5 {font-family: Arial, Helvetica, sans-serif; font-size: 11pt;font-weight: bold;}

.style2 {font-weight: bold; font-size: 12pt; color: #999999;}
.style3 {font-size: 12px}
.style4 {font-size: 14px; color: #FFFFFF}
.style5 {color: #FFFFFF}





/* ±Û·Î¿ìÆ÷Áö Á¦Ç° ¼³¸í ÅؽºÆ® */

.glow-text{
   font-family: "³ª´®°íµñ";
   font-size: 22px;
   color: #000000;
   line-height: 2.0rem;     /*±ÛÀÚ ¾Æ·¡ À§ °£°Ý*/
}


.glow-text1{
   font-family: "³ª´®°íµñ";
   font-size: 22px;
   color: #000000;
   line-height: 1.0rem;     /*±ÛÀÚ ¾Æ·¡ À§ °£°Ý*/
}

/* ¸ÞÀÎÆäÀÌÁö ÅؽºÆ® */

.main-text{
   font-family: "³ª´®½ºÄù¾î extrabold";
   font-size: 40px;
   color: #0071bb;
}