@charset "utf-8";

@import url('bbs.css');

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

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select { margin:0; padding:0 }
body,input,textarea,select,button,table { font-size:12px; font-family:'나눔고딕',NanumGothic,'돋움',Dotum,AppleGothic,Sans-serif; }
img,fieldset { border:0; vertical-align:top; }
ul,ol { list-style:none; padding:0; margin:0; }
em,address { font-style:normal }
a { color:#333; text-decoration:none }
a:hover,a:active,a:focus { color:#333; text-decoration:underline }
.alc{text-align:center;padding:5px}
/* ------------------------------
Title
------------------------------ */
h2.title { clear:both; margin:20px 0px 10px; padding:0px; height:25px; font-weight:normal; font-size:20px; overflow:hidden; }
h2.txt { clear:both; margin:20px 0px 10px; padding:0px; height:25px; font-size:20px;  color:#0a58c4;  }
h2.title img { margin-top:30px; }
h3.txt {  margin:0px 0px 10px; padding:0px;font-weight:boldl; font-size:18px;  color:#434343; }
h3.title { clear:both; margin:20px 0px 5px; padding:0px; height:20px; font-weight:normal; font-size:15px; color:#00a0e9; overflow:hidden;}
h3.title img { margin-top:30px; }
h4.text { clear:both; margin:0; padding:15px 0 10px; font-size:12px; color:#666}
h4.title { clear:both; margin:20px 0px 5px; padding:0px 0px 0px 0px; line-height:32px; font-size:14px; }
h4.title img { clear:both; margin:0; padding:0; }
h5.title { clear:both; margin:0px 0px 10px 0px ; padding:0px 0px 0px 0px; height:18px; font-family:'Trebuchet MS', Times, serif; line-height:18px; font-size:20px; color:#1b55ad; font-weight:normal; }
h6.title { clear:both; margin:15px 0px 10px -7px; padding:0px 0px 0px 25px; height:18px; font-family:'Trebuchet MS', Times, serif; line-height:18px; font-size:12px; background:url('/img/common/h6_ico.gif') 8px 2px no-repeat; color:#11525c; font-weight:normal; }

/* ------------------------------
Paragraph
------------------------------ */
/*
p {  line-height:150%; margin:0px 0px 10px 0px;color:#666; font-family:'돋움',Dotum,AppleGothic,Sans-serif;}
p span{  color:#0b92ad; font-weight:bold}
*/
p.basic { width:97%; margin:10px 0px 10px 0px; padding:0px; line-height:18px;}
p.basicbor { width:97%; margin:0px; padding:10px; line-height:18px;background:#eee;}
p.basicorg { margin:10px;color:#ff3600}
span.red { color:red}

p.msg { margin:10px 0px; padding:10px; font-size:13px;  background:#eee; border:1px dashed #c9c9c9;}
p.msg strong { color:#0b92ad; font-size:12px; }
p.msg span { color:#0b92ad; font-size:16px; font-weight:bold; height:30px; display:inline-block}
.bold { font-weight:bold; }
p.t14{font-size:20px;  font-weight:bold; text-align:center; color:#0a58c4;font-family:'나눔고딕',NanumGothic,'돋움',Dotum,AppleGothic,Sans-serif; }

p.indent { margin:10px 0px 10px 25px; padding:0px; }
ul.li_ico{margin-left:10px;}
ul.li_ico li{background:url('/images/sub/li_ico.gif') 1px 5px no-repeat; padding-left:10px;line-height:18px; color:#666}
ul  li{line-height:18px; color:#666}
.cash{font-size:20px;color:#0878ff;font-family:'Arial', 'AppleGothic'; text-align:center;}
/* Layout */
#wrap { width:100%; text-align:center }
#gnb { width:100%; height:27px; border-bottom:1px solid #e5e5e5; }
#gnb .bookmark { width:100px; float:left; }
#header { width:1000px; margin:0 auto }
#container { width:1000px; margin:0 auto }
#content { width:740px; text-align:left; float:right }
#footer { width:1000px; margin:0 auto }

.vNav { width:200px; min-height:600px; margin-right:40px; position:relative; }
.vNav img { padding:0; margin:0; }
.vNav h2 { height:27px; background:#0a58c4; font-size:21px; color:#fff; padding:20px 0; text-align:center }
.vNav .ico3 { width:200px; height:32px; background:url(/images/common/ico3.gif)no-repeat; font-size:12px; color:#333; line-height:30px; padding:0 0 0 10px; display:block; }
.vNav .ico4 { width:200px; height:32px; background:url(/images/common/ico4.gif)no-repeat; font-size:12px; color:#333; line-height:30px; padding:0 0 0 10px; display:block; }
.vNav .ico3 span.cut { width:160px; display:block; white-space:nowrap; overflow:hidden; }
.vNav .menu_1dept { margin:0;background:url(/images/common/vNav_bg.gif) repeat-y; }
.vNav .sub_mu { text-align:left; display:none; }
.vNav .sub_mu a { font-weight:bold; display:block; }
.vNav .sub_mu a:hover,a:active,a:focus { color:#0a58c4; text-decoration:none }
.vNav .sub_mu2 { text-align:left; padding:5px 0 5px 10px; line-height:20px; border-bottom:1px solid #dcdcdc; }
.vNav .sub_mu2 a { font-weight:normal; display:block; font-size:11px; font-family:'돋움',Dotum,AppleGothic,Sans-serif;}
.vNav .sub_mu2 a:hover { color:#0a58c4; }
.vNav .sub_mu2 a span.cut { width:180px; display:block; white-space:nowrap; overflow:hidden; }

.navigation { width:740px; height:80px; margin:30px 0 10px 0; border-bottom:1px solid #ededed; }
.navigation .navi { background:url(/images/sub/home.gif) 0px 0px no-repeat; padding-left:15px; height:30px; text-align:left; color:#999; font-size:11px; font-family:'돋움',Dotum,AppleGothic,Sans-serif; }
.navigation .navi span { color:#7da0bc; }
.navigation100 { width:1000px }

.menu_bg { background:#0a58c4; border-top:#003976; border-bottom:#003976; }

/* search form */
.search { background:url(/images/common/search_bg.gif) no-repeat; width:380px; height:30px; padding:3px; }
.srch { width:100%; border:0px; }
.srch legend { overflow:hidden; visibility:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0 }
.srch { color:#c4c4c4; }
.srch select { width:80px; margin:4px 0 0px; font-size:12px; color:#373737; vertical-align:middle; border:0px solid red; }
.srch input[type=image] { margin:-1px 0 0px 20px; font-size:12px; color:#373737; vertical-align:middle; }
.srch .keyword { width:220px; margin-left:1px; padding:3px 3px 4px; border:0px; font-size:12px; line-height:15px }
.srch select { font-size:13px; margin-left:5px; }


/* ------------------------------
align
------------------------------ */
.alC { text-align:center;}
.alL { text-align:left;}
.alR { text-align:right;}
.fL { float:left;}
.fR { float:right;}
.cB{ clear:both;}




/*etc*/
.etc { color:#626262; line-height:20px; }
/*login*/
.login { width:740px; border-bottom:1px solid #d3d3d3; margin-bottom:20px; }
.login_txt { border-bottom:3px solid #1c88c9; text-align:center; padding:40px 0 30px; margin-bottom:5px; }
.login .box { padding-left:20px; background:#f9f9f9; }
.btn { margin:30px 0 40px; }
h4.tit { font-size:20px; text-align:left; padding:20px 0 10px; margin-bottom:20px; }
h4 { font-size:14px; text-align:left; padding:20px 0 10px; }
.join_info { height:19px; width:170px; border:1px solid #cccccc; padding:0; margin:0 5px 0 5px; }
.join_info2 { height:19px; width:120px; border:1px solid #cccccc; padding:0; margin:0 5px 0 5px; }

#footer { width:100%; overflow:hidden; clear:both; margin:0; padding:22px 0 30px; margin-top:50px; background:#545454; color:#fff; font-size:12px; line-height:17px; font-family:'나눔고딕',NanumGothic,'돋움',Dotum,AppleGothic,Sans-serif; text-align:center }
#footer .inner { width:1000px; margin:0 auto; text-align:left; }
#footer .inner:after { display:block; clear:both; content:''; }
#footer .logo { width:200px; margin:10px auto; float:left; }
#footer .link { width:600px; margin:0 auto; float:left; line-height:20px; }
#footer .link a { padding:0 7px; font-weight:bold; }
#footer .org { color:orange }
#footer a { color:#fff; text-decoration:none }
#footer a:visited { color:#fff; text-decoration:none }
#footer a:hover { text-decoration:underline }
#footer address { width:600px; float:left; }
#footer address img { vertical-align:middle }
#footer address span { padding:0 7px }

#footer .ssl { float:right; width:100px; text-align:right; }
#footer .ssl img { cursor:pointer; }