@charset "euc-kr";

@import url("board.css");     /* board css*/

/*Reset*/
*{margin:0;padding:0;}
html,body{width:100%;height:100%;}
html{overflow-y:scroll;}
body{background-color:#F7F9F8;*word-break:break-all;-ms-word-break:break-all;}
body,input,button{color:#555; font:normal 12px/1.75 'µ¸¿ò',Dotum,'µ¸¿òü',DotumChe,AppleGothic,Sans-serif;}
td	{color:#555; font:normal 12px/1.75 'µ¸¿ò',Dotum,'µ¸¿òü',DotumChe,AppleGothic,Sans-serif;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
a{color:#555; text-decoration:none;}
a:hover{text-decoration:underline;}
a:visited{color:#333;}
em,address{font-style:normal;}
input,select{vertical-align:middle;}
button,label{cursor:pointer;_cursor /**/:hand;}
legend,caption{display:none;}
form { margin:0; padding:0; }
@media print{
body{color:#000;}
}

/* Common */
.link{cursor:pointer;}
.ls{letter-spacing:-1px;}
.b{font-weight:bold;}
.u{text-decoration:underline;}

.pr{position:relative;}	 .pa{position:absolute;}	.ps{position:static;}
.c{clear:both;}
.fl{float:left;}	.fr{float:right;}
.al{text-align:left;}	.ar{text-align:right;}	.ac{text-align:center;}	.aj{text-align:justify;}
.at{vertical-align:top;}	.am{vertical-align:middle;}	.ab{vertical-align:bottom;}
.hide{display:none;}	.show{display:block;}

table { border-spacing: 0;  border-collapse: collapse; }
img, fieldset { border:0px; }
img {border:0px;}
legend { display: none; }

input { border-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: #CACACA;background-color:#FDFDFD; height:18px; font-size:12px; font-family:Dotum,DotumChe,verdana; width:99%; vertical-align:middle;}
input.nobox { border:0px; width: 56px; height:24px; margin-bottom:1px; vertical-align:middle;}
input.search { border:0px; width: 25px; height:21px; margin-bottom:1px; vertical-align:middle;}
input.search2 { border:0px; width: 62px; height:31px; vertical-align:middle;}
input.login { BORDER-RIGHT: #CEDFF3 1px solid; BORDER-TOP: #CEDFF3 1px solid; BORDER-LEFT: #CEDFF3 1px solid; BORDER-BOTTOM: #CEDFF3 1px solid;
					background-color:#F0F5FA; width: 103px; height:19px; font-size:12px; font-family:Dotum,DotumChe,verdana; color:#333333; }
input.nobox3 { border:0px; width: 95px; height:25px;vertical-align:middle;}
input.nobox5{ border:0px; width: 62px; height:47px; padding-top:0px;}
input.ok { border:0px; width: 40px; height:17px; margin-bottom:1px; vertical-align:middle;}
input.login{ border:0px; width: 140px; height:80px; padding-top:0px;}
input.join{ border:0px; width: 61px; height:26px; padding-top:0px;}
input.ok{ border:0px; width: 61px; height:26px; padding-top:0px;}
input.ok2{ border:0px; width: 76px; height:24px; padding-top:0px;}

.border_photo { border: #D6D9E0 1px solid;}
.border_pho { border: #C9CDCE 4px solid;}
.border_pho2 { border: #C9CDCE 1px solid;}

.border {border-right: #606060 1px solid; border-top: #606060 1px solid; border-left: #606060 1px solid; border-bottom: #606060 1px solid;}
.border_whtie {border-right: #ffffff 1px solid; border-top: #ffffff 1px solid; border-left: #ffffff 1px solid; border-bottom: #ffffff 1px solid;}
.line { width:100%; height:1px; padding:0px; border-top:#E6E6E6 1px solid;clear:both;}
.line_dot { width:420px; height:14px;padding:0px 0 0 0;background: url(/images/line.gif) repeat-x;}
.line_dot2 { width:100%; height:1px;padding:0px;margin:0px;background: url(/images/line.gif) repeat-x;}
.line_dot3 { width:100%; height:1px;padding:0px;margin:10px 0px;background: url(/images/line.gif) repeat-x;}

.checkbox { width:13px; height:13px; border:none}
.radio { width:13px; height:13px; border:none}
textarea{ padding:5px 5px; border:1px solid #c4c4c4; width:98%;}
.red {color:#FF1800;}



/* height ¿©¹é */
.sp2 { height: 2px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp5 { height: 5px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp10 { height: 10px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp15 { height: 15px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp18 { height: 18px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp20 { height: 20px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp25 { height: 25px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp30 { height: 30px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp35 { height: 35px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp40 { height: 40px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp45 { height: 45px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp50 { height: 50px; width:1px; font-size: 0; line-height: 0; clear:both; }

.spleft { padding-left:10px; }


/* bbs */
.bbs_title{ font-size:12px; color:#000000;line-height:14pt;}
.bbs_name{ font-size:12px; color:#0459AF;line-height:14pt;}
.bbs_date{ font-size:11px; color:838383;line-height:14pt;}
.bbs_hit{ font-size:11px; color:#F78001;line-height:14pt;}
.left_td { padding: 0px 0px  0px 10px}

/* hidden */
.hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}

/* ¼­ºê */
.right_book_area {width:670px; margin-bottom:15px;}
.right_book_area .right_book {height:25px; overflow:hidden;}
.right_book_area .right_book li {width:167px; height:25px; float:left;}
.right_book_area .right_book li a {display:block; margin-top:3px; font-size:12px; line-height:25px; font-weight:bold; color:#ffffff; text-align:center; background-color:#666666;}
.right_book_area .right_book li:first-child a {border-left:1px solid #D9D9DA;}
.right_book_area .right_book li.on a {color:#ffffff; border-bottom:0; background-color:#ABCD05;}
.right_book_area .right_book_con {padding:30px 0px 0px 0px; background-color:#ffffff; border-top:0;}
.right_book_area .right_book_con > li {display:none;}
.right_book_area .right_book_con > li.on {display:block;}
.right_book_area .right_book_con > li ul {}
.right_book_area .right_book_con > li ul li {padding:0px;}
.right_book_area .right_book_con > li ul li img {margin-bottom:25px;}
.right_book_area .right_book_con > li ul li p {margin-bottom:7px; font-family:¹ÙÅÁ; font-size:14px;  font-weight:bold; color:#000000;}
.right_book_area .right_book_con > li ul li p.title {margin-bottom:7px; font-family:¹ÙÅÁ; font-size:14px; font-weight:bold; color:#000000;}
.right_book_area .right_book_con > li ul li p.title2 {margin-bottom:7px; font-family:µ¸¿ò; font-size:13px; font-weight:bold; color:#009E99;}
.right_book_area .right_book_con > li ul li span {width:100%; text-align:center; display:block;}



/* ·Î±×ÀÎ */
.loginBoxWrap {position:relative; width:419px; height:179px; top:20px; margin:0 auto;background:url(/images/box_login_bg.gif) no-repeat;}
.loginTitle {clear: both; margin: 0 0 22px 0px;}
.info {float: left; padding: 45px 0 20px 82px;}

.loginArea {float: left; width: 335px; height:60px; margin: 0px 0 0px 40px;}

.loginArea .inputArea {float: left; width: 265px; height: 44px;}
.loginArea .inputArea .item {position: relative; padding: 0 0 4px ;}
.loginArea .inputArea .item img {margin: 0px 10px 0px 0px;vertical-align: middle;}
.loginArea .inputArea .item .i_text {width: 195px; height: 22px; padding: 1px 0; border: 1px solid #B7B7B7;}
.loginArea .loginBtn { border:0px; width: 62px; height:57px;}
.loginArea .loginBtn2 { border:0px; width: 60px; height:44px; margin-top:14px;}

.loginArea .keep {width: 260px; padding: 10px 0 30px 0; text-align:center;}
.loginArea .keep label {padding: 0 15px 0 5px; font-size: 11px;}
.loginArea .checkbox { border:0px; background-color:#F4F7F9; width:13px; vertical-align:middle;}

.help {overflow: hidden; width: 375px; padding: 20px 0 0; margin: 0px 0px 0px 35px;}
.help ul {margin: 0 0 0 -7px;}
.help li {float: left; padding: 2px 7px; vertical-align: middle;}