html,
body {
	margin:0;
	padding:0;
	height:100%;
	overflow:hidden;
}
body, input, td, li {
	font:1.0em 'NanumBarunGothic';
	color:#666666;
}
a {
	color:#666666;
	text-decoration:none;
}
@font-face {
	font-family: 'BareunDotum1';
	src: url('../fonts/BareunDotum1.eot');
	src: url('../fonts/BareunDotum1.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BareunDotum1.woff') format('woff');
	font-weight: normal;
	font-style: normal; 
}
@font-face {
	font-family: 'NanumBarunGothic';
	src: url('../fonts/NanumBarunGothic.eot');
	src: url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumBarunGothic.woff') format('woff');
	font-weight: normal;
	font-style: normal; 
}
@font-face {
	font-family: 'OSeongandHanEum';
	src: url('../fonts/OSeongandHanEum-Regular.eot');
	src: url('../fonts/OSeongandHanEum-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OSeongandHanEum-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal; 
}
#container {
	position:relative;
	overflow:hidden;
	height:100%;
	width:100%;
}
#header {
	position:absolute;
	top:0px;
	height:0px;
	border-bottom:1px #bebebe solid;	
	overflow:hidden;
}
#body {
	position:absolute;
	top:0px;
	bottom:46px;
	padding:10px;
	font-size:1.0em;
	line-height:22px;
	overflow-y: auto;
	height:auto;
	width:100%;
}
#body_view {
	position:absolute;
	top:0px;
	padding:10px;
	font-size:1.0em;
	overflow-y: auto;
	height:auto;
	width:100%;
}

#remain {
	position:absolute;
	top:10px;
	right:5px;
	width:70px;
	height:90px;
	overflow:hidden;
	z-index:999;
}
.form-remain {
	text-align:center;
	display:table;
	width:100%;
	height:100%;
}

#comment_check {
	position:absolute;
	top:165px;
	right:20px;
	width:70px;
	height:20px;
	overflow:hidden;
	z-index:999;
}
.form-comment_check {
	text-align:center;
	display:table;
	width:100%;
	height:100%;
}

#comment {
	position:absolute;
	bottom:0px;
	width:100%;
	height:46px;
	border-top:1px #bebebe solid;
	overflow:hidden;
}

#ad {
	position:absolute;
	bottom:0px;
	width:100%;
	height:50px;
	overflow:hidden;
}

* { box-sizing: border-box; }
.form-header {
	width: 100%;
    margin:0px auto;
    max-width: 100%;
}
.main-table {
    width:100%;
	height:50px;
    padding: 0px 8px 0px 8px;	
}
.fixed-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}
.fixed-table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nowrap {
    white-space: nowrap;
}
.form-comment {
	position: relative;
	width: 100%;
    margin:6px auto;
}
.form-comment input[type=text], 
.form-comment input[type=date],
.form-comment input[type=datetime],
.form-comment input[type=number],
.form-comment input[type=search],
.form-comment input[type=time],
.form-comment input[type=url],
.form-comment input[type=email],
 textarea, 
 select{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border:1px solid #dddddd;
	padding: 7px;
	margin:0px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	height:34px;
}
.form-comment input[type=text]:focus, 
.form-comment input[type=date]:focus,
.form-comment input[type=datetime]:focus,
.form-comment input[type=number]:focus,
.form-comment input[type=search]:focus,
.form-comment input[type=time]:focus,
.form-comment input[type=url]:focus,
.form-comment input[type=email]:focus,
.form-comment textarea:focus, 
.form-comment select:focus{
     -moz-box-shadow: 0 0 8px #88D5E9;
     -webkit-box-shadow: 0 0 8px #88D5E9;
     box-shadow: 0 0 8px #88D5E9;
     border: 1px solid #88D5E9;
	 height:34px;
}

.takePicture {
	display:table;
	width:30px;
	height:34px;
	border-top:1px #dddddd solid;
	border-bottom:1px #dddddd solid;
	border-right:1px #dddddd solid;
}

.takePicture > .takePictureFile {
	position:absolute;
	display:table-cell;
	height:34px;
	width:30px;
	vertical-align:middle;
	padding:5px 5px 5px 5px;
	z-index:2;
}
 
.takePicture > .takePictureImg {
	display:table-cell;
	width:30px;
	height:32px;
	text-align:center;
	vertical-align:middle;
	position:relative;
	z-index:1;
}

span.span-name {
	position: absolute;
	width:60px;
	height:34px;
	left:0;
	top:0;
	margin:0px 4px 0px 6px;
}

span.span-camera {
	position: absolute;
	width:30px;
	height:34px;
	right:70;
	top:0;
	z-index:1;
}

span.span-submit {
	position: absolute;
	width:60px;
	height:34px;
	right:0;
	top:0;
	margin:0px 6px 0px 4px;
	z-index:2;
}

.form-comment .field-name{
	width: 60px;
}
.form-comment div.input {
	margin: 0px 100px 0px 70px;
}
.form-comment .field-comment{
    width: 100%;
}
.form-comment .field-select{
    width: 100%;
}
.form-comment .field-textarea{
    height: 100px;
}
.form-comment input[type=submit], .form-comment input[type=button]{
    background: #345d9d;
    /*padding: 8px 15px 8px 15px;*/
    border: none;
    color: #fff;
	width:60px;
	height:34px;
}
.form-comment input[type=submit]:hover, .form-comment input[type=button]:hover{
    background: #4691A4;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
	width:60px;
	height:34px;
}
.form-comment .required{
    color:red;
}
.form-comment input[type=submit] {
	white-space: nowrap;
}

.form-ad {
	text-align:center;
	display:table;
	width:100%;
	height:100%;
	background:#345d9d;
	border-top:1px #bebebe solid;
}


.msg {
	color:#959595;
	font-size:1.3em;
	padding:10px;
	text-align:center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.redirect {
	color:#959595;
	font-size:1.0em;
	padding:10px;
	text-align:center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.msgView {
	color:#959595;
	font-size:1.3em;
	padding:10px;
	text-align:center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width:90%;
}
 
.msgBottom {
	border-bottom:3px #959595 solid;
}

.BtnBack {
	position:absolute;
	float:right;
	top:15px;
	right:25px;
	cursor:pointer;
	width:25px;
	height:25px;
}

.BtnImgView {
	position:absolute;
	float:right;
	left:195px;
	bottom:15px;
}

.notice
{
	position:absolute;
	top:60px;
	right:10px;
	
	border: 1px #333333 dotted;
	color: #4d4d4d;
	padding: 2px 5px 2px 5px;
	width: 150px;
	font-size:0.7em;
	text-align:center;
}

.tree {
	padding:10px 0px 10px 0px;
}

.tree ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: relative;
}

.tree .first {
	margin-left: 0px;
	border-left: 1px solid transparent;
}

.tree li {
    list-style-type: none;
    border-left: 1px solid #999;
    margin-left: 20px;
}

.tree li .divFirst {
    position: relative;
	padding: 5px 0px 0px 10px;
}

.tree li .divChild {
    position: relative;
	padding: 5px 0px 0px 10px;
}

.tree li .divChild:before {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    bottom: 50%;
    width: 10px;
    border: 1px solid #999;
    border-top: 0 none transparent;
    border-right: 0 none transparent;
}

.tree li .open {
	-moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px solid #999;
    display:inline-block;
    padding:3px 10px 3px 10px;
    text-decoration:none;
	cursor:pointer;
}

.tree li .comment {
    display:inline-block;
    padding:4px 11px 4px 11px;
    text-decoration:none;
	cursor:pointer;
}

.tree li .cancel {
    text-decoration:line-through;
}

.tree li span {
	font-size:1.0em;
}

.tree li li span {
	font-size:0.9em;
}

.tree li li li span {
	font-size:0.8em;
}

.tree li li li li span {
	font-size:0.7em;
}

.tree ul > li:last-child {
    border-left: 1px solid transparent;
}

.NodeUnSelected
{
	-moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px solid #999;
    display:inline-block;
    padding:3px 10px 3px 10px;
    text-decoration:none;
	cursor:pointer;
}
.NodeUnSelected_my
{
	-moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px solid #999;
    display:inline-block;
    padding:3px 10px 3px 10px;
    text-decoration:none;
	cursor:pointer;
	
	background-color:#c8e6f1;
}
.NodeSelected
{
	-moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px solid #f1b543;
    display:inline-block;
    padding:3px 10px 3px 10px;
    text-decoration:none;
	cursor:pointer;
	
	background-color:#ffeeee;
}
.NodeSelected_my
{
	-moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px solid #f1b543;
    display:inline-block;
    padding:3px 10px 3px 10px;
    text-decoration:none;
	cursor:pointer;
	
	background-color:#ffeeee;
}

.NodeUnSelected_comment
{
    display:inline-block;
    padding:4px 11px 4px 11px;
    text-decoration:none;
	cursor:pointer;
}
.NodeUnSelected_comment_my
{
    display:inline-block;
    padding:4px 11px 4px 11px;
    text-decoration:none;
	cursor:pointer;
	
	background-color:#c8e6f1;
}
.NodeSelected_comment
{
	-moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px solid #f1b543;
    display:inline-block;
    padding:3px 10px 3px 10px;
    text-decoration:none;
	cursor:pointer;

	background-color:#ffeeee;
}
.NodeSelected_comment_my
{
	-moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px solid #f1b543;
    display:inline-block;
    padding:3px 10px 3px 10px;
    text-decoration:none;
	cursor:pointer;

	background-color:#ffeeee;
}

.icon-folder-open {
	position:absolute;
	left:0px;
	bottom:5px;
	padding:0px 0px 0px 17px;
	height:0px;
	width:0px;
	z-index:100;
}

.attach {
	max-width:200px;
	height:auto;
	margin:5px 0px 5px 0px;
}

.link {
    text-decoration: underline;
}