@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
@charset "utf-8";
/*********************************************
* BODY
*********************************************/
body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222; }

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

Img			    {BORDER: 0PX NONE;}



/*=================================================================================================
테이블 스타일
=================================================================================================*/

.title {
	background-color:#efefef;
	font-weight:bold;
	padding:4px;
	text-align:center;
	border-bottom:1px solid #cecece;
}

.conten {
	border-bottom:1px solid #cecece;
	border-left:1px solid #ffffff;
	padding:4px 10px 4px 15px;
	text-align:left;
}

.line {
	background-color:#000000;
}

.red {
	color:#b51212;
	font-weight:bold;
}


/* @@210104 메뉴 이미지 대체 */
li{list-style:none;}
ul{padding: 0; margin: 0;}
#menu{width: 990px; height: 64px;}
#menu ul{width: 990px; height:40px; overflow:hidden; clear:both; border-radius:5px; margin: 0 auto;
		background: #1464bb;
        background: -webkit-linear-gradient(to bottom, #317bcb, #1464bb);
        background: -moz-linear-gradient(to bottom, #317bcb, #1464bb);
        background: -o-linear-gradient(to bottom, #317bcb, #1464bb);
        background: linear-gradient(to bottom, #317bcb, #1464bb);
}
#menu ul li{float: left; width: 190px; text-align:center;} 
#menu ul li:nth-child(1){margin-left: 4px;}
#menu ul li a{position:relative; display: block; width: 198px; height: 40px; text-decoration:none;  transition:all .3s;}
#menu ul li a:before{content:''; display: block; width: 135px; height: 30px; background-color: #fff; position:absolute; left: 50%; bottom:-40px; transform:translateX(-50%); border-radius:5px 5px 0px 0px; box-shadow:2px 2px 8px rgba(0,0,0,.8); transition:all .3s; z-index: 1;}
#menu ul li a:after{content:''; display: block; width: 0; height: 200px;  position:absolute;
		background: transparent;
        background: -webkit-radial-gradient(#71ccf8, #71ccf8,transparent,transparent);
        background: -moz-radial-gradient(#71ccf8, #71ccf8,transparent,transparent);
        background: -o-lradial-gradient(#71ccf8, #71ccf8,transparent,transparent);
        background: radial-gradient(t#71ccf8, #71ccf8,transparent,transparent);
left: 50%; bottom:-20px; transform:translateX(-50%); transition:all .3s; }



#menu ul li a span{display: block; color:#fff; font:700 15px/1 'Noto Sans KR', sans-serif; position:absolute; z-index: 3; left: 50%; top:12px; transform:translateX(-50%);  transition:all .3s;}
#menu ul li:hover a span{top:15px; color:#000;}
#menu ul li:hover a:before{bottom:-1px;}
#menu ul li:hover a:after{width: 200px;}