@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
}
/*230911*/
.view-500 { display:none; }
.hide-500 {display:inline;}


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;
	/*overflow:hidden;*/
	position:relative;
	
}
#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: 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%
}

/*************************** 이하만 수정할것 : 코드는 간략하고 가독성 있게.. *********************************/
body {font-family: "Nanum Gothic", 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;}

.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:relative;width:100%;z-index:1000;background:#fff;transition:.3s;}
#header_wrap.fixed{position:fixed;left:0;top:-105px;}
#logo2{position:absolute;left:-45px;top:7px;position:absolute;display:none;}
#logo2 img{width:36px;height:auto;}
#header_wrap.fixed #logo2{display:block;}
#hd_top{text-align:center;padding-bottom:7px;}
#hd_top a{display:block;padding:11px 0 8px;}
#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:#ffffff;position:absolute;height:52px;width:100%;z-index:999;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}
#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: #f24494;}
#gnb>li {float:left;display: block;position: relative;width:14.2%;}
#gnb>li>a {display: block;font-size:18px;letter-spacing:-1px;text-align:center;height:50px;line-height:50px;color:#555555;background: url(/images/border.gif) no-repeat left;border-left:1px solid #e5e5e5;}
#gnb>li:hover>a{color:#222;}
#gnb>li>ul>li>a:hover{color: #e5e5e5;}
#gnb>li.last>a{border-right:1px solid #e5e5e5;}
#gnb>li.last{background: url(/images/border.gif) 100% 31px no-repeat;}
#gnb>li>div>ul {border-left:1px solid #ccd8d7;padding:0 15px;display:none;margin-top:20px;height: 200px;line-height:1.5em;}
#gnb>li.last>div>ul{border-right:1px solid #cdcdcd;}
#gnb>li>div>ul>li>a{font-size:15px;letter-spacing:-1px;line-height:1.4em;}
#gnb>li>div>ul>li{padding:1px 0;min-width:120px;}
#gnb>li>ul>li{clear: both;}
#gnb:after {content: "";clear: both;display: block;}
.menu_bg {width:100%;height: 260px;top:49px;position:absolute;background-color:#e0efee;z-index: -1;display:none;} 
/** contents2 **/
.slideshow{position:relative;height:267px}
.slideshow a.alt{display: none;}
.slideshow a{position:absolute;width:374px;height:267px;left:0}
.slideshow img{position:absolute;left:0;}
/*************************** content *********************************/
#content {position: relative;min-height: 500px;padding-top:50px;background: #ffffff;z-index: 0;}
#content h2.tit, .page-title h1 {text-align: center;padding: 40px 0 ;font-size: 40px;letter-spacing: -2px;font-weight: 700;color: #222;font-family: 'Noto Sans', sans-serif;}
#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;}
#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 *********************************/
#bottom{background:#7ca1a1;position:relative;z-index:1;}
#bottom:after{content:"";display:block;clear:both;}
#bottom .dv{width:50%;min-height:347px;float:left;position:relative;}
#bottom .dv1{background:url(/images/m7.png) 0 0 no-repeat;background-size:auto;padding:50px 5em 3em 0em;color:#ffffff;text-align:right;}
#bottom .dv2{background:url(/images/map.jpg) 0 0 no-repeat;background-size:auto;}

#bottom .info{text-align:center;float:right;margin-bottom:1em;}
#bottom .info td{padding:0 1em;}

#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: #fff;padding: 4em 0;font-size:15px;border-top:1px solid #dfdfdf;}
#footer a{color:#707070 !important;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;}


#lq{position:absolute;right:10px;top:350px;z-index:9999;text-align:center;}
#lq a{display:block;margin-bottom:10px;}

	/*************************** 서브 페이지 *********************************/
	.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;}
	@media only screen and (max-width: 992px) {	
		.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;}
	}
	@media only screen and (max-width: 768px) {	
		.block1 .item{width:50%;}
		.block2{background-image:none;}
		.block3{background-image:none;}
	}
	@media only screen and (max-width: 768px) {	

	}


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

}
@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}
	#content{padding-top:0px;}
	#logo {}
	#logo img{height:60px;width:auto;}
	.nav_left_button{top:26px;}
	.grid{padding-left:10px;padding-right:10px;}	
	#bt_call {top: 15px;}
	#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 2em;}
	#bottom .dv2{background-size:100% 100%;}
	.hide-992 {display: none;}	
	#footer .q{width:100%;}
	#lq{display:none;}
	#bottom2 {display:block;}
	.rtime2{width:500px;margin-left:-280px;}
	
}
@media only screen and (max-width: 768px) {	
	.block6{height:360px;}
	.view-768 {display:block;}
	.hide-768 {display:none;}
	#content h2.tit, .page-title h1  {margin: .5em !important;padding:20px 0;line-height: 30px !important;font-size: 24px !important;}
	#content h2.st{font-size: 18px !important;}
	#footer{padding:2em 0;}
	#footer .last{text-align:center;}
	.mb-3,.mb-4,.mb-5{margin-bottom:1em;}
	.mb-6,.mb-7,.mb-8{margin-bottom:2em;}
	#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} */

    /* 20250203 수정 */
    #hd_pop{top:0; width: 100%; height: 100%;}
	.hd_pops{position:fixed;top:50% !important;left:50% !important;clear:both; transform: translate(-50%,-50%); width: min(400px,90%);}
	.hd_pops_con{width:100% !important;height:auto !important;margin:0 auto;}
    .hd_pops_con > p {display: flex;}
	.hd_pops_con img{width:100% !important;height:100% !important; object-fit: cover;}

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

	#banners div{width:50%;}
}
@media only screen and (max-width: 500px){
	.rtime2{width:400px;margin-left:-210px;font-size:1.2em;}
	.grid-text h3{margin-top:2em;}
	
	.view-500 {display:inline; }
	.hide-500 {display:none;}

}
@media only screen and (max-width: 425px) {
	.hide-425 {display: none;}
	.view-425 {display: block;}
	#logo img{width:200px;height:auto;padding-top:10px;}	
	#bottom .dv1{background:#9cccc8;padding:2em 1em}	
	#bottom .info {float:none;}
	#bottom .info table{width:100%;}
	#bottom .info td{padding:0 .2em;}
	#bottom .dv2{padding:2.5em 1.5em;}
	#bottom .dv2 .input_phone{line-height:2em;height:2em;}
	#bottom .dv2 input[type=image]{width:auto;height:100px;}	
	#footer {text-align:center;}
}
@media only screen and (max-width: 320px) {

}