@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@charset "UTF-8";
/* RESET 20190219 */
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;
	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
}
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;
	line-height: 1.7em;
	text-align:justify;
	color: #666;
	overflow-x: hidden;
}
strong, b {
	font-weight: bold;
}
a {
	color: #444;
}
a:hover {
	color: #43a1d4;
}
h2 {
	font-size: 26px;
	line-height: 1.6em;
	color: #f36c4f;
}
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
}
.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
}
.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: 1200px;
	min-width: 280px;
	margin: 0 auto;
	position:relative;
	
}
.grid-lg {
	width: 100%;
	max-width: 1320px;
	min-width: 280px;
	margin: 0 auto;
	padding:0 10px;
	position:relative;
}

#content .grid{text-align:center;word-break:keep-all;}
.pd-10{padding:0 10px;}
.grid-pad {
	margin-bottom: 1em
}
.grid:after {
	content: "";
	display: table;
	clear: both
}
.grid-text {
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
.grid-text :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
}
.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
}
.clearfix {
	clear: both
}
.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%
}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@charset "UTF-8";
/* RESET 20190219 */
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;
	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
}
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;
	line-height: 1.7em;
	text-align:justify;
	color: #666;
	overflow-x: hidden;
}
strong, b {
	font-weight: bold;
}
a {
	color: #444;
}
a:hover {
	color: #43a1d4;
}
.grid h2 {
	font-size: 26px;
	line-height: 1.6em;
	color: #5ca9dd;
	font-weight: 400;
	padding: 0 0 35px;
}
.grid-none h2 {
	font-size: 26px;
	line-height: 1.6em;
	color: #5ca9dd;
	font-weight: 400;
	padding: 0 0 35px;
	text-align: center;
}
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
}
.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
}
.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: 1220px;
	min-width: 280px;
	margin: 0 auto;
	/* overflow:hidden; */
	position:relative;
	padding: 21px 0;
	padding-right: 10px !important;
	padding-left: 10px !important;
}
#header_wrap.fixed .grid{padding: 25px 0 0;}
#content .grid{text-align:center;
	word-break:keep-all;}

	.grid-pad {
		margin-bottom: 1em
	}
	.grid:after {
		content: "";
		display: table;
		clear: both
	}
	.grid-text {
		width:100%;
		max-width:1000px;
		margin:0 auto;
	}
	.grid-text :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: block;
		-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
	}
	.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
	}
	.clearfix {
		clear: both
	}
	.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%
	}

	/*************************** 이하만 수정할것 : 코드는 간략하고 가독성 있게.. *********************************/
	body {font-family: 'Noto Sans KR', sans-serif;font-size:17px;color:#555;}
	/*************************** common css *********************************/
	#quick {display: block;position: fixed;transition: 0.3s;right: 65px;top: 96.5%;z-index: 999;}
	#quick a {position: absolute;display: block;background-color: #2d3b34;color: #fff;padding: 4px 15px;border-radius: 8px 8px 0 0;}
	#backtotop {}
	#backtobottom {top: 60px;text-indent: -9999px;transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);}
	.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;}

	.simg{width:100%;height:auto;}
	.view-none{display:none;}
	/*************************** left-panel *********************************/
	#left-panel {background:#133958;color: #4a250a;width: 100%;height: 100%;margin-left: -100%;position: fixed;z-index: 1100;transition: .5s;text-align: center;overflow: auto;overflow-x: hidden;}
	#left-panel .navi {padding: 30px 0 90px 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>li:last-child>a{display:inline;}
	#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 .navi ul ul .last{display:none;}
	#left-panel .q{background:#3f3f3f;text-align:center;position:fixed;z-index:99;bottom:0;width:100%;}
	#left-panel .q:after{content:"";display:block;clear:both;}
	#left-panel .q a{display:block;width:25%;min-width:80px;float:right;}
	#left-panel .q a.first{width:50%;background:#7f68d2;float:left;}
	#left-panel .total-sch {padding: 25px 20px;background: #28272c;}
	.navtoggleon #left-panel {margin-left: 0;}
	#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;}
	/*************************** wrap *********************************/
	#wrap {position: relative;z-index: 0;width:100%;overflow:hidden;max-width:2000px;margin:0 auto;}
	.navtoggleon #wrap {opacity: .1}
	#bt_call {position: absolute;top: -90px;right: 50px;z-index: 3300;width: 40px;height: 40px;font-size: 30px;text-align: left;}
	.nav_left_button {position: fixed;top: -90px;right: 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:#333;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 *********************************/
	#header_wrap{position: fixed;width:100%;z-index:1000;background:#fff;transition:.3s;}
	#header_wrap.fixed{position:fixed;left:0;top: -25px;}
	#logo2{position:absolute;left: -219px;top:7px;position:absolute;display:none;}
	#logo2 img{width: 189px;height:auto;}
#header_wrap.fixed #logo img {/* width: 200px; *//* max-width: 100%; */}
#header_wrap.fixed #logo {display:block;}
#hd_top{text-align:center;/* padding-bottom:7px; */}
#hd_top a{display:block;padding: 10px 0;}
#tnb{position:absolute;right:0;bottom:10px;}
#tnb li{float:right;margin-left:5px;}
#tnb li a:before{content:" | ";color:#999;} 
#tnb li:last-child a:before{content:"";}

#tnb_m{display:block;text-align:center;margin-bottom:1em;}
#tnb_m li{display:inline-block;line-height:2em;padding:.5em;}
#tnb_m li a{color:#fff;}

#call-t{font-size:36px;position:absolute;z-index:99;right:0;bottom:0px;color:#f26c4f;}
#call-t font{font-weight:bolder;}
#header{background: #ececec;position:absolute;height: 56px;width:100%;z-index:999;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
#hd_pop {position: absolute;top: 0;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;}

#bt_call {   position: absolute;top: -90px;left: 10px;z-index: 3300;width: 40px; height: 40px; font-size: 30px;text-align: left; transition: .3s;}

#gnb {list-style: none;width: 100%;}
#gnb a:hover{color: #082478;}
#gnb>li {float:left;display: block;position: relative;width: 16.6%;}
#gnb>li>a {display: block;font-size: 20px;letter-spacing:-1px;text-align:center;height: 55px;line-height: 55px;color:#555555;background: url(/images/topbar.png) left 50% no-repeat;}
#gnb>li:hover>a{color:#222;}
#gnb>li>ul>li>a:hover{color: #e5e5e5;}

#gnb>li.last{background:url(/images/topbar.png) 100% 13px no-repeat;}
#gnb>li>div>ul {border-left: 1px solid #8dc3e7;padding:0 15px;display:none;margin-top:20px;height: 200px;line-height: 33px;}
#gnb>li.last>div>ul{border-right: 1px solid #8dc3e7;}
#gnb>li>div>ul>li>a{font-size: 18px;letter-spacing:-1px;line-height:1.4em;color: #fff;text-align: center;}
#gnb>li>div>ul>li{padding:1px 0;min-width:120px;text-align: center;}
#gnb>li>ul>li{clear: both;}
#gnb:after {content: "";clear: both;display: block;}
.menu_bg {width:100%;height: 250px;top: 55px;position:absolute;background-color: #5ca9dd;z-index: -1;display:none;}

/*#logo {    text-align: left; width: 250px; float: left;}*/

ul#a1 > li {/* display:inline-block; *//* padding: 0; *//* text-align:center; *//* position:relative; */}
ul#a1 > li ul#a1 { display:none; position:absolute; top:30px; left:0; }

ul#a1 > li ul#a1 > li { display:inline-block; width:80px; padding:5px 10px; text-align:center; }

.a.main-links, .dropdown-heading:hover { color: #5ca9dd; }
.skyb:hover { color: #5ca9dd; }

.sub_top{background-repeat:no-repeat;background-size: cover;position: relative;text-align: center;/* padding: 17em 0 2em; */height: 460px;margin-top: 161px;padding-top: 230px;}
.sub_top h1{font-size: 54px;font-weight:500;color: #2bd9d1;line-height: 59px;margin-bottom: 24px;font-weight: 600;letter-spacing: -1px;} 
.sub_top h2{font-size: 36px;font-weight:400;color:#fff;line-height: 30px;margin: 0 0 20px;letter-spacing: -2px;}
.sub_top h3{font-size: 30px;color: #fff;font-weight:200;margin-bottom: 17px;letter-spacing: -3px;padding: 0 10px;}
.sub_top h4{font-size:24px;color:#fff799;font-weight:200}

/** 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;}


.flex-justify-content{display:flex;justify-content: space-between!important;}


/*************************** content *********************************/
#content {position: relative;min-height: 500px;/* padding-top:50px; */background: #ffffff;z-index: 0;}
#content h2.tit, .page-title h1 {text-align: center;padding: 40px 0 20px;font-size: 54px;letter-spacing: -2px;font-weight: 600;color: #555555;font-family: 'Noto Sans KR', sans-serif;line-height: 40px;}
#content .grid h3{font-size: 29px;line-height:36px;font-weight: 400;color: #1f3e98;}
#content .grid-none h3{font-size: 30px;line-height:36px;font-weight: 400;color: #1f3e98;text-align: center;}
/*#content h2.tit:after, .page-title h1:after{content:"";display:block;height:1px;border-bottom:1px solid #969696;width:100px;margin:1em auto;}*/
#content h2.tit.tit2{color:#f36c4f;} 
#content h2.st{font-size:28px;font-weight:200;line-height:1.6em;letter-spacing:-1px;}
#content h3.subtit{font-size:26px;font-weight:bold;color:#f0973a;margin:1em 0;letter-spacing:-1px;}

.a2{margin-bottom: 25px;}
.a2 p{font-size: 20px;margin: 90px 0 50px;line-height: 34px;}
.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;}
.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: 1.5vw 0 2.2vw 3vw;background: #fdf0d9;font-size: 20px;line-height: 33px;max-height: 863px;min-height: 788px;}
.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;}

.a3 .info{text-align:center;max-width:750px;margin: 0px auto;}
.a3 .info table{margin: 0 auto;}
.a3 .info td{padding: 0.5em 0.5em;text-align: left;font-size: 32px;font-weight: 400;}
.a3 h3{text-align:center;font-size: 62px;font-weight: 400;line-height: 70px;}
.gray-bg{background:#E7E7E7;}
.a3 .col-sm-6{width:49%;margin:0 0.5%;padding: 42px 50px;text-align:left;font-size: 19px;min-height: 510px;}
.a3 .col-sm-6 p{padding: 0 0 15px;font-size: 17px;}
.a3 .col-sm-6 p span{color: #65ADDE;font-weight: 600;display: block;margin: 0 0 3px;font-size: 21px;}

.a5-ul{text-align:center;}
.a5-ul li{display:inline-block;padding: 0 10px;font-size: 27px;line-height: 45px;}
.a5 .map{max-width:100%;width:100%;}

	/*#content .d1{}
	#content .d1 .tit{font-weight:500;font-size:50px}
	#content .d1 .grid-txt{background:#EEEEEE;text-align: center;padding: 40px 0 50px;}
	#content .d1 .grid-txt img{}
	#content .d1 .grid-txt p{font-size: 46px;line-height: 50px;font-weight: 500;letter-spacing: -1px;padding: 25px 0 0;}
	#content .d1 .grid-txt span{color:#f26c4f;display: block;font-size: 34px;margin: 15px 0 0;}*/

	#content .b2 p{color:#fff;text-align:center;}
	
	#content .b1{text-align:center;}
	


	#content .g1{}
	#content .g1 .g1-h1{font-size: 34px;line-height: 36px;text-align: left;padding: 35px 0;}
	#content .g1 p{font-size: 18px;line-height: 25px;text-align: left;min-height: 100px;}
	#content .g1 .div{font-size: 18px;text-align: left;margin: 40px 0 0;position: relative;padding-left: 90px;}
	#content .g1 .div span{background: #F5989D;color: #fff;border-radius: 50px;padding: 1px 22px;margin-right: 5px;position: absolute;left: 0;}

	.img-responsive{margin:0 auto;}

	#spot {background: url(/images/sv1.jpg) 50% 50% no-repeat;background-size:cover;position: relative;}
	#spot img{width:100%;max-width:1200px;height:auto;margin:0 auto;}
	.ctt_admin{position:absolute;right:0;top:5px;}
	.ctt_admin .btn_admin{font-size:12px;background:#f26c4f;color:#ffffff;border-radius:2em;padding:.5em;}
	/*************************** footer *********************************/
	.bg-m{}
	.mh1 strong{font-weight:bold;}
	#m1{margin:0 -5px;padding:0;list-style:none;}
	#m1 li{display:block;width: 100%;}
	#m1:after{content:"";display:block;clear:both;}
	#m1 a{display:block;position:relative;transition:.3s;overflow:hidden;background:#000000;}
	#m1 a .m0{width:100%;height:auto;position:relative;z-index:0;}
	#m1 a .mimg{position:absolute;width: 100%;height:100%;top:0%;left:0%;z-index:1;transform:scale3d(1,1,1) rotate3d(0,0,0,0.01deg);-webkit-transform:scale3d(1,1,1) rotate3d(0,0,0,0.01deg);-moz-transform:scale3d(1,1,1) rotate3d(0,0,0,0.01deg);transform-origin:50%;-webkit-transform-origin:50%;transition:transform .3s ease-out;-webkit-transition:transform .3s ease-out;-moz-transition:transform .3s ease-out;}
	#m1 a:hover .mimg{transform:scale3d(1.2,1.2,1) rotate3d(0,0,0,0.01deg);-webkit-transform:scale3d(1.2,1.2,1) rotate3d(0,0,0,0.01deg);-moz-transform:scale3d(1.2,1.2,1) rotate3d(0,0,0,0.01deg);transition:transform .3s ease-out;-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;}
	a .de{position:absolute;bottom:10%;width:100%;text-align:center;z-index:2;}
	a .de p{font-weight:bold;font-size:22px;color:#ffffff;margin-top:.5em;display:inline-block;}
	a .de h1{display:inline-block;font-size: 36px;color: #c2c2c2;letter-spacing: -3px;font-weight: 500;}
	a .de h2{display:inline-block;font-size: 24px;color: #c2c2c2;font-weight: 100;}
	#m1{background:#000;text-align:center;}
	#m1:after{content:"";display:block;clear:both;}
	#m1 a{display:block;width:25%;float:left;}
	#m1 a img{width: 100%;height: auto;padding: 0 1px;background-color: #fff;}

	#m1_2{}
	#m1_2 li{float: left;width: 50%;} 
	#m1_2 li.right{float: right;}
	#m1_2 li img{width:100%}

	#bottom{background: #fff;position:relative;z-index:1;}
	#bottom:after{content:"";display:block;clear:both;}
	#bottom .dv{width:50%;min-height: 600px;float:left;position:relative;}
	#bottom .dv1{background:url(/images/m7.jpg) 0 0 no-repeat;background-size: cover;padding: 8em 75px 6em 0;text-align:right;height: 490px;min-height: 600px;}
	#bottom .dv2{background: url(/images/map.jpg);background-size:auto;padding-left: 1px;height: 600px;max-height: 600px;}

	#bottom .info{text-align:center;float:right;margin-bottom:1em;}
	#bottom .info td{font-size: 30px;line-height: 54px;letter-spacing: -1px;font-weight: 400;}

	#bottom2 {  background: #f19a00;  text-align: center;display:none;}
	#bottom2 a {  color: #ffffff;   font-size: 45px;   line-height: 53px; display: inline-block;  background: url(/images/tel.png) 100% 50% no-repeat; background-size: auto 100%;padding-right: 70px;  text-decoration: none !important; margin: .6em 0;}

	#banners div{width:25%;float:left;padding:1em;}
	#banners:after{content:"";display:block;clear:both;}

	#footer {clear: both;background: #5ca9dd;padding: 40px 0 0 0;font-size:15px;}
	#footer a{color:#707070;text-decoration:none !important;}
	#footer .footer_in{max-width:1300px;width:100%;margin:0 auto;position:relative;padding:0 3em;}
	#footer .ftit strong{color:#00aeef;font-size:120%;}
	#footer .last{text-align:right;}
	.footerinfo { text-align: center; }
	.footlogo {margin-bottom: 30px;}
	.ftit {font-size: 22px;line-height: 30px;letter-spacing: -1px;font-weight: 300;color: #fff;}
	.footbtn {width: 185px;height: 36px;margin: 15px auto;background: #fff;font-size: 22px;font-weight: 700;line-height: 36px;border-radius: 30px;padding: 0 11px;color: #5ca9dd;}
	.footbtn a{color:#5ca9dd !important;}
	.infotable { font-size: 36px; text-align: left; color: #525252; margin-bottom: 28px; }
	.infotable th{text-align:left;}
	.infonum {text-align: left;font-size: 45px;letter-spacing: -2px;padding-top: 45px;}
	.letter2 { letter-spacing: 58px; }
	.letter3 {letter-spacing: 13px;}
	.letter4 {letter-spacing: -0.5px;}
	#lq{position:absolute;right:10px;top:350px;z-index:9999;text-align:center;}
	#lq a{display:block;margin-bottom:10px;}
	.tail_banner1 {text-align: left;line-height: 31px;font-size: 22px;color: #525252;font-weight: 400;letter-spacing: -1px;}


	#footwr .row > div{padding:0;margin:0;}
	#footwr .row > div div{overflow:hidden;}
	#footwr .row > div div img{transition:.3s;cursor:pointer;}
	#footwr .row > div div img:hover{transform:scale(1.1);}


	.up_btn {
		position: fixed;
		right: 0;
		bottom: 0;
		/* opacity: 0.68; */
	}

	/*************************** 서브 페이지 *********************************/
	.border{border:1px solid #ccc;}
	.bg1{background:#ececec;}
	.block{display:block;}
	.block:after{content:"";display:block;clear:both;}
	.block1{margin-left:-.4em;margin-right:-.4em;}
	.block1 .item{width:25%;text-align:center;float:left;padding:.4em;}
	.block1 .item img{width:100%;height:auto;}
	.block2{background:#ececec url(/images/b6_2.jpg) 100% 100% no-repeat;background-size:auto 100%;}
	.block3{background:#ececec url(/images/e1_5.jpg) 100% 100% no-repeat;background-size:auto 100%;}
	.block6{background:url(/images/a4_1.jpg) 50% 50% no-repeat;background-size:cover cover;height:579px;width:auto;position:relative;}
	.block-text{padding:40px;word-break:break-all;text-align:left;}
	.rtime{color:#fff;line-height:2em;width:360px;bottom:17%;position:absolute;left:50%;margin-left:-130px;}
	.rtime .rborder{border-right:1px solid #ffffff;}
	.rtime2{color:#fff;line-height:2em;width:640px;bottom:17%;position:absolute;left:50%;margin-left:-250px;font-size:1.6em;}
	.rtime2 .rborder{border-right:1px solid #ffffff;}
	.rtime2_add{text-align: center;}
	.ul-circle li{padding-left:40px;margin-bottom:8px;position:relative;text-align:left;}
	.ul-circle li span{display:block;width:32px;height:32px;background:#f36c4f;line-height:32px;color:#ffffff;text-align:center;position:absolute;border-radius:32px;left:0;top:-2px;}
	.add-txt{text-align:center;padding:.7em;color:#fff;background:#424242;}
	.gray-bg{background:#E7E7E7;}
	.c1-sub2{background: url(/images/c1_6.jpg);padding:40px 0}
	#content .b1-sub2 h2{color:#fff}
	.b1-sub2 p{color:#fff}
	.b1-sub2 h1{color:#fff;font-size:30px;font-weight: 400;line-height:30px}
	.b1-sub2 .yellow{color:#fff799}
	.row-txt{font-size: 18px;}
	.row-txt h1{font-size: 26px;margin: 20px 0;}
	.b1-sub2 .grid{padding:4em 0;}


	.b1{/* padding: 40px 0 20px; */background-size:cover;}
	.b1 p{color:#fff}
.b1 h1{/*color:#fff;font-size:30px;font-weight: 400;line-height: 30px;*/}
.b1 .yellow{color: #ffff00;font-size: 42px;display: block;margin-bottom: 10px;line-height: 42px;}
.b1 .b1-ul{}
.b1 .b1-ul > li{background: #1F3E98;margin: 15px auto;padding: 16px 10px;max-width: 700px;border-radius: 100px;}
.b1 .b1-ul > li h1{font-size: 31px;margin: 0 0 9px;color:#fff}
.b1 .b1-ul > li p{font-size: 20px;font-weight: 300;}
.b1 .b1-ul > li ul{}
.b1 .b1-ul > li ul li{color: #fff;display: inline-block;font-size: 17px;padding: 0 6px;}

.white-box{background:#fff;padding: 0 0 25px;}
.white-box h1{color:#555;margin:0 !important;padding: 21px 0;font-weight: 600;}

.c1-sub{}
#content .c1-sub h2.tit{text-align: left;font-size: 41px;line-height: 41px;border-bottom: 2px solid #D7D7D7;padding: 0 0 25px;margin: 0 0 25px;display: inline-block;}
.c1-sub .col-sm-6{width: 50%;margin: 0;padding: 0 2vw 0 0;}
.c1-sub .col-sm-6:last-child{padding:0 0 0 2vw}
.c1-sub .col-sm-6 p{line-height: 34px;font-size: 17px;letter-spacing: -1px;margin: 0 0 1em;}
.c1-sub .col-sm-6 p span{font-size: 27px;letter-spacing: -1px;font-weight: 600;}

.a3-sub{background: #DCECF8;padding: 30px 0 30px;}
.a3-sub p{font-size: 64px;text-align: center;letter-spacing: -3px;font-family: "Nanum Gothic";font-weight: 400;margin: 0;padding: 0;line-height: 64px;}

.e1.grid-none p{text-align: center;font-size: 18px;line-height: 32px;}
.e1{}
.e1 .e1-ul{margin-top:15px;}
.e1 .e1-ul li{padding: 25px 0;}
.e1 .e1-ul li img{width: 48%;display: inline-block;vertical-align: top;}
.e1 .e1-ul li div{display: inline-block;width: 50%;padding-left: 2vw;text-align: left;vertical-align: top;}
.e1 .e1-ul li div h1{font-size: 30px;margin: 40px 0 20px;}
.e1 .e1-ul li div p{line-height: 31px;font-size: 21px;}

.gap {height: 80px;}
.gap_s {height: 25px;}
.gap_t {height: 50px;}
.gap_lg {height: 65px;}
.gap_l {margin-bottom: 10px;}
.gap_150 {height: 150px;}
.gap_line{margin:100px 0;border: 1px solid #E7E7E7;}
.text-white{color:#fff;}
.row-no-gutters img{border:1px solid #e1e1e1;}
.border-none{border:none !important;} 
.pink{color:#ec008c;}
.pd-0{padding:0 !important}
.mgr-1{margin-right: 1px;}

.a2vis {background-image: url(/images/sv3.jpg);background-size: cover;padding: 17.4em;margin-top: 0;}


/* 컨텐츠 사이 이미지 */

.b1-sub2 { padding: 19em; }

.d1-sub2 { padding: 15em; }



/* 요로결석*/

.round_db {height: 165px;vertical-align: middle;background: #226e9c;padding: 35px 0;font-size: 20px;color: #fff;border-radius: 95px; display: table;}
.round_lb {height: 165px;vertical-align: middle;background: #3ea5ca;padding: 35px 0;font-size: 20px;color: #fff;border-radius: 95px; display: table;}

.round_db span { font-size: 30px; margin-bottom: 10px; }
.round_db div { display: table-cell; vertical-align: middle; font-size: 20px; }
.round_lb span { font-size: 30px; margin-bottom: 10px; }
.round_lb div { display: table-cell; vertical-align: middle; font-size: 20px; }

.b1vis { background: url(/images/b1_1.jpg) no-repeat;padding: 20em 0; background-size: contain; }

/* 레이저 클리닉 */

.c1vis {background: url(/images/b2_1.jpg) no-repeat;padding: 19.1em 0;background-size: contain;}
.minbox { text-align: left; font-size: 20px; }
.mintit { font-size: 34px; font-weight: 600; margin-bottom: 20px; }



@media only screen and (max-width: 992px) {	
	#header_wrap.fixed {top: -1px;}

	.block .grid-text{padding-left:1em;padding-right:1em;}
	.ul-circle li{padding-left:36px;}
	.ul-circle li span{width:28px;height:28px;line-height:28px;}

	#m1 a img { padding: 0; }
	a .de h1 { font-size: 18px; }
	#m1 a{width:50%;}
	#m1 a img { padding-right: 0; }

	.row-txt{font-size: 14px;}
	.row-txt h1{font-size: 22px;margin: 16px 0 14px;line-height: 23px;}

	#bottom .dv{width:100%;background-position:50% 0;min-height:auto;}
	#bottom .dv1{padding:3em 2em;}
	#bottom .dv2{background-size:100% 100%;}


	.c1vis { background: url(/images/b2_1.jpg) no-repeat;padding: 12em 0; background-size: contain; }
	.b1vis { background: url(/images/b1_1.jpg) no-repeat;padding: 12em 0; background-size: contain; }

}
@media only screen and (max-width: 768px) {	
	.block1 .item{width:50%;}
	.block2{background-image:none;}
	.block3{background-image:none;}

	.b1-sub .col-xs-12{width:100%;margin: 5px 0;padding: 30px;font-size: 14px;}

	.b1 .row-no-gutters .col-xs-6{padding:0 5px}
	.row-no-gutters img{width:100%}
	.row-txt{font-size: 19px;}
	.row-txt h1 {font-size: 25px;margin: 19px 0 18px;}

	.b1-sub2 .grid{padding:2em 0;}
	.b1-sub2 .col-xs-12{padding:0}

	#m1_2 li{float: none;width: 100%;} 
	#m1_2 li.right{float: none;}

	.gap {height: 25px;}
	.gap_s {height: 15px;}
	.gap_t {height: 25px;}
	.gap_lg {height: 40px;}


	#bottom .dv2{
		background-size: 109% 104%;
		height: 421px;
		background-position: -25px 0px;
	}

	.gap_150 {height: 68px;}

	.minilogo { width: 200px; }

}

@media only screen and (max-width: 472px ) {
	.footerinfo { text-align: center; }
	.footlogo {margin-bottom: 30px; width: 80%}
	.ftit {font-size: 16px;line-height: 21px;letter-spacing: -1px;font-weight: 300;}
	.footbtn {width: 175px;height: 36px;margin: 15px auto;background: #fff;font-size: 18px;font-weight: 700;line-height: 36px;border-radius: 30px;padding: 0 11px;color: #5ca9dd;}

	.tail_banner1 {font-size: 18px;line-height: 28px;letter-spacing: -1px;font-weight: 400;}
	.infotable {font-size: 24px;}
	#bottom .info td {font-size: 22px;}
	.infonum {text-align: left;font-size: 32px;letter-spacing: -2px;padding-top: 45px;}
	.letter2 { letter-spacing: 27px; }
	.letter3 {letter-spacing: 5px;}
	.letter4 {letter-spacing: -2.5px;}
	#bottom .dv2 {height: 300px;}
	.mgr-1{margin-right: 0;}
}


/*************************** media *********************************/
@media all{}
@media only screen and (max-width: 1200px) {

	#content .c1-sub h2.tit{font-size: 37px;}
	.c1-sub .col-sm-6 p{font-size: 16px;}
	.c1-sub .col-sm-6 p span{font-size:25px}

	.e1 .e1-ul li div h1{margin:25px 0 20px}

	.a2vis {background-image: url(/images/sv3.jpg);background-size: cover;padding: 10em 0;}


	.c1vis { background: url(/images/b2_1.jpg) no-repeat;padding: 12em 0; background-size: contain; }
	.b1vis { background: url(/images/b1_1.jpg) no-repeat;padding: 12em 0; background-size: contain; }

}
@media only screen and (max-width: 1060px) {
	#bottom .dv2{background: url(/images/map.jpg) no-repeat;background-size: cover;background-position: -228px 0px;padding-left: 1px;height: 490px;max-height: 490px;}
	#bottom .dv1 {
		background: url(/images/m7.jpg) 0 0 no-repeat;
		background-size: auto;
		text-align: right;
		background-position: 100% 100%;
	}
}

@media only screen and (max-width: 992px ) {
	body {font-size: 15px;}		
	#header_wrap.fixed{top:0px;border-bottom:1px solid #dfdfdf;}
	#header{display:none;}
	#tnb{display:none}

	.sub_top {padding: 10em 0 3em;}
	.sub_top h1{font-size: 47px;line-height: 47px;margin-bottom: 25px;} 
	.sub_top h2{font-size: 28px;line-height: 26px;margin: 0 0 7px;}
	.sub_top h3{font-size: 21px;}
	.sub_top h4{font-size: 18px;}

		/*#content .d1 .tit {font-size: 33px;padding: 30px 0;}
		#content .d1 .grid-txt p {font-size: 33px;line-height: 32px;padding: 25px 0 0;}
		#content .d1 .grid-txt span {font-size: 27px;margin: 10px 0 0;}*/


		#content{padding-top:0px;}
		#logo {text-align: center;float: none;/* width: 250px; */padding: 0 !important;margin: 0 auto;}
		#logo img{width:auto;width: 200px;}
		#hd_top{height: 68px;padding: 0 10px;}
		#header_wrap.fixed #hd_top{height: 68px;padding:0;}
		#header_wrap.fixed{background-color:#fff;}
		#header_wrap.fixed #hd_top a#logo{width: auto;}
		.nav_left_button{top:26px;}
		.grid{padding-left:10px;padding-right:10px;}	
		#bt_call {top: 16px;}
		#gnb>li>a{font-size: 13px;}
		#gnb>li>ul>li>a {font-size: 12px;padding-left: 6px;}
		#bottom .dv{width:100%;background-position:50% 0;min-height:auto;}
		#bottom .dv1{padding: 3em 3em;height: 386px;}
		#bottom .dv2{background-size: 109% 104%;height: 470px;background-position: -25px 0px;}
		.hide-992 {display: none;}	
		#footer .q{width:100%;}
		#lq{display:none;} 
		#bottom2 {display:block;}
		.rtime2{width:500px;margin-left:-280px;}

		.a2 .s_con{max-height: 693px;min-height: 693px;padding: 4vw 0 2.2vw 5vw;}


		.b1-sub2 h1{font-size:27px;}

		#content .c1-sub h2.tit {font-size: 32px;padding:0 0 18px;margin:0 0 18px;}
		.c1-sub .col-sm-6 p {font-size: 15px;}
		.c1-sub .col-sm-6 p span {font-size: 24px;}

		.b1 .b1-ul > li ul li{font-size:14px;}

		.e1 .e1-ul li div p{font-size:17px;line-height:20px}

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

		.grid h2{padding: 0 0 20px;}
		.grid-none h2{padding: 0 0 20px;}

		.sub_top {padding: 7em 0 2.5em;margin-top: 95px;height: 294px;}
		.sub_top h1{font-size: 32px;line-height: 47px;margin-bottom: 0px;} 
		.sub_top h2{font-size: 23px;line-height: 23px;margin: 0 0 3px;}
		.sub_top h3{font-size: 18px;margin-bottom: 0;}


		.block6{height:360px;}
		.view-768 {display:block;}
		.hide-768 {display:none;}
		#content h2.tit, .page-title h1  {margin: .5em !important;padding: 20px 0 0;line-height: 30px !important;font-size: 31px !important;}
		#content h2.st{font-size: 18px !important;}
		#content .grid h3{font-size:18px;line-height: 20px;}
		#content .grid-none h3{font-size:18px;line-height: 20px;}

		.a1 p {font-size: 15px;margin: 45px 0 25px;line-height: 24px;}
		.a1 p span {font-size: 21px;line-height: 30px;}
		.a1 .s_img{padding:0}
		.a1 .s_con {font-size: 16px;line-height:27px;padding: 15px;}
		.a1 .s_con h1 {font-size: 22px;letter-spacing: -1px;}

		.a3 .info td{padding: 0.5em 0.5em;font-size: 24px;}
		.a3 .a2-ul li {padding: 9px 0;padding-left: 96px;font-size: 20px;}
		.a5 .map{max-height:400px;height:400px}

		#content .b1{padding:0 0 20px}
		.b1 .b1-ul > li {max-width: 500px;}
		.b1 .b1-ul > li h1 {font-size: 25px;margin: 0 0 5px;}
		.b1 .b1-ul > li p {font-size: 17px;font-weight: 300;}

		/*#content .d1 .tit {padding: 20px 0 30px;}
		#content .d1 .grid-txt {padding: 25px 0 35px;}
		#content .d1 .grid-txt img {max-width: 250px;}
		#content .d1 .grid-txt p {font-size: 27px;padding: 25px 0 0;}
		#content .d1 .grid-txt span {font-size: 20px;}*/

		#content .g1 .col-xs-12{margin:25px 0}
		.gap_line{display:none}
		#content .g1 .g1-h1 {font-size: 26px;line-height: 29px;padding: 25px 0 20px;}
		#content .g1 p {font-size: 15px;line-height: 22px;}
		#content .g1 .div {font-size: 15px;margin: 18px 0 0;padding-left: 86px;}


		#footer{padding:2em 0;}
		#footer .last{text-align:center;}
	.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;}
	#carousel{display:none !important;}

	#hd_pop{top:88px;}
	.hd_pops{position:relative;top:auto !important;left:auto !important;clear:both;}
	.hd_pops_con{width:100% !important;height:auto !important;margin:0 auto;}
	.hd_pops_con img{width:100% !important;height:auto !important}

	#bottom2 a {    font-size: 30px;    line-height: 40px;    padding-right: 50px;}

	#banners div{width:50%;}

	.b1-sub2{padding: 100px 0;}
	.d1-sub2{padding: 100px 0;}
	.b1-sub2 h1{font-size:23px;}

	.a2 .s_con {max-height: 745px;min-height: 745px;}
	.a2 .s_img{padding:0;}

	.a3-sub {padding:5px 0 20px;}
	.a3-sub p{font-size: 45px;line-height:40px;}

	#content .c1-sub h2.tit {font-size: 35px !important;padding: 0 0 25px;margin: 0 0 25px !important;}
	.c1-sub .col-sm-6{padding:25px 0 25px 2vw}

	.e1 .e1-ul li{padding:15px 0}
	.e1 .e1-ul li img {width: 100%;display:block;}
	.e1 .e1-ul li div {display: block;width: 100%;padding:0}
	.e1 .e1-ul li div h1 {margin: 20px 0 15px;font-size:27px}
	.e1 .e1-ul li div p {font-size: 16px;line-height: 23px;}

	.e1.grid-none p{line-height:28px;}

	#bottom .dv2 {
		background-size: 105% 105%;
		height: 315px;
		background-position: -14px 0px;
	}

	.a2vis {background-image: url(/images/sv3.jpg);background-size: cover;padding: 8em 0;}

	.b1vis { background: url(/images/b1_1.jpg) no-repeat;padding: 9em 0 !important; background-size: contain; }

	.c1vis { background: url(/images/b2_1.jpg) no-repeat;padding: 9em 0 !important; background-size: contain; }
	.minbox {text-align: left;font-size: 15px;line-height: 20px;}
	.mintit {font-size: 24px;font-weight: 600;margin: 15px 0;}


	.up_btn {
		position: fixed;
		right: 0;
		bottom: 0;
		/* opacity: 0.68; */
		display: none;
	}
}
@media only screen and (max-width: 500px){
	#content h2.tit, .page-title h1{margin: .5em 0 !important;padding: 20px 0 0;line-height: 35px !important;font-size: 30px !important;}
	.sub_top {padding: 12em 0 2em;background-position: 50% 0;margin-top: 0;height: 360px;}

	.rtime2{width:400px;margin-left:-210px;font-size:1.2em;}
	.grid-text h3{margin-top:2em;}

	.b1-sub2 h1{margin-bottom:1.5em}

		/*#content .d1 .tit {font-size:23px !important}
		#content .d1 .grid-txt p {font-size: 24px;padding: 15px 0 0;}
		#content .d1 .grid-txt span {font-size: 18px;margin:0;}*/

		.row-txt{font-size: 16px;}
		.row-txt h1 {font-size: 19px;margin: 16px 0;letter-spacing: -2px;}

		.white-box h1{font-size:22px}

		#content .c1-sub h2.tit {font-size: 28px !important;padding: 0 0 18px;margin: 0 0 18px !important;}
		.c1-sub .col-sm-6{padding:25px 0}
		.c1-sub .col-sm-6:last-child {padding: 0;}

		.a3 .info td {padding: 0.3em 0.5em;font-size: 20px;}


		#content .b1 {padding: 0px 0 20px;}
		.b1 .b1-ul > li {max-width: 335px;padding: 12px 8px;}
		.b1 .b1-ul > li h1 {font-size: 20px;margin: 0 0 0px;}
		.b1 .b1-ul > li p {font-size: 12px;font-weight: 300;}
		#header_wrap.fixed .grid{padding: 21px 0;}
		#header_wrap.fixed #hd_top a#logo{width: 300px;margin: 0 auto;}
		#header_wrap.fixed #hd_top{height: 68px;padding: 0 10px;}

		#bottom .dv2{height: 285px;background-position: 50% 52%;background-size: 100% 100%;}


		.a5-ul li { display: inline-block; padding: 0 10px; font-size: 20px; line-height: 25px; }



		.b1vis { background: url(/images/b1_1.jpg) no-repeat;padding: 7em 0 !important; background-size: contain; }

		.round_db {height: 134px;background: #226e9c;padding: 24px;font-size: 14px;color: #fff;border-radius: 100px;line-height: 20px;}
		.round_lb {height: 160px;padding: 24px;font-size: 14px;color: #fff;border-radius: 100px;line-height: 20px;}

		.round_db span {font-size: 24px;margin-bottom: 10px;}
		.round_db div {display: table-cell;vertical-align: middle;font-size: 17px;}
		.round_lb span {font-size: 24px;margin-bottom: 10px;}
		.round_lb div {display: table-cell;vertical-align: middle;font-size: 17px;}
		

		.c1vis { background: url(/images/b2_1.jpg) no-repeat;padding: 7em 0 !important; background-size: contain; }
	}
	@media only screen and (max-width: 425px) {

		.grid h2{padding: 0 0 0px;font-size: 20px;}


		.hide-425 {display: none;}
		.view-425 {display: block;}
		#logo img{width: 250px;height:auto;padding-top: 5px;}	
		#bottom .dv1{padding: 2em 2em;background-position: 100%;min-height: 460px;}	
		#bottom .info {float:none;}
		#bottom .info table{width:100%;}
		#bottom .info td{padding:0 .2em;}
		#bottom .dv2{padding: 7.5em 2.5em;height: 0;width: 100%;}
		#bottom .dv2 .input_phone{line-height:2em;height:2em;}
		#bottom .dv2 input[type=image]{width:auto;height:100px;}	
		#footer {text-align:center;}

		.a2vis {background-image: url(/images/sv3.jpg);background-size: cover;padding: 4em 0;}
		.b1vis {background: url(/images/b1_1.jpg) no-repeat;padding: 5em 0 !important;background-size: contain;}

		.c1vis { background: url(/images/b2_1.jpg) no-repeat;padding: 5em 0 !important; background-size: contain; }
	}
	@media only screen and (max-width: 320px) {

	}