@charset "utf-8";

html, body {width:100%;}
body {margin:0; padding:0; text-align:center;}
img {border:none;}
dl, ul, ol {list-style:none; margin:0; padding:0;}
li, dt, dd {list-style-type:none; margin:0; padding:0; text-align:left;}
div, td, th, li, dt, dd, p {font-family:dotum, gulum, AppleGothic, sans-serif; font-size:12px; color:#87a5b2;}
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; letter-spacing:-1px;}
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.posi_r {position:relative;}
.posi_a {position:absolute;}
.vam {vertical-align:middle;}/*090819 add*/

/*font*/
.p9 {font-size:9px;font-family:tahoma;letter-spacing:1px;}
.p10 {font-size:10px; font-family:verdana;}
.p12 {font-size:12px;}
.vdn {font-family:verdana;}
.thm {font-family:tahoma;}
.b {font-weight:bold;}
.u {text-decoration:underline !important;} /* 090622 edit */
.ls1 {letter-spacing:-1px;}

a:link, a:visited {color:#87a5b2; text-decoration:none;}
a:hover, a:active {color:#87a5b2; text-decoration:underline;}

.w, a.w:link, a.w:visited, a.w:hover, a.w:active {color:#FFF;}
.brw, a.brw:link, a.brw:visited, a.brw:hover, a.brw:active {color:#503A28;}
.org, a.org:link, a.org:visited, a.org:hover, a.org:active {color:#f5950c !important;}/*090819 add*/

/*display*/
.none {display:none;}
form{margin:0; padding:0;}

fieldset {border:0; margin:0; padding:0}
legend {display:none;}
label * {vertical-align:middle;}
/*form*/
input, select, textarea {font-family:돋움, 굴림, AppleGothic, sans-serif;  font-size:12px; color:#666666;}
input.mb {margin-bottom:2px}
input.text_field{border:1px solid #a9c6d9; background: #ffffff; height:16px; _padding-top:0; padding-top:1px;} /* standards mode 와 height 차이 */
.input_ra {width:14px; height:14px; margin:0; vertical-align:middle;} /*090819 add*/
.f11{font-size: 11px; letter-spacing:-1px; color: #ababab;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.a_center{text-align: center;}
.point{color: #ff9000;}
.f_gray_88{color:#888;}
.f_gray_33{color:#333;}

p.t_type1{ margin: -15px 0 0 9px;}
p.t_type2{ margin: 8px 0 0 20px; letter-spacing: -1px; text-align: left;}
p.t_type3{ margin-top: 30px;}
p.t_type4{ margin: 8px 0 0 0; }
p.t_type5{ margin: 0 10px 0 15px; font-size: 11px; text-align: left;}
p.t_type6{ margin: 10px 0 0 9px;}
.spaceB20{ padding-bottom: 20px;}
.spaceT20{ padding-top: 20px;}
.spaceT35{ padding-top: 35px;}
.spaceP20{ padding: 20px 0;}

.layer_caps{ position:absolute; width: 173px; height: 18px; background: url(http://images.hanjamaru.co.kr/nhn/hanjamaru/img/common/bg_capsLock.gif) no-repeat; padding: 7px 0 0 0;}
.layer_caps p{ color:#5c7d00; font-size: 11px; text-align: center}
.layer_caps p em{color:#80b701; font-family:verdana; font-style: normal; font-weight: bold;}

.cur{cursor: pointer}

/* 페이지 네비게이션 */
.paginate{width:100%; margin-top:20px;  text-align:center;}
.paginate a{display:inline-block; background:none; padding:1px 6px 2px 6px; color:#005e76 !important; font-size:11px; font-family:dotum; font-weight:bold; vertical-align:middle; font-weight:bold; text-align:center;} /* 링크 공통 090109 */ 
.paginate a.first{background:none;} /* 1번  background or border none 처리 */
.paginate a strong{position:relative; top:-1px; left:-4px; margin-right:-8px; /*width:16px; padding:3px 2px 2px 0;*/padding:1px 4px 0 3px;  display:inline-block; /*background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/common/bg_page_num.gif) no-repeat 1px top; _background-position:left top;*/ background:#d8f1f5; border:1px solid #5fbcc3; color:#00a5ae; font-size:11px; text-align:center; letter-spacing:-1px;} /* 선택된 페이지 넘버 스타일 090109 */
*:first-child+html .paginate a strong {background-position:left top;} /* 090109 */
.paginate a:hover, .paginate a:active, .paginate a:focus {text-decoration:none;}
.paginate .prev{background:none; padding:0;} /* 이전 버튼 */
.paginate .prev_home{background:none; margin-right:3px; padding:0;} /* 맨앞 버튼 */
.paginate .next{background:none; padding:0;} /* 다음 버튼 */
.paginate .next_end{background:none; margin-left:3px; padding:0;} /* 맨뒤 버튼 */
.paginate a img {position:relative; top:-1px; vertical-align:middle;}

/* Layer Bubble */
.layer_bubble{ position:absolute; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/common/bg_bubble_lt.gif) no-repeat;}
.layer_bubble img{ border:none;}
.layer_bubble .rt,
.layer_bubble .lb,
.layer_bubble .rb{ display:block; position:absolute; overflow:hidden;}
.layer_bubble .layer_content{ position:relative; right:-17px; overflow:hidden; float:left; _float /**/:none;}
.layer_bubble .rt{ top:0; right:-17px; width:17px; height:100%; font-size:500px; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/common/bg_bubble_rt.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/common/bg_bubble_rt.png', sizingMethod='crop');}
.layer_bubble .rt_iefix{ display:none; _display:block; _display /**/:none; position:absolute; top:0; right:0; width:17px; height:200px; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/common/bg_bubble_rt.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/common/bg_bubble_rt.png', sizingMethod='crop');}
.layer_bubble .lb{ bottom:-24px; left:0; width:100%; height:24px; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/common/bg_bubble_lb.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/common/bg_bubble_lb.png', sizingMethod='crop');}
.layer_bubble .rb{ bottom:-24px; right:-17px; width:17px; height:24px; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/common/bg_bubble_rb.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/common/bg_bubble_rb.png', sizingMethod='crop');}
.layer_body{ margin: 15px 17px 0 0; text-align: center;}
.layer_body p{ margin-bottom:10px; line-height:1.4em; color:#646464; width:287px;}
.layer_body .btnArea{width:287px;}
.layer_bubble .close_layer{ position:absolute; top: 7px; right:-8px;}

.t_h3{font-size: 14px; font-weight: bold;}
.t_type1{}
.f11{ font-size:11px; color:#949494; letter-spacing:-1}
/* CapsLock*/
.layer_caps{ position:absolute; width: 173px; height: 18px; background: url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/common/bg_capsLock.gif) no-repeat; padding: 7px 0 0 0;}
.layer_caps p{ color:#5c7d00; font-size: 11px; text-align: center}
.layer_caps p em{color:#80b701; font-family:verdana; font-style: normal; font-weight: bold;}
/* //Layer Bubble */