/*body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,±¼¸²; font-size:9pt; color:#222222; line-height:150%;}

img {border:0px;}

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;}
*/

*{margin:0 auto; font-family: 'Noto Sans KR', sans-serif;}
ul, li{list-style-type:none;}
a{text-decoration:none; color:#000;}
.clearfix::after{content:""; clear:both; display:block;}

/* ·Î°í */
header{width:900px; position:relative; z-index:100; margin:0 auto;}
h1.logo{width:150px; padding:20px; float:left;}

/* nav */
nav{width:850px;}
.depth1{float:right; display:flex;}
.depth1 a{transition:all 0.3s}
.depth1 > li{margin-left:55px}
.depth1 > li > a{display:block; height:85px; line-height:85px; font-size:15px; font-weight:700; color:#333333;}
.depth1 > li:hover > a{color:#093969;}
.depth2{display:none; position:absolute; margin-left:-40px; top:85px; z-index:51; font-size:13px; border-bottom:none}
.depth2 a{display:block; width:130px; padding:10px 7px; color:#fff; ; border-bottom:1px solid #222; background-color:#333;}
.depth2 > li:hover > a{background-color:#222}
.depth2 > li.has_sub > a{position:relative;}
.depth2 > li.has_sub > a:after{content:'+'; position:absolute; top:50%; right:15px; margin-top:-10px;}
.depth3{display:none; position:absolute; top:-1px; left:144px; border-bottom:none}
.depth3 a{background-color:#222; color:rgba(255,255,255,0.5); border-bottom:1px solid #000}
.depth3 a:hover{color:#fff}

/* ¸ÞÀν½¶óÀ̵å */
.main_visual{width:900px; height:550px;}
ul.slide{width:900px; height:500px;}
ul.slide li h4{position:absolute; top:22%; left:8%; font-size:36px; font-weight:700; line-height:45px; color:#fff; padding:15px 20px; opacity:0; margin-top:70px;}
ul.slide li span.text{font-size:23px; line-height:70px; font-weight:400; color:#fff;}
ul.slide li.active h4{animation:moveUp 0.8s forwards;}
		
		@keyframes moveUp{
			from{
				opacity:0;
				margin-top:70px;
			}
			to{
				opacity:1;
				margin-top:0;
			}
		}

/* lnb (¼­ºê¸ÞÀÎ)*/
.lnb{width:900px; height:260px; margin:0 auto; position:relative;}
.lnb h3{font-size:35px; font-weight:700; color:#fff; position:absolute; left:55%; top:60%;}

/* Äü¸Þ´º */
.quick_menu{float:right; top:360px; -right:750px; z-index:10; position:fixed;}
.quick_menu dl{padding:10px 15px; border-bottom:1px solid #ccc; font-size:13px; font-weight:700; color:#444f5d;}
.quick_menu dl:first-child{padding:10px; background-color:#ddd; border:1px solid #ccc; font-weight:700; color:#000;}
.quick_menu dl:last-child{border-bottom:none;}
.quick_menu dt i{text-align:center; width:80px; font-size:26px; color:#444f5d;}
.quick_menu dd p{text-align:center; margin:4px 0; cursor:pointer;}

/* wi_page(head_sub) */
ul.wi_page{width:170px; height:auto; padding:10px 8px; position:relative;}
ul.wi_page > li{/* height:40px; */ line-height:40px; font-size:14px; font-weight:700; border-bottom:1px solid #ccc;}
ul.wi_page > li:last-child{border-bottom:none;}
ul.wi_page > li i{text-align:center; width:20px; font-size:13px; color:#444f5d;}
ul.wi_page3depth {display:none;}
ul.wi_page3depth > li{margin-left:-20px; height:30px; line-height:30px; font-size:13px;transition:all 0.3s}
ul.wi_page3depth > li:hover{font-weight:700;}
ul.wi_page3depth > li > a{color:#444f5d;}

/*footer
footer{width:900px; height:120px; background-color:#eeeeee;}
.f_logo{float:left; width:300px; padding:20px;}
.f_right{float:right; width:500px;}
.f_right .info p{font-family: 'Noto Sans KR', sans-serif; font-size:13px; line-height:1; color:#828282;}
.f_right .info p span.bold{font-size:14px; font-weight:700; color:#757575;}
.copy{font-family: 'Noto Sans KR', sans-serif; font-weight:300; font-size:12px;}
*/