@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');

body, td, p, input, button, textarea, select, .c1 { font-family: 'Nanum Gothic', sans-serif; font-size:9pt; color:#222222; }

form { margin:0px; }

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: 'Nanum Gothic', sans-serif; color:#222222; } 

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

.small { font-size:8pt; font-family: 'Nanum Gothic', sans-serif; }
.cloudy, a.cloudy {color:#888888;} /* È帲 */

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px  }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }

.main_bg{
	background-image: url(/images/main_bg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
}

.main_bg{
	background-image: url(/images/main_bg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
}

.sub_bg{
	background-image: url(/images/sub_bg.gif);
	background-repeat:repeat-x;
	background-position:top center;
}


#wrap{width: 100%; position:relative;}

/******** ž¿µ¿ª *******/
#header_area{width: 100%; position:absolute; top:0; z-index:1000;}
#header_area .header{width: 901px; margin: 0 auto; position:relative; }
#header_area .header h1{position:absolute;left:50px;top:58px;z-index:1001;}
#header_area .header .head_gnb{float:right;text-align:right;font-size:0;text-align:right; margin-top:10px;}
#header_area .header .head_gnb li{display: inline-block;.display: inline;zoom: 1;}

#header_area .top_nav{width: 900px; margin-left: -40px; }
#header_area .top_nav .depth1 {height:45px; text-align:center;}
#header_area .top_nav .depth1 ul li{float:left;display: inline-block;.display: inline;zoom: 1;height:45px;}
#header_area .top_nav .depth1  a.rollover img { border-width:0px; display:inline; }
#header_area .top_nav .depth1  a.rollover img.over { display:none; }   
#header_area .top_nav .depth1  a.rollover:hover { border:0px }
#header_area .top_nav .depth1  a.rollover:hover img { display:none; }
#header_area .top_nav .depth1  a.rollover:hover img.over { display:inline; } 


#header_area .top_nav .depth2 {margin: 0 auto;width:900px; padding:0; font-size:0;}
#header_area .top_nav .depth2 ul li{float:left;display: inline-block;.display: inline;zoom: 1;}
#header_area .top_nav .depth2 .sbg{height:32px; background: url(/images/common/nav_bg.gif) left top repeat-x; padding:0 3px 0 3px;}
#header_area .top_nav .depth2 .smenu1{margin-left:0px;}
#header_area .top_nav .depth2 .smenu2{margin-left:100px;}
#header_area .top_nav .depth2 .smenu3{margin-left:10px;}
#header_area .top_nav .depth2 .smenu4{margin-left:230px;}
#header_area .top_nav .depth2 .smenu5{margin-left:-40px;}
#header_area .top_nav .depth2 .smenu6{margin-left:323px;}
#header_area .top_nav .depth2 .smenu7{margin-left:423px;}

#header_area .top_nav .depth2 a{}
#header_area .top_nav .depth2 a { display:inline-block; *display:inline; *zoom:1; height:32px; overflow:hidden; position:relative;}
#header_area .top_nav .depth2 a:focus,  
#header_area .top_nav .depth2 a:hover,  
#header_area .top_nav .depth2 a:active { outline:0; zoom:1;}
#header_area .top_nav .depth2 li.gnb-on a img, 
#header_area .top_nav .depth2 a:focus img, 
#header_area .top_nav .depth2 a:hover img, 
#header_area .top_nav .depth2 a:active img {margin-top:-32px;}