* { margin: 0px; padding: 0px; }
body, ul, li, dl, dd { margin: 0px; padding: 0px;  }
ol,ul,li { list-style-type: none; }
a { outline:none; }
img, fieldset { border:0; }
img, select, input { vertical-align:middle; }


body { 
  text-align: center;
  -webkit-text-size-adjust:none;
}

#wrapper {width: 100%; min-width: 320px;}	

#header { width: 100%;  /* 20140123 삭제 BOM background-color: #212121; */  float: none; *zoom:1; clear: both; }
#header:after { content:""; display:block; clear:both;}
.logo { width: 95%;  margin: 0 auto; }
.logo li { float: left; }
.top01 { width: 24%; }
.top02 { width: 52%; }
.top03 { width: 24%; }


#main_pic { position:relative; width: 320px; height: 268px; margin: 0 auto; clear: both; background: url(images/main_pic.jpg) no-repeat; }

#btn_counsel { position:absolute; top:0; right:0; width: 69px; height: 24px; margin: 12px 10px 0 0; }
#m_menu { float: left; width: 320px; margin: 78px 0 0 10px; }
#m_menu li { float: left; }

.m_menu01 {  width: 92px; height: 84px; padding-right: 12px; padding-bottom:6px;}

.m_menu02 { width: 92px; height: 84px; padding-right: 12px; padding-bottom:6px; }
.m_menu03 { width: 92px; height: 84px; padding-bottom:6px; }
.m_menu04 { width: 92px; height: 84px; padding-right: 12px; }
.m_menu05 { width: 92px; height: 84px; padding-right: 12px; }
.m_menu06 { width: 92px; height: 84px;}

#b_menu_bg {width: 100%; height: 38px; background: url(images/b_menu_bg.gif) repeat-x; clear: both; }
#b_menu_bg li { float: left; }

.line03 { display: block; background: url(images/b_menu_bg.gif) right top; }
.line04 { display: block; background: url(images/b_menu_bg.gif) left top; }


.b_menu01 { width: 23%; }
.b_menu02 { width: 20%; }
.b_menu03 { width: 32%; }
.b_menu04 { width: 25%; }

#copy { clear: both; margin: 0 auto; width: 320px; }


/* top Menu */

#top_menu { width: 100%; height: 50px; background: url(images/barBg.gif); clear: both; float: left; }
#top_menu ul {overflow:hidden; height:50px;}
#top_menu li { float: left; }

#top_menu li a .line { display: block; background: url(images/barBg.gif) right top;  padding:20px 0;  font-size:1em; color:#ffffff; font-weight:bold; border-right:1px solid #458a16;}
#top_menu li a .line02 { display: block; background: url(images/barBg.gif) left top; padding:20px 0;  font-size:1em; color:#ffffff; font-weight:bold;}
/* 
#top_menu li a .line img {width:150px; height:20px;}
#top_menu li a .line02 img {width:150px; height:20px;}
*/


#top_menu li a:hover .line, #top_menu li a.active .line { background: url(images/bar2Bg.gif) right top; padding:20px 0;   font-size:1em; color:#121212; font-weight:bold; }
#top_menu li a:hover .line02, #top_menu li a.active .line02 { background: url(images/bar2Bg.gif) left top; padding:20px 0;  font-size:1em; color:#121212; font-weight:bold; }

.menu1 { width: 40%; }
.menu2 { width: 20%; }
.menu3 { width: 20%; }
.menu4 { width: 20%; }

#subtitle { clear: both; width: 100%; height: 30px; background: url(images/subtitle_bg.gif) repeat-x; }

.btn_pre { width: 25px; padding: 3px 0 0 10px; float: left; }
.s_text { width: 85%; padding-top: 3px; margin: 0 auto; text-align: center; }
.s_text02 { width: 75%; padding-top: 3px; margin: 0 auto; text-align: center; }
.re_tab { width: 140px; padding: 3px 10px 0 0; float: right; }

#sstitle { clear: both; width: 100%; height: 25px; background: url(images/stitle_bg.gif) repeat-x; margin-bottom: 16px; }
#sstitle02 { clear: both; width: 100%; height: 25px; background: url(images/stitle_bg.gif) repeat-x; }
.ss_text { padding-left: 10px; text-align: left; }

#btn_br { position:relative; max-width: 640px; margin: 0 auto; }
#btn_br2 { max-width: 640px; margin: 0 auto; margin-top:5%; padding-left:2%;  padding-bottom:2%; }
#btn_br li { float: left; margin-bottom: 16px; }

.br_per { max-width: 70%; }
.btn_br01 { width: 25%; }
.wi_per { width: 44%; }
.wi_per2 { width: 4%; }
.wi_per3 { width: 4%; }
.wi_per4 { width: 44%; }

#count { position:absolute; top:0; right:7%;  margin-top:1%; }

.br_box { max-width: 640px; margin: 0 auto; padding-bottom: 16px; clear: both; }
.br_box li { width: 100%; }

.intro_box { max-width: 640px; margin: 0 auto; clear: both; }
.intro_box li img { width: 100%; }

.per94 { max-width: 94%; }
.per88 { width: 88%; margin: 0 auto; padding: 10px 0; }

.info_title { margin: 16px 0 9px 0; }

#b_box { width: 100%; height: 41px; background-color: #000; padding-top: 11px; text-align: center; }

.re_table { border-collapse: collapse; margin: 0 auto; }
.re_table td { padding: 10px 0; border-bottom: 1px solid #adadad; text-align: center; }
.re_table .bbs_left { text-align: left; padding-left: 10px; }

#paging01 {
  width: 100%;
  text-align: center;
  padding-top: 10px;
  clear: both;
}

.sel_no { font-size:12px; font-family:  verdana, Trebuchet MS, helvetica neue ; color:#50730b; font-weight: bold; }
.bar { font-size:11px; font-family:  verdana, Trebuchet MS, helvetica neue ; color:#adadad; }

.list_mar { margin: 0 17px; }
.list_mar02 { margin: 0 10px 0 0; }
.list_mar03 { margin: 0 10px; }
.list_mar04 { margin: 0 17px 0 0; }

#rr_box { width: 94%; margin: 0 auto; padding-bottom: 10px; clear: both; }
.rr_title { padding: 15px 0; font-size:12px; text-align: left; color:#50730b; font-weight: bold; border-bottom: 1px solid #adadad; }
.rr_date { padding: 10px 0; text-align: right; }
.rr_con { padding: 5px 0 10px 0; text-align: left; font-size:12px; color:#6c6c6c; }
.rr_etc { padding: 5px 0; text-align: left; }

.on_wri { border-collapse: collapse; margin: 0 auto; }
.on_wri td { padding: 5px 0; text-align: center; }
.on_wri .bbs_left { text-align: left; padding-left: 10px; }

/* input css */
.input { border: 1px solid #dadada; padding: 3px 2px; } /* 일반 입력 */
.input1 { background: transparent; border: 0; vertical-align: middle; } /* checkbox, radio 라인없애기 */

.hppw_txt { width: 94%; margin: 0 auto; text-align: left; padding: 5px 0 0 10px; }
.on_txt { width: 94%; margin: 0 auto; text-align: left; padding-bottom: 10px; }

table.ta_c1 { border-collapse: collapse; margin: 0 auto; border: 1px solid #ececec; }
table.ta_c1 th { height: 23px; color: #fff; font-size: 11px; line-height: 18px; background-color: #4f710c; border-right: 1px solid #ececec; }
table.ta_c1 td { border-bottom: 1px solid #ececec; border-right: 1px solid #ececec; padding: 3px 7px; font-size: 11px; line-height: 16px; }
table.ta_c1 a { font-size: 11px; }
.rdate { text-align: right; font-size: 10px; font-family: verdana, Trebuchet MS, helvetica neue, helvetica-neue; color: #848484; float: right; }

.cen { text-align: center; }
.left { text-align: left; float: left; }

.lock_box { max-width: 640px; margin: 0 auto; padding-bottom: 16px; clear: both; background: url(images/pw_bg.gif) top center no-repeat; height: 146px; }

.on_pw { border-collapse: collapse; margin: 0 auto; }
.on_pw td { padding: 2px 0; text-align: center; }
.on_pw .bbs_left { text-align: left; padding-left: 10px; }


/*인트로페이지 간격*/
#intro {min-width:320px; max-width:640px; width:100%; text-align:center; margin:0 auto;}

.side { width:93%; text-align:center; margin:0 auto;}
.intro_tit {width:17%; padding-bottom:3%;}
.counsel_tit {width:50%; padding-bottom:3%;}
.pt06 {padding-top:6%;}
.ph06 {padding-bottom:6%;}
.ph04 {padding-bottom:4%;}

.intro2_box {margin: 0 auto; clear: both; }

.counseling {width:93%; text-align:center; margin:0 auto;}
.counseling table { text-align:left; border-top:1px solid #ccc;}
.counseling table td {border-bottom:1px solid #ccc; padding: 1% 2%;}
.counseling table td.txt {border:0; padding-top:2%; padding-left:2%;}
.counseling table td.btn {border:0; padding:4% 0 7% 2%; text-align:center;}
.counseling table td.btn img {width:35%;}
.counseling .b-black {width:20%; padding:2% 1% 2% 2%; background:#444444;}
.counseling .b-black2 {width:20%; padding:10% 1% 10% 2%; background:#444444;}
.counseling .txt-black {color:#fff; font-weight:bold; font-size:1.2em;}
.counseling .bbs_left {text-align: left; width:30%;}
.counseling #select3 {height:26px; width:24%;}
.counseling #select4 {height:26px; width:80%;}
.counseling .input { border: 1px solid #ccc; padding: 3px 2px; background:#f8f8f8; }
.counseling .textarea { border: 1px solid #ccc; padding: 3px 2px; background:#f8f8f8; }

.counsel_box {clear: both; background:#212121;}
.counsel {width:100%; text-align:center; margin:0 auto;}
.counsel table {width:85%; /*padding-left:9%;*/ text-align:center; margin:0 auto; padding-bottom:10%}
.counsel table td {padding-left:2%; text-align:left;}
.counsel .b-black {width:23%; padding:2% 1% 2% 1%;}
.counsel .txt-black {color:#fff; font-weight:bold; font-size:1.3em;}
.counsel #select3 {height:26px; width:24%;}
.counsel #select4 {height:26px; width:91%;}
.counsel .input { border: 1px solid #ccc; padding: 3px 2px; background:#f8f8f8; }
.counsel .textarea { border: 1px solid #ccc; padding: 3px 2px; background:#f8f8f8; }
.counsel .btn {padding-left:0;}