/*--------------------------------------------------
for CAMP PRsite
2009/08/25 kim_sungjin
--------------------------------------------------*/

/*TOC===============================================
setup
common
header
naviArea
mainContents
news
func
footerArea
==================================================*/
/*setup
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,hr,fieldset,input,p,blockquote{margin:0;padding:0;}
html { font-size:12px !important; *font-size:75% !important;/*forIE6IE7*/ }
body { color:#333333;word-break:break-all; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height: 1.4; font-family:arial, helvetica, sans-serif; text-align:left;}
img {border:0;vertical-align:bottom;}
a { color:#2870a5; text-decoration:underline; }
a:hover { color:#ff8427; text-decoration:none; }
a:focus{outline:none;}
ul,li{list-style-type:none;}
table {border-collapse:collapse;}

/* floating box clear */
.clearFix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearFix { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clearFix { height: 1%; }
.clearFix { display:block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent:-9999px; overflow:hidden; }
.hidetxt a { overflow:hidden; }

/*common
--------------------------------------------*/
#frame{
background:#4DAC26;
}
#wrapper{
position:relative;
width:900px;
margin:0 auto;
background-color:#FFFFFF;
text-align:left;
min-height:900px;
height:auto !important;
height:900px;
}
.clearFix {
display:block;
}
.clearFix {
display:inline-table;
min-height:1%;
}
#contents{
padding:17px 50px 40px 50px;
}

/*header
--------------------------------------------*/
#header{
width:870px;
height:59px;
padding:0 15px 10px;
}
p#campLogo{
display:block;
width:186px;
height:39px;
background:url(../img/camp_logo.jpg) no-repeat scroll 0 0;
margin-top:20px;
text-indent:-9999px;
}
p#campLogo a{
display:block;
width:186px;
height:39px;
}
#header .inquiry{
display:block;
position:absolute;
min-width:310px;
width:auto !important;
width:310px;
top:32px;
right:15px;
}
p.inquiryText{
display:block;
background:url(../img/inquiry.jpg) no-repeat scroll 0 0;
width:91px;
height:10px;
text-indent:-9999px;
_line-height:10px;
}
dl.inquiryMail{
display:block;
height:22px;
}
dl.inquiryMail dt{
display:block;
float:left;
background:url(../img/campjimu.jpg) no-repeat scroll 0 50%;
width:79px;
height:22px;
text-indent:-9999px;
margin-right:10px;
_line-height:10px;
}
.inquiryMail img{
vertical-align:middle;
}
.mail{
background:url(../img/mail.jpg) no-repeat scroll 0 60%;
padding-left:18px;
}
dl.inquiryMail dd{
float:left;
font-size:1.25em;
font-weight:bold;
}

/*naviArea
--------------------------------------------*/
#naviArea{
clear:both;
}
#navi{
width:870px;
height:40px;
padding:0 15px;
}
#navi li{
float:left;
}
#navi a{
display:block;
width:174px;
height:40px;
text-indent:-9999px;
}
#service a{
background:url(../img/glonavi.jpg) no-repeat scroll -174px 0;
}
#function a{
background:url(../img/glonavi.jpg) no-repeat scroll -348px 0;
}
#rate a{
background:url(../img/glonavi.jpg) no-repeat scroll -522px 0;
}
#qa a{
background:url(../img/glonavi.jpg) no-repeat scroll -696px 0;
}
#top a{
background:url(../img/glonavi.jpg) no-repeat scroll 0 0;
}

#top a:hover,
#top a.now{
background:url(../img/glonavi.jpg) no-repeat scroll 0 -40px;
}
#service a:hover,
#service a.now{
background:url(../img/glonavi.jpg) no-repeat scroll -174px -40px;
}
#function a:hover,
#function a.now{
background:url(../img/glonavi.jpg) no-repeat scroll -348px -40px;
}
#rate a:hover,
#rate a.now{
background:url(../img/glonavi.jpg) no-repeat scroll -522px -40px;
}
#qa a:hover,
#qa a.now{
background:url(../img/glonavi.jpg) no-repeat scroll -696px -40px;
}

/*localNavi
--------------------------------------------*/
#localNaviArea{
display:block;
position:relative;
width:870px;
height:30px;
margin:0 15px;
background:#EDEDED none repeat scroll 0 0;
}
ul.localNavi{
padding-left:35px;
}
#localNaviArea li{
float:left;
padding:5px 18px;
background:transparent url(../img/bg_localnavi.gif) no-repeat scroll left center;
}
li#basic{
padding-left:0;
background:none;
}
ul.localNavi a{
display:block;
padding:1px 6px;
color:#333;
font-weight:bold;
text-decoration:none;
}
ul.localNavi a:hover{
background:#666666 none repeat scroll 0 0;
color:#fff;
}
ul.localNavi a.localNaviNow{
background:#666666 none repeat scroll 0 0;
color:#fff;
}


/*contents
--------------------------------------------------------------------*/
.title{
margin-bottom:13px;
}

/*mainContents
--------------------------------------------*/
#mainContents{
width:800px;
height:291px;
margin-bottom:17px;
background:url(../img/bg_top.jpg) no-repeat scroll 0 0;
}
#mainContents #inText{
width:427px;
padding:29px 22px;
*padding:17px 22px;
}
#mainContents #copy{
margin-top:22px;
}
#mainContents #body{
margin-top:18px;

}

/*news
--------------------------------------------*/
#news{
position:relative;
width:800px;
/*height:42px;*/
background:url(../img/bg_news_main.jpg) repeat-y scroll 0 0;
/*background:url(../img/news_back.jpg) no-repeat scroll 0 0;*/
}
#news_head{
position:relative;
background:url(../img/bg_news_head.jpg) no-repeat scroll left top;
}
#news_foot{
position:relative;
background:url(../img/bg_news_foot.jpg) no-repeat scroll left bottom;
}
#news_main{
position:relative;
padding:12px 0;
width:800px;
}
#info_text{
display:block;
float:left;
width:135px;
height:80px;
background:url(../img/news.jpg) no-repeat scroll left center;
text-indent:-9999px;
}

#news ul{
position:relative;
padding-left:20px;
}
#news li{
display:block;
position:relative;
width:630px;
margin:3px 0;
*margin:3px 0;
}
.update{
position:relative;
display:inline-block;
width:25px;
margin-left:1px;
background:url(../img/icon_new.gif) no-repeat scroll right center;
text-indent:-9999px;
}
.icon{
position:relative;
padding-left:13px;
background:url(../img/icon.gif) no-repeat scroll left center;
}
.icon2{
position:relative;
padding-left:10px;
background:url(../img/icon2.gif) no-repeat scroll left center;
}
a.noBar{
text-decoration:none;
}
.date{
display:block;
position:relative;
float:left;
}
.newsText {
position:relative;
padding-left:115px;
}
#more {
display:block;
float:right;
margin-right:15px;
}

/*campPoint
--------------------------------------------*/
#campPoint{
width:800px;
margin:23px 0;
}
li.pointBox{
display:block;
float:left;
width:252px;
background:url(../img/bg_point_main.jpg) repeat-y scroll 0 0;
}
#campPoint dl,
#serviceFunc dl{
display:block;
width:252px;
min-height:264px;
height: auto !important;
height:264px;
background:url(../img/bg_point_foot.jpg) no-repeat scroll left bottom;
}
#campPoint dt,
#serviceFunc dt{
display:block;
height:29px;
background:url(../img/point_title.jpg) no-repeat scroll 0 0;
text-align:center;
color:#fff;
font-weight:bold;
font-size:1.25em;
padding-top:4px;
}
dd.point{
display:block;
text-align:center;
padding-bottom:20px;
}
.point img{
margin:12px 0;
}
dd.point p{
display:block;
margin:0 18px;
text-align:left;
}
.point1,
.point2{
margin-right:22px;
}


/*footerArea
--------------------------------------------*/
#footerArea{
width:870px;
margin-bottom:20px;
padding:10px 15px;
border-top:1px #4DAC26 solid;
}
#footerArea a{
color:#333333;
font-size:0.85em;
*font-size:0.79em;
text-decoration:none;
}
#footerArea a:hover{
color:#333333;
text-decoration:none;
font-size:0.85em;
*font-size:0.79em;
}
#footerArea .inquiry{
width:260px;
height:60px;
}
#footerArea .inquiry dt{
float:none;
margin-top:5px;
height:13px;
}
#footerArea .inquiry dd{
float:none;
}

#footerNavi1{
float:left;
}
#footerNavi2{
float:right;
}
#privacy{
text-align:right;
}
#copyright{
font-size:0.91em;
padding-top:5px;
}
#copyright img{
padding-left:10px;
vertical-align:middle;
}