
/* StyleSheet Default Value 2019.02.23 by kongwon */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
* { margin:0; padding:0; } 
body, td, input, button, textarea, select, .c1 { font-family:'Nanum Gothic','굴림',Tahoma; font-size:9pt; line-height: 1.5; color:#222222; } 
body { background: #F0ECEC; }
a { text-decoration:none; } 
ul, ol { list-style-type: none;}
font { color:#222222; }

td { font-size: 12px; line-height: 20px; color:#898888; }

a:link ,a:visited ,a:active { color:#000000; text-decoration: none; }
a:hover { text-decoration:none; color:#3161A3; font-weight: bold; }
a:focus { text-decoration:none; color:#3161A3; cursor:pointer;}    

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

/* Layout Style */
#wrap{ background:#FFF; width:1000px; border:1px solid #ddd; margin:0 auto; }
#logo{ position:absolute; left:25px; top:55px; }
#header{ position:relative; background:url(/img/header_bg.gif) repeat-x; width:100%; height:140px; border:1px solid #DDD; }
#aside{ width:200px; height:780px; float:left; margin-bottom:20px; }
#contentsWrap{ overflow:hidden; }
#contents{ width:780px; float:right; margin-bottom:20px; }
#link{ background:#DDD; height:80px; }
#baseContents { margin-left:20px; }
#foot{ height:140px; border:1px solid #DDD; }

/* menu style Defind */
/* #head{ width:1000px; height:30px; margin:0 auto; } */
#topmenu{ float:right; margin:0px 20px; overflow:hidden; }
#topmenu li{ float:left; height:29px; }
#topmenu li a{ display:block; background: #FF0000; color:#FFF; font-size:14px; font-weight:bold; padding:5px 10px; }

/* Navigation Menu Defind */
/* #gnb{ width:100%; } */
#gnb { position:absolute; top:65px; left:250px; width:781px; height:80px; z-index:99}
#gnb>ul{ position:absolute; top:0 left:-50; height:40px; border-radius:0.5em; z-index:99}
#gnb>ul>li{ position:relative; float:left; line-height:20px; z-index:99; }
#gnb>ul>li>a{ display:inline-block; *zoom:1; *display:inline; width:150px; font-size:24px; font-weight:bold; padding:10px 0px; text-align:center; }
#gnb>ul>li>a:hover, #gnb>ul>li>a.on{ background:#fff; color:#ff8800; font-weight:bold; }
#gnb>ul>li>ul{ display:none; background:#fff; float:left; list-style:none; position:absolute; left:-5; top:40px; width:400px; border:2px #ddd solid; margin:0; padding:0; }
#gnb>ul>li.sub01>ul { left:0px; width:260px; z-index:99}
#gnb>ul>li.sub02>ul { left:-20px; width:320px;}
#gnb>ul>li.sub03>ul { left:-20px; width:340px;}
#gnb>ul>li.sub04>ul { left:-20px; width:300px;}
#gnb>ul>li.sub05>ul { left:-235px; width:380px;}
#gnb>ul>li.sub06>ul { left:-235px; width:400px;}
#gnb>ul>li>ul>li{ background:url(/img/sub_bar.gif) no-repeat 0 10px; position:relative; float:left; z-index:99; letter-spacing:0; margin:0; padding:0; }
#gnb>ul>li>ul>li:first-child{ background:none; }
#gnb>ul>li>ul>li>a{ position:relative; float:left; z-index:99; font-size:13px; margin:0; padding:5px 8px; }
#gnb>ul>li>ul>li>a:hover{ position:relative; float:left; color:orange; font-weight:bold; }
 
/* Aside */
#aside h2 { background:#FFF url("/board/_jns/img/sub/bgH2_01.gif") no-repeat; width:170px; height:42px; font-size:17px; color:#FFF; text-align:center; padding-top:15px;  }
#aside ul { width:160px; padding:0 20px; margin-top:15px; }
#aside>ul>li>a { display:block; height:22px; padding:10px 2px 0 5px; margin-bottom:20px; font-weight:bold; border-bottom:1px solid #DBDBDB; font-size:13px }
#aside ul ul { width:135px; margin:7px 0 15px 0}
#aside ul ul li { background:url("/board/_jns/img/sub/imgDot_02.gif") no-repeat scroll 0 6px; width:100%; zoom:1}
#aside ul ul li:after{ display:block; content:""; clear:both; }
#aside ul ul li a{ display:inline-block; height:22px; padding:0 0 0 6px; font-size:12px; font-weight:normal; border:none;  }

/* LeftSide Menu Defined */
#lnb h2 strong{ display:block; color:#FFF; font-size:24px; padding:27px 0 3px 0;}
#lnb h2 { background:#F9A61C; color:#CCC; height:100px; font-size:16px; padding: 0 15px; margin-bottom:11px; }
#lnb h2 { background:#666666; color:#CCC; height:100px; font-size:16px; padding: 0 15px; margin-bottom:11px; }

#lnb ul{ padding:0px; margin:5px 10px; margin-bottom:40px;}
#lnb ul li a{display:block; background:#FFF url(/img/ico_lnb.gif) no-repeat 178px 16px; padding:10px 0 10px 10px; border-bottom:1px solid #DDD;  }
#lnb ul li a:hover, #lnb ul li a.active{ background-color:#EAEAEA; font-weight:bold;}
#lnb ul li{list-style-type:none; padding:0;margin:0}
#lnb ul li a{display:block; padding:10px 10px 10px 10px; border-bottom:1px solid #ddd; background:#fff; }
/*#lnb ul li a:hover {background-color:#eaeaea; font-weight:bold;} */
#lnb ul li a.active{background-color:#ef3a3a; color:white;font-weight:bold;}
#contents .c_title{ height:58px; line-height:58px; font-size:24px; font-weight:bold; border-bottom:2px #AAA solid; padding-left:10px; margin:0 20px 20px 20px;}
#aside .banner a{ display:block;}

.svf { height:280px; text-align:left; border:1px solid #DDD; padding:0px 0px;}
.nbasic { width:310px; height:140px; float:left; border:1px solid #DDD; margin:20px 10px; }

.chNews{display:inline;float:left;width:330px;height:200px;border:1px #ddd solid;}
.social{display:inline;float:left;width:330px;height:200px;border:1px #ddd solid;}
.s_title { font-family: "맑은 고딕", "굴림";	font-size: 14px;font-weight: bold;color: #000000;}
.c_title{ height:58px; line-height:58px; font-size:24px; font-weight:bold; color:#000;border-bottom:2px #aaa solid;padding-left:20px; margin:0 20px 20px 0px;}

.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',Verdana,'굴림'; color:#222222; } 

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

.small { font-size:8pt; font-family:'Nanum Gothic','굴림'; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.rcheck { vertical-align:middle; padding:0px 10px; } /* radio button and text 위치 정렬 */
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 Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }

.sub_cont_bg {width:680px; background:url(/img/blue_box2_bg.gif) repeat-y;}
.sub_cont_tle {width:608px; height:40px;}
.sub_c_tle_rt {float:right; padding:9px 12px 0 0; font-size:11px; color:#999999;}
.sub_c_tle_lt {float:left; padding:7px 0 0 12px; color:#474747;}