@font-face {
    font-family: 'Dotum';
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: top;
    background: transparent;
    font-size:14px;
    font-family: Dotum;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary { 
    display: block;
}
a {text-decoration: none;}

ul {list-style: none;}

body {
  color: #474c55;
  font-family: Dotum;
  margin: 0 auto;
  max-width: 980px;
  width: auto;
	overflow-x: hidden;
	letter-spacing: .02em;
	font-size:14px;
	background-color:#e6e6e6
}

footer {padding:10px;text-align:center; color:#999; font-family:Tahoma; font-size:12px}

/* index ------------------------------------------------ */
.body_index {
    background: url("/img/bg_index.png") repeat 0 0;
    color: #474c55;
    font-family: Dotum;
    margin: 0 auto;
    max-width: 980px;
    width: auto;
	overflow-x: hidden;
	letter-spacing: .02em;
}
.index {text-align:center; padding-top:1em;}
.index_img {padding-bottom:2em}
.index .logo {padding-bottom:1em}
.index .logo img {width:60%;}
.index .main_img {padding-bottom:1em}
.index .main_img img {width:85%}
.btn_pw {width:75px}


.logo {width:100px}

/* list ------------------------------------------------ */
header {
	position: relative;
	width:100%; 
	height:37px;
	background: #5aa14a;
	color: #fff;
	border-bottom:solid 2px #000000;
	background: url(/img/bg_head.png) repeat-x;
}
h1 {	
	font-weight: normal;	
	display: inline-block;
	padding-top:0.5em;
	padding-left:0.5em;
}
.logo_index {width:50%; padding-bottom:.8em; text-align:center; }
.b_logout {
	position:absolute;
	top:0.4em;
	right:0.3em;
	height: 30px;
}

.search_area {
	height:7.2em;
	padding-top:0.7em;
	padding-left:0.5em;
	overflow:hidden;
	border-bottom:solid 2px #17485d;
	background:-webkit-gradient(
		linear,
		left top, left bottom,
		from(#2a85ad), to(#246e8f)
	);
	color:#FFF;
	vertical-align:middle;
}
.search_area img {height:29px}

select {
	height: 25px;
	padding: 0 26px 0 6px;
	border: 2px solid #176182;
	border-radius: 4px;
	background: url(http://static.land.naver.net/static/mobile/20120530/im/btn_sel3.gif) no-repeat 100% -11px,-webkit-gradient(linear,0 0,0 100%,from(
	white),to(
	whiteSmoke));
	font-size: 13px !important;
	color: black;
	vertical-align: middle;
	-webkit-appearance: none;
	margin-top:2px;
}
.iText {
	height: 23px;
	padding: 0 2px 0 6px;
	border: 2px solid #176182;
	border-radius: 3px;
	color: black;
}

.lText {
	padding: 0 2px 0 6px;
	border: 2px solid #176182;
	border-radius: 3px;
	color: black;
}

.user_area {padding-bottom:0.5em; font-weight:bold; letter-spacing:-.1em}
.user_area .vline {font-weight:normal; font-size:12px; color:#56afd5}
.user_area .tt {padding-top:.5em; display:inline-block}

.box_list {
	overflow: hidden; font-size: .86em;
	border:solid 1px #c0c0c0; 
	border-radius:8px; 
	margin:.5em; 
	background-color:#FFF
}
.box_list2 { width:310px; }

.list {
	z-index:2;
	padding:10px; 
	display:inline-block;
	margin-bottom:.5em;
	border-bottom:solid 1px #dadada;
}

.list_tbl {
	z-index:2;
	padding:10px; 
	display:inline-block;
	margin-bottom:.5em;
	border-bottom:solid 1px #dadada;
}
.list_tbl th { width:67px;padding-right: .5em;color: black; line-height: 17px; font-weight:normal; text-align:left; }
.list_tbl td { width:214px; display: block;overflow: hidden;color: #676767;line-height: 17px; }

.list_info {width:300px; overflow: hidden; padding-top:.5em; }
.list_info .tit {float:left; width:200px; padding-left:10px; color: black; line-height: 17px;}
.list_info .txt {width:90px; display: block;color: #676767;line-height: 17px;}
.list_info .nt {color:#2a85ad;}
.list_info .number {color:#2a85ad; font-family:Tahoma;}



.part {font-family:Dotum; font-weight:bold}
.bx_phone {
	z-index:1;
	width:110px;
	padding:2px 2px 2px 2px;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
	border:solid 1px #9c9e9e;
	border-radius:3px;
}
.bx_phone a {color:#666; text-decoration: none; font-family:Tahoma; font-size:12px}
.bx_phone .i_phone {width:12%}
.user_state { /* width:280px; */ text-align:right; font-weight:bold; letter-spacing:-.1em; font-size:13px;}

/* list 상태별 색상 */
.color_10 {color:#000000;}  
.color_15 {color:#1ab8da;}  
.color_20 {color:#0000ff;}  
.color_40 {color:#51b147;}  
.color_50 {color:#aa5940;}  
.color_60 {color:#fd4f02;}  
.color_70 {color:#808000;}  
.color_90 {color:#fc2a0e;} 

.gototop {text-align:center; width:100%; padding-bottom:.5em;}
.gototop img {width:130px}


/* view -----------------------------------------*/
.change_date img {width:40px; height:29px; }
.b_area {padding:5px 10px; background-color:#FFF; text-align:right; }
/*.b_area2 {padding-bottom:.7em;  }*/
.b_area2 { margin:10px; }
.b_area2 p { padding:0px 0px 6px 10px; font-size:14px; font-family: Dotum;}
.b_area2 b { font-size:14px; font-family: Dotum;}
.b_area2 h4 {padding-bottom:.5em; }


.btn_g {
	display: inline-block;
	padding: .36em .8em;
	border: 1px solid #BCBCBC;
	background: #F1F1F1;
	background: -webkit-gradient(linear,0 0,0 100%,from(white),color-stop(.05,#FBFBFB),to(#F1F1F1));
	font-size: .93em;
	color: #666;
	letter-spacing: -1px;
	white-space: nowrap;
}
.btn_b {
	display: inline-block;
	padding: 1em .8em;
	border: 1px solid #16526d;
	border-radius:4px;
	background: #F1F1F1;
	background: -webkit-gradient(linear,0 0,0 100%,from(white),color-stop(.05,#319ac9),to(#2a85ad));
	font-size: .93em;
	color: #FFF;
	letter-spacing: -1px;
	white-space: nowrap;
}

.btn_c {
	display: inline-block;
	padding: 0.5em .9em;
	border: 1px solid #16526d;
	border-radius:4px;
	background: #F1F1F1;
	background: -webkit-gradient(linear,0 0,0 100%,from(white),color-stop(.05,#319ac9),to(#2a85ad));
	font-size:11px;;
	color: #FFF;
	letter-spacing: -1px;
	white-space: nowrap;
}

.btn_c_g {
	display: inline-block;
	padding: 0.5em .9em;
	border: 1px #d3d3d3 solid;
	border-radius:4px;
	background: #E6E6E6;
	font-size:11px;;
	color: #5A5F69;
	letter-spacing: -1px;
	white-space: nowrap;
}

.btn_d {
	display: inline-block;
	padding: 0.5em .9em;
	border: 1px solid #bebebe;
	border-radius:4px;
	background: #F1F1F1;
	background: -webkit-gradient(linear,0 0,0 100%,from(white),color-stop(.05,#efefef),to(#dedede));
	font-size:11px;
	color: #808080;
	letter-spacing: -1px;
	white-space: nowrap;
}


.btn_e {
	display: inline-block;
	padding: 3em .9em;
	border: 1px solid #16526d;
	border-radius:4px;
	background: #F1F1F1;
	background: -webkit-gradient(linear,0 0,0 100%,from(white),color-stop(.05,#319ac9),to(#2a85ad));
	font-size:11px;
	color: #FFF;
	letter-spacing: -1px;
	white-space: nowrap;
}


.view_area {
	border-top:solid 2px #2a85ad;
	background-color:#FFF
}
.view_area h3 { 
	font-size: .93em;
letter-spacing: -1px;
display: block;
padding: 9px 0 9px 10px;
	background-color:#f7f7f7; 
	border-bottom:solid 1px #dfdfdf
}


.view_01{width:300px;}
.view_01 h1{font-size:12px; padding:10px 5px 5px 2px;  font-weight:bold;  float:left;}
.view_01 p{font-size:12px; }
.view_01 li{font-size:12px;}
.view_01 dl{font-size:12px; float:left; }


.view_02{width:300px;  border:solid 1px #e1e1e1;  border-bottom:none; border-right:none;}
.view_02 h1{font-size:12px; padding:10px 5px 5px 2px;  font-weight:bold;}
.view_02 p{font-size:12px;}
.view_02 tr{ margin:10px 0 10px 0;}
.view_02 th{ padding:10px; font-size:12px; width: 40px; border-bottom:solid 1px #e1e1e1; border-right:solid 1px #e1e1e1; background-color:#efefef;}
.view_02 td{ font-size:12px; font-family:dotum;  padding:10px; border-bottom:solid 1px #e1e1e1; border-right:solid 1px #e1e1e1;}

.complex_info {overflow: hidden; padding:10px; font-size: .86em;}
.info_area {width:300px; overflow: hidden; margin-bottom:.5em; padding-bottom:.5em; }
.info_area .tit {float: left;width: 67px;padding-right: .5em;color: black; line-height: 17px;}
.info_area .txt {display: block;overflow: hidden;color: #676767;line-height: 17px;}
.info_area .tit2 {float: left;width: 90px;padding-right: .1em;color: black; line-height: 17px; }
.info_area .txt2 {display: block;overflow: hidden;color: #676767;line-height: 17px; text-align:left; }



.complex_info_line {overflow: hidden; padding:10px; font-size: .86em; border-top:solid 1px #e1e1e1; font-style:normal;}
.info_area1 {width:300px; overflow: hidden; margin-bottom:.5em; padding-bottom:.5em;  border:soild 1px #000}
.info_area1 .tit { color: black; line-height: 17px; font-size:11px; font-weight:bold; }
.info_area1 .txt {display: block;overflow: hidden;color: #676767; line-height: 17px; font-size:11px; }
.complex_info_line th { font-style:normal; }
.complex_info_line p { font-size:12px; }



/* Pagination */
.pagination{ padding:15px 0; text-align:center; line-height:normal;}
.pagination a,
.pagination strong{ position:relative; color:#323232; font:bold 12px/16px Tahoma, Sans-serif; vertical-align:top; display:inline-block; text-decoration:none; padding:8px 13px; margin:0 -3px; border:1px solid #edeeef; border-bottom:solid 1px #d1d2d6;background-color:#fbfbfb; z-index:2;}
.pagination a:hover,
.pagination a:active,
.pagination a:focus{ background-color:#f8f8f8;}
.pagination strong{ color:#05c370; background-color:#FFF}
.pagination .direction{ font-weight:normal; color:#767676; text-decoration:none !important; border:0; z-index:1;}
.pagination .direction:hover,
.pagination .direction:active,
.pagination .direction:focus{ color:#323232; background-color:#fff;}
.pagination .prev{ border-left:0;}
.pagination .next{ border-right:0;}
.pagination .direction span{ position:relative; display:inline-block; width:0; height:0; font-size:0; line-height:0; vertical-align:top; top:4px;}
.pagination .prev span{ border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-left:0; margin-right:1px; *left:-4px;}
.pagination .next span{ border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-right:0; margin-left:1px;}


.tbl_basic2 th {
	padding:0 10px;
	height:27px;
	border:solid 1px #d8d9de;
	background-color:#eff0f4;
	letter-spacing:-1px;
	font-weight:normal;
	color:#5a5f69;
	text-align:left
}
.tbl_basic2 td {height:27px; padding:0 10px; border:solid 1px #ccd0d3; text-align:left}
.tbl_basic2 .line_btm {border-bottom:solid 1px #959ca4}

.remark_box { text-align:left; margin:6px; }

.tail_area {margin:10px; padding:10px; border:solid 1px #dfdfdf; background-color:#fff}
.tail_area h4 {padding-bottom:.5em; }
.tail_area .txt {}

.nhn_map {margin:10px; padding:0; border:solid 1px #dfdfdf; background-color:#fff}

/* projects ------------------------------------------------ */
.list-projects {flaot:left; width:100%;	display: inline-block;}
.list-projects ul {	overflow: hidden;}
.list-projects a {text-decoration: none; color:#FFF;}


.sshead {box-shadow:10px 10px 5px 5px outset;
	-webkit-box-shadow:10px 10px 5px 5px outset;
	-moz-box-shadow:10px 10px 5px 5px outset}
.sshead {float:left; width:100%; background:#20242d;}
.sslogo {float:left; width:60%; padding-left:15px;}
.btn {float:right; width:30%;}

/* prettify
---------------------------------------------------- */
@media screen and (max-device-width: 1024px), 
	   screen and (max-width: 1024px) {
		
	

}


/* on a small screen / ipad etc
-------------------------------------------------------------------*/

@media screen and (max-device-width: 850px), 
	   screen and (max-width: 850px) {


}


/* iPhone (480), desire HD (533), Torch (480)
-------------------------------------------------------------------*/

@media screen and (max-device-width: 533px), 
	   screen and (max-width: 533px) {


.list {	width:533px;}
.list_info {width:500px;}


}


/* iPhone (320), desire HD (320), torch (360) 
-------------------------------------------------------------------*/

@media screen and (max-device-width: 360px) and (orientation: portrait), 
	   screen and (max-width: 360px) and (orientation: portrait) {



}