* {
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	border:0; margin:0; padding:0; line-height:150%; color:#000;
	text-align:left; font-size:16px; font-family:'Malgun Gothic', sans-serif; letter-spacing:-0.3px;
}
html {height:100%;}
body {height:100%; overflow-y:scroll;}
input[type='text'], input[type='email'], input[type='number'], input[type='password'], textarea {
	-webkit-appearance: none; -webkit-border-radius:0; vertical-align:top;
	border:#bbb 1px solid; width:100%; height:39px; padding-left:6px; border-radius:4px;
}
textarea {
	border:#bbb 1px solid; width:100%; height:390px; padding:6px;
}
label {display:block; width:100%; height:36px; border:#999 1px solid; margin:3px 0 6px 0; padding:4px 0 0 0;
	background-color:#e2e2e6; text-align:center;}
input[type='submit'] {
	display:block; width:30%; min-width:150px; height:39px;
	border:#111 1px solid; margin:18px auto 6px auto;
	border-radius:5px; background:linear-gradient(#333, #999); color:#fff; text-align:center;
}
input[type='button'] {
	display:inline-block; width:90px; height:30px;
	border:#111 1px solid; margin:6px auto;
	border-radius:5px;
	background-color:#444; color:#fff; text-align:center;
	font-size:0.81em;
}

#data_exec_frame {display:none;}
.base_width {width:100%; max-width:660px; margin:0 auto; min-height:60px; position:relative;}
.base_block {padding:0 12px;}
.base_form {padding:0 12px;}
.base_article {padding:0 12px;}

.align_center {text-align:center;}

.site_image {height:240px; background-image:url(images/genesis1.jpg); background-size:cover; background-position:center center; position:relative;}
.site_slogan {position:absolute; top:15px; left:15px; width:100%; color:#000; cursor:pointer;
	font-family:'Gowun Batang', serif; font-size:1.65em; font-weight:700; letter-spacing:-1.5px;
	font-style:italic;
}
.site_identity {position:absolute; top:60px; left:24px; color:#000;
	font-family:'Gothic A1'; font-size:0.99em; font-weight:400; letter-spacing:-1px;
	font-style:italic;
}

.site_search {position:absolute; bottom:3px; left:0px; width:100%;}
.site_search>form {width:90%; margin:0 auto; text-align:center;}
.site_search>form>input {display:inline-block;}
.site_search>form>input[type='text'] {width:150px; height:39px; background-color:rgba(255,255,255,0.6);}
.site_search>form>input[type='image'] {height:33px; margin:3px 0 0 0;}

.site_logo {padding:12px;}
.site_head {background-image:linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.3)),url('images/genesis.jpg'); background-size:cover;}
.site_body {background-color:#ffffff; margin-top:54px;}
.site_foot {background-color:#424242; position:fixed; bottom:0px; left:0px; width:100%; height:30px;}
.site_bottom {height:90px;}

/* head_area bar */
.head_area {}
.blockbar {text-align:center; position:absolute; top:240px; left:0px; width:100%; padding:12px; background-color:rgba(12,12,12,0.6);
	white-space:nowrap; overflow-x:auto; }
.blockbar>a {display:inline-block; color:#fff; margin:0 6px; text-decoration:none; font-weight:bold;}
.blockbar>a:hover {}
.blockbar {-ms-overflow-style: none;}
.blockbar::-webkit-scrollbar{ display:none; }
/*Dropdown Menu*/
.dropdown_button {display:block; position:absolute; top:12px; right:12px; width:27px; height:24px; margin:0px;
	background-color:rgba(255,255,255,0.4);
	border-top:#fff 2px solid; border-bottom:#fff 2px solid; z-index:996; padding:0px;}
.dropdown_button>bar {display:block; border-bottom:#fff 2px solid; width:27px; height:1px; position:relative;}
.dropdown {position:absolute; top:21px; right:0px; width:189px; min-height:60px;
	border-bottom:#999 1px solid; z-index:997; background-color:rgba(32,32,32,0.6); display:none;}
.dropdown_link {display:none !important;}
.dropdown>a {display:block; padding:6px; border-top:#999 1px solid; text-align:right; text-decoration:none; color:#fff;}
.dropdown>a:hover {color:#fff; background-color:rgba(24,24,24,0.3);}


.input_label {padding:3px 0;}
.input_label span {color:#a67068;}
.base_form input[type='text'], .base_form input[type='email'],
.base_form input[type='number'], .base_form input[type='password'] {
	border:#bbb 1px solid; width:100%; height:39px; padding-left:6px; border-radius:4px;
}
.base_form textarea {
	border:#bbb 1px solid; width:100%; height:390px; padding:6px;
}
.form_title {padding:6px 0;}
.form_submit {text-align:center; padding:6px 0; margin-top:12px;}
.base_form input[type='submit'] {
	border:#111 1px solid; width:150px; height:36px; text-align:center;
	background-color:#444; color:#fff;
	background:linear-gradient(#333, #999);
}

.article_title {padding:6px 0; font-weight:bold;}
.article_list_controls {border-top:#aaa 1px solid; padding:6px 0;}
.article_list_paging {border-top:#aaa 1px solid; padding:6px 0; text-align:center;}

.article_status {border-top:#aaa 1px solid; padding:6px 0; text-align:right;}
.article_body {border-top:#aaa 1px solid; padding:6px 0;}
.article_body img {max-width:100%;}
.article_controls {padding:6px 0;}

/* foot_area */
.foot_area {color:#fff; text-align:center; padding:5px 0 7px 0; font-size:0.84em;}
.foot_area div {text-align:center; }


@media screen and (max-width:660px) {
	.site_image {height:135px;}
	.blockbar {display:none;}
	.site_body {margin-top:6px;}
	.dropdown_link {display:block !important;}
}