@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* 전체 레이아웃 */
body,div{font-family:'nanumgothic','Malgun Gothic','sans-serif';  line-height:18px; font-size:12px; color:#8b8b8b }
body,p,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0 }
img,fieldset{border:0}
ul,ol{list-style:none}

input{vertical-align:middle}

/*common */
a:link { font-family:'nanumgothic','Malgun Gothic','sans-serif' !important; color:#666666;text-decoration:none;  line-height:18px;}
a:visited {color:#666666; text-decoration:none;  line-height:18px;}
a:active {color:#666666; text-decoration:none; line-height:18px; }
a:hover  {color:#599D00; text-decoration:underline; line-height:18px; }

h1 {float:left; margin-top:0;}

.both {clear:both;}
.cb{ clear:both}
.fl{ float:left;}
.fr{ float:right}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml240{margin-left:240px;}
.ml170{margin-left:170px;}


.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.pl20{ padding-left:20px;}
.pt10{ padding-top:10px;}

.tl{text-align:left !important}
.tc{text-align:center !important}
.tr{text-align:right !important}


/* UI Object */
#wrap{width:100%;}
#header {width:100%; height:101px; float:left; position:relative; z-index:9999999 !important; border-bottom:#f1f1f1 solid 1px; background:url(../images/main/top_menu_bg.gif) repeat-x top ;}
#container{width:100%; position:relative; display:block; }
#sub_container{width:975px;  margin:0 auto;}
#sub_container:after{display:block;clear:both;content:''}
.snb{float:left;width:195px;  }
#content{float:left;width:675px; margin-left:15px;  background:url(../images/main/sub_bg.gif) no-repeat top right ;  }
#footer{width:975px; margin:0 auto; height:110px; }
.copy{font-size:11px; width:975px;  line-height:18px; color:#999999; text-align:left; font-family:'nanumgothic','Malgun Gothic','sans-serif'!important;  float:left}
#footer span.copy .hufs{ color:#3D3D3D;  font-weight:bold}

#quick_menu {width:80px; height:443px; float:right;}
#quick_menu .quick{background-color:#000000; width:100px; height:50px;   }


/*상단메뉴*/
.menuarea {float:right; }
.topmenu {height:32px; padding-left:330px; line-height:32px; font-size:12px;}
.topmenu a{text-decoration:none; margin:5px; width:85px; padding:8px}
.topmenu a:hover{text-decoration:none; background-color:#1865b2; color:#fff; }
.topmenu img {display:block; float:left;}

.gnb {width:710px; height:69px; margin-top:0; float:right;}
.gnb img {display:block; float:left;}
.tdm {width:100%; padding:10px 0 10px 0; position:absolute; left:0; top:101px; z-index:9999999 !important; background:#1865b2;}
.tdm .sub_area {  width:1000px;  margin:0 auto;}
.tdm .area {padding-left:267px; font-size:12px;}
.tdm ul {float:left; padding:0;}
.tdm ul li { text-align:center; width:110px; height:25px;}
.tdm ul a { color:#fff;  text-decoration:none;   }
.tdm ul a:hover{color:#fff; background-color:#f5821f;  text-decoration:none; padding:5px;}
/*.tdm ul a:hover, .tdm ul a:active, .tdm ul a.on {color:#fff; background-color:#f5821f;  text-decoration:none;}*/


/*메인컨텐츠*/

.spot{position:relative;min-width:975px;height:34 0px;text-align:center}
.spot_images{overflow:hidden;height:340px}

.spot_images .spot_image1, .spot_images .spot_image2, .spot_images .spot_image3, .spot_images .spot_image4{position:absolute;top:0;left:0;z-index:800;width:100%;height:340px;text-align:center}

.spot_images .spot_image2, .spot_images .spot_image3, .spot_images .spot_image4{opacity:0;filter:alpha(opacity=0)}
.spot_images .image{height:340px}
.spot_images .image div{position:relative;width:975px;*width:975px;height:340px;margin:0 auto;text-align:left}
:root  .spot_images .image div{width:975px;}
.spot_image1{background:#f1f1f3}
.spot_image1 .image{background:url(../images/main/main_img01.jpg) no-repeat 50% 0}
.spot_image2 .image{background:url(../images/main/main_img02.jpg) no-repeat 50% 0}
.spot_image3 .image{background:url(../images/main/main_img03.jpg) no-repeat 50% 0}
.mainshow{z-index:900 !important}


.spot_static{position:absolute;top:0;left:50%;z-index:1000;width:1000px;height:1px;margin-left:-500px}
.spot_static .page{position:absolute;top:300px;left:15px;z-index:1000}
.spot_static .page a{
 float:left;
 width:20px;
 height:20px;
 border:0;
 margin-right:5px;
 background:url(../images/main/btn_spot_off2.png) no-repeat;_background:none;
 text-indent:-9999px;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_spot_off2.png',sizingMethod=crop);
 cursor:pointer;_cursor:hand}
.spot_static .page a.on,
.spot_static .page a:hover{background-image:url(../images/main/btn_spot_over2.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imagesbtn_spot_over2.png',sizingMethod=crop)}

.content{ width:975px; margin:0 auto; height:295px; margin-top:20px;  }
.content .member{ width:236px;}
.content .board{ width:424px;   }
.content .cs{ width:290px; height:136px; background-image:url(../images/main/cs_camp.gif);}
.content .m_banner{ width:975px;  height:129px;}
.content .m_banner ul{  list-style:none; float:left; border:none;}
.content .m_banner ul li{   float:left;}

.fam_site{width:100%;  height:45px;  margin-top:20px; border-top:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.fam_site ul{width:975px; margin:0 auto;list-style:none; margin-top:10px; }
.fam_site ul li{ float:left;}

.m_board {font-size:14px;}
.m_board th{ background:url('/images/index/main_14.jpg') no-repeat; padding-left:15px;  text-align:left; width:350px; letter-spacing:-1;}
.m_board th a{color:#636363; font-weight:normal; line-height:24px; text-align:left}
.m_board th a:hover {text-decoration:underline;}
.m_board th img {vertical-align:middle;}
.m_board td{text-align:right; letter-spacing:-1;}


/* Container - main_Login */
.login_container fieldset{position:relative; width:215px; height:85px; text-align:left;}
.login_container dl{overflow:hidden;position:relative;height:75px}
.login_container dl dt label{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:14px;line-height:0}
.login_container dt,.login_container dd{display:block;position:absolute}
.login_container dd.uid{top:0;left:1px; font-size:14px;} 
.login_container dd.upw{top: 37px;left:1px}
.login_container .input_text{width:140px;height:31px;padding:4px 2px 0;border:1px solid #bebebe;color:#444;font-size:14px;vertical-align:top}
:root .login_container .input_text{padding-top:2px;padding-bottom:2px}
.login_container #strLoginID{background:#fff url('../images/main/img_id.gif') no-repeat 5px 10px}
.login_container #strLoginPwd{background:#fff url('../images/main/img_pw.gif') no-repeat 5px 10px}
.login_container .input_text.focus{border:1px solid #1865b2;background:#fff !important}
.login_container .input_text.focusnot{background:#fff !important}
.login_container p.keeping{overflow:visible;position:absolute;top:83px;left:0px;width:110px}
.login_container p.keeping .input_check{*margin:-4px -3px -3px -4px;_margin:-4px -3px -3px -4px;vertical-align:top}
.login_container p.keeping label{position:relative;top:-2px;left:4px;}

.login_container p.loginbtn{overflow:visible;position:absolute;top:0px;left:140px;width:75px}
.login_container p.loginbtn label{position:relative;top:0px;left:4px;color:#6b6d70;font-size:14px;letter-spacing:-1px}
.login_container p.loginbtn .submit{position:absolute;top:0px;left:0}
.login_container p.logoutbtn{overflow:visible;position:absolute;top:30px;left:0;}
.login_container p.campdaily{overflow:visible;position:absolute;top:115px;left:0;}

.login_footer{  text-align:left;float:left;}
.login_footer ul{overflow:visible;position:absolute;top:110px;left:0px;float:left;width:215px; height:30px;  }
.login_footer li{display:inline; margin-right:2px; color:##6b6d70;white-space:nowrap; margin-top:10px;}



/*서브타이틀*/
.lnb14area {width:195px; }
.lnb14area .lnbbox h2{ font-size:26px; color:#fff; text-align:center; background:url('../images/main/sub_title_bg.gif') no-repeat; width:195px; height:105px; line-height:105px; margin:0; letter-spacing:-1;}
.lnb14area .lnbbox ul{ width:195px  }
.lnb14area .lnbbox ul li{  height:35px; text-align:left;  border-bottom:#e3e3e3 1px solid; }
.lnb14area .lnbbox ul li a{width:195px; padding-left:10px; font-size:16px;  line-height:35px; color:#878787; text-decoration:none}
.lnb14area .lnbbox ul li a:hover{color:#000; text-decoration:none}
.lnb14area .lnbbox ul li a.ontxt{color:#000; text-decoration:none}
.lnb14area .lnbbox ul li:hover{ background:url('../images/main/icon_menu_over.gif') right no-repeat #f8f8f8;}
.lnb14area .lnbbox ul li.on{ color:#000000 !important; background:url('../images/main/icon_menu_over.gif') right no-repeat #f8f8f8;}


/*서브nav*/
.stitlearea {width:675px; border-bottom:#e6e6e6 1px solid; margin-top:65px; }
.stitlearea table {width:100%; border:0; border-spacing:0; border-collapse:collapse; font-size:12px;}
.stitlearea th {text-align:left; height:45px;}
.stitlearea td {text-align:right; vertical-align:bottom; padding-bottom:5px; font-family:'nanumgothic'!important;}
.stitlearea span {color:#638acd; font-weight:bold;}



/*table*/
.table{margin:1em 0}
.table table{width:100%;border:0;border-top:2px solid #999;font-size:12px; line-height:18px}
.table caption{padding:8px 0;font-weight:bold;text-align:left}
.table th,
.table td{padding:8px;border:0;vertical-align:top}
.table th{color:#333; font-weight:bold; text-align:left}
.table td{color:#767676}
.table thead th{border-bottom:1px solid #ccc;background:#f8f8f8;  }
.table tbody th{border-bottom:1px solid #ddd;background:#fafafa;}
.table tfoot th{border-bottom:1px solid #ddd}
.table tbody td{border-bottom:1px solid #ddd}
.table tfoot td{border-bottom:1px solid #ddd;font-weight:bold;color:#333}