@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {
	font-family: 'Noto Sans KR', sans-serif;
}
/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: middle;
	box-sizing: border-box;
	text-decoration: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1
}
ol, ul {
	list-style: none;
	color: #555;
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
html {
	height: 100%;
	overflow-x: hidden;
}
body {
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	line-height: 1.7em;
	text-align:justify;
	color: #fff;
	overflow-y: hidden;
}
strong, b {
	font-weight: bold;
}
a {
	color: #444;
	transition: .2s;
}
a:hover {
	color: #f26c4f;
}
h2 {
	font-size: 20px;
	line-height: 34px;
	color: #454545;
}
input[type=radio], input[type=checkbox] {
	padding: 5px;
	margin: 5px 0;
	vertical-align: middle;
}
.input {
	border: 1px solid #ccc;
	line-height: 2.85em;
	height: 2.85em;
	padding: 0 0.5em;
	margin: 0
}
.select {
	border: 1px solid #ccc;
	line-height: 2.85em;
	height: 2.85em;
	padding: 0 0.5em;
	margin: 0
}
.textarea {
	width: 100%;
	min-height: 180px;
	padding: 1em;
	text-align: justify
}
.required {
	background-color: #ffffcc
}
.form-action, .form-action-mini {
	margin: 1.5em !important
}
.search-wrap {
	text-align: center;
}
.search-stx, .search-target {
	height: 26px;
	margin: 0;
	padding: 0;
	line-height: 26px
}
.form .form-action {
	text-align: right
}
.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	margin: 1em auto
}
.input-group .input {
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0
}
.input-group:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.input-group:last-child {
	border-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc
}
.input-group-addon:first-child {
	border-right: 0
}
.input-group-addon {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell
}
/*table*/
.responsetable {
	display: table;
	width: 100%;
	position: relative;
	margin: 1em 0;
}
.tb-header {
	display: table-header-group
}
.tb-body {
	display: table-row-group
}
.tb-footer {
	display: table-footer-group
}
.tb-row {
	display: table-row
}
.tb-even .tb-row:nth-child(even) {
	background-color: #efefef
}
.tb-cell {
	display: table-cell;
	padding: 1em 1em;
	vertical-align: baseline;
	color: #555;
}
.tb-row-group {
	display: table-row-group
}
.tb-col-group {
	display: table-column-group
}
.tb-header .tb-cell {
	text-align: center;
	background-color: #fafafa;
	font-weight: 600;
	color: #555;
}
.empty-table {
	padding: 3em;
	text-align: center;
	line-height: 13em
}
.tb-hd {
	white-space: nowrap;
	padding: 0 0.5em
}
.tb-noeven .tb-row:nth-child(even) {
	background: none !Important
}
.responsetable .caption {
	display: block;
	position: absolute;
	right: 0.5em;
	top: -20px
}
.write-table {
	background-color: #fff
}
.write-table .tb-row:nth-child(even) {
	background-color: #fff
}
.write-table .tb-cell {
	border-bottom: 1px solid #eaeaea
}
.ask-table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border: 1px solid #ccc
}
.ask-table caption {
	color: #000;
	font: italic 85%/1 arial, sans-serif;
	padding: 1em 0;
	text-align: center
}
.ask-table td, .ask-table th {
	border-left: 1px solid #ccc;
	border-width: 0 0 0 1px;
	font-size: inherit;
	margin: 0;
	overflow: visible;
	padding: 0.5em 1em
}
.ask-table td:first-child, .ask-table th:first-child {
	border-left-width: 0
}
.ask-table thead {
	background-color: #ccc;
	color: #000;
	text-align: left;
	vertical-align: bottom
}
.ask-table td {
	background-color: transparent
}
.ask-table-full {
	width: 100%
}
.ask-table-odd td {
	background-color: #f2f2f2
}
.ask-table-striped tr:nth-child(2n-1) td {
	background-color: #f2f2f2
}
.ask-table-bordered td {
	border-bottom: 1px solid #cbcbcb
}
.ask-table-bordered tbody > tr:last-child > td {
	border-bottom-width: 0
}
.ask-table-horizontal td, .ask-table-horizontal th {
	border-width: 0 0 1px 0;
	border-bottom: 1px solid #cbcbcb
}
.ask-table-horizontal tbody > tr:last-child > td {
	border-bottom-width: 0
}
/*tab*/
.tab-wrap {
	border: 1px solid #efefef
}
.tab-wrap .tab-header {
	display: table;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none
}
.tab-wrap .tab-header li {
	display: table-cell;
	margin: 0;
	padding: 0;
	border-bottom: none;
	border-right: 1px solid #fff
}
.tab-wrap .tab-header li a {
	display: block;
	padding: 0;
	line-height: 38px;
	border-bottom: none;
	border-top: 3px solid transparent;
	transition: all 0.2s;
	text-indent: 0;
	background: #efefef;
	color: #666;
	text-align: center
}
.tab-wrap .tab-header li a:hover {
	background: #fff
}
.tab-wrap .tab-header li.active a {
	border-color: #00bfff;
	background-color: #fff
}
.tab-wrap .tab-header li:last-child {
	border-right: none
}
.tab-wrap .responsetable {
	margin-bottom: 0
}
.tab-wrap .tab-contents {
	position: relative
}
.tab-wrap .tab-contents .form-table {
	padding: 1.5em
}
.tab-wrap .tab-contents ol {
	margin: 1em;
	padding: 0;
	display: block
}
.tab-wrap .tab-contents ol li {
	padding: 1em;
	border-bottom: 1px solid #ccc;
	display: block;
	background-color: #efefef
}
.tab-wrap .tab-contents ol li h3 {
	font-weight: 600;
	font-size: 1.2em
}
.tab-wrap .tab-contents ol li .list-content-wrap {
	background-color: #fff;
	border-radius: 1em;
	font-size: 1.2em;
	padding: 1em;
	margin: 1em 0.5em
}
.tab-wrap .tab-contents ol li:last-child {
	border-bottom: none !important
}
.tab-wrap .tab-contents .tab-item:first-child {
	display: block
}
.tab-wrap .tab-contents .tab-item {
	padding: 1em;
	min-height: 100px;
	display: none
}
.tab-wrap .tab-table-contents .tab-item {
	padding: 0
}
.tab-wrap .tab-table-contents .tab-item .responsetable {
	border-bottom: none
}
.tab-wrap .tab-table-contents .write-table .tb-row:last-child .tb-cell {
	border-bottom: none
}
/*panel*/
.panel {
	position: relative;
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent
}
.panel-default {
	border-color: #ddd
}
.panel-danger {
	border-color: #ff4747
}
.panel-info {
	border-color: #49d847
}
.panel-hash {
	background: transparent url(/images/bg-hash.gif)
}
.panel-default > .panel-header {
	color: #333;
	background-color: #efefef;
	border-color: #ddd
}
.panel-danger > .panel-header {
	color: #333;
	background-color: #ff4747;
	border-color: #ddd
}
.panel-info > .panel-header {
	color: #333;
	background-color: #49d847;
	border-color: #ddd
}
.panel-header {
	position: relative;
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}
.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit
}
.panel-title-sm {
	font-size: 14px !important
}
.panel-body {
	padding: 40px;
}
.panel-body:before {
	display: table;
	content: " "
}
.panel-body:after {
	display: table;
	content: " ";
	clear: both
}
.panel-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	line-height: 2em
}
.panel-table {
	padding: 0
}
/*button*/
.button {
	position: relative;
	overflow: visible;
	display: inline-block;
	vertical-align: middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline;
	padding: .5em 1em;
	min-width: 70px;
	border: 1px solid #dfdfdf;
	margin: 0;
	text-decoration: none;
	text-align: center;
	font-size: 1em;
	color: #666;
	white-space: nowrap;
	cursor: pointer;
	outline: none;
	background-color: #fafafa;
	-moz-background-clip: padding;
	background-clip: padding-box;
	zoom: 1;
}
.button.active, .button:active, .button:focus, .button:hover {
	border-color: #ddd;
	background: #f4f4f4;
}
.button::-moz-focus-inner {
	padding:0;
	border:0
}
.button.icon:before {
	content: "";
	position: relative;
	top: 1px;
	float: left;
	width: 12px;
	height: 12px;
	margin: 0 0.75em 0 -.25em;
	background: url("gh-icons.png") 0 99px no-repeat
}
.button.arrowup.icon:before {
	background-position: 0 0
}
.button.arrowup.icon:active:before, .button.arrowup.icon:focus:before, .button.arrowup.icon:hover:before {
	background-position: -12px 0
}
.button.arrowdown.icon:before {
	background-position: 0 -12px
}
.button.arrowdown.icon:active:before, .button.arrowdown.icon:focus:before, .button.arrowdown.icon:hover:before {
	background-position: -12px -12px
}
.button.arrowleft.icon:before {
	background-position: 0 -24px
}
.button.arrowleft.icon:active:before, .button.arrowleft.icon:focus:before, .button.arrowleft.icon:hover:before {
	background-position: -12px -24px
}
.button.arrowright.icon:before {
	float: right;
	margin: 0 -.25em 0 0.5em;
	background-position: 0 -36px
}
.button.arrowright.icon:active:before, .button.arrowright.icon:focus:before, .button.arrowright.icon:hover:before {
	background-position: -12px -36px
}
.button.approve.icon:before {
	background-position: 0 -48px
}
.button.approve.icon:active:before, .button.approve.icon:focus:before, .button.approve.icon:hover:before {
	background-position: -12px -48px
}
.button.add.icon:before {
	background-position: 0 -288px
}
.button.add.icon:active:before, .button.add.icon:focus:before, .button.add.icon:hover:before {
	background-position: -12px -288px
}
.button.remove.icon:before {
	background-position: 0 -60px
}
.button.remove.icon:active:before, .button.remove.icon:focus:before, .button.remove.icon:hover:before {
	background-position: -12px -60px
}
.button.log.icon:before {
	background-position: 0 -72px
}
.button.log.icon:active:before, .button.log.icon:focus:before, .button.log.icon:hover:before {
	background-position: -12px -72px
}
.button.calendar.icon:before {
	background-position: 0 -84px
}
.button.calendar.icon:active:before, .button.calendar.icon:focus:before, .button.calendar.icon:hover:before {
	background-position: -12px -84px
}
.button.chat.icon:before {
	background-position: 0 -96px
}
.button.chat.icon:active:before, .button.chat.icon:focus:before, .button.chat.icon:hover:before {
	background-position: -12px -96px
}
.button.clock.icon:before {
	background-position: 0 -108px
}
.button.clock.icon:active:before, .button.clock.icon:focus:before, .button.clock.icon:hover:before {
	background-position: -12px -108px
}
.button.settings.icon:before {
	background-position: 0 -120px
}
.button.settings.icon:active:before, .button.settings.icon:focus:before, .button.settings.icon:hover:before {
	background-position: -12px -120px
}
.button.comment.icon:before {
	background-position: 0 -132px
}
.button.comment.icon:active:before, .button.comment.icon:focus:before, .button.comment.icon:hover:before {
	background-position: -12px -132px
}
.button.fork.icon:before {
	background-position: 0 -144px
}
.button.fork.icon:active:before, .button.fork.icon:focus:before, .button.fork.icon:hover:before {
	background-position: -12px -144px
}
.button.like.icon:before {
	background-position: 0 -156px
}
.button.like.icon:active:before, .button.like.icon:focus:before, .button.like.icon:hover:before {
	background-position: -12px -156px
}
.button.favorite.icon:before {
	background-position: 0 -348px
}
.button.favorite.icon:active:before, .button.favorite.icon:focus:before, .button.favorite.icon:hover:before {
	background-position: -12px -348px
}
.button.home.icon:before {
	background-position: 0 -168px
}
.button.home.icon:active:before, .button.home.icon:focus:before, .button.home.icon:hover:before {
	background-position: -12px -168px
}
.button.key.icon:before {
	background-position: 0 -180px
}
.button.key.icon:active:before, .button.key.icon:focus:before, .button.key.icon:hover:before {
	background-position: -12px -180px
}
.button.lock.icon:before {
	background-position: 0 -192px
}
.button.lock.icon:active:before, .button.lock.icon:focus:before, .button.lock.icon:hover:before {
	background-position: -12px -192px
}
.button.unlock.icon:before {
	background-position: 0 -204px
}
.button.unlock.icon:active:before, .button.unlock.icon:focus:before, .button.unlock.icon:hover:before {
	background-position: -12px -204px
}
.button.loop.icon:before {
	background-position: 0 -216px
}
.button.loop.icon:active:before, .button.loop.icon:focus:before, .button.loop.icon:hover:before {
	background-position: -12px -216px
}
.button.search.icon:before {
	background-position: 0 -228px
}
.button.search.icon:active:before, .button.search.icon:focus:before, .button.search.icon:hover:before {
	background-position: -12px -228px
}
.button.mail.icon:before {
	background-position: 0 -240px
}
.button.mail.icon:active:before, .button.mail.icon:focus:before, .button.mail.icon:hover:before {
	background-position: -12px -240px
}
.button.move.icon:before {
	background-position: 0 -252px
}
.button.move.icon:active:before, .button.move.icon:focus:before, .button.move.icon:hover:before {
	background-position: -12px -252px
}
.button.edit.icon:before {
	background-position: 0 -264px
}
.button.edit.icon:active:before, .button.edit.icon:focus:before, .button.edit.icon:hover:before {
	background-position: -12px -264px
}
.button.pin.icon:before {
	background-position: 0 -276px
}
.button.pin.icon:active:before, .button.pin.icon:focus:before, .button.pin.icon:hover:before {
	background-position: -12px -276px
}
.button.reload.icon:before {
	background-position: 0 -300px
}
.button.reload.icon:active:before, .button.reload.icon:focus:before, .button.reload.icon:hover:before {
	background-position: -12px -300px
}
.button.rss.icon:before {
	background-position: 0 -312px
}
.button.rss.icon:active:before, .button.rss.icon:focus:before, .button.rss.icon:hover:before {
	background-position: -12px -312px
}
.button.tag.icon:before {
	background-position: 0 -324px
}
.button.tag.icon:active:before, .button.tag.icon:focus:before, .button.tag.icon:hover:before {
	background-position: -12px -324px
}
.button.trash.icon:before {
	background-position: 0 -336px
}
.button.trash.icon:active:before, .button.trash.icon:focus:before, .button.trash.icon:hover:before {
	background-position: -12px -336px
}
.button.user.icon:before {
	background-position: 0 -360px
}
.button.user.icon:active:before, .button.user.icon:focus:before, .button.user.icon:hover:before {
	background-position: -12px -360px
}
.button.primary {
	font-weight: 700
}
.button.danger {
	color: #900
}
.button.danger:active, .button.danger:focus, .button.danger:hover {
	border-color: #b53f3a;
	border-bottom-color: #a0302a;
	color: #fff;
	background-color: #dc5f59;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc5f59), to(#b33630));
	background-image: -moz-linear-gradient(#dc5f59, #b33630);
	background-image: -ms-linear-gradient(#dc5f59, #b33630);
	background-image: -o-linear-gradient(#dc5f59, #b33630);
	background-image: linear-gradient(#dc5f59, #b33630)
}
.button.danger.active, .button.danger:active {
	border-color: #a0302a;
	border-bottom-color: #bf4843;
	background-color: #b33630;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b33630), to(#dc5f59));
	background-image: -moz-linear-gradient(#b33630, #dc5f59);
	background-image: -ms-linear-gradient(#b33630, #dc5f59);
	background-image: -o-linear-gradient(#b33630, #dc5f59);
	background-image: linear-gradient(#b33630, #dc5f59)
}
.button.pill {
}
.button.disable {
	opacity: 0.5
}
.button.big {
	font-size: 14px
}
.button.big.icon:before {
	top: 0
}
.button-group {
	display: inline-block;
	vertical-align: middle;
	*vertical-align:auto;
	list-style: none;
	padding: 0;
	margin: 0;
	zoom: 1;
}
.button-sm {
	padding: 0.25em 0.5em !important
}
.button + .button, .button + .button-group, .button-group + .button, .button-group + .button-group {
	margin-left: 15px
}
.button-group li {
	float: left;
	padding: 0;
	margin: 0
}
.button-group .button {
	float: left;
	margin-left: -1px
}
.button-group > .button:not(:first-child):not(:last-child), .button-group li:not(:first-child):not(:last-child) .button {
	border-radius: 0
}
.button-group > .button:first-child, .button-group li:first-child .button {
	margin-left: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.button-group > .button:last-child, .button-group li:last-child > .button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.button-group.minor-group .button {
	border: 1px solid #d4d4d4;
	text-shadow: none;
	background-image: none;
	background-color: #fff
}
.button-group.minor-group .button:focus, .button-group.minor-group .button:hover {
	background-color: #f1f1f1
}
.button-group.minor-group .button.active, .button-group.minor-group .button:active {
	background-color: #f1f1f1
}
.button-group.minor-group .button.icon:before {
	opacity: 0.8
}
.button-container .button, .button-container .button-group {
	vertical-align: top
}
div.grid-last {
	padding-right: 0
}
[class*='col-'] {
	float: left;
	min-height: 1px;
	padding-right: 1em
}
.grid {
	width: 100%;
	max-width: 1600px;
	min-width: 280px;
	margin: 70px auto;
}
.grid-pad {
	margin-bottom: 1em
}
.grid:after {
	content: "";
	display: table;
	clear: both
}
.push-right {
	float: right
}
.col-1-1 {
	width: 100%;
	padding-right: 0
}
.col-2-3, .col-8-12 {
	width: 66.66%
}
.col-1-2, .col-6-12 {
	width: 50%
}
.col-1-3, .col-4-12 {
	width: 33.33%
}
.col-1-4, .col-3-12 {
	width: 25%
}
.col-1-5 {
	width: 20%
}
.col-1-6, .col-2-12 {
	width: 16.667%
}
.col-1-7 {
	width: 14.28%
}
.col-1-8 {
	width: 12.5%
}
.col-1-9 {
	width: 11.1%
}
.col-1-10 {
	width: 10%
}
.col-1-11 {
	width: 9.09%
}
.col-1-12 {
	width: 8.33%
}
.col-11-12 {
	width: 91.66%
}
.col-10-12 {
	width: 83.333%
}
.col-9-12 {
	width: 75%
}
.col-5-12 {
	width: 41.66%
}
.col-7-12 {
	width: 58.33%
}
.push-2-3, .push-8-12 {
	margin-left: 66.66%
}
.push-1-2, .push-6-12 {
	margin-left: 50%
}
.push-1-3, .push-4-12 {
	margin-left: 33.33%
}
.push-1-4, .push-3-12 {
	margin-left: 25%
}
.push-1-5 {
	margin-left: 20%
}
.push-1-6, .push-2-12 {
	margin-left: 16.667%
}
.push-1-7 {
	margin-left: 14.28%
}
.push-1-8 {
	margin-left: 12.5%
}
.push-1-9 {
	margin-left: 11.1%
}
.push-1-10 {
	margin-left: 10%
}
.push-1-11 {
	margin-left: 9.09%
}
.push-1-12 {
	margin-left: 8.33%
}

@media handheld, only screen and (max-width: 768px) {
	.mobile-col-1-1 {
		width: 100%;
		padding-right: 0
	}
	.mobile-col-2-3, .mobile-col-8-12 {
		width: 66.66%
	}
	.mobile-col-1-2, .mobile-col-6-12 {
		width: 50%
	}
	.mobile-col-1-3, .mobile-col-4-12 {
		width: 33.33%
	}
	.mobile-col-1-4, .mobile-col-3-12 {
		width: 25%
	}
	.mobile-col-1-5 {
		width: 20%
	}
	.mobile-col-1-6, .mobile-col-2-12 {
		width: 16.667%
	}
	.mobile-col-1-7 {
		width: 14.28%
	}
	.mobile-col-1-8 {
		width: 12.5%
	}
	.mobile-col-1-9 {
		width: 11.1%
	}
	.mobile-col-1-10 {
		width: 10%
	}
	.mobile-col-1-11 {
		width: 9.09%
	}
	.mobile-col-1-12 {
		width: 8.33%
	}
	.mobile-col-11-12 {
		width: 91.66%
	}
	.mobile-col-10-12 {
		width: 83.333%
	}
	.mobile-col-9-12 {
		width: 75%
	}
	.mobile-col-5-12 {
		width: 41.66%
	}
	.mobile-col-7-12 {
		width: 58.33%
	}
	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0
	}
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-right: 2rem;
	padding-left: 2rem
}
.row {
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -1rem;
	margin-left: -1rem
}
.row.reverse {
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	flex-direction: row-reverse
}
.col.reverse {
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	flex-direction: column-reverse
}
.column-xs, .column-xs-1, .column-xs-10, .column-xs-11, .column-xs-12, .column-xs-2, .column-xs-3, .column-xs-4, .column-xs-5, .column-xs-6, .column-xs-7, .column-xs-8, .column-xs-9 {
	box-sizing: border-box;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	padding-right: 1rem;
	padding-left: 1rem
}
.column-xs {
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	-webkit-box-flex: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0;
	-webkit-flex-basis: 0;
	flex-basis: 0;
	max-width: 100%
}
.column-xs-1 {
	-ms-flex-preferred-size: 8.333%;
	-webkit-flex-basis: 8.333%;
	flex-basis: 8.333%;
	max-width: 8.333%
}
.column-xs-2 {
	-ms-flex-preferred-size: 16.667%;
	-webkit-flex-basis: 16.667%;
	flex-basis: 16.667%;
	max-width: 16.667%
}
.column-xs-3 {
	-ms-flex-preferred-size: 25%;
	-webkit-flex-basis: 25%;
	flex-basis: 25%;
	max-width: 25%
}
.column-xs-4 {
	-ms-flex-preferred-size: 33.333%;
	-webkit-flex-basis: 33.333%;
	flex-basis: 33.333%;
	max-width: 33.333%
}
.column-xs-5 {
	-ms-flex-preferred-size: 41.667%;
	-webkit-flex-basis: 41.667%;
	flex-basis: 41.667%;
	max-width: 41.667%
}
.column-xs-6 {
	-ms-flex-preferred-size: 50%;
	-webkit-flex-basis: 50%;
	flex-basis: 50%;
	max-width: 50%
}
.column-xs-7 {
	-ms-flex-preferred-size: 58.333%;
	-webkit-flex-basis: 58.333%;
	flex-basis: 58.333%;
	max-width: 58.333%
}
.column-xs-8 {
	-ms-flex-preferred-size: 66.667%;
	-webkit-flex-basis: 66.667%;
	flex-basis: 66.667%;
	max-width: 66.667%
}
.column-xs-9 {
	-ms-flex-preferred-size: 75%;
	-webkit-flex-basis: 75%;
	flex-basis: 75%;
	max-width: 75%
}
.column-xs-10 {
	-ms-flex-preferred-size: 83.333%;
	-webkit-flex-basis: 83.333%;
	flex-basis: 83.333%;
	max-width: 83.333%
}
.column-xs-11 {
	-ms-flex-preferred-size: 91.667%;
	-webkit-flex-basis: 91.667%;
	flex-basis: 91.667%;
	max-width: 91.667%
}
.column-xs-12 {
	-ms-flex-preferred-size: 100%;
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
	max-width: 100%
}
.column-xs-offset-1 {
	margin-left: 8.333%
}
.column-xs-offset-2 {
	margin-left: 16.667%
}
.column-xs-offset-3 {
	margin-left: 25%
}
.column-xs-offset-4 {
	margin-left: 33.333%
}
.column-xs-offset-5 {
	margin-left: 41.667%
}
.column-xs-offset-6 {
	margin-left: 50%
}
.column-xs-offset-7 {
	margin-left: 58.333%
}
.column-xs-offset-8 {
	margin-left: 66.667%
}
.column-xs-offset-9 {
	margin-left: 75%
}
.column-xs-offset-10 {
	margin-left: 83.333%
}
.column-xs-offset-11 {
	margin-left: 91.667%
}
.start-xs {
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	justify-content: flex-start;
	text-align: start
}
.center-xs {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center
}
.end-xs {
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	justify-content: flex-end;
	text-align: end
}
.top-xs {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	-webkit-box-align: start;
	align-items: flex-start
}
.middle-xs {
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center
}
.bottom-xs {
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	-webkit-box-align: end;
	align-items: flex-end
}
.around-xs {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around
}
.between-xs {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between
}
.first-xs {
	-webkit-order: -1;
	-ms-flex-order: -1;
	-webkit-box-ordinal-group: 0;
	order: -1
}
.last-xs {
	-webkit-order: 1;
	-ms-flex-order: 1;
	-webkit-box-ordinal-group: 2;
	order: 1
}

@media only screen and (min-width: 48em) {
	.container {
		width: 46rem
	}
	.column-sm, .column-sm-1, .column-sm-10, .column-sm-11, .column-sm-12, .column-sm-2, .column-sm-3, .column-sm-4, .column-sm-5, .column-sm-6, .column-sm-7, .column-sm-8, .column-sm-9 {
		box-sizing: border-box;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		-webkit-box-flex: 0;
		flex: 0 0 auto;
		padding-right: 1rem;
		padding-left: 1rem
	}
	.column-sm {
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		-webkit-box-flex: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		-webkit-flex-basis: 0;
		flex-basis: 0;
		max-width: 100%
	}
	.column-sm-1 {
		-ms-flex-preferred-size: 8.333%;
		-webkit-flex-basis: 8.333%;
		flex-basis: 8.333%;
		max-width: 8.333%
	}
	.column-sm-2 {
		-ms-flex-preferred-size: 16.667%;
		-webkit-flex-basis: 16.667%;
		flex-basis: 16.667%;
		max-width: 16.667%
	}
	.column-sm-3 {
		-ms-flex-preferred-size: 25%;
		-webkit-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%
	}
	.column-sm-4 {
		-ms-flex-preferred-size: 33.333%;
		-webkit-flex-basis: 33.333%;
		flex-basis: 33.333%;
		max-width: 33.333%
	}
	.column-sm-5 {
		-ms-flex-preferred-size: 41.667%;
		-webkit-flex-basis: 41.667%;
		flex-basis: 41.667%;
		max-width: 41.667%
	}
	.column-sm-6 {
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%
	}
	.column-sm-7 {
		-ms-flex-preferred-size: 58.333%;
		-webkit-flex-basis: 58.333%;
		flex-basis: 58.333%;
		max-width: 58.333%
	}
	.column-sm-8 {
		-ms-flex-preferred-size: 66.667%;
		-webkit-flex-basis: 66.667%;
		flex-basis: 66.667%;
		max-width: 66.667%
	}
	.column-sm-9 {
		-ms-flex-preferred-size: 75%;
		-webkit-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%
	}
	.column-sm-10 {
		-ms-flex-preferred-size: 83.333%;
		-webkit-flex-basis: 83.333%;
		flex-basis: 83.333%;
		max-width: 83.333%
	}
	.column-sm-11 {
		-ms-flex-preferred-size: 91.667%;
		-webkit-flex-basis: 91.667%;
		flex-basis: 91.667%;
		max-width: 91.667%
	}
	.column-sm-12 {
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%
	}
	.column-sm-offset-1 {
		margin-left: 8.333%
	}
	.column-sm-offset-2 {
		margin-left: 16.667%
	}
	.column-sm-offset-3 {
		margin-left: 25%
	}
	.column-sm-offset-4 {
		margin-left: 33.333%
	}
	.column-sm-offset-5 {
		margin-left: 41.667%
	}
	.column-sm-offset-6 {
		margin-left: 50%
	}
	.column-sm-offset-7 {
		margin-left: 58.333%
	}
	.column-sm-offset-8 {
		margin-left: 66.667%
	}
	.column-sm-offset-9 {
		margin-left: 75%
	}
	.column-sm-offset-10 {
		margin-left: 83.333%
	}
	.column-sm-offset-11 {
		margin-left: 91.667%
	}
	.start-sm {
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		justify-content: flex-start;
		text-align: start
	}
	.center-sm {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		justify-content: center;
		text-align: center
	}
	.end-sm {
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		-webkit-box-pack: end;
		justify-content: flex-end;
		text-align: end
	}
	.top-sm {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		-webkit-box-align: start;
		align-items: flex-start
	}
	.middle-sm {
		-webkit-align-items: center;
		-ms-flex-align: center;
		-webkit-box-align: center;
		align-items: center
	}
	.bottom-sm {
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		-webkit-box-align: end;
		align-items: flex-end
	}
	.around-sm {
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
	.between-sm {
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		justify-content: space-between
	}
	.first-sm {
		-webkit-order: -1;
		-ms-flex-order: -1;
		-webkit-box-ordinal-group: 0;
		order: -1
	}
	.last-sm {
		-webkit-order: 1;
		-ms-flex-order: 1;
		-webkit-box-ordinal-group: 2;
		order: 1
	}
}

@media only screen and (min-width: 62em) {
	.container {
		width: 61rem
	}
	.column-md, .column-md-1, .column-md-10, .column-md-11, .column-md-12, .column-md-2, .column-md-3, .column-md-4, .column-md-5, .column-md-6, .column-md-7, .column-md-8, .column-md-9 {
		box-sizing: border-box;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		-webkit-box-flex: 0;
		flex: 0 0 auto;
		padding-right: 1rem;
		padding-left: 1rem
	}
	.column-md {
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		-webkit-box-flex: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		-webkit-flex-basis: 0;
		flex-basis: 0;
		max-width: 100%
	}
	.column-md-1 {
		-ms-flex-preferred-size: 8.333%;
		-webkit-flex-basis: 8.333%;
		flex-basis: 8.333%;
		max-width: 8.333%
	}
	.column-md-2 {
		-ms-flex-preferred-size: 16.667%;
		-webkit-flex-basis: 16.667%;
		flex-basis: 16.667%;
		max-width: 16.667%
	}
	.column-md-3 {
		-ms-flex-preferred-size: 25%;
		-webkit-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%
	}
	.column-md-4 {
		-ms-flex-preferred-size: 33.333%;
		-webkit-flex-basis: 33.333%;
		flex-basis: 33.333%;
		max-width: 33.333%
	}
	.column-md-5 {
		-ms-flex-preferred-size: 41.667%;
		-webkit-flex-basis: 41.667%;
		flex-basis: 41.667%;
		max-width: 41.667%
	}
	.column-md-6 {
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%
	}
	.column-md-7 {
		-ms-flex-preferred-size: 58.333%;
		-webkit-flex-basis: 58.333%;
		flex-basis: 58.333%;
		max-width: 58.333%
	}
	.column-md-8 {
		-ms-flex-preferred-size: 66.667%;
		-webkit-flex-basis: 66.667%;
		flex-basis: 66.667%;
		max-width: 66.667%
	}
	.column-md-9 {
		-ms-flex-preferred-size: 75%;
		-webkit-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%
	}
	.column-md-10 {
		-ms-flex-preferred-size: 83.333%;
		-webkit-flex-basis: 83.333%;
		flex-basis: 83.333%;
		max-width: 83.333%
	}
	.column-md-11 {
		-ms-flex-preferred-size: 91.667%;
		-webkit-flex-basis: 91.667%;
		flex-basis: 91.667%;
		max-width: 91.667%
	}
	.column-md-12 {
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%
	}
	.column-md-offset-1 {
		margin-left: 8.333%
	}
	.column-md-offset-2 {
		margin-left: 16.667%
	}
	.column-md-offset-3 {
		margin-left: 25%
	}
	.column-md-offset-4 {
		margin-left: 33.333%
	}
	.column-md-offset-5 {
		margin-left: 41.667%
	}
	.column-md-offset-6 {
		margin-left: 50%
	}
	.column-md-offset-7 {
		margin-left: 58.333%
	}
	.column-md-offset-8 {
		margin-left: 66.667%
	}
	.column-md-offset-9 {
		margin-left: 75%
	}
	.column-md-offset-10 {
		margin-left: 83.333%
	}
	.column-md-offset-11 {
		margin-left: 91.667%
	}
	.start-md {
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		justify-content: flex-start;
		text-align: start
	}
	.center-md {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		justify-content: center;
		text-align: center
	}
	.end-md {
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		-webkit-box-pack: end;
		justify-content: flex-end;
		text-align: end
	}
	.top-md {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		-webkit-box-align: start;
		align-items: flex-start
	}
	.middle-md {
		-webkit-align-items: center;
		-ms-flex-align: center;
		-webkit-box-align: center;
		align-items: center
	}
	.bottom-md {
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		-webkit-box-align: end;
		align-items: flex-end
	}
	.around-md {
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
	.between-md {
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		justify-content: space-between
	}
	.first-md {
		-webkit-order: -1;
		-ms-flex-order: -1;
		-webkit-box-ordinal-group: 0;
		order: -1
	}
	.last-md {
		-webkit-order: 1;
		-ms-flex-order: 1;
		-webkit-box-ordinal-group: 2;
		order: 1
	}
}

@media only screen and (min-width: 75em) {
	.container {
		width: 71rem
	}
	.column-lg, .column-lg-1, .column-lg-10, .column-lg-11, .column-lg-12, .column-lg-2, .column-lg-3, .column-lg-4, .column-lg-5, .column-lg-6, .column-lg-7, .column-lg-8, .column-lg-9 {
		box-sizing: border-box;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		-webkit-box-flex: 0;
		flex: 0 0 auto;
		padding-right: 1rem;
		padding-left: 1rem
	}
	.column-lg {
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		-webkit-box-flex: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		-webkit-flex-basis: 0;
		flex-basis: 0;
		max-width: 100%
	}
	.column-lg-1 {
		-ms-flex-preferred-size: 8.333%;
		-webkit-flex-basis: 8.333%;
		flex-basis: 8.333%;
		max-width: 8.333%
	}
	.column-lg-2 {
		-ms-flex-preferred-size: 16.667%;
		-webkit-flex-basis: 16.667%;
		flex-basis: 16.667%;
		max-width: 16.667%
	}
	.column-lg-3 {
		-ms-flex-preferred-size: 25%;
		-webkit-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%
	}
	.column-lg-4 {
		-ms-flex-preferred-size: 33.333%;
		-webkit-flex-basis: 33.333%;
		flex-basis: 33.333%;
		max-width: 33.333%
	}
	.column-lg-5 {
		-ms-flex-preferred-size: 41.667%;
		-webkit-flex-basis: 41.667%;
		flex-basis: 41.667%;
		max-width: 41.667%
	}
	.column-lg-6 {
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%
	}
	.column-lg-7 {
		-ms-flex-preferred-size: 58.333%;
		-webkit-flex-basis: 58.333%;
		flex-basis: 58.333%;
		max-width: 58.333%
	}
	.column-lg-8 {
		-ms-flex-preferred-size: 66.667%;
		-webkit-flex-basis: 66.667%;
		flex-basis: 66.667%;
		max-width: 66.667%
	}
	.column-lg-9 {
		-ms-flex-preferred-size: 75%;
		-webkit-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%
	}
	.column-lg-10 {
		-ms-flex-preferred-size: 83.333%;
		-webkit-flex-basis: 83.333%;
		flex-basis: 83.333%;
		max-width: 83.333%
	}
	.column-lg-11 {
		-ms-flex-preferred-size: 91.667%;
		-webkit-flex-basis: 91.667%;
		flex-basis: 91.667%;
		max-width: 91.667%
	}
	.column-lg-12 {
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%
	}
	.column-lg-offset-1 {
		margin-left: 8.333%
	}
	.column-lg-offset-2 {
		margin-left: 16.667%
	}
	.column-lg-offset-3 {
		margin-left: 25%
	}
	.column-lg-offset-4 {
		margin-left: 33.333%
	}
	.column-lg-offset-5 {
		margin-left: 41.667%
	}
	.column-lg-offset-6 {
		margin-left: 50%
	}
	.column-lg-offset-7 {
		margin-left: 58.333%
	}
	.column-lg-offset-8 {
		margin-left: 66.667%
	}
	.column-lg-offset-9 {
		margin-left: 75%
	}
	.column-lg-offset-10 {
		margin-left: 83.333%
	}
	.column-lg-offset-11 {
		margin-left: 91.667%
	}
	.start-lg {
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		justify-content: flex-start;
		text-align: start
	}
	.center-lg {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		justify-content: center;
		text-align: center
	}
	.end-lg {
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		-webkit-box-pack: end;
		justify-content: flex-end;
		text-align: end
	}
	.top-lg {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		-webkit-box-align: start;
		align-items: flex-start
	}
	.middle-lg {
		-webkit-align-items: center;
		-ms-flex-align: center;
		-webkit-box-align: center;
		align-items: center
	}
	.bottom-lg {
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		-webkit-box-align: end;
		align-items: flex-end
	}
	.around-lg {
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
	.between-lg {
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		justify-content: space-between
	}
	.first-lg {
		-webkit-order: -1;
		-ms-flex-order: -1;
		-webkit-box-ordinal-group: 0;
		order: -1
	}
	.last-lg {
		-webkit-order: 1;
		-ms-flex-order: 1;
		-webkit-box-ordinal-group: 2;
		order: 1
	}
}
.sv_wrap {
	display: inline-block;
	position: relative;
	font-weight: 400
}
.sv_wrap .sv {
	z-index: 1000;
	display: none;
	margin: 5px 0 0;
	border: 1px solid #ddd
}
.sv_wrap .sv a {
	display: inline-block;
	margin: 0;
	padding: 0.5em;
	width: 94px;
	border-bottom: 1px solid #ddd;
	background: #fafafa;
	color: #333 !important;
	text-align: left;
	font-size: 0.9em
}
.sv_wrap .sv a:hover {
	background-color: #f1f1f1
}
.sv_wrap .sv a:active, .sv_wrap .sv a:focus, .sv_wrap .sv a:hover {
	text-decoration: none
}
.sv_wrap .sv a:last-child {
	border: none
}
.sv_on {
	display: block !important;
	position: absolute;
	top: 10px;
	left: 20px;
	width: auto;
	height: auto;
	background-color: #efefef;
	box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06)
}
.sv_nojs .sv {
	display: block
}
#captcha_img {
	display: block
}
#captcha_key {
	min-width: 120px;
	margin: 0 !Important
}
#gotop {
	display: none;
	position: fixed;
	right: 15px;
	opacity: 0.7;
	font-size: 1.5rem;
	z-index: 200;
	border: 1px solid #ccc;
	background-color: #fff
}
#gotop a {
	display: block;
	padding: 0.4em
}
.paging-wrap {
	text-align: center;
	padding: 2em 1em
}
.pg_wrap {
	display: inline-block;
	vertical-align: middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline;
	margin: 0 auto;
}
.pg_wrap a, .pg_wrap strong {
	display: inline-block;
	vertical-align: middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline;
	border: 1px solid #ccc;
	line-height: 2em;
	text-align: center;
	padding: 0 0.6em;
}
.pg_wrap a {
	background-color: #efefef
}
.pg_wrap a:hover {
	background-color: #999;
	color: #fff
}
.side_menu_wrap {
	position: relative;
	margin-bottom: 10px
}
.side_menu_wrap h2 {
	display: block;
	background-color: #efefef;
	font-size: 1.1em;
	margin: 0;
	padding: 0.5em 0.8em;
	border-bottom: 3px solid #efefef;
	border-top: 3px solid #00bfff
}
.side_menu_wrap ul {
	display: block;
	margin: 0;
	padding: 0
}
.side_menu_wrap ul li {
	display: block;
	padding: 5px
}
.side_menu_wrap ul li a {
	display: block;
	border-bottom: 1px dotted #666;
	padding: 0.5em 1em;
	text-align: right
}
.side_menu_wrap:after, .side_menu_wrap:before {
	display: table;
	content: " "
}
#copymove {
	font-size: 1em
}
#copymove h1 {
	background-color: #00bfff;
	display: block;
	line-height: 2em;
	font-size: 1.2em;
	text-align: center;
	border-bottom: 2px solid #007fff
}
#copymove table {
	width: 100%;
	margin-bottom: 2em
}
#copymove table th {
	background-color: #efefef;
	padding: 0.4em;
	text-align: center
}
#copymove table td {
	border-bottom: 1px dotted #999;
	padding: 0.3em
}
#copymove table caption {
	font-size: 0.9em;
	color: #ccc;
	text-align: center;
	padding: 0.5em
}
#copymove .win_btn {
	text-align: center
}
#copymove .win_btn button, #copymove .win_btn input {
	display: inline-block;
	margin: 0;
	padding: 5px;
	border: 1px solid #666
}
.content-background {
}
.tab-wrap .latest-ask-basic-wrap, .tab-wrap .latest-basic-wrap, .tab-wrap .latest-flex-gallery-wrap {
	border: none
}
.tab-wrap .latest-header {
	display: none !important
}
.textcon {
	display: inline-block;
	vertical-align: middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline;
	padding: 0.15em 0.2em;
	font-size: 0.65rem;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	color: #fff;
	margin: 0;
	line-height: 1em;
	-webkit-box-shadow: 1px 1px 1px #ccc;
	-khtml-box-shadow: 1px 1px 1px #ccc;
	-moz-box-shadow: 1px 1px 1px #ccc;
	-ms-box-shadow: 1px 1px 1px #ccc;
	-o-box-shadow: 1px 1px 1px #ccc;
	box-shadow: 1px 1px 1px #ccc
}
.textcon:hover {
	-webkit-box-shadow: 0 0 0 #fff;
	-khtml-box-shadow: 0 0 0 #fff;
	-moz-box-shadow: 0 0 0 #fff;
	-ms-box-shadow: 0 0 0 #fff;
	-o-box-shadow: 0 0 0 #fff;
	box-shadow: 0 0 0 #fff
}
.textcon-default {
	background-color: #999
}
.textcon-new {
	background-color: #00bfff
}
.textcon-hot {
	background-color: #ff4747
}
.textcon-file, .textcon-link {
	background-color: #49d847
}
.textcon-notice {
	background-color: #db0000
}
.textcon-secret {
	background-color: #db0000
}
.search-wrap form {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 0.5em 1em;
	text-align: center;
	line-height: 1.5em;
	margin: 0 auto;
}
.search-wrap #gr_id, .search-wrap #sfl, .search-wrap #stx, .search-wrap button[type=submit] {
	border: none;
	background: transparent;
}
.search-wrap .stx-tbl {
	display: table
}
.search-wrap .stx-tbl #stx {
	width: 100%
}
.search-wrap .stx-cell {
	display: table-cell
}
.search-wrap .tb-caption {
	caption-side: bottom;
	display: table-caption;
	text-align: center;
	border-top: 1px solid #ccc;
	padding: 0.5em 0;
	margin-top: 0.5em
}
.sub-title {
	display: block;
	padding: 0.8em;
	margin: 0.5em 0 1em;
	border-bottom: 3px solid #efefef;
	font-size: 1.4em
}
h2.title {
	display: block;
	padding: 1em;
	font-weight: 600;
	color: #999;
	border-bottom: 2px solid #ccc;
	margin: 1em 0;
	font-size: 1.5em
}
.text-shadow {
	color: #222;
	text-shadow: 0 2px 3px #555
}
.text-shadow-sm {
	color: #222;
	text-shadow: 0 1px 2px #fff
}
.msg_sound_only, .sound-only, .sound_only {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important;
	padding: 0 !important;
	width: 1px !important;
	height: 1px !important;
	font-size: 0 !important;
	line-height: 0 !important;
	overflow: hidden
}
hr {
	height: 0;
	clear: both;
	margin-bottom: 2em;
	visibility: hidden;
}
.mob-info {
	display: none
}
.left {
	text-align: left !important
}
.right {
	text-align: right !important
}
.divider {
	border-top: 1px dashed #999;
	border-bottom: none;
	width: 50%;
	margin: 1em auto
}
.center {
	text-align: center;
	margin-top: 80px;
}
.clearfix {
	clear: both;
	height: 0;
}
.clearfix:after, .clearfix:before {
	content: " ";
	display: table
}
.hide {
	display: none
}
.show {
	display: block
}
.rotate {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3)
}
.box-shadow {
	box-shadow: 2px 2px 3px #888888
}
.animateIt {
	position: fixed !important;
	top: -87px;
	left: 0;
	right: 0;
	z-index: 5000;
	transition: 0.4s top cubic-bezier(0.3, 0.73, 0.3, 0.74);
	box-shadow: 0 2px 3px 0 rgba(69, 69, 69, 0.15)
}
body.down .animateIt {
	top: 0
}
.open-slide-icon {
	color: #00bfff
}
pre.code {
	display: none;
	margin-top: 1em
}
.slide-menu1, .slide-menu2, .slide-menu3 {
	padding: 2em;
	text-align: center;
	line-height: 5em;
	font-size: 2em;
	background-color: #666;
	color: #efefef;
	margin-top: 1em
}
.sample-mobile-menu {
	display: none;
	text-align: right
}
.sample-grid .content {
	background-color: #efefef;
	padding: 1em 0;
	text-align: center
}
.sample-menu .ask-main-menu {
	float: left
}
.help-image {
	border: 1px solid #ccc
}
figure {
	border-bottom: 1px dashed #ccc
}
figure strong {
	font-weight: 600;
	color: #007fff
}
figcaption {
	font-size: 1.1em;
	color: #333;
	padding: 0.3em
}
.getting_started h3 {
	display: block;
	margin: 1em 0 0.5em;
	padding: 0.3em;
	font-size: 1.1em;
	font-weight: 600;
	color: #333
}
.getting_started h4 {
	display: block;
	margin: 0.7em 0 0.3em;
	padding: 0.2em;
	font-size: 1em;
	font-weight: 600;
	color: #666
}
.gr_plugins .panel-body {
	min-height: 130px
}
div.box-row {
	margin-bottom: 1rem
}
.box, .box-first, .box-large, .box-nested, .box-row {
	position: relative;
	box-sizing: border-box;
	min-height: 1rem;
	margin-bottom: 0;
	background: #007fff;
	border: 1px solid #fff;
	overflow: hidden;
	text-align: center;
	color: #fff
}
.box-nested {
	background: #036;
	border-color: #007FFF
}
.box-large {
	height: 8rem
}
.box-first {
	background: #06C;
	border-color: #007FFF
}
h3 code {
	display: block;
	font-size: 1.5em;
	font-weight: 600;
	margin-top: 1.5em;
	line-height: 1.5em
}

@media only screen and (max-width: 768px) {
	.response-wrap .help-image {
		width: 100%
	}
}

@media only screen and (min-width: 768px) {
	.box, .box-first, .box-large, .box-nested, .box-row {
		padding: 1rem
	}
}

@media only screen and (max-width: 1100px) {
	.response-wrap .sample-mobile-menu {
		display: block
	}
}
.timeline {
	margin: 2em 1em;
	padding-left: 40px;
	position: relative;
	border-left: 1px solid #dfdfdf;
	box-sizing: border-box
}
.timeline li {
	background-color: #fafafa;
	border: 1px solid #dfdfdf;
	border-radius: 2px;
	margin-top: 2em;
	padding: 1em;
	position: relative;
	display: block
}
.timeline li:first-child {
	margin-top: 0
}
.timeline li:before {
	content: "";
	width: 40px;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top: 50%;
	left: -41px
}
.timeline li:after {
	content: "";
	width: 7px;
	height: 7px;
	background-color: #ccc;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	left: -45px
}
.timeline:after, .timeline:before {
	content: "";
	width: 16px;
	height: 16px;
	border: 2px solid #ccc;
	position: absolute;
	left: -8px;
	border-radius: 50%
}
.timeline:before {
	top: -16px
}
.timeline:after {
	bottom: -16px
}
.timeline-description p {
	margin-top: 15px
}
.timeline-description p:first-child {
	margin-top: 0
}
.timeline-both-side {
	float: left;
	width: 96%;
	margin: 20px 2% 50px;
	position: relative;
	box-sizing: border-box
}
.timeline-both-side li {
	position: relative;
	float: left;
	width: 100%
}
.timeline-both-side li .border-line {
	background-color: #ccc;
	font-size: 1.4em;
	height: 1px;
	left: 50%;
	margin-left: -8%;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 8%;
	z-index: 100
}
.timeline-both-side li.opposite-side .border-line {
	left: auto;
	right: 50%;
	margin-left: 0;
	margin-right: -8%
}
.timeline-both-side li .border-line:before {
	background-color: #ccc;
	content: "";
	height: 7px;
	position: absolute;
	right: -4px;
	top: -3px;
	width: 7px
}
.timeline-both-side li.opposite-side .border-line:before {
	left: -4px;
	right: auto
}
.timeline-both-side li .timeline-description {
	border-radius: 2px;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	float: left;
	font-size: 13px;
	padding: 10px;
	position: relative;
	width: 42%
}
.timeline-both-side li.opposite-side .timeline-description {
	float: right
}
.timeline-both-side:before {
	background-color: #ccc;
	bottom: 0;
	content: " ";
	left: 50%;
	position: absolute;
	top: 0;
	width: 1px
}
.timeline-both-side:after {
	border-radius: 50%;
	bottom: -22px;
	content: "";
	height: 18px;
	left: 50%;
	margin-left: -11px;
	position: absolute;
	width: 18px;
	border: 2px solid #ccc
}
#cd-timeline {
	position: relative;
	padding: 2em 0;
	margin: 1em
}
#cd-timeline::before {
	content: '';
	position: absolute;
	top: 0;
	left: 18px;
	height: 100%;
	width: 4px;
	background: #d7e4ed
}

@media only screen and (min-width: 1100px) {
	#cd-timeline {
		margin-top: 3em;
		margin-bottom: 3em
	}
	#cd-timeline::before {
		left: 50%;
		margin-left: -2px
	}
}
.cd-timeline-block {
	position: relative;
	margin: 2em 0
}
.cd-timeline-block:after {
	content: "";
	display: table;
	clear: both
}
.cd-timeline-block:first-child {
	margin-top: 0
}
.cd-timeline-block:last-child {
	margin-bottom: 0
}

@media only screen and (min-width: 1100px) {
	.cd-timeline-block {
		margin: 4em 0
	}
	.cd-timeline-block:first-child {
		margin-top: 0
	}
	.cd-timeline-block:last-child {
		margin-bottom: 0
	}
}
.cd-timeline-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05)
}
.cd-timeline-img img {
	display: block;
	width: 24px;
	height: 24px;
	position: relative;
	left: 50%;
	top: 50%;
	margin-left: -12px;
	margin-top: -12px
}
.cd-timeline-img.cd-picture {
	background: #00bfff
}
.cd-timeline-img.cd-movie {
	background: #c03b44
}
.cd-timeline-img.cd-location {
	background: #f0ca45
}

@media only screen and (min-width: 1100px) {
	.cd-timeline-img {
		width: 60px;
		height: 60px;
		left: 50%;
		margin-left: -30px;
		-webkit-transform: translateZ(0);
		-webkit-backface-visibility: hidden
	}
	.cssanimations .cd-timeline-img.is-hidden {
		visibility: hidden
	}
	.cssanimations .cd-timeline-img.bounce-in {
		visibility: visible;
		-webkit-animation: cd-bounce-1 0.6s;
		-moz-animation: cd-bounce-1 0.6s;
		animation: cd-bounce-1 0.6s
	}
}
@-webkit-keyframes cd-bounce-1 {
	0% {
		opacity:0;
		-webkit-transform:scale(0.5)
	}
	60% {
		opacity:1;
		-webkit-transform:scale(1.2)
	}
	100% {
		-webkit-transform:scale(1)
	}
}
@-moz-keyframes cd-bounce-1 {
	0% {
		opacity:0;
		-moz-transform:scale(0.5)
	}
	60% {
		opacity:1;
		-moz-transform:scale(1.2)
	}
	100% {
		-moz-transform:scale(1)
	}
}
@keyframes cd-bounce-1 {
	0% {
		opacity:0;
		-webkit-transform:scale(0.5);
		-moz-transform:scale(0.5);
		-ms-transform:scale(0.5);
		-o-transform:scale(0.5);
		transform:scale(0.5)
	}
	60% {
		opacity:1;
		-webkit-transform:scale(1.2);
		-moz-transform:scale(1.2);
		-ms-transform:scale(1.2);
		-o-transform:scale(1.2);
		transform:scale(1.2)
	}
	100% {
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1)
	}
}
.cd-timeline-content {
	position: relative;
	margin-left: 60px;
	background: white;
	border-radius: 0.25em;
	padding: 1em;
	box-shadow: 0 3px 0 #d7e4ed
}
.cd-timeline-content:after {
	content: "";
	display: table;
	clear: both
}
.cd-timeline-content h2 {
	color: #333
}
.cd-timeline-content .cd-date, .cd-timeline-content .cd-read-more, .cd-timeline-content p {
	font-size: 13px;
	font-size: 0.8125rem
}
.cd-timeline-content .cd-date, .cd-timeline-content .cd-read-more {
	display: inline-block
}
.cd-timeline-content p {
	margin: 1em 0;
	line-height: 1.6
}
.cd-timeline-content .cd-read-more {
	float: right;
	padding: 0.8em 1em;
	background: #acb7c0;
	color: white;
	border-radius: 0.25em
}
.no-touch .cd-timeline-content .cd-read-more:hover {
	background-color: #bac4cb
}
.cd-timeline-content .cd-date {
	float: left;
	padding: 0.8em 0;
	opacity: 0.7
}
.cd-timeline-content::before {
	content: '';
	position: absolute;
	top: 16px;
	right: 100%;
	height: 0;
	width: 0;
	border: 7px solid transparent;
	border-right: 7px solid white
}

@media only screen and (min-width: 768px) {
	.cd-timeline-content h2 {
		font-size: 20px;
		font-size: 1.25rem
	}
	.cd-timeline-content p {
		font-size: 16px;
		font-size: 1rem
	}
	.cd-timeline-content .cd-date, .cd-timeline-content .cd-read-more {
		font-size: 14px;
		font-size: 0.875rem
	}
}

@media only screen and (min-width: 1100px) {
	.cd-timeline-content {
		margin-left: 0;
		padding: 1.6em;
		width: 45%
	}
	.cd-timeline-content::before {
		top: 24px;
		left: 100%;
		border-color: transparent;
		border-left-color: white
	}
	.cd-timeline-content .cd-read-more {
		float: left
	}
	.cd-timeline-content .cd-date {
		position: absolute;
		width: 100%;
		left: 122%;
		top: 6px;
		font-size: 16px;
		font-size: 1rem
	}
	.cd-timeline-block:nth-child(even) .cd-timeline-content {
		float: right
	}
	.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
		top: 24px;
		left: auto;
		right: 100%;
		border-color: transparent;
		border-right-color: white
	}
	.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
		float: right
	}
	.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
		left: auto;
		right: 122%;
		text-align: right
	}
	.cssanimations .cd-timeline-content.is-hidden {
		visibility: hidden
	}
	.cssanimations .cd-timeline-content.bounce-in {
		visibility: visible;
		-webkit-animation: cd-bounce-2 0.6s;
		-moz-animation: cd-bounce-2 0.6s;
		animation: cd-bounce-2 0.6s
	}
}

@media only screen and (min-width: 1100px) {
	.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
		-webkit-animation: cd-bounce-2-inverse 0.6s;
		-moz-animation: cd-bounce-2-inverse 0.6s;
		animation: cd-bounce-2-inverse 0.6s
	}
}
@-webkit-keyframes cd-bounce-2 {
	0% {
		opacity:0;
		-webkit-transform:translateX(-100px)
	}
	60% {
		opacity:1;
		-webkit-transform:translateX(20px)
	}
	100% {
		-webkit-transform:translateX(0)
	}
}
@-moz-keyframes cd-bounce-2 {
	0% {
		opacity:0;
		-moz-transform:translateX(-100px)
	}
	60% {
		opacity:1;
		-moz-transform:translateX(20px)
	}
	100% {
		-moz-transform:translateX(0)
	}
}
@keyframes cd-bounce-2 {
	0% {
		opacity:0;
		-webkit-transform:translateX(-100px);
		-moz-transform:translateX(-100px);
		-ms-transform:translateX(-100px);
		-o-transform:translateX(-100px);
		transform:translateX(-100px)
	}
	60% {
		opacity:1;
		-webkit-transform:translateX(20px);
		-moz-transform:translateX(20px);
		-ms-transform:translateX(20px);
		-o-transform:translateX(20px);
		transform:translateX(20px)
	}
	100% {
		-webkit-transform:translateX(0);
		-moz-transform:translateX(0);
		-ms-transform:translateX(0);
		-o-transform:translateX(0);
		transform:translateX(0)
	}
}
@-webkit-keyframes cd-bounce-2-inverse {
	0% {
		opacity:0;
		-webkit-transform:translateX(100px)
	}
	60% {
		opacity:1;
		-webkit-transform:translateX(-20px)
	}
	100% {
		-webkit-transform:translateX(0)
	}
}
@-moz-keyframes cd-bounce-2-inverse {
	0% {
		opacity:0;
		-moz-transform:translateX(100px)
	}
	60% {
		opacity:1;
		-moz-transform:translateX(-20px)
	}
	100% {
		-moz-transform:translateX(0)
	}
}
@keyframes cd-bounce-2-inverse {
	0% {
		opacity:0;
		-webkit-transform:translateX(100px);
		-moz-transform:translateX(100px);
		-ms-transform:translateX(100px);
		-o-transform:translateX(100px);
		transform:translateX(100px)
	}
	60% {
		opacity:1;
		-webkit-transform:translateX(-20px);
		-moz-transform:translateX(-20px);
		-ms-transform:translateX(-20px);
		-o-transform:translateX(-20px);
		transform:translateX(-20px)
	}
	100% {
		-webkit-transform:translateX(0);
		-moz-transform:translateX(0);
		ms-transform:translateX(0);
		-o-transform:translateX(0);
		transform:translateX(0)
	}
}
.jumbotron {
	padding: 2em 2.5em;
	color: inherit;
	background-color: #eee;
	border-radius: 8px;
	margin-bottom: 0.7em
}
.jumbotron h1 {
	font-size: 3em;
	font-weight: 600;
	margin-bottom: 1rem
}
.jumbotron p {
	margin-bottom: 1.5em;
	font-size: 1.3em;
	font-weight: 200;
	line-height: 1.5em
}
.bo-cate {
	display: inline-block;
	vertical-align: middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline;
	padding: 0.3em 1em;
	background-color: #e7e7e7;
	border-radius: 4px;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #ccc;
	line-height: 1em;
	width: 100%;
}
.bo-cate-list {
	display: block;
}
.bo-cate-list li {
	display: inline-block;
	vertical-align: middle;
	line-height: 2em;
	*vertical-align:auto;
	*zoom:1;
	*display:inline
}
.bo-cate-list li + li:before {
	padding: 0 5px;
	color: #ccc;
	content: "/\00a0"
}
.textbox {
	display: block;
	padding: 2em;
	text-align: left;
	line-height: 2.5em;
	font-size: 1.2em;
	font-weight: 400;
	background-color: #efefef;
	border-radius: 4px;
	margin: 1em auto
}
.textbox-default {
	border-left: 4px solid #ccc
}
.textbox-body {
	display: block;
	background-color: #ddd;
	padding: 1em
}
.single-box {
	width: 600px;
	margin: 6em auto
}
.single-box .panel {
}
.label {
	color: #fff;
	display: inline;
	padding: 0.3em 0.6em;
	font-weight: 400;
	font-size: 0.95em;
	-webkit-border-radius: 0.25em;
	-khtml-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-ms-border-radius: 0.25em;
	-o-border-radius: 0.25em;
	border-radius: 0.25em;
	text-align: center;
	white-space: normal;
	vertical-align: baseline;
	line-height: 1
}
.label-default {
	background-color: #007fff
}
.label-danger {
	background-color: #db0000
}
.label-info {
	background-color: #52c493
}
input ~ .label {
	display: block;
	margin-top: 5px;
	text-align: left;
	line-height: 2em
}
.alert {
	display: block;
	padding: 1em;
	text-align: left;
	margin: 0.5em 0
}
.alert-default {
	border: 1px solid #00bfff;
	border-left: 4px solid #007fff;
	background-color: #efefef;
}
.alert-danger {
	border: 1px solid #ff4747;
	border-left: 4px solid #db0000;
	background-color: #efefef;
}
.alert-info {
	border: 1px solid #49d847;
	border-left: 4px solid #52c493;
	background-color: #efefef;
}
.text {
	font-size: 1em;
	color: #666;
	display: block;
	padding: 0.5em 1em;
	border-radius: 0.5em;
	background: transparent;
	line-height: 1.5em
}
.text ul {
	display: block;
	margin: 0;
	padding: 0 0 0 0.5em
}
.text ul li {
	display: block;
	padding: 0.5em;
	font-size: 1.2em
}
.text div.p, .text p {
	font-size: 1.1em;
	padding: 1em;
	margin-bottom: 0.5em
}
.text + .text {
	margin-top: 2em
}
.text-default {
	background-color: #efefef
}
.text .sub-title {
	padding: 0.5em;
	margin: 0.3em 0.5em;
	border-bottom: 3px solid #ccc
}
a.anchor {
	display: block;
	position: relative;
	top: -190px;
	visibility: hidden
}
figure {
	display: block;
	padding: 0.5em;
	margin: 0.5em 0 1em
}
figcaption {
	display: block;
	margin-bottom: 1em;
	color: #007fff;
	font-size: 0.95em
}
svg {
	max-width: 100%
}
#quick {
	display: block;
	position: fixed;
	transition: 0.3s;
	text-indent: -9999px;
	right: 70px;
	top: 50%;
	z-index: 999;
}
#quick a {
	position: absolute;
	display: block;
	left: 0px;
	width: 60px;
	height: 60px;
	background: url(/img/arrow.png) 50% 50% no-repeat;
	transition: .3s;
	cursor: pointer;
	border-radius: 30px;
	opacity: .5;
}
#backtotop {
	top: 0px;
	text-indent: -9998px;
}
#backtobottom {
	top: 60px;
	text-indent: -9999px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
#quick a:hover {
	background-color: #dfdfdf;
	opacity: 1;
}
/*common class*/
.clr {
	clear: both
}
.gap {
	clear: both;
	height: 2em;
}
.gap_double {
	clear: both;
	height: 7em;
}
.gap_line {
	height: 40px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 40px
}
.gap_line2 {
	height: 40px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 40px
}
.gap_hei4 { height: 4px; }

.gap_hei20 { height: 20px; }
.page-wrap {
	position: relative
}
.page-header {
	position: relative
}
.underline {
	text-decoration: underline;
}
.f_left {
	float: left !important;
}
.f_right {
	float: right !important;
}
.badge-blue {
	background: #287BD3 !important;
}
.badge-orange {
	background: #F78A1E !important;
}
.sound-only {
	position: absolute;
	left: -9999px;
}
img.img-bordred {
	border: 1px solid #cccccc
}
.bg-white-gray {
}
input[type=submit] {
	height: 45px;
}
input[type=text], input[type=password], textarea {
	border-color: #dfdfdf;
}
table.tbl {
	width: 100%;
	border-top: 1px solid #dfdfdf;
	margin-bottom: 20px;
}
table.tbl td, table.tbl th {
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	padding: 10px
}
table.tbl thead th {
	background: #f1f4f9;
	text-align: center;
	border-bottom: 1px solid #cad0d9;
	border-right: 1px solid #cad0d9;
	color: #536eaa;
	font-size: 1.1em;
}
table.tbl tbody th {
	background: #f7f7f7;
	text-align: center;
}
table.tbl tfoot th, table.tbl tfoot td {
	background: #f1f1f1;
}
table.tbl td:last-child, table.tbl th:last-child {
	border-right: none;
}

/*************************** common *********************************/
.mb-05{margin-bottom:.5em;}
.mb-1{margin-bottom:1em;}
.mb-2{margin-bottom:2em;}
.mb-3{margin-bottom:3em;}
.mb-4{margin-bottom:4em;}
.mb-5{margin-bottom:5em;}
.mb-6{margin-bottom:6em;}
.mb-7{margin-bottom:7em;}
.mb-8{margin-bottom:8em;}

.mb-1im{margin-bottom:1em !important;}
.mb-2im{margin-bottom:2em !important;}
.mb-3im{margin-bottom:3em !important;}
.mb-4im{margin-bottom:4em !important;}
.mb-5im{margin-bottom:5em !important;}
.mb-6im{margin-bottom:6em !important;}
.mb-7im{margin-bottom:7em !important;}
.mb-8im{margin-bottom:8em !important;}

.py-05{padding:.5em 0;}
.py-1{padding:1em 0;}
.py-2{padding:2em 0;}
.py-3{padding:3em 0;}
.py-4{padding:4em 0;}
.py-5{padding:5em 0;}
.py-6{padding:6em 0;}
.py-7{padding:7em 0;}
.py-8{padding:8em 0;}





/*************************** left-panel *********************************/
#left-panel {
	background: transparent url(/images/escheresque_ste/escheresque_ste.png) 50% 0;
	color: #4a250a;
	width: 100%;
	height: 100%;
	margin-left: -100%;
	position: fixed;
	z-index: 1100;
	transition: all 250ms ease-out;
	-webkit-transition: all 250ms ease-out;
	overflow: auto;
	text-align: center;
	overflow-x: hidden;
}
#left-panel .navi {
	line-height: 2em;
	padding: 30px;
}
#left-panel .navi>ul {
	margin: 0 auto;
	text-align: left;
}
#left-panel .navi>ul>li {
	position: relative;
}
#left-panel .navi>ul>li>a {
	display: block;
	font-size: .9em;
	padding-top: .5em;
	text-decoration: none;
	color: #7bd2f6
}
#left-panel .navi ul:before {
	content: "";
	display: block;
	height: 5px;
}
#left-panel .navi ul:after {
	content: "";
	display: block;
	height: 10px;
}
#left-panel .navi ul ul a {
	font-size: 1em;
	color: #fff;
	opacity: .6;
	transition: .3s;
}
#left-panel .navi ul ul a:hover {
	opacity: 1;
}
#left-panel .total-sch {
	padding: 25px 20px 50px;
	background: #28272c;
}
.navtoggleon #left-panel {
	margin-left: 0;
}
/*************************** wrap *********************************/
body {
	
}
#wrap {
	position: relative;
	z-index: 0;
	transition: all 250ms ease-out;
	-webkit-transition: all 250ms ease-out;
}
.navtoggleon #wrap {
	opacity: .1
}
#bt_call {
	position: absolute;
	top: -90px;
	right: 10px;
	z-index: 3300;
	width: 40px;
	height: 40px;
	font-size: 30px;
	text-align: left;
	transition: .3s;
}
.nav_left_button {
	position: absolute;
	top: -90px;
	left: 10px;
	z-index: 3300;
	width: 40px;
	height: 40px;
	text-align: left;
	transition: .3s;
}
.nav_left_button a {
	display: block;
	float: left;
	margin: 0;
	width: 100%;
	height: 50px;
}
.nav-toggle {
	position: relative;
	cursor: pointer;
	padding: 15px 0 0 0;
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
	cursor: pointer;
	height: 2px;
	width: 34px;
	background: black;
	position: absolute;
	display: block;
	content: '';
}
.nav-toggle span:before {
	top: -9px;
}
.nav-toggle span:after {
	bottom: -9px;
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
	transition: all 250ms ease-out;
	-webkit-transition: all 250ms ease-out;
}
.navtoggleon .nav-toggle span {
	background-color: transparent;
}
.navtoggleon .nav-toggle span:before, .nav-toggle.navtoggleon span:after {
	top: 0;
}
.navtoggleon .nav-toggle span:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	background-color: white
}
.navtoggleon .nav-toggle span:after {
	transform: translateY(-7px) rotate(-45deg);
	-webkit-transform: translateY(-7px) rotate(-45deg);
	-ms-transform: translateY(-7px) rotate(-45deg);
	top: 7px;
	background-color: white
}
.navtoggleon #bt_call span {
	color: #ffffff;
}
/*************************** header *********************************/

#t_link {
	height: 400px;
	z-index: 99;
}
#t_link #text_size {
	padding: 0;
	margin: 0;
	list-style: none;
	float: right;
	margin-top: 7px;
}
#text_size button {
	margin: 0;
	padding: 1px;
	margin-left: -1px;
	border: 1px solid #c3c6ca;
	background: transparent;
	vertical-align: middle;
	cursor: pointer;
	float: left;
}
.ts_up {
	font-size: 1.167em !important;
	line-height: 1.7em;
}
.ts_up2 {
	font-size: 1.3em !important;
	line-height: 1.8em;
}
#hd {
	z-index: 100;
	top: 0px;
	width: 100%;
	background:#d9d2c9;
}
#hd .grid{max-width:1560px;margin:0 auto;}
#hd ul {
	float: right;
}
#hd ul li {
	float: left;
}
#hd ul li a {
	display: block;
	padding: 0 10px 0 11px;
	line-height: 40px;
	font-size: 13px;
	color: #9c9286;
	text-decoration: none;
}
#header_wrap{position:absolute;top:0;left:0;z-index:1000;width:100%;}
#header_wrap .inner {
	margin:0 auto;
	max-width:1596px;
	width:100%;
}
#header {
	position: relative;
	z-index: 99;
	max-width:1920;
	margin:0 auto;
	height: 155px;
	width:100%;
	transition:.3s;
}
#logo {
	height: 70px;
	max-width: 1200px;
	margin:0 auto;
}

#logo div:after { 
	content: "";
	display: block;
	clear: both;
}

#logo a {
	display: block;
	width: 200px;
	height: 150px;
	float:left;
	text-align:center;
	padding-top: 70px;
}
#logo .logo_m{display:none;}
#gnb>li.login_m{display:none;}
#logo a img {
	width: 100%;
	transition: .3s;
}
#header.fixed {
	position: fixed;
	max-width:100%;
	left: 0;
	z-index: 99;
	box-shadow: 0 3px 5px rgba(0,0,0,.2);
	height: 120px;
	background: #071225;
}
#header.fixed #logo a{height: 104px;padding-top: 40px;width: 205px;}

#header.fixed #logo {
	height: 45px;
}


#hd_sch {
	background: #fff url(/img/bg_search.gif) 100% 0 repeat-y;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
#hd_sch legend {
	position: absolute;
	margin: 8px auto;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
	overflow: hidden;
}
#hd_sch #sch_stx {
	padding-left: 5px;
	width: 100%;
	height: 34px;
	border: 0;
	background: none;
	line-height: 34px;
}
#hd_sch #sch_submit {
	position: absolute;
	top: 0;
	right: 0;
	height: 36px;
	border: 0;
	cursor: pointer;
	overflow: hidden;
}
#gnb {
	list-style: none;
	width: 100%;
}
#gnb>li {
	float:left;
	display: block;
	position: relative;
	width: 13%;
	max-width: 205px;
}
#gnb>li:first-child{
	margin-left: 80px;	
}
#gnb>li.last{
	border:none;

}
#gnb>li>a {
	width: 100%;
	line-height: 17px;
	display: block;
	background: url(/images/mi1.png) no-repeat left 85%;
	padding-left:15px;
}
#gnb>li>a>span.mi{position:relative;}
#gnb>li>a>span.mi img{margin-left:10px;}
#gnb>li>a.last {
	border-right: 1px solid #dfdfdf;
}

#gnb>li:hover>a {
	color: #00aeef;
}
#gnb>li>div>ul {
	background:#EBEBEB;
	border-left:1px solid #cdcdcd;
	padding:0 15px;
	display:none;
	height: 232px;
	margin-top: 85px;
	font-size: 18px;
	font-weight: 300;
	color: #555555;
	letter-spacing: -2px;
}

#gnb>li>div>ul li{padding:2px 0;}

#gnb>li>ul>li {
	clear: both;
}
#gnb>li>ul>li>a {
}

#gnb:after {
	content: "";
	clear: both;
	display: block;
}

#gnb .m11_t {color:#ccc;font-size: 16px;font-weight: 100;}
#gnb .m11_e {color:#eee;font-size: 22px;font-weight: 400;}
#gnb .m11_e:hover {color:#f26c4f;font-size: 22px;}

#mbg .menu_bg .fixed { 
	width: 100%;
	height: 280px;
	position: absolute;
	background-color: #EBEBEB;
	z-index: -1;
	top: 100px;
}

.menu_bg {
	width:100%;
	height: 320px;
	position:absolute;
	background-color:#EBEBEB;
	z-index: -1;
	top: 150px;
	display:none;
} 
.menu_bg>div{max-width: 1580px;margin:0 auto;background-image: url(/images/menu_bg.png);height: 320px;background-repeat: no-repeat;background-position: bottom left;}


/** contents2 **/

.slideshow{position:relative;height:267px}
.slideshow a.alt{
	display: none;
}
.slideshow a{position:absolute;width:374px;height:267px;left:0}
.slideshow img{position:absolute;left:0;}



/*************************** content *********************************/
#content {
	position: relative;
	min-height: 500px;
	background: #ffffff;
	z-index: 0;
}
#content .page-title h1 {
	text-align: center;
	padding: 40px;
	font-size: 30px;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 64px;
	color: #212121;
	display: none;
}
#content .page-title h1:after {
	content: "";
	display: block;
	width: 160px;
	height: 1px;
	margin: 10px auto;
	border-top: 1px solid #212121;
}
#content .page-title h1 .bo_name {
	font-size: 20px;
	letter-spacing: 1px;
	color: #5fc5d3;
	font-weight: normal;
	line-height: 30px;
}
#spot {
	height: 450px;
	background: url(/images/spot_2.jpg) 50% 50% no-repeat;
	background-size: cover !important;
	position: relative;
}
#spot .spot_txt {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	font-size: 48px;
	/* padding-bottom:47px; */
}
#spot .spot_txt .maintitle {
	color: #fff;
	font-weight:700;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 45px;
}

#spot h1:after{content:"";display:block;margin: 35px auto 20px;width: 62px;border-top: 2px solid #fff200;}

#spot .spot_txt .subtitle {
	color: #fff;
	font-size: 18px;
	line-height: 1.3em;
	/* padding-top: 17px; */
	font-weight: 300;
}
#content h2.tit {
	font-size: 36px;
	margin: 20px 0 2em 0px;
	line-height: 40px;
	color: #f26c4f;
	text-align: center;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 500;
}
#content h3 {
	font-size: 22px;
	margin: 8px 0;
}
.photo {
	margin: 15px 0;
	clear: both;
}
.img-desc {
	margin: 20px 0;
	font-size:18px;
	line-stacking:-3px;
	text-align:justify;
	color:#555;
	line-height: 1.7em;
	clear: both;
	text-align: center;
}
dl.dl-block-sky dd.p {
	padding: 0;
}
.block-sky {
	background: #e2f6fd;
	border: 1px solid #acacac;
	padding: 30px;
}
dl.dl-block-sky dt {
	padding: 20px;
	font-size: 22px;
	text-align: center;
	padding: 20px;
	background: #212121;
	color: #aaaaaa;
}
dl.dl-block-sky {
	background: #e2f6fd;
	border: 1px solid #acacac;
	margin-bottom: 30px;
}
dl.dl-block-sky dd {
	font-size:16px;
	text-align:justify;
	letter-spacing:-1px;	  
	padding: 20px;
	min-height: 120px;
}
.block {
}
#ctt_con img.img-response2 {
	width: 100%;
	height: auto;
}
.ctt_admin {
	float: right;
	position: relative;
}
.page-wrap {
	padding-bottom: 50px;
	max-width: 1600px;
	margin: auto;
}
.page-wrap h3 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 22px;
	line-height: normal !important
}
.page-wrap h3.h3_block_tit {
	background: #8681b2;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding: 9px 10px;
	margin: 0 !important;
}
.page-wrap h4.h4_block_tit {
	background: #d7d0e4;
	text-align: center;
	font-weight: bold;
	color: #5c587d;
	padding: 5px 10px;
	font-size: 90% !important;
}
.page-wrap div {
	word-break: break-all;
}
.page-wrap div h4 {
	text-align: left;
	word-break: normal
}
.page-wrap .col-xs-12 img, .page-wrap .col-xs-4 img, .page-wrap .col-xs-6 img {
	width: 100%
}
#sspot {
	background: url(/images/bg_s.jpg) 50% 0;
	background-size: cover;
	padding-top: 50px;
}
.mb .item section {
	background: url(/images/bg_b.png);
	padding: 25px 25px 0;
	min-height: 300px;
	margin-bottom: 20px;
}
.mb .item h2 {
	text-align: center;
	font-size: 22px;
	color: #212121;
	margin-bottom: 20px;
}
.mb .item h2 span {
	color: #309cd8;
	font-weight: normal;
}
.mb .item ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.mb .item ul li {
	border-bottom: 1px solid #959595;
	line-height: 30px;
	color: #333333;
}
.mb .item.board ul li a {
	width: 70%;
	display: inline-block;
	height: 30px;
	overflow: hidden;
}
.mb .item ul li a {
	text-decoration: none;
}
.mb .item ul li span {
	float: right;
	opacity: .7;
}
.mb .item ul li font {
	display: inline-block;
	width: 90px;
	letter-spacing: 5px;
}
.mb .item .call {
	color: #309cd8;
	font-size: 34px;
	text-align: center;
	line-height: 80px;
	height: 80px;
}

/* 추가 */

.simg1 {
	width: 100%;
	height: auto; 
}
.simg2 {
	width: 100%;
	height: auto; 
}
.simg3 {
	width: 100%;
	height: auto; 
}
.simg4 {
	width: 100%;
	height: auto; 
}
.simg5 {
	width: 100%;
	height: auto; 
}

/* 의료진 소개 */
.a2{margin-bottom: 25px;}
.a2 p{font-size: 18px;margin: 90px 0 50px;line-height: 26px;text-align: center;}
.a2 p span{font-size: 30px;display: block;margin: 0 0 15px;line-height: 35px;font-weight: 500;}
.a2 .content{width:100%;font-size:17px;color:#555;vertical-align:top;text-align:left;padding:0;line-height: 33px;margin: 0 auto;}
.a2 .s_img{display:inline-block;vertical-align:top;padding: 0 1em 0 0;}
.a2 .s_img img{width:100%;}
.a2 .s_con{display:inline-block;padding-left:3vw;padding-top:1.5vw;padding-bottom:2.2vw;background: #eae4df;font-size: 20px;line-height: 31px;max-height: 857px;min-height: 857px;font-weight: 300;}
.a2 .s_con .con-p{line-height: 21px;font-size: 18px;margin: 3px 0;}
.a2 .content span{font-weight:bold;font-size: 24px;display: block;margin-bottom: 8px;}
.a2 .s_con h1{font-size: 24px;margin: 15px 0 30px;}
.a2 .s_con h1 span{display: inline;font-size: 30px;}
.a2 h2 {font-weight: 300;font-size: 36px;color: #555555;line-height: 46px;letter-spacing: -1.5px;}
.a2 h2 span{font-weight: bold;font-size: 36px;color: #555555;vertical-align: baseline;}


#hero {
	position: relative;
	overflow: hidden;
	background-size: auto auto;
}
#hero .hero-content{text-align:center;padding:60px 0}
#hero ul{padding:0;margin:0;list-style:none;}
#hero ul:after{content:"";clear:both;display:block;}
#hero ul li{display:inline-block;padding:20px;width:24%;max-width: 385px;}
#hero ul > div{display:inline-block;}
#hero ul li img{width:100%}
#hero .grid{display:block;}
#hero .grid_m{display:none;}
#hero .notice{position:relative;}
#hero .notice2{position:absolute;top:0;text-align:left;padding: 30% 8%;width:100%;font-size:14px; padding-top: 0; margin-top: 30%;}
#hero .notice2 span{float: right;}

/* 오시는길 */
.mb4_sub2 {
	position: absolute;
	top: 200px;
	/* text-align: center; */
	padding: 0 0%;
	width: 75%;
	font-size: 30px;
	color: #fff;
	line-height: 60px;
	background: url(/images/a5_5.jpg)no-repeat;
	background-size: 2px 189px;
	left: 15%;
	background-position: 29% 50%;
	letter-spacing: -2.1px;
}


.a5_back { background: url(/images/a5_4.jpg) no-repeat;}
.wid40 { padding: 0 40px; }


.a1img { width: 100%; }

/*************************** bottom *********************************/
#bottom {
	position: relative;
	background: url(/images/bottom1.png) 50% 0 no-repeat;
	height: 321px;
	margin-top: -30px;
	background-size: auto 100%;
	transition: .3s;
}
#bottom img{
	float:left;width:50%;height:100%;
}
@media only screen and (max-width: 992px ) {
	#bottom {
		height: 200px;
	}
}

@media only screen and (max-width: 768px ) {
	#bottom {
		height: 140px;
	}
}

@media only screen and (max-width: 425px ) {
	#bottom {
		height: 120px;
	}
}
/*************************** footer *********************************/

.flogo {float: right;padding: 40px 0;display: block;}

.footerline1 {height: 10px;background-color: #f36c4f;width: 30.5%;float: left;}
.footerline2 { height: 10px; background-color: #898989; }

@media only screen and (max-width: 992px ) {
	#footer .myaddr, #footer ul.f_quick, #footer dl {
		max-width: 320px;
		margin: 0 0;
	}
	.ft {
		border: none !important;
	}

}

.myaddr {color: #e1e1e1;line-height: 31px; font-weight: 200;}
.myaddr span {color: #e1e1e1;line-height: 31px; font-size: 24px; font-weight: 500;}
#quickmenu {width: 54px;text-align: right;position: absolute;top: 250px;right: 12px;}
#quickmenu a {
	display: block;
	clear: both;
}
#hd_pop {
	position: absolute;
	top: 00px;
	left: 0;
	z-index: 9;
}
.hd_pops {
	position: absolute;
	z-index: 1;
}
#hd_pop h2 {
	display: none;
}
.hd_pops_footer {
	background: #000;
	text-align: right;
	line-height: 2em;
}
.hd_pops_footer button {
	background: #000;
	border: none;
	color: #999;
	cursor: pointer;
}

#footer #social_div{background:#e6e6e6;margin-top:20px;}
#footer ul.social{padding:10px;margin:10px -10px;list-style:none;}
#footer ul.social:after{content:"";clear:both;display:block;}
#footer ul.social li{width:33.333%;float:left;display:block;text-align:center;padding:0 10px;}
#footer ul.social li a{text-decoration:none !important;}
#footer ul.social li a img{width:100%;max-width:100px;height:auto;}
.view-768{display:none;}


#footer {
	clear: both;
	background: #3b3637;
	padding: 90px 0 80px 0;
	color:#000000;
}
#footer .inner {max-width:1600px; width:100%;margin:0 auto;}
#footer .myaddr>div{color:#ffffff;font-size: 18px;line-height: 29px;}
#footer .myaddr img{padding-bottom: 10px;}

#footer .quick{width: 38%;padding: 25px 0;}
#footer > div > div:first-child{width: 25%;}
#footer ul.f_quick{padding:0;margin:0;list-style:none;float:right;}
#footer ul.f_quick li{float:left;margin: 0 20px;margin-right: 0;}
#footer ul.f_quick li > div {float:left;}
#footer ul.f_quick li > div:last-child {margin-left: 20px;}


.tgrid { max-width:1700px;margin:0 auto; }
.hide-768 { display: block; }

/*****************modal quickmenu*********************/
.alpha_bg {
	position:fixed;
	z-index:9999;
	width:100%;	height:100%;
	left:0;	top:0;
	background:rgba(0, 0, 0, 0.6);
	display:none;
}
.alpha_bg.on {
	display:block;
}
.r_quick_area {
	position:absolute;
	left:50%;
	top:50%;
	width:420px;
	height: 315px;
	margin-left:-200px;
	margin-top:-200px;
	padding:40px;
	background:white;
	border-radius: 1%;
}
.r_quick_area > h2 {
	text-align: center;
	font-size: 18px;
	padding-bottom: 10px;
}
.r_quick_area input[type=submit] {
	font-size: 18px;
}
.r_quick_area .agree > label {
	font-size: 13px;
	color: #555;
}
.quick_notice_in input[type=text] {
	width: 100%;
	margin-bottom: 3px;
	line-height: 28px;
	text-align: center;
	background: #fafafa;
	border: 1px solid #ddd;
}
.quick_notice_in input[type=submit] {
	width: 100%;
	line-height: 32px;
	padding-bottom: 3px;
	color: #fff;
	background: #309cd8;
	border: none;
	margin-top: 6px;
	cursor: pointer;
}
.quick_notice_in select {
	border-radius: 0;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	padding: 0;
	width: 100%;
	background: #fafafa;
	border: 1px solid #ddd;
	text-align: center;
}
.quick_notice_in .agree {
	margin: 9px 0;
}
.quick_notice_in .bt_adm {
	text-align: center;
}


.quick_close {
	position:absolute;
	left: 0;
	width:50px;
	height:50px;
	background:#292929;
	cursor:pointer;
	top: 0;
}

.quick_close .line{
	position: absolute;
	display:block;
	width:30px;
	height:2px;
	background:white;
}

.quick_close .line:first-child {
	transform:rotate(45deg);
	left:10px; top:23px;
}
.quick_close .line:last-child {
	transform:rotate(135deg);
	left:10px; top:23px;
}


/*************************** media *********************************/
@media all {
}



@media only screen and (max-width: 1500px) {
	.grid {
		width: 100%;
		max-width: 1200px;
		margin: 70px auto;
	}

	.tgrid { max-width:1200px;margin:0 auto; }
}


@media only screen and (max-width: 1400px) {
	#quick {
		display: none;
	}
}


@media only screen and (max-width: 1200px) {
	.grid {
		padding: 0 40px;
	}
	#gnb>li>a {
		font-size: 15px;
	}
	#gnb>li>ul>li>a {
		font-size: 13px;
		padding-left: 6px;
	}
	#quickmenu {
		display: none;
	}
}

@media only screen and (max-width: 992px ) {
	body {
		border: none;
	}
	#gnb {
		display: none;
	}
	.hide-992 {
		display: none;
	}
	#hd {
		display: none;
	}
	#header, #header.fixed {
		position: fixed;
		width: 100%;
		top: 0;
		box-shadow: 0 3px 5px rgba(0,0,0,.2);
		min-height: 60px;
		height: 60px;
		padding: 0;
	}
	#header.fixed #logo {
		height: 60px;
		background: #fff;
	}
	#logo {
		height: 60px;
		background: #fff;
		text-align: center;
	}
	#logo a, #header.fixed #logo a {
		margin-left: 10px;
		width: 170px;
		height: 60px;
		line-height: 60px;
	}
	#content {
		padding-top: 60px;
	}
	.nav_left_button, #bt_call {
		position: fixed;
	}
	.nav_left_button {
		top: 15px;
	}
	#bt_call {
		top: 10px;
	}
	#footer ul.f_quick{width: 90%;max-width: 100%;}
	#footer ul.f_quick li {width: 45%;margin:0;}
	#footer ul.f_quick li > div {width: 50%;}
	#footer ul.f_quick li > div:last-child{margin:0}
	#footer ul.f_quick img{width: 80%;max-width: 70px;}

	#footer .quick {width: 100%;text-align: center;padding-bottom: 7px;}


	#footer > div > div:first-child{width:100%;}



}

@media only screen and (max-width: 768px) {
	body {
		font-size: 15px;
	}
	.grid {
		padding: 0 20px;
		margin: 15px auto;
	}
	.hide-768 {
		display: none;
	}
	.view-768{display:block;}


	#hd_pop {
		position: absolute;
		top: 60px;
		left: 0;
		z-index: 999;
	}


	#footer .myaddr {
		background: none;
		padding-left: 0;
		text-align: center;
		line-height: 20px;
		margin: 0 auto;
		font-size: 15px;
		font-weight: 200;
	}
	#spot{
		height:200px;
		background-size:auto 100% !important;
		background-position: center !important;
	}
	#spot .spot_txt {
		font-size: 24px !important;
	}

	#spot .spot_txt .maintitle {
		color: #fff;
		font-weight:700;
		font-family: 'Noto Sans KR', sans-serif;
		font-size: 30px;
	}
	#spot .spot_txt .subtitle {
		color: #fff;
		font-size: 13px;
		line-height: 17px;
		padding-top: 17px;
		font-weight: 300;
		padding-bottom: 14px;
		letter-spacing: -0.5px;
	}

	#spot h1:after {
		content: "";
		display: block;
		margin: 20px auto 0px;
		width: 62px;
		border-top: 2px solid #fff200;
	}
	
	h2.tit {
		margin: 0.5em 0 1em 0 !important;
		line-height: 30px !important;
		font-size: 22px !important;
	}
	#content h3 {
		margin: 1em 0;
	}
	.gap_line{height:20px;margin-bottom:20px;}
	.block-sky {
		margin: 15px;
	}
	.hd_pops {
		position: static;
		z-index: 1;
		width: 100%;
		left: 0;
	}
	.hd_pops_con {
		width: 100% !important;
		height: auto !important;
	}
	.hd_pops img {
		width: 100% !important;
		height: auto;
	}
	.hd_pops_con br {
		display: none;
	}

	#logo a, #header.fixed #logo a {
		margin-left: 18%;
		width: 65%;
		height: 5px;
		line-height: 60px;
		padding: 0px;
	}

	.mainimg { width: 90%; }

	
	#footer {
		clear: both;
		background: #3b3637;
		padding: 10px 0 20px 0;
		color:#000000;
	}

	#footer .row{margin:0 -20px;}
	#footer .ft-last{margin-top:0px;}

	.flogo { display: none;}

	#logo a img {
		width: 70%;
		transition: .3s;
	}

	.a1 { width: 100%; }
	.a1img { width: 100%; }
	.wid40 {
		padding: 0 15px;
	}

	.mb-2,.mb-3,.mb-4,.mb-5{margin-bottom:1em;}
	.mb-6,.mb-7,.mb-8{margin-bottom:2em;}
	.mb-2im,.mb-3im,.mb-4im,.mb-5im{margin-bottom:1em !important;}
	.mb-6im,.mb-7im,.mb-8im{margin-bottom:2em !important;}



	.a2 p {font-size: 15px;margin: 45px 0 25px;line-height: 24px;}
	.a2 p span {font-size: 21px;line-height: 30px;}
	.a2 .s_img{padding:0}
	.a2 .s_con {font-size: 16px;line-height:27px;padding: 15px;min-height: 695px;max-height: 695px;}
	.a2 .s_con .con-p{font-size: 16px;}
	.a2 .s_con h1 {font-size: 22px;letter-spacing: -1px;}
	.a2 h2 {font-weight: 300;font-size: 21px;color: #555555;line-height: 30px;letter-spacing: -1.5px;}
	.a2 h2 span{font-weight: bold;font-size: 21px;color: #555555;vertical-align: baseline;}

	.nopad {padding: 0px !important;}


	.root_daum_roughmap { height: 350px !important; }


	.mb4_sub2 {
		font-size: 17px;
		line-height: 35px;
		padding: 82px 0 16px 0;
		color: #fff;
		background: url(/images/a5_5.jpg) no-repeat;
		background-position: 39% 80%;
		letter-spacing: -0.5px;
		text-align: center;
		position: unset;
		width: 100%;
		background-size: 2px 128px;
	}

	.a5_back {background: url(/images/a5_4.jpg) no-repeat;background-position: 45% 47%;position: relative;background-size: 100%;}

	
	.myaddr {
		color: #e1e1e1;
		line-height: 31px;
		font-size: 24px;
		font-weight: 500;
	}
	.myaddr span {
		color: #e1e1e1;
		line-height: 31px;
		font-size: 24px;
		font-weight: 400;
	}

	/* 하단 고정 메뉴(모바일) */
	#foot.fixed {
		position: fixed;
		width: 100%;
		bottom: 0;
		box-shadow: 0 3px 5px rgba(0,0,0,.2);
		padding: 0;
		z-index: 999;
	}

	#foot.fixed img {padding: 0px;}

	/* 슬라이드 이미지(모바일)*/
	.simg1 {
		width: 150%;
		height: auto; 
	}
	.simg2 {
		width: 145%;
		height: auto;
		margin-left: -100px;
	}
	.simg3 {
		width: 145%;
		height: auto;
		margin-left: -85px;
	}
	.simg4 {
		width: 145%;
		height: auto;
		margin-left: -34px;
	}
	.simg5 {
		width: 150%;
        height: auto;
        margin-left: -200px;
	}

	.img-desc {
		margin: 0px 0;
		font-size: 14px;
		text-align:justify;
		color:#555;
		line-height: 1.7em;
		clear: both;
		text-align: left;
	}

	.center { margin-top: 30px; }

	/* 4개 이미지 간격 조절용*/
	.padr5 { padding-right: 5px !important; }
	.padl5 { padding-left: 5px !important; }

}
@media only screen and (max-width: 508px) {
	.simg5 {
		width: 125%;
		height: auto;
		margin-left: -35px;
	}
	.hd_pops {
		position: static;
		z-index: 1;
		width: 96%;
        margin: 0 auto;
		left: 0;
	}
}
@media only screen and (max-width: 425px) {
	.hide-425 {
		display: none;
	}
}

@media only screen and (max-width: 320px) {
}