@charset "utf-8";

html{margin:0;padding:0;height:100%;width:100%;position:relative}
body{height:100%;width:100%;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none;}
body,input,textarea,select,table,button{font-size:14px;line-height:1.25em;}
body{ word-wrap:break-word;word-break:break-all}
body.o{min-width:320px}
a{text-decoration:none;}
img,fieldset{border:0}
ul,ol{list-style:none}

.disable { background-color:#eee !important; }
.disable:focus{outline:0!important}

/* html5 inline tag를 block tag로 변환 */
section, article, aside, hgroup, header, footer, nav, figure, h1, h2, h3, h4, h5, h6 {
	display:block;
}

/* img 기본 정렬 설정 */
img {
	vertical-align:top;
}
/* form 요소 테두리 */
select
{
	border:1px solid #97baeb;
    background-color: #ffffff;
	height:24px;
	vertical-align:middle;
-webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important;
box-shadow:none !important;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
}
input[type="text"] {
	border:1px solid #97baeb;
	padding:0 3px 0 3px;
    background-color: #ffffff;
	height:30px;
	vertical-align:middle;
-webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important;
box-shadow:none !important;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
}
input[type="password"] {
	border:1px solid #97baeb;
    background-color: #ffffff;
	padding:0 3px 0 3px;
	height:24px;
	vertical-align:middle;
-webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important;
box-shadow:none !important;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
}
textarea {
	border:1px solid #97baeb;
    background-color: #ffffff;
	padding:0 3px 0 3px;
	vertical-align:middle;
-webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important;
box-shadow:none !important;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
}
input[type="date"] {
	border:1px solid #97baeb;
    background-color: #ffffff;
	height:24px;
	vertical-align:middle;
-webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important;
box-shadow:none !important;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
}

input[type="radio"] {
	border:1px solid #97baeb;
    background-color: #ffffff;
	height:24px;
	width:18px  !important;
	vertical-align:middle;		
-webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important;
box-shadow:none !important;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
}
input[type="checkbox"] {
	border:1px solid #97baeb;
    background-color: #ffffff;
	height:24px;
	width:18px  !important;
	vertical-align:middle;
-webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important;
box-shadow:none !important;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
}


button.link {border:none;outline: 0;background-color: transparent;-webkit-tap-highlight-color: rgba(169,3,41,.5);}
button.link:focus, button.link:hover {cursor: pointer;}

/*wrap*/
#wrap { width:100%; height:auto;margin:0 auto;padding:0 margin:0; float:left;display:inline-block; height:auto !important; height:100%;  min-height:100%;background-color:#45526a;}
#wrap2 { width:100%; height:auto;margin:0 auto;padding:0 margin:0; float:left;display:inline-block; height:auto !important; height:100%;  min-height:100%;background-color:#ffffff;}

#wrap_all { width:100%; margin:0 auto;height:100%;text-align:center;background:url(../image/common/back1.png) repeat-x;float:left;}

#wrap_all2 { width:100%; margin:0 auto;height:100%;text-align:center;background-color:#ffffff;float:left;}

#login_wrap { width:90%; margin:0 auto;vertical-align:middle;padding:60px 0 80px 0;color:#ffffff;}
#login_wrap ul {float:left;margin:0 auto; width:100%; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;padding:15px 0 15px 0;margin:10px 0 10px 0;}
#login_wrap ul li.text { width:90px;float:left;padding:5px 10px 5px 0;text-align:right;font-size:14px;color:#ffffff;font-weight:bold;}
#login_wrap ul li.select { float:left;padding:0 0 5px 10px;text-align:left;vertical-align:text-top;}

#index_wrap { width:100%; margin:0 auto;height:100%;background:url(../image/common/back1.png) repeat-x;}

#submenu_wrap {width:100%; margin:0 auto;height:100%;text-align:left;background:url(../image/common/back1.png) repeat-x;float:left;}

#content_wrap {width:100%; margin:0 auto;height:100%;text-align:left;background-color:#ffffff;height:auto !important; height:100%;  overflow:hidden;}


/*메인버튼*/
#menu {width:90%;margin:0 auto;padding:20px 0 20px 0; clear:both;}
#menu ul {width:100%; padding:0 0 0 0; margin:0 auto;float:left;}
#menu ul li { float:left;  padding:0 0 0 4px;; text-align:left;}
#menu ul li a {float:left;  padding:0 0 0 0; text-align:left;}
#menu ul li img {float:left;text-decoration:none;padding:0 0 10px 0;}

/*서브메뉴*/
#submenu {width:100%; padding:0 0 0 0; float:left;}
#submenu ul {width:100%; padding:0 0 0 0; float:left;}
#submenu ul a {font-size:16px;font-weight:bold;color:#ffffff;display:block;}
#submenu ul li { float:left; width:100%; padding:15px 0 15px 0; text-align:left;border-bottom:1px solid #eeeeee;}
#submenu ul li a {font-size:16px;font-weight:bold;color:#ffffff;display:block;}
#submenu ul li span.menu_text {float:left;text-decoration:none;padding:7px 0 0 10px; }
#submenu ul li img {float:left;text-decoration:none;padding:0 0 0 20px;}


#content { width:100%; margin:0 auto;}

#content .notice {width:100%; margin:0 auto;}
#content .notice ul {width:97%; margin:0 auto;padding:10px 0 20px 0;background:#5d7bd1;opacity:.8;border-radius: 4px;}
#content .notice ul li.text {clear:left;margin:0 0 0 10px; display:block;   text-indent:10px; background:url(../../image/index/semo_icon1.gif) left no-repeat;color:#fff;margin-bottom:3px;}
#content .notice ul li.text a {color:#fff;font-size:13px;margin-bottom:3px;letter-spacing:-0.5px;}
#content .notice ul li.notice_title {clear:left; font-weight:bolder; color:#fff;font-size:16px;padding:0 0 15px 10px;letter-spacing:-1px;text-align:left;}
#content .notice ul li.notice_title span {float:right;text-align:right;padding-right:10px;}


h1 { text-weight:bold; color:#49556d;width:100%; margin:0 auto;font-size:18px;padding:10px 0 16px 0;text-align:left;}
h2 { text-weight:bold; color:#49556d;width:100%; margin:0 auto;font-size:18px;padding:10px 0 16px 0;text-align:left;}

h3 {clear:left; text-align: left;font-size:16px;color:#49556d; font-weight:bold; margin:0 0 10px 0; text-indent:20px; background:url(../image/common/bullet01.JPG) left no-repeat;letter-spacing:-1px;}
h4 {clear:left; text-align: left;font-size:15px;color:#49556d; font-weight:bold; margin:0 0 5px 0; text-indent:20px; background:url(../image/common/bullet01.JPG) left no-repeat;letter-spacing:-1px;}


#sub_content {width:90%;margin:0 auto; text-align:left;clear:both;}




#content .first { margin:0 auto;width:90%;  clear:left; text-align:left; }
#content .first ul  { width:100%; padding:10px 0 0 0; float:left; text-align:left;}
#content .first ul li.food { width:100%; padding:0 0 0 0; float:left; text-align:left;}
#content .first ul li p.title {float:left;text-align:left;padding:0 0 10px 0;margin:0;}
#content .first ul li p.more {float:right;text-align:right;padding:3px 0 0 0;margin:0;}
#content .first  dl.index_food  { width:100%; padding:10px 0  10px 0; float:left;background-color:#fff;}
#content .first  dl.index_food dt { width:50%;float:left;padding:0 0 10px 10px;font-weight:bold; font-size:16px;color:#333}
#content .first  dl.index_food dd.tt { width:50%; float:left;padding:0 0 0 10px;font-size:14px;min-height:100px;}
#content .first  dl.index_food dd { width:100%; float:left;}

#content .first  dl.index_notice  { width:100%; padding:10px 0 10px 0; float:left;background-color:#626262;border:1px solid #626262; }
#content .first  dl.index_notice dt { display:none;width:100%;float:left;padding:0 0 10px 0;font-weight:bold; font-size:16px;color:#333}
#content .first  dl.index_notice dt p.title {float:left;text-align:left;padding:0;margin:0;}
#content .first  dl.index_notice dt p.more {float:right;text-align:right;padding:3px 0 0 0;margin:0;}
#content .first  dl.index_notice dd {width:95%;  float:left;font-size:14px;color:#fff;  }
#content .first  dl.index_notice dd a { float:left;color:#fff; line-height:160%; margin:0 0 0 10px;padding:0 5px 0 0; display:block;   text-indent:10px; background:url(../../image/common/semo_icon1.png) left no-repeat; width:100%; word-wrap:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#content .first  dl.index_notice dd span.nowdate {text-align:right;float:right;color:#fff;line-height:140%;} 
#content .first  dl.index_notice dd a span.now { color:#fff; padding:10px 0 0 0;} 

/* 오늘의 말씀 */
#content .first  .today-word {  }
#content .first  .today-word li { overflow:hidden; }
#content .first  .index_word { width:100%; padding:10px 0;  max-height:150px; overflow-y:auto; float:left;background-color:#fff; background-image:url('../image/index/img-word-today-bg.png'); background-repeat:no-repeat; background-position:right bottom; }
#content .first  .index_word .txt { padding:0 150px 0 10px;  letter-spacing:-0.9px; min-height:120px; }


.notice ul {width:100%; border-bottom:1px solid #eeeeee;float:left;}
.notice ul.check {width:100%; border-bottom:1px solid #eeeeee;float:left;background-color:#e5f6fd;}
.notice ul li {float:left;padding:10px 10px 10px 10px; }
.notice ul li.btn {width:48px;float:right;padding:10px 0 0 0; }
.notice dl {float:left;}
.notice dl dt {clear:left;font-size:16px;font-weight:bold;padding:0 0 5px 0;color:#333;}
.notice dl dt span {clear:left;font-size:16px;font-weight:bold;padding:0 0 5px 0;color:#06C;}
.notice dl dd {clear:left;font-size:13px;color:#999;}
.notice dl dd span {font-size:13px;color:#999;}



.notice_view ul {width:100%; border-bottom:1px solid #eeeeee;float:left;}
.notice_view ul.check {width:100%; border-bottom:1px solid #eeeeee;float:left;}
.notice_view ul li {float:left;padding:10px 10px 10px 10px; }
.notice_view ul li.btn {width:48px;float:right;padding:10px 0 0 0; }
.notice_view dl {float:left;}
.notice_view dl dt {clear:left;font-size:16px;font-weight:bold;padding:0 0 5px 0;color:#333;}
.notice_view dl dd {clear:left;font-size:13px;color:#999;margin}



ul.write_form {width:100%;padding:10px 0 10px 0;clear:left;}
ul.write_form li  {width:100%;padding:0 0 10px 0;clear:left;}
ul.write_form li.bt  {width:100%;padding:0 0 5px 0;clear:left;font-weight:bold;font-size:12px; color:#555555;}



ul.view_form {width:100%;padding:0 0 0 0;clear:left;/*border-bottom:1px solid #dcdcdc;*/margin-bottom:10px;}
ul.view_form li span {width:100%;padding:0 0 10px 0;clear:left;font-size:16px;font-weight:bold;border:0;}
ul.view_form li   {width:100%;padding:5px 0 5px 0;clear:left;font-weight:normal;font-size:14px;/*border-top:1px solid #dcdcdc;*/}


/*.msg { margin:0 0 15px 0;text-align:center; padding:10px 0 15px 0;height:auto !important; height:100%;  min-height:100%;background-color:#ffffff;border:1px solid #dcdcdc; border-radius:5px !important;-webkit-border-radius:5px !important; -moz-border-radius:5px !important;}*/
.msg { margin:0 0 15px 0;
	text-align:center; 
	/*padding:10px 0 15px 0;*/
	padding: 10px 5px 15px 5px;
	background-color: #fafafa;
    border: 1px solid #e1e1e1;
	border-radius:5px !important;
	-webkit-border-radius:5px !important; 
	-moz-border-radius:5px !important;
}

/* Width 클래스 (1% ~ 100%) */
.w1 { width:1%; } .w2 { width:2%; } .w3 { width:3%; } .w4 { width:4%; } .w5 { width:5%; } .w6 { width:6%; } .w7 { width:7%; } .w8 { width:8%; } .w9 { width:9%; } .w10 { width:10%; } .w11 { width:11%; } .w12 { width:12%; } .w13 { width:13%; } .w14 { width:14%; } .w15 { width:15%; } .w16 { width:16%; } .w17 { width:17%; } .w18 { width:18%; } .w19 { width:19%; } .w20 { width:20%; } .w21 { width:21%; } .w22 { width:22%; } .w23 { width:23%; } .w24 { width:24%; } .w25 { width:25%; } .w26 { width:26%; } .w27 { width:27%; } .w28 { width:28%; } .w29 { width:29%; } .w30 { width:30%; } .w31 { width:31%; } .w32 { width:32%; } .w33 { width:33%; } .w34 { width:34%; } .w35 { width:35%; } .w36 { width:36%; } .w37 { width:37%; } .w38 { width:38%; } .w39 { width:39%; } .w40 { width:40%; } .w41 { width:41%; } .w42 { width:42%; } .w43 { width:43%; } .w44 { width:44%; } .w45 { width:45%; } .w46 { width:46%; } .w47 { width:47%; } .w48 { width:48%; } .w49 { width:49%; } .w50 { width:50%; } .w51 { width:51%; } .w52 { width:52%; } .w53 { width:53%; } .w54 { width:54%; } .w55 { width:55%; } .w56 { width:56%; } .w57 { width:57%; } .w58 { width:58%; } .w59 { width:59%; } .w60 { width:60%; } .w61 { width:61%; } .w62 { width:62%; } .w63 { width:63%; } .w64 { width:64%; } .w65 { width:65%; } .w66 { width:66%; } .w67 { width:67%; } .w68 { width:68%; } .w69 { width:69%; } .w70 { width:70%; } .w71 { width:71%; } .w72 { width:72%; } .w73 { width:73%; } .w74 { width:74%; } .w75 { width:75%; } .w76 { width:76%; } .w77 { width:77%; } .w78 { width:78%; } .w79 { width:79%; } .w80 { width:80%; } .w81 { width:81%; } .w82 { width:82%; } .w83 { width:83%; } .w84 { width:84%; } .w85 { width:85%; } .w86 { width:86%; } .w87 { width:87%; } .w88 { width:88%; } .w89 { width:89%; } .w90 { width:90%; } .w91 { width:91%; } .w92 { width:92%; } .w93 { width:93%; } .w94 { width:94%; } .w95 { width:95%; } .w96 { width:96%; } .w97 { width:97%; } .w98 { width:98%; } .w99 { width:99%; } .w100 { width:100%; }

.left,
.lefts > * { text-align:left !important; }
.center,
.centers > * { text-align:center !important; }
.right,
.rights > * { text-align:right !important; }
.justify,
.justifys > * { text-align:justify !important; }

.top,
.tops > * { vertical-align:top !important; }
.middle,
.middles > * { vertical-align:middle !important; }
.bottom,
.bottoms > * { vertical-align:bottom !important; }

.bold { font-weight:bold !important; }
.normal { font-weight:normal !important; }

.letterspace { letter-spacing:-1px; }

.inline { display:inline !important; }
.block { display:block !important; }
.inlineblock { display:inline-block !important; }

.color_01 { color:#006276 !important; }
.red { color:#f00 !important; }
.red_01 { color:#ce3e51 !important; }
.green { color:#0f0 !important; }
.blue { color:#00f !important; }
.blue_01 { color:#0185d0 !important; }
.cyan { color:#00b7eb !important; }
.magenta { color:#ff0090 !important; }
.yellow { color:#ff0 !important; }
.yellow_01 { color:#ffb933 !important; }
.black { color:#000 !important; }
.white { color:#fff !important; }
.orange { color:#f26522 !important; }
.gray { color:#757575 !important; }
.lightgray { color:#999 !important; }

.blue1 { color:#104e8b !important; }
.blue2 { color:#20a2b1 !important; }
.blue3 { color:#5da7e5 !important; }
.blue4 { color:#7fdbff !important; }
.blue5 { color:#1277b5 !important; }

.gray1 { color:#ccc !important; }

.disable { background-color:#eee !important; }
.disable:focus{outline:0!important}

.bd_line{ border:1px solid #e1e1e1 !important;}
.bd_line_t{ border-top:1px solid #cfc9c9 !important;}
.bd_line_b{ border-bottom:1px solid #cfc9c9 !important;}
.bd_ds_t{ border-top:1px dashed #CCC !important;}
.bd_ds_b{ border-bottom:1px dashed #CCC !important;}
.bd_ds_r{ border-right:1px dashed #CCC !important;}
.bd_ds_r{ border-left:1px dashed #CCC !important;}


/*게시판 페이징*/
.paginate{overflow:hidden;clear:both;margin:0 auto;padding:15px 0 10px 0;text-align:center;zoom:1}
.paginate a{display:-moz-inline-box;display:inline-block;_position:relative;margin-right:-3px;padding:0 0 0 5px;color:#666;font-family:'돋움',Dotum;font-size:12px;font-weight:bold;line-height:28px;text-decoration:none !important}
.paginate a:hover,.paginate a:focus,.paginate a:active{background:url(../../image/common/bg_page_nav_ru.gif) no-repeat 0 0 !important}
.paginate strong{display:-moz-inline-box;display:inline-block;_position:relative;margin-right:-3px;padding:0 0 0 5px;background:url(../../image/common/bg_page_nav_ru.gif) no-repeat 0 0 !important;color:#666;font-family:'돋움',Dotum;font-size:12px;font-weight:bold;line-height:28px;text-decoration:none !important}
.paginate strong{color:#01939c !important}
.paginate a span{display:block;_display:inline;position:relative;top:0;padding:0 8px 0 3px;zoom:1}
.paginate a:hover span,.paginate a:focus span,.paginate a:active span{background:url(../../image/common/bg_page_nav_ru.gif) no-repeat 100% 0 !important;text-decoration:underline;cursor:pointer}
.paginate strong span{display:block;_display:inline;position:relative;top:0;padding:0 8px 0 3px;background:url(../../image/common/bg_page_nav_ru.gif) no-repeat 100% 0 !important;zoom:1}
/* user option */
.paginate a.pre,.paginate a.next{top:9px;background:none !important;font-family:'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif;font-size:12px;}
.paginate a.pre:hover,.paginate a.pre:focus,.paginate a.pre:active,.paginate a.next:hover,.paginate a.next:focus,.paginate a.next:active{background:none !important}
.paginate a.pre{margin-right:10px}
.paginate a.next{margin-left:8px}
.paginate img {/*margin-top:-25px;*/margin-top:2px;vertical-align:top;}

/*게시판 테두리박스*/
.board {width:100%; text-align:center; border:1px solid #c9c9c9; font:12px ; border-collapse:collapse; margin-bottom:20px; margin-top:10px;}
.board caption {display:none;}
.board tfoot {font-weight:bold; background-color:#edf4f9;}
.board th {text-align:center; padding:7px 0 7px 0; background-color:#edf4f9; border-top:1px solid #c5daeb; border-left:1px solid #c5daeb; border-right:1px solid #c5daeb; font:12px ;  color:#003471;}
.board td {padding:5px 5px 5px 5px; border:1px solid #c9c9c9; color:#4C4C4C;}
.board td.subject {padding:6px 0 4px 10px; border:1px solid #c9c9c9; color:#4C4C4C;}
.board td.left {padding:6px 0 4px 10px; border:1px solid #c9c9c9; color:#4C4C4C; text-align:left;}
.board td.right {padding:6px 10px 4px 10px; border:1px solid #c9c9c9; color:#4C4C4C; text-align:right;}
.board td.tbtitle {padding:5px 5px 5px 5px; color:#000000; background-color:#f0f0f0; }
.board td.tbtitle_left {font-weight:bold; font-color:#3366cc; text-align:left;padding:10px 10px 10px 10px; background-color:#eeeeee; }
.board td.tbtitle_sky {font-weight:bold; font-color:#3366cc;background-color:#edf4f9; text-align:center;padding:10px 0 10px 0; }
.board td.left_t {text-align:left;padding:6px 0 4px 10px;  color:#4C4C4C;font-weight:bold;}
.board tr.gray {background-color:#000;}



span.blue {font-weight:bold; color:#03C;}
span.orange {font-weight:bold; color:#F30;}
span.green {font-weight:bold; color:#093;}
span.black {font-weight:bold; color:#000;}

span.b_blue {font-weight:bold; color:#235ec2; font-size:26px;}
span.b_bluegreen {font-weight:bold; color:#10acbb; font-size:26px;}
span.b_sky {font-weight:bold; color:#3f8bd7; font-size:26px;}
span.b_gray {font-weight:bold; color:#555555; font-size:18px;line-height:120%;}
span.b_black {font-weight:bold; color:#000; font-size:18px;}
span.b_orange {font-weight:bold; color:#F30;font-size:26px;}



ul.text {width:100%; clear:left;padding:0 0 20px 0;}
ul.text li.bigtitle {text-align:center; font-weight:bold;font-size:16px;}
ul.text li.right {text-align:right;float:right; clear:left;width:100%;}
ul.text li.title {text-align:left;clear:left; margin:0 0 0 3px;padding:0 0 0 20px;  background:url(../../image/common/bullet04.JPG) left top no-repeat;font-weight:bold;cololr:#000; padding-bottom:10px;}
ul.text li.arrow {text-align:left;  margin:0 0 0 3px;padding:0 0 0 10px;  background:url(../../image/common/semo_icon1.gif) 0 4px no-repeat;}
ul.text li {text-align:left;clear:left;margin:0 0 0 3px;text-align:justify;}
ul.text li.end {text-align:left;  margin:0 0 15px 3px;padding:0 0 0 10px;}

ul.sort {width:95%; clear:both;padding:20px 0 10px 10px;}
ul.sort li.number {float:left;text-align:center; font-weight:bold;font-size:14px; width:15%;padding:20px 10px 20px 10px;border-radius: 4px;margin-right:15px;background-color:#dcdcdc;color:#000;}
ul.sort li {width:70%;text-align:left;float:left;text-align:justify;}
ul.sort li span {font-weight:bold;width:100%;text-align:left;float:left;text-align:justify;font-size:13px;}


.btn_go_top {position:fixed; bottom:100px; right:0;}





p.online_btn {margin:0 auto;width:50%; text-align:center; padding:10px 20px 10px 20px;border:1px solid #e57b0c;border-radius: 4px;margin:20px 0 20px 0;background-color:#fc880f;font-size:14px;font-weight:bold;color:#fff;}



ul.button {margin:0 auto;padding-top:10px;overflow:hidden;text-align:center;zoom:1;clear:left;}
ul.button li a {margin:0 auto;text-align:center;padding:0 5px 20px 5px;float:right;}



/*푸터*/
#copy  {margin:0 autocolor:#d5d6d8;text-align:center;white-space:nowrap;padding:23px 0 9px 0;clear:both;}
#copy .btn {color:#000;padding:0 0 15px 0;font-size:14px;letter-spacing:-1px;font-weight:bolder;}
#copy .copyright {color:#214985;padding:0 0 15px 0;letter-spacing:-0.5px;}



/* 20180525 login new */
.login_box{   
	background: url(../image/login/img_bg.png) no-repeat center top;
	background-size: cover;
	padding-bottom:30px;
}
.login_box #wrap_all{background:none;}

.login_box input[type="text"], .login_box input[type="password"] {border:0px !important; height:30px;}
.login_box .input_row{    
	position: relative;
	height: 30px;
	margin: 0 0 10px;
	padding: 6px 15px 6px 50px;
	border: solid 1px #fff;
	background: #fff;
	}
.input_row.focus{ 
	
}
.login_box .input_box {
	display: block;
	overflow: hidden;}
	.lbl {
	font-size: 15px;
		line-height: 16px;
		 position: absolute; 
		z-index: 8;
		top: 13px;
		left: 50px;
		color: #8e8e8e;
	}
.login_box label {
		cursor: pointer;
	}
.login_box .int {
	font-size: 15px;
	/*line-height: 16px;*/
	position: relative;
	z-index: 9;
	width: 100%;
	height: 16px;
	padding: 7px 0 6px;
	color: #000;
	border: none;
	background: #fff;
	-webkit-appearance: none;
}
	
.ie7 .lbl,
.ie8 .lbl,
.ie9 .lbl {
	z-index: 10;
}

::-webkit-input-placeholder {
	color: #8e8e8e;
}
::-moz-placeholder {
	color: #4a4a4a;
} 
:-ms-input-placeholder {
	color: #8e8e8e;
} 
.login_box input:-moz-placeholder {
	color: #8e8e8e;
}

.login_tit{padding:0px 0px 20px;}
#login_wrap ul{border-color:#ccc;}
.login_box .error{display:none;}
#user_id{background:url(../image/login/img_id.png) no-repeat 15px center #FFF; background-size: 23px 23px; }
#user_password{background:url(../image/login/img_pw.png) no-repeat 15px center #FFF; background-size: 23px 23px;}
.login_box .l_box{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 0px 5px;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.two_btn {}
.login_box .two_btn > a{margin-left:4px;}




#BoardBtn { 
	/*
	display:inline-block;
	text-align:center;
	height:56px;
	width:100%;
	background-color:#f2f2f2;
	border:1px solid #eeeeee;
	box-sizing:border-box;
	padding-top:16px;
	color:#666666;
	margin-top:16px;*/
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	margin-top:8px;
	font-size:16px;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:24px;
	padding-right:24px;
	letter-spacing:0.6px;
	cursor:pointer;
	background-color:#d80647;
	color:#ffffff;
	text-align:center;

}

#BoardBtn:hover {
	background-color:#efefef;
	color:#888888;
}


.writer_info {

	font-size:12px;
	color:#666666;
	text-align:left;
	width:100%;
	display:block;
	box-sizing:border-box;

}