@charset "utf-8";

/* COMMON */
body{margin:0; padding:0; font-family:dotum, Arial, Helvetica, sans-serif; font-size:small; text-align:center;}

body#login{background:url(../img/bg_login.jpg) repeat-x 0 0 ; }

h1{margin:0; padding:0; width:200px; text-align:left; position:relative; top:10px; left:10px; } 
h2{margin:0; padding:0;}
address{line-height:135%; margin:0 30px; font-style:normal;	font-family:dotum, Arial, Helvetica, sans-serif;}
a img{border:0;}
.noView{ display:none;}

/* layout */
#wrap{width:100%; height:100%;}
#layout {margin:90px auto 0 auto; width:711px; height:460px; background:url(../img/bg_loginBox.gif) no-repeat 0 55px;} 


/* header */
#header{margin-top: 0; width:200px;} /* center와의 간격 설정 */

/* center */
#center {} 
#center01 {width:667px; height:197px; margin: 37px auto 0  auto; font-family:'Nanum Gothic';}
#center02 {padding: 10px 0 0 0; font-size:85%; color:#517a95; font-family:'Nanum Gothic';}



/* footer */
.footerBox{ text-align:right; width:100%; margin:auto; }
#footer{ clear:both; text-align:center; font-size:85%; padding-top:45px; }
#footer p{font-family:'Nanum Gothic'; color:#5c5c5c; margin: 0 0 0 0; line-height:160%;}


/* ---------------------- center : 로그인 공통 -----------------------  */



.login_inBox{width:492px; margin: 8px 0 0 40px;}
.login_inBox_top{width:492px; margin:0; padding:0; text-align:left;}
.login_inBox_center{ padding: 18px 0 0 0; margin:0 0 0 7px; } 

/* ---------------------- center : ID/PW 로그인 -----------------------  */

#loginNormal{float:left;}
#loginPKI{float:left;} 



.login_inBox fieldset{margin:0; padding:0; border:0;}
.login_inBox legend{margin:0; padding:0;}
.login_inBox label{margin:0; padding:0; }

/*            <-------------------->id   */
.loginBox{ float:left; margin:0 0 0 165px; padding: 0;  text-align:left; line-height:180%; font-family: dotum, Arial, Helvetica, sans-serif; font-size:small ;}	   
.loginBox dt{float:left; margin:0; padding:4px 0 0 0; width:34px; height:22px; color:#282828;} 
/*                        아이디 저장<-->로그인버튼 간격                                             아이디 저장 체크박스 및 텍스트 폭  */
.loginBox dd{margin:0 0 0 18px;  padding: 0 0 0 0; height:26px; text-align:left; color:#5c5c5c; width:197px;} 


 /* 데이터 입력 input공통 스타일 */ 
.loginBox select{position:relative; top:1px; width:103px;}
.loginBox .inputCheckbox_style{position:relative; top:4px; left:-2px; }

/* 아이디/비번 input 박스 설정 */
.inputText_style { width: 100px; height: 18px; margin:2px 0 0 0;  padding: 1px 1px 0 1px; border:0; vertical-align:middle; background-color:#fff; border: 1px #7f9db9 solid; } 


.loginBox dd span.remember{height:20px; position:relative; top: 2px ; left:-7px;  } 


/* 회원가입 */
.btn_join{ float:right; font-weight:bold; color:#126298; position:relative; top:-10px; right:9px; background:url(../img/icon_join.gif) 0 3px no-repeat; padding-left:7px; letter-spacing: -0.1em; }
.btn_join a:link{color:#126298; text-decoration:none;}
.btn_join a:hover{color:#01436f; text-decoration: underline; }
.btn_join a:visited{ color:#126298;text-decoration:none;}



/* 아이디 입력 */
.userid_dd{float:left;} 
.userid_dd input{ position:relative; top:0px; left: -18px; font-family:dotum, Arial, Helvetica, sans-serif; } 
.userid_dd input{left: -14px;}


/* 패스워드 입력 */
.userpass_dd{float:left; position:relative; left: -18px;}
.userpass_dd input{font-family:dotum, Arial, Helvetica, sans-serif; } 


/* 아이디 저장 */

p.save_id_box{ display:inline; position:relative; left: -13px; cursor:pointer; }

.save_id_box label{ margin:0; padding:0; color:#5c5c5c; font-size:85%; font-family: dotum, Arial, Helvetica, sans-serif; }
.save_id_box input{ position:relative; top:2px;}


.bt_login{margin:0px 0 0 0; }
.bt_login a{color:#333;}
.bt_login a:hover{color:#333;}


.pki{margin:2px 0 0 4px; float:left;}

.bt_etc{margin:2px 0 0 0; width:128px; float:left; text-align:right;}
.bt_etc img{margin:0 0 2px 0;}


/* center */
#center03 {clear:both; padding: 10px 0 0 0; font-size:100%; text-align:center; color:#517a95;}


/* 댓글 */
.reply { width: 660px; background-color: #fafafa; border: 1px solid #d8d8d8; padding: 20px; }
.reply .line { width: 660px; height: 1px; margin: 12px 0px; background: url(http://www.korailpark.com/img/board/style1_line_dot.gif) repeat-x; }
.reply .space { width: 660px; height: 1px; margin: 12px 0px; background: url(http://www.korailpark.com/img/board/style1_line_dot.gif) repeat-x; }
.reply .row { width: 660px; overflow: hidden;}
.reply .row div { line-height: 22px; display: inline-block; zoom: 1; *display: inline;}
.reply .row div pre{  font-family:'Malgun Gothic', '맑은 고딕', 'Nanum', Dotum, sans-serif;}

.reply .info { width: 69%; text-align: left; }
.reply .info .nickname a { color:#666;}/*수정*/  
.reply .func { width: 30%; text-align: right; }
.reply .body { display: block; width: 648px; line-height: 12px; margin-left: 12px; text-align: left; text-overflow: ellipsis; -o-text-oveflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; white-space: pre }
.reply .reply_reply { width: 31px; background: url(http://www.korailpark.com/img/board/style1_ic_reply.gif) no-repeat center 3px; vertical-align: top  }
.reply .reply_body { display: block; width: 618px; margin-left: 42px; text-align: left; text-overflow: ellipsis; -o-text-oveflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;  white-space: pre; }
.reply .input_info { margin-right: 5px; #margin-right:7px; vertical-align: top  }
.reply .input_info p { height: 27px; }
.reply .input_info .pw_txt { line-height:11px; text-indent:7px; color:#a4a8ab; font-size:11px;  }/*수정*/  
.reply .input_info textarea { font-size:12px; color:#333; padding:5px 0 0 5px; border:1px solid #c3c3c3 }/*수정*/  
.reply .func_reg { width: 82px; }