@charset "UTF-8";
@import url(border-topfonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(border-topfonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(border-topfonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
* {
	font-family:'Noto Sans KR', sans-serif;
}
/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: middle;
	box-sizing: border-box;
	text-decoration: none;
	font-family:'Noto Sans KR', sans-serif;
}
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;
	font-size: 18px;
	line-height: 1.8em;
	text-align:justify;
	color: #666;
	overflow-x: hidden;
}
strong, b {
	font-weight: bold;
}
a {
	color: #555;
	transition: .2s;
}
a:hover {
	color: #43a1d4;
}
h2 {
	font-size: 20px;
	line-height: 34px;
	color: #545454;
}
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;
}
.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: 1400px;
	min-width: 280px;
	margin: 0 auto;
}
.max_grid { width: 100%;max-width: 1920px;margin: 0 auto}

.grid-pad {
	margin-bottom: 1em
}
.grid:after {
	content: "";
	display: table;
	clear: both
}
.push-right {
	float: right
}
.col-1-1 {
	width: 100%;
	padding-right: 0
}
.col-2-3, .col-8-12 {
	width: 66.66%
}
.col-1-2, .col-6-12 {
	width: 50%
}
.col-1-3, .col-4-12 {
	width: 33.33%
}
.col-1-4, .col-3-12 {
	width: 25%
}
.col-1-5 {
	width: 20%
}
.col-1-6, .col-2-12 {
	width: 16.667%
}
.col-1-7 {
	width: 14.28%
}
.col-1-8 {
	width: 12.5%
}
.col-1-9 {
	width: 11.1%
}
.col-1-10 {
	width: 10%
}
.col-1-11 {
	width: 9.09%
}
.col-1-12 {
	width: 8.33%
}
.col-11-12 {
	width: 91.66%
}
.col-10-12 {
	width: 83.333%
}
.col-9-12 {
	width: 75%
}
.col-5-12 {
	width: 41.66%
}
.col-7-12 {
	width: 58.33%
}
.push-2-3, .push-8-12 {
	margin-left: 66.66%
}
.push-1-2, .push-6-12 {
	margin-left: 50%
}
.push-1-3, .push-4-12 {
	margin-left: 33.33%
}
.push-1-4, .push-3-12 {
	margin-left: 25%
}
.push-1-5 {
	margin-left: 20%
}
.push-1-6, .push-2-12 {
	margin-left: 16.667%
}
.push-1-7 {
	margin-left: 14.28%
}
.push-1-8 {
	margin-left: 12.5%
}
.push-1-9 {
	margin-left: 11.1%
}
.push-1-10 {
	margin-left: 10%
}
.push-1-11 {
	margin-left: 9.09%
}
.push-1-12 {
	margin-left: 8.33%
}

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

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

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

@media only screen and (min-width: 75em) {
	.container {
		width: 71rem
	}
	.column-lg, .column-lg-1, .column-lg-10, .column-lg-11, .column-lg-12, .column-lg-2, .column-lg-3, .column-lg-4, .column-lg-5, .column-lg-6, .column-lg-7, .column-lg-8, .column-lg-9 {
		box-sizing: border-box;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		-webkit-box-flex: 0;
		flex: 0 0 auto;
		padding-right: 1rem;
		padding-left: 1rem
	}
	.column-lg {
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		-webkit-box-flex: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		-webkit-flex-basis: 0;
		flex-basis: 0;
		max-width: 100%
	}
	.column-lg-1 {
		-ms-flex-preferred-size: 8.333%;
		-webkit-flex-basis: 8.333%;
		flex-basis: 8.333%;
		max-width: 8.333%
	}
	.column-lg-2 {
		-ms-flex-preferred-size: 16.667%;
		-webkit-flex-basis: 16.667%;
		flex-basis: 16.667%;
		max-width: 16.667%
	}
	.column-lg-3 {
		-ms-flex-preferred-size: 25%;
		-webkit-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%
	}
	.column-lg-4 {
		-ms-flex-preferred-size: 33.333%;
		-webkit-flex-basis: 33.333%;
		flex-basis: 33.333%;
		max-width: 33.333%
	}
	.column-lg-5 {
		-ms-flex-preferred-size: 41.667%;
		-webkit-flex-basis: 41.667%;
		flex-basis: 41.667%;
		max-width: 41.667%
	}
	.column-lg-6 {
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%
	}
	.column-lg-7 {
		-ms-flex-preferred-size: 58.333%;
		-webkit-flex-basis: 58.333%;
		flex-basis: 58.333%;
		max-width: 58.333%
	}
	.column-lg-8 {
		-ms-flex-preferred-size: 66.667%;
		-webkit-flex-basis: 66.667%;
		flex-basis: 66.667%;
		max-width: 66.667%
	}
	.column-lg-9 {
		-ms-flex-preferred-size: 75%;
		-webkit-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%
	}
	.column-lg-10 {
		-ms-flex-preferred-size: 83.333%;
		-webkit-flex-basis: 83.333%;
		flex-basis: 83.333%;
		max-width: 83.333%
	}
	.column-lg-11 {
		-ms-flex-preferred-size: 91.667%;
		-webkit-flex-basis: 91.667%;
		flex-basis: 91.667%;
		max-width: 91.667%
	}
	.column-lg-12 {
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%
	}
	.column-lg-offset-1 {
		margin-left: 8.333%
	}
	.column-lg-offset-2 {
		margin-left: 16.667%
	}
	.column-lg-offset-3 {
		margin-left: 25%
	}
	.column-lg-offset-4 {
		margin-left: 33.333%
	}
	.column-lg-offset-5 {
		margin-left: 41.667%
	}
	.column-lg-offset-6 {
		margin-left: 50%
	}
	.column-lg-offset-7 {
		margin-left: 58.333%
	}
	.column-lg-offset-8 {
		margin-left: 66.667%
	}
	.column-lg-offset-9 {
		margin-left: 75%
	}
	.column-lg-offset-10 {
		margin-left: 83.333%
	}
	.column-lg-offset-11 {
		margin-left: 91.667%
	}
	.start-lg {
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		justify-content: flex-start;
		text-align: start
	}
	.center-lg {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		justify-content: center;
		text-align: center
	}
	.end-lg {
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		-webkit-box-pack: end;
		justify-content: flex-end;
		text-align: end
	}
	.top-lg {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		-webkit-box-align: start;
		align-items: flex-start
	}
	.middle-lg {
		-webkit-align-items: center;
		-ms-flex-align: center;
		-webkit-box-align: center;
		align-items: center
	}
	.bottom-lg {
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		-webkit-box-align: end;
		align-items: flex-end
	}
	.around-lg {
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
	.between-lg {
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		justify-content: space-between
	}
	.first-lg {
		-webkit-order: -1;
		-ms-flex-order: -1;
		-webkit-box-ordinal-group: 0;
		order: -1
	}
	.last-lg {
		-webkit-order: 1;
		-ms-flex-order: 1;
		-webkit-box-ordinal-group: 2;
		order: 1
	}
}
.sv_wrap {
	display: inline-block;
	position: relative;
	font-weight: 400
}
.sv_wrap .sv {
	z-index: 1000;
	display: none;
	margin: 5px 0 0;
	border: 1px solid #ddd
}
.sv_wrap .sv a {
	display: inline-block;
	margin: 0;
	padding: 0.5em;
	width: 94px;
	border-bottom: 1px solid #ddd;
	background: #fafafa;
	color: #333 !important;
	text-align: left;
	font-size: 0.9em
}
.sv_wrap .sv a:hover {
	background-color: #f1f1f1
}
.sv_wrap .sv a:active, .sv_wrap .sv a:focus, .sv_wrap .sv a:hover {
	text-decoration: none
}
.sv_wrap .sv a:last-child {
	border: none
}
.sv_on {
	display: block !important;
	position: absolute;
	top: 10px;
	left: 20px;
	width: auto;
	height: auto;
	background-color: #efefef;
	box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06)
}
.sv_nojs .sv {
	display: block
}
#captcha_img {
	display: block
}
#captcha_key {
	min-width: 120px;
	margin: 0 !Important
}
#gotop {
	display: none;
	position: fixed;
	right: 15px;
	opacity: 0.7;
	font-size: 1.5rem;
	z-index: 200;
	border: 1px solid #ccc;
	background-color: #fff
}
#gotop a {
	display: block;
	padding: 0.4em
}
.paging-wrap {
	text-align: center;
	padding: 2em 1em
}
.pg_wrap {
	display: inline-block;
	vertical-align: middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline;
	margin: 0 auto
}
.pg_wrap a, .pg_wrap strong {
	display: inline-block;
	vertical-align: middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline;
	border: 1px solid #ccc;
	line-height: 2em;
	text-align: center;
	padding: 0 0.6em
}
.pg_wrap a {
	background-color: #efefef
}
.pg_wrap a:hover {
	background-color: #999;
	color: #fff
}
.side_menu_wrap {
	position: relative;
	margin-bottom: 10px
}
.side_menu_wrap h2 {
	display: block;
	background-color: #efefef;
	font-size: 1.1em;
	margin: 0;
	padding: 0.5em 0.8em;
	border-bottom: 3px solid #efefef;
	border-top: 3px solid #00bfff
}
.side_menu_wrap ul {
	display: block;
	margin: 0;
	padding: 0
}
.side_menu_wrap ul li {
	display: block;
	padding: 5px
}
.side_menu_wrap ul li a {
	display: block;
	border-bottom: 1px dotted #666;
	padding: 0.5em 1em;
	text-align: right
}
.side_menu_wrap:after, .side_menu_wrap:before {
	display: table;
	content: " "
}
#copymove {
	font-size: 1em
}
#copymove h1 {
	background-color: #00bfff;
	display: block;
	line-height: 2em;
	font-size: 1.2em;
	text-align: center;
	border-bottom: 2px solid #007fff
}
#copymove table {
	width: 100%;
	margin-bottom: 2em
}
#copymove table th {
	background-color: #efefef;
	padding: 0.4em;
	text-align: center
}
#copymove table td {
	border-bottom: 1px dotted #999;
	padding: 0.3em
}
#copymove table caption {
	font-size: 0.9em;
	color: #ccc;
	text-align: center;
	padding: 0.5em
}
#copymove .win_btn {
	text-align: center
}
#copymove .win_btn button, #copymove .win_btn input {
	display: inline-block;
	margin: 0;
	padding: 5px;
	border: 1px solid #666
}
.content-background {
}
.tab-wrap .latest-ask-basic-wrap, .tab-wrap .latest-basic-wrap, .tab-wrap .latest-flex-gallery-wrap {
	border: none
}
.tab-wrap .latest-header {
	display: none !important
}
.textcon {
	display: inline-block;
	vertical-align: middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline;
	padding: 0.15em 0.2em;
	font-size: 0.65rem;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	color: #fff;
	margin: 0;
	line-height: 1em;
	-webkit-box-shadow: 1px 1px 1px #ccc;
	-khtml-box-shadow: 1px 1px 1px #ccc;
	-moz-box-shadow: 1px 1px 1px #ccc;
	-ms-box-shadow: 1px 1px 1px #ccc;
	-o-box-shadow: 1px 1px 1px #ccc;
	box-shadow: 1px 1px 1px #ccc
}
.textcon:hover {
	-webkit-box-shadow: 0 0 0 #fff;
	-khtml-box-shadow: 0 0 0 #fff;
	-moz-box-shadow: 0 0 0 #fff;
	-ms-box-shadow: 0 0 0 #fff;
	-o-box-shadow: 0 0 0 #fff;
	box-shadow: 0 0 0 #fff
}
.textcon-default {
	background-color: #999
}
.textcon-new {
	background-color: #00bfff
}
.textcon-hot {
	background-color: #ff4747
}
.textcon-file, .textcon-link {
	background-color: #49d847
}
.textcon-notice {
	background-color: #db0000
}
.textcon-secret {
	background-color: #db0000
}
.search-wrap form {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 0.5em 1em;
	text-align: center;
	line-height: 1.5em;
	margin: 0 auto;
}
.search-wrap #gr_id, .search-wrap #sfl, .search-wrap #stx, .search-wrap button[type=submit] {
	border: none;
	background: transparent;
}
.search-wrap .stx-tbl {
	display: table
}
.search-wrap .stx-tbl #stx {
	width: 100%
}
.search-wrap .stx-cell {
	display: table-cell
}
.search-wrap .tb-caption {
	caption-side: bottom;
	display: table-caption;
	text-align: center;
	border-top: 1px solid #ccc;
	padding: 0.5em 0;
	margin-top: 0.5em
}
.sub-title {
	display: block;
	padding: 0.8em;
	margin: 0.5em 0 1em;
	border-bottom: 3px solid #efefef;
	font-size: 1.4em
}
h2.title {
	display: block;
	padding: 1em;
	font-weight: 600;
	color: #999;
	border-bottom: 2px solid #ccc;
	margin: 1em 0;
	font-size: 1.5em
}
.text-shadow {
	color: #222;
	text-shadow: 0 2px 3px #555
}
.text-shadow-sm {
	color: #222;
	text-shadow: 0 1px 2px #fff
}
.msg_sound_only, .sound-only, .sound_only {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important;
	padding: 0 !important;
	width: 1px !important;
	height: 1px !important;
	font-size: 0 !important;
	line-height: 0 !important;
	overflow: hidden
}
hr {
	height: 0;
	clear: both;
	margin-bottom: 2em;
	visibility: hidden;
}
.mob-info {
	display: none
}
.left {
	text-align: left !important
}
.right {
	text-align: right !important
}
.divider {
	border-top: 1px dashed #999;
	border-bottom: none;
	width: 50%;
	margin: 1em auto
}
.center {
	text-align: center
}
.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%
}
#quick {
	display: block;
	position: fixed;
	transition: 0.3s;
	text-indent: -9999px;
	right: 85px;
	top: 102%;
	z-index: 999;
}
#quick a {
	position: absolute;
	display: block;
	left: 0px;
	width: 60px;
	height: 60px;
	background: url(/images/top.png) 50% 50% no-repeat;
	transition: .3s;
	cursor: pointer;
}
#quick a:hover {
	/* background-color: #dfdfdf; */
	opacity: 1;
}
/*common class*/
.clr {
	clear: both
}
.gap {
	clear: both;
	height: 75px;
}

.gap_small {
	clear: both;
	height: 1em;
}

.gap_double {
	clear: both;
	height: 7em;
}
.gap_50 {
	clear: both;
	height: 50px;
}
.gap_100 {
	clear: both;
	height: 100px;
}

.gap_120 {
	clear: both;
	height: 120px;
}

.gap_200 {
	clear: both;
	height: 200px;
}

.gap_360 {
    clear: both;
    height: 360px;
}

.gap_line {
	height: 40px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 40px
}
.gap_line2 {
	height: 40px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 40px
}
.gap_max { 
	clear: both;
	height: 70px;
}
.page-wrap {
	position: relative
}
.page-header {
	position: relative
}
.underline {
	text-decoration: underline;
}
.f_left {
	float: left !important;
}
.f_right {
	float: right !important;
}
.badge-blue {
	background: #287BD3 !important;
}
.badge-orange {
	background: #F78A1E !important;
}
.sound-only {
	position: absolute;
	left: -9999px;
}
img.img-bordred {
	border: 1px solid #cccccc
}
.bg-white-gray {
}
input[type=submit] {
	height: 42px;
}
input[type=text], input[type=password], textarea {
	border-color: none;
}
table.tbl {
	width: 100%;
	border-top: 1px solid #dfdfdf;
	margin-bottom: 20px;
}
table.tbl td, table.tbl th {
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	padding: 10px
}
table.tbl thead th {
	background: #f1f4f9;
	text-align: center;
	border-bottom: 1px solid #cad0d9;
	border-right: 1px solid #cad0d9;
	color: #536eaa;
	font-size: 1.1em;
}
table.tbl tbody th {
	background: #f7f7f7;
	text-align: center;
}
table.tbl tfoot th, table.tbl tfoot td {
	background: #f1f1f1;
}
table.tbl td:last-child, table.tbl th:last-child {
	border-right: none;
}
/*************************** 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 *********************************/
body {
	
}
#wrap {
	position: relative;
	z-index: 0;
	transition: all 250ms ease-out;
	-webkit-transition: all 250ms ease-out;
}
.navtoggleon #wrap {
	opacity: .1
}
#bt_call {
	position: absolute;
	top: -90px;
	right: 15px;
	z-index: 3300;
	width: 40px;
	height: 40px;
	font-size: 30px;
	text-align: right;
	transition: .3s;
}

#bt_call1 {
	position: absolute;
	top: -90px;
	left: 10px;
	z-index: 3300;
	width: 40px;
	height: 40px;
	font-size: 30px;
	text-align: left;
	transition: .3s;
}
.nav_left_button {
	position: absolute;
	top: -90px;
	left: 10px;
	z-index: 3300;
	width: 40px;
	height: 40px;
	text-align: right;
	transition: .3s;
}
.nav_left_button a {
	display: block;
	float: left;
	margin: 0;
	width: 100%;
	height: 50px;
}
.nav-toggle {
	position: relative;
	cursor: pointer;
	padding: 15px 0 0 0;
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
	cursor: pointer;
	height: 2px;
	width: 34px;
	background: black;
	position: absolute;
	display: block;
	content: '';
}
.nav-toggle span:before {
	top: -9px;
}
.nav-toggle span:after {
	bottom: -9px;
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
	transition: all 250ms ease-out;
	-webkit-transition: all 250ms ease-out;
}
.navtoggleon .nav-toggle span {
	background-color: transparent;
}
.navtoggleon .nav-toggle span:before, .nav-toggle.navtoggleon span:after {
	top: 0;
}
.navtoggleon .nav-toggle span:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	background-color: white
}
.navtoggleon .nav-toggle span:after {
	transform: translateY(-7px) rotate(-45deg);
	-webkit-transform: translateY(-7px) rotate(-45deg);
	-ms-transform: translateY(-7px) rotate(-45deg);
	top: 7px;
	background-color: white
}
.navtoggleon #bt_call span {
	color: #ffffff;
}

.navtoggleon #bt_call1 span {
	color: #ffffff;
}

.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-120 {
	margin-bottom: 120px;
}


/*************************** header *********************************/
#header_wrap{position:relative;width:100%;z-index:1000;background:#fff;transition:.3s;}
/*#hd_top.fixed { text-align: center; padding: 14px 0px; }*/
#header_wrap.fixed{position:fixed;left:0;}
#header_wrap.fixed #hd_top{padding: 7px 0;}

#header_wrap.fixed #hd_top #logo img{width: 45%;}

#headermo { display: none; }

#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: 25px 0px;}
#hd_top a{/* display:block; */padding: 14px 0 18px;}
/*#tnb{position: fixed;right: 33%;top: 40px;}*/
#tnb li{float:right;margin-left:5px;}
#tnb li a:before{content:" | ";color:#999;}
#tnb li:last-child a:before{content:"";}

/*#tnb2{position: fixed;left: 33%;top: 40px;font-size: 24px;font-weight: 500;}*/
#tnb2 li{float: left;margin-left: 20px;}
#tnb2 li:last-child a:before{content:"";}
#tnb2 a{ color: #00bff3; }

#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;}

#logo img { width: 55%; }


#call-t{font-size:36px;position:absolute;z-index:99;right:0;bottom:0px;color:#f26c4f;}
#call-t font{font-weight:bolder;}
#header{position: fixed;height: auto;z-index:999;}
#header .logoimg { margin: 35px 0 20px 60px; }
#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: #0072bc;}
#gnb>li {float:left;display: block;position: relative;width: 20%;}
#gnb>li>a {display: block;font-size: 20px;letter-spacing:-1px;text-align:center;height:50px;line-height:50px;color: #333333;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 {text-align: center;border-left: 1px solid #c8c8c8;padding: 40px 15px;display:none;height: 298px;line-height: 35px;}
#gnb>li.last>div>ul{border-right:1px solid #cdcdcd;}
#gnb>li>div>ul>li>a{font-size: 18px;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: 301px;top:49px;position:absolute;background-color: #dfdfdf;z-index: -1;display:none;} 


/*************************** content *********************************/
.lx {
	border:none !important
}

.py-4 {
	padding: 4em 0;
}
.grid-lg-16 {
	max-width: 2000px;
}
.grid-lg {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#content {
	position: relative;
	/* min-height: 700px; */
	background: #ffffff;
	z-index: 0;
}
#content .page-title h1 {
	text-align: center;
	padding: 40px;
	font-size: 30px;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 64px;
	color: #212121;
}
#content .page-title h1:after {
	content: "";
	display: block;
	width: 160px;
	height: 1px;
	margin: 10px auto;
	border-top: 1px solid #212121;
}
#content .page-title h1 .bo_name {
	font-size: 20px;
	letter-spacing: 1px;
	color: #5fc5d3;
	font-weight: normal;
	line-height: 30px;
}
#spot {
	height: 300px;
	background-size: contain !important;
	position: relative;
	width: 100%;
}

#spot h1 {
	font-size: 72px;
	font-weight: 300;
	margin-bottom: 30px;
	letter-spacing: -4px;
}

#spot .spot_txt {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: right;
	font-size: 46px;
}
#spot .spot_txt .maintitle {
	color: #fff;
	font-family: 'Noto Sans KR', sans-serif;
	line-height:70px;
	text-align:center;
	margin: 74px 0;
}
#spot .spot_txt .mt {
	color: #fff;
	font-family: 'Noto Sans KR', sans-serif;
	line-height:24px;
	text-align:center;
	font-size: 30px;
	font-weight: 200;
}
#spot .spot_txt .subtitle {
	color: #fff;
	font-size: 15px;
	line-height: 1.3em;
	padding-top: 17px;
	opacity: .7
}
#content h2.tit {
	line-height: 40px;
	text-align: center;
	font-family: 'Noto Sans KR', sans-serif;
}
/*#content h3 {
	font-size: 22px;
	margin: 8px 0;
	}*/

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

	.zoom{transition: .3s;}
	a:hover .zoom{transform: scale(1.1);}

	/*세로형 메뉴*/



	#header a {
		display: block;
		color: #fff;
		padding: 15px 20px;
		height: auto;
		line-height: 22px;
		font-size: 20px;
		font-weight: 300;
	}

	#header a:hover {
		color: #fff799;
		text-decoration: none;
	}


	.M02 a {color: #555555 !important;padding: 15px 14px !important;text-align: left;letter-spacing: -0.6px; font-weight: 400 !important;}

	.M02 a:hover { color: #00bff3 !important; }


	.M01 {
		width: 120px;
		background: rgba(0,0,0,0.4);
		margin-left: 40px;
	}

	.M01>li>a:hover: { 
		width: 195px;
		height: 776px;
		background: rgba(255,255,255,0.9);

	}

	.M01>li, .M02>li, .M03>li {
		position: relative;
		width: 100%;
		text-align: center;
		line-height: 50px;
		z-index: 9999;
	}

	.headbg {
		left: 160px;
		background: rgba(255,255,255,0.8);
		width: 195px;
		height: 700px;
		display: none;
		top: 155px;
		position: absolute;
		z-index: 1;
	}

	.M01>li:hover .headbg {
		display: block;
		left: 120px;
		background: rgba(255,255,255,0.8);
	}

	.M01>li:hover .M02 {
		left: 120px;
		/*background: rgba(255,255,255,0.9);*/
	}

	.M01>li a:hover {
		display: block;
	}

	.M02 {
		width: 195px;
		position: absolute;
		top: 0;
		left: -99999px;
		height: 513px;
	}


	.M02>li a:hover {
		display: none;
	}

	.M01>li:hover .M02>div { 
		background: #fff;
	}

	.topimg img { width: 100%; }

	.view-768 { display: none; }
	.hide-768 { display: block; }

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

		.topimg img { width: 80%; }

		#header{position: fixed;height: auto;z-index:999;}
		#header .logoimg {margin: 25px 0 15px 60px;}
		#header a {
			display: block;
			color: #fff;
			padding: 8px 15px;
			height: auto;
			line-height: 20px;
			font-size: 17px;
			font-weight: 400;
		}

		#header a:hover {
			color: #fff799;
			text-decoration: none;
			padding: 12px 10px;
		}


		.M02 a {color: #555555 !important;padding: 8px 15px !important;text-align: left;letter-spacing: -0.6px;}

		.M02 a:hover { color: #00bff3 !important; }


		.M01 {
			width: 120px;
			background: rgb(0 0 0 / 40%);
			margin-left: 40px;
		}

		.M01>li>a:hover: { 
			width: 195px;
			height: 776px;
			background: rgba(255,255,255,0.9);

		}

		.M01>li, .M02>li, .M03>li {
			position: relative;
			width: 100%;
			text-align: center;
			line-height: 50px;
			z-index: 9999;
		}

		.headbg {
			left: 160px;
			background: rgba(255,255,255,0.8);
			width: 165px;
			height: 545px;
			display: none;
			top: 140px;
			position: absolute;
			z-index: 1;
		}

		.M01>li:hover .headbg {
			display: block;
			left: 120px;
			background: rgba(255,255,255,0.8);
		}

		.M01>li:hover .M02 {
			left: 120px;
			/*background: rgba(255,255,255,0.9);*/
		}

		.M01>li a:hover {
			display: block;
		}

		.M02 {
			width: 195px;
			position: absolute;
			top: 0;
			left: -99999px;
			height: 513px;
		}


		.M02>li a:hover {
			display: none;
		}

		.M01>li:hover .M02>div { 
			background: #fff;
		}
	}

	.view-672 { display: none; }
	.hide-672 { display: block; }




	/* main */

	#vis1 {position: relative;}
	/*#vis1 .txtwrap {font-weight: 600;text-align: left;color: #333333;font-size: 36px;line-height: 55px;position: absolute;left: 47%;top: 40%;}
	#vis1 .txtwrap span { font-weight: 300;vertical-align: baseline; }
	#vis1 .txttop { padding: 50px 0 65px 0;  border-bottom: 1px solid #7d7d7d;  margin-bottom: 50px; }
	#vis1 .txtbot {color: #333333;font-size: 20px;line-height: 30px;font-weight: 400;background: url(/images/m_icon1.png) no-repeat;padding: 45px 0 45px 165px;background-position: 0 7px;letter-spacing: -0.7px;}
	#vis1 .topimg { position: absolute; top: 0; right: 6%;}*/

	#vis2 {background: url(/images/m_vis2.jpg) #cee3e3 100% 0% / contain no-repeat;position: relative;background-position: right center;}
	#vis2 .txtwrap {font-weight: 600;text-align: right;color: #333333;font-size: 36px;line-height: 55px;position: absolute;left: 10%;top: 25%;}
	#vis2 .txtwrap span { font-weight: 300;vertical-align: baseline; }
	#vis2 .txttop {padding: 35px 0px 65px 0px;border-bottom: 1px solid #7d7d7d;margin-bottom: 50px;text-align: left;}
	#vis2 .txtbot {color: #333333;font-size: 20px;line-height: 30px;font-weight: 400;background: url(/images/m_icon1.png) no-repeat;padding: 45px 0 45px 165px;background-position: 0% 20px;text-align: left;padding-right: 0px;letter-spacing: -0.7px;}
	#vis2 .topimg { position: absolute; top: 0; right: 6%;}
	#vis2 h1 {font-size: 72px;font-weight: 700;text-align: left;letter-spacing: -4px;background: url(/images/m_icon2.png) no-repeat;padding: 10px 0px 10px 125px;background-position: 0% 55%;}

	#vis3 {background: url(/images/m_vis3.jpg) #fcf3f2 0% 0% / contain no-repeat;position: relative;background-position: left center;}
	#vis3 .txtwrap {font-weight: 600;text-align: left;color: #333333;font-size: 36px;line-height: 55px;position: absolute;left: 56%;top: 25%;}
	#vis3 .txtwrap span { font-weight: 300;vertical-align: baseline; }
	#vis3 .txttop {padding: 50px 0 65px 0;border-bottom: 1px solid #7d7d7d;margin-bottom: 50px;letter-spacing: -2.5px;}
	#vis3 .txtbot {color: #333333;font-size: 20px;line-height: 30px;font-weight: 400;background: url(/images/m_icon1.png) no-repeat;padding: 45px 165px;background-position: 0 35px;padding-right: 0px;letter-spacing: -1.6px;}
	#vis3 .topimg { position: absolute; top: 0; right: 6%;}
	#vis3 h1 {font-size: 72px;font-weight: 700;text-align: left;letter-spacing: -4px;background: url(/images/m_icon3.png) no-repeat;padding: 10px;background-position: 0 55%;padding-left: 130px;}

	#vis4 {background: url(/images/m_vis4.jpg) #e0e0e0 0% 0% / contain no-repeat;position: relative;background-position: right center;}
	#vis4 .txtwrap {font-weight: 600;text-align: right;color: #333333;font-size: 36px;line-height: 55px;position: absolute;left: 11%;top: 25%;}
	#vis4 .txtwrap span { font-weight: 300;vertical-align: baseline; }
	#vis4 .txttop {padding: 35px 0 65px 0;border-bottom: 1px solid #7d7d7d;margin-bottom: 50px;text-align: left;letter-spacing: -2.5px;}
	#vis4 .txtbot {color: #333333;font-size: 20px;line-height: 30px;font-weight: 400;background: url(/images/m_icon1.png) no-repeat;padding: 30px 165px;background-position: 0 7px;text-align: left;padding-right: 0px;letter-spacing: -1.6px;}
	#vis4 .topimg { position: absolute; top: 0; right: 6%;}
	#vis4 h1 {font-size: 72px;font-weight: 700;text-align: left;letter-spacing: -4px;background: url(/images/m_icon4.png) no-repeat;padding: 20px;background-position: 0 55%;padding-left: 120px;}

	#vis5 { background: url(/images/m_vis5.jpg) 0% 0% / cover no-repeat; position: relative;}
	#vis5 .txtwrap {font-weight: 600;text-align: left;color: #333333;font-size: 36px;line-height: 55px;position: absolute;left: 52%;top: 25%;}
	#vis5 .txtwrap span { font-weight: 300;vertical-align: baseline; }
	#vis5 .txttop {padding: 50px 0 65px 0;border-bottom: 1px solid #7d7d7d;margin-bottom: 50px;letter-spacing: -3.6px;}
	#vis5 .txtbot {color: #333333;font-size: 20px;line-height: 30px;font-weight: 400;background: url(/images/m_icon1.png) no-repeat;padding: 60px 165px;background-position: 0 35px;padding-right: 0px;letter-spacing: -0.7px;}
	#vis5 .topimg { position: absolute; top: 0; right: 6%;}
	#vis5 h1 {font-size: 72px;font-weight: 700;text-align: left;letter-spacing: -4px;background: url(/images/m_icon5.png) no-repeat;padding: 10px;background-position: 0 55%;padding-left: 130px;}


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

		#vis1 {position: relative;}
		/*#vis1 .txtwrap {font-weight: 600;text-align: left;color: #333333;font-size: 30px;line-height: 45px;position: absolute;left: 47%;top: 35%;}
		#vis1 .txtwrap span { font-weight: 300;vertical-align: baseline; }
		#vis1 .txttop {padding: 40px 0 45px 0;border-bottom: 1px solid #7d7d7d;margin-bottom: 40px;}
		#vis1 .txtbot {color: #333333;font-size: 18px;line-height: 30px;font-weight: 400;background: url(/images/m_icon1.png) no-repeat;padding: 35px 0 45px 165px;background-position: 0 3px;letter-spacing: -0.7px;}
		#vis1 .topimg { position: absolute; top: 0; right: 6%;}*/

		#vis2 {background: url(/images/m_vis2.jpg) #cee3e3 100% 0% / contain no-repeat;position: relative;background-position: right center;}
		#vis2 .txtwrap {font-weight: 600;text-align: right;color: #333333;font-size: 30px;line-height: 45px;position: absolute;left: 13%;}
		#vis2 .txtwrap span { font-weight: 300;vertical-align: baseline; }
		#vis2 .txttop {padding: 40px 0px 45px 0px;border-bottom: 1px solid #7d7d7d;margin-bottom: 40px;text-align: left;}
		#vis2 .txtbot {color: #333333;font-size: 18px;line-height: 30px;font-weight: 400;background: url(/images/m_icon1.png) no-repeat;padding: 30px 0 45px 165px;background-position: 0% 20px;text-align: left;padding-right: 0px;letter-spacing: -0.7px;}
		#vis2 .topimg { position: absolute; top: 0; right: 6%;}
		#vis2 h1 {font-size: 60px;font-weight: 700;text-align: left;letter-spacing: -4px;background: url(/images/m_icon2.png) no-repeat;padding: 10px 0px 10px 125px;background-position: 0% 55%;background-size: contain;}

		#vis3 {background: url(/images/m_vis3.jpg) #fcf3f2 -10% 0% / contain no-repeat;position: relative;}
		#vis3 .txtwrap {font-weight: 600;text-align: left;color: #333333;font-size: 30px;line-height: 45px;position: absolute;left: 45%;}
		#vis3 .txtwrap span { font-weight: 300;vertical-align: baseline; }
		#vis3 .txttop { padding: 40px 0px 45px 0px;border-bottom: 1px solid #7d7d7d;margin-bottom: 40px;text-align: left; }
		#vis3 .txtbot {color: #333333;font-size: 20px;line-height: 30px;font-weight: 400;background: url(/images/m_icon1.png) no-repeat;padding: 30px 165px;background-position: 0 20px;padding-right: 0px;letter-spacing: -0.7px;}
		#vis3 .topimg { position: absolute; top: 0; right: 6%;}
		#vis3 h1 {font-size: 60px;font-weight: 700;text-align: left;letter-spacing: -4px;background: url(/images/m_icon3.png) no-repeat;padding: 10px;background-position: 0 55%;padding-left: 130px;background-size: contain;}

		#vis4 {background: url(/images/m_vis4.jpg) #e0e0e0 0% 0% / contain no-repeat;position: relative;background-position: right center;}
		#vis4 .txtwrap {font-weight: 600;text-align: right;color: #333333;font-size: 30px;line-height: 45px;position: absolute;left: 13%;}
		#vis4 .txtwrap span { font-weight: 300;vertical-align: baseline; }
		#vis4 .txttop {padding: 40px 0px 45px 0px;border-bottom: 1px solid #7d7d7d;margin-bottom: 40px;text-align: left;}
		#vis4 .txtbot {color: #333333;font-size: 20px;line-height: 30px;font-weight: 400;background: url(/images/m_icon1.png) no-repeat;padding: 30px 165px;background-position: 0 7px;text-align: left;padding-right: 0px;letter-spacing: -0.7px;}
		#vis4 .topimg { position: absolute; top: 0; right: 6%;}
		#vis4 h1 {font-size: 60px;font-weight: 700;text-align: left;letter-spacing: -4px;background: url(/images/m_icon4.png) no-repeat;padding: 20px;background-position: 0 55%;padding-left: 105px;background-size: contain;}

		#vis5 { background: url(/images/m_vis5.jpg) 0% 0% / cover no-repeat; position: relative;}
		#vis5 .txtwrap {font-weight: 600;text-align: left;color: #333333;font-size: 30px;line-height: 45px;position: absolute;left: 45%;}
		#vis5 .txtwrap span { font-weight: 300;vertical-align: baseline; }
		#vis5 .txttop {padding: 40px 0px 45px 0px;border-bottom: 1px solid #7d7d7d;margin-bottom: 40px;text-align: left;}
		#vis5 .txtbot {color: #333333;font-size: 20px;line-height: 30px;font-weight: 400;background: url(/images/m_icon1.png) no-repeat;padding: 30px 165px;background-position: 0 5px;padding-right: 0px;letter-spacing: -0.7px;}
		#vis5 .topimg { position: absolute; top: 0; right: 6%;}
		#vis5 h1 {font-size: 60px;font-weight: 700;text-align: left;letter-spacing: -4px;background: url(/images/m_icon5.png) no-repeat;padding: 10px;background-position: 0 55%;padding-left: 115px;background-size: contain;}
	}

	@media only screen and (min-width: 2000px ) { 
		#vis3 {background: url(/images/m_vis3.jpg) #fcf3f2 -70% 0% / contain no-repeat;position: relative;}
		#vis3 .txtwrap {font-weight: 600;text-align: left;color: #333333;font-size: 36px;line-height: 55px;position: absolute;left: 55%;}
		/*#vis1 .txtwrap {font-weight: 600;text-align: left;color: #333333;font-size: 36px;line-height: 55px;position: absolute;left: 55%;top: 40%;}*/
		#vis5 {background: url(/images/m_vis5.jpg) 40% 0% / cover no-repeat;position: relative;}
		#vis4 {background: url(/images/m_vis4.jpg) #e0e0e0 160% 0% / contain no-repeat;position: relative;/* background-position: right center; */}
		#vis2 {background: url(/images/m_vis2.jpg) #cee3e3 175% 0% / contain no-repeat;position: relative;/* background-position: right center; */}
/*#vis1 {background: url(/images/m_vis1.jpg) #dbdad6 45% 0% / cover no-repeat;position: relative;}*/
}



@media only screen and (min-width: 2560px ) { 
	#vis3 {background: url(/images/m_vis3.jpg) #fcf3f2 -15% 0% / contain no-repeat;position: relative;}
	#vis3 .txtwrap {font-weight: 600;text-align: left;color: #333333;font-size: 36px;line-height: 55px;position: absolute;left: 58%;}
	/*#vis1 .txtwrap {font-weight: 600;text-align: left;color: #333333;font-size: 36px;line-height: 55px;position: absolute;left: 55%;top: 40%;}*/
}






/*sub 여기*/

.bor1 { border-right: 1px solid rgb(205, 205, 205); }
.simg { width: 99%; }
.bor { border: 1px solid #636363; }
.subimg { width: 25%; }
#content h1.tit {color: #fff;font-size: 72px;margin-bottom: 20px;}
#content h1.tit:after{content:"";display:block;border-bottom: 1px solid #acacac;width: 600px; margin:0 auto; height:.4em;margin-top: 20px;}
#content h2.tit {color: #535353;font-size: 48px;font-weight: 700;}
#content h2.tit2 {text-align: center;color: #535353;font-size: 40px;font-weight: 700;}
#content h3.tit {color: #fff799;font-size: 48px;font-weight: 700;}
#content h4.tit {color: #1cbbb4;font-size: 30px;font-weight: 700;}
#content p {font-size: 30px;line-height: 35px;font-weight: 500;color: #333;}
#content p.sub {font-size: 24px;line-height: 40px;font-weight: 300;color: #fff;}
#content p.sub2 {font-size: 24px;line-height: 40px;font-weight: 300;color: #fff;}
#content p.sub3 {font-size: 18px;line-height: 40px;font-weight: 300;color: #535353;}
#content .subline {width: 72px;height: 2px;background-color: #a0a0a0;margin: 0 auto;margin-top: 35px;margin-bottom: 50px;}
#content .subline2 { width: 1px; height: 68px; background-color: #a0a0a0; margin: 0 auto; margin-top: 35px; margin-bottom: 34px; }
#content .subline3 { width: 72px; height: 2px; background-color: #a0a0a0; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; }
#content .subline4 { width: 72px; height: 2px; background-color: #a0a0a0; margin: 0 auto; margin-top: 40px; margin-bottom: 40px; }

#bcontent h1.tit {color: #0072bc;font-size: 72px;font-weight: 700;font-family: 'Noto Sans KR', sans-serif;}
#bcontent h1.tit:after{content:"";display:block;border-bottom: 1px solid #acacac;width: 660px;margin: 0;height:.4em;margin-top: 20px;}
#bcontent h2.tit {color: #ec008c;font-size: 36px;font-weight: 300;text-align: left;margin-bottom: 35px;margin-top: 30px;}
#bcontent h3.tit {color: #ec008c;font-size: 27px;font-weight: 500;}
#bcontent p { font-size: 24px; line-height: 45px; }
#bcontent p.sub2 {font-size: 18px;line-height: 35px;color: #535353;text-align: center;}

.mm { padding: 0px; }


.a1img { width: 100%; }
.grid-sm { width: 100%; max-width: 1200px; min-width: 280px; margin: 0 auto; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;margin-top:30px; max-width:1200px; height:100%; right: 0%; }

.b_tail1 { text-align: right; }
.b_tail2 { text-align: left; }
.b_tail1 img,.b_tail2 img { width: auto; }
.view-992 { display: none; }
.hide-992 { display: block; }
.view-1700 { display: none; }
.hide-1700 { display: block; }
.alcen {text-align: left;font-size: 18px;letter-spacing: -0.7px;font-weight: 300;line-height: 30px;}



.subgrid { max-width: 1920px; width: 100%; margin: 0 auto; }
.subgrid img { width: 100%; }



/* 연세365 sub */

/*탑 타이틀*/
#titwrap {position: absolute;top: 25%;left: 20%;}
#titwrap h1 {font-size: 80px;font-weight: 200;color: #fff;line-height: 105px;letter-spacing: -5px;}
#titwrap h1 div {font-weight: 500;letter-spacing: 0px;}
#titwrap .topline {width: 90px;height: 2px;background: #ffff00;margin: 60px 0 60px 85px;}
#titwrap .txtbot {font-size: 36px;color: #fff;font-weight: 200;line-height: 45px;}
#titwrap .txtbot p {font-size: 30px;color: #fff;font-weight: 200;line-height: 45px;}


/*제목&텍스트*/
#subsum1 { margin: 0 auto; }
#subsum1 h1 {font-size: 45px;color: #333333;font-weight: 500;margin: 0 auto 75px;letter-spacing: -2px;text-align: center;line-height: 55px;}
#subsum1 p {text-align: center;font-size: 20px;font-weight: 400;line-height: 30px;}

/*제목&텍스트(배경 있음)*/
#bgrey {background: #ededed;padding-bottom: 270px;margin-bottom: 310px;position: relative;}
#subsum2 { margin: 0 auto; }
#subsum2 h1 {font-size: 45px;color: #333333;font-weight: 500;margin: 0 auto 75px;letter-spacing: -2px;text-align: center;line-height: 50px;}
#subsum2 p {text-align: center;font-size: 20px;font-weight: 400;line-height: 30px;}


.absol { position: absolute; top: 80%; }
.absol .bot1 { padding-top: 0px; }
.absol .bot2 { padding-bottom: 0px; }
.absol .bot3 {padding: 7px;}
.absol2 .bot3 { padding: 7px;  }
.bimg { text-align: center; }
.bimg img { width: auto; }
.cen {text-align: center;color: #333;}
.mar100 { margin: 0 100px !important; }
@media only screen and (max-width: 768px ) { 

	/*제목&텍스트*/
	#subsum1 { margin: 0 auto; }
	#subsum1 h1 {font-size: 30px;color: #333333;font-weight: 500;margin: 0 auto 45px;letter-spacing: -2px;text-align: center;line-height: 35px;}
	#subsum1 p {text-align: center;font-size: 20px;font-weight: 400;line-height: 30px;}

	/*제목&텍스트(배경 있음)*/
	#bgrey {background: #ededed;padding-bottom: 210px;margin-bottom: 365px;position: relative;}
	#subsum2 { margin: 0 auto; }
	#subsum2 h1 {font-size: 30px;color: #333333;font-weight: 500;margin: 0 auto 45px;letter-spacing: -2px;text-align: center;line-height: 40px;}
	#subsum2 p {text-align: center;font-size: 20px;font-weight: 400;line-height: 30px;}


	#titwrap {position: absolute;top: 13%;left: 13%;}
	#titwrap h1 {font-size: 35px;font-weight: 200;color: #fff;line-height: 50px;letter-spacing: -2px;}
	#titwrap h1 div {font-weight: 500;letter-spacing: 0px;}
	#titwrap .topline {width: 90px;height: 2px;background: #ffff00;margin: 60px 0 60px 85px;}
	#titwrap .txtbot {font-size: 20px;color: #fff;font-weight: 200;line-height: 27px;}
	#titwrap .txtbot p {font-size: 17px;color: #fff;font-weight: 200;line-height: 23px;text-align: left;margin-top: 10px;}

	#bgrey .fourimg {padding: 10px;margin: 0;}
	#bgrey .fourimg img { width: 100%; }

	.cen img {
		width: auto;
	}
	.bbimg { padding:0 !important; }
	.bbimg img { width: 100%; }
	.bimg img { width: 100%; }
	.cen { text-align: center; }
	.mar100 { margin: 0px !important; }

	.absol {position: absolute;top: 80%;right: 10px;left: 10px;}

	.absol .bot1 { padding-top: 5px; }
	.absol .bot2 { padding-bottom: 5px; }
	.absol .bot3 {padding: 7px;}

	.gap_120 {
		clear: both;
		height: 70px;
	}
}



/*************************** bottom *********************************/
.infotable{color:#fff !important;font-size: 24px;line-height:1.5em;margin: 0 auto;}
.infotable th{padding-right:1em;}
.infotable td{font-size: 30px; color: #333; font-weight: 400;}
.flex-justify-content{display:flex;justify-content: space-between!important;}
.text-justify {text-align: justify !important;}
#bottom {}
#dv { display:flex;}
#dv li { width:50%;position:relative;padding:4em 7%;}
#dv li:after{content:"";display:block;clear:both;}
#dv .item1 {background: url(/images/info.jpg) 50% 0;background-size:cover;}
#dv .item1 .t_box {float:right;}
#dv .item1 .t_box h1 {text-align:center;color:#fff !important;font-size:54px;line-height:54px;margin-bottom:30px;}

#dv .item1 img {width:100%;height: auto;float: right;}
#dv .item2 {background: #1b8698;}
#dv .item2 .f {color: #ffffff; max-width: 70%;}
#dv .item2 h2 img { padding-bottom: 1em;width: 100%;height: auto; max-width: 555px;}
#dv .item2 .se_h {background: #fff; padding: 1px; margin-bottom: 12px;}
#dv .item2 select {margin-bottom:0 !important;}
#dv .item2 input[type=text], #dv .item2 select { width: 100%; display: block; margin: 0 auto;    clear: both;    max-width: 555px;    text-align: center;    height: 38px;    line-height: 38px;    margin-bottom: 10px; padding:0;border: none;}
#dv .item2 input[type=text], #dv .item2 select option {text-align: center;}
#dv .item2 .f .col-xs-5 input.m { display: none;}
#dv .item2 .f .container {max-width: 800px;}
#content .grid-sm {word-break: keep-all;}
.img-desc {word-break: keep-all;}
.footer768 {text-align: center;padding: 69px 0;}

@media only screen and (max-width: 1700px ) { 
	.view-1700 { display: block; }
	.hide-1700 { display: none; }
}

@media only screen and (max-width: 992px ) {
	#dv { display:block;}
	#dv li {  width: 100%; clear: both;text-align: center;}
	#content h2.tit {word-break: keep-all;}
	.view-992 { display: block; }
	.hide-992 { display: none; }

	#vis1 { background: #d7d7cc; }
	#vis1 .txtbot {background: url(/images/m_icon1_m.png) no-repeat;padding: 26px;background-position: bottom left;font-size: 13px;padding-left: 33%;background-size: 30%;line-height: 22px;letter-spacing: -1px;padding-right: 0;text-align: left;}
	#vis1 .visimg { text-align: center; }
	#vis1 .visimg img {width: 55%;padding: 35px 0 10px 0;}
	#vis1 .txttop { font-size: 18px; font-weight: 600; letter-spacing: -1px; text-align: center; line-height: 30px; margin: 15px 0; border-bottom: none; padding: 0; color: #333333; }
	#vis1 .txttop span {font-size: 20px;font-weight: 300;letter-spacing: -1px;text-align: center;line-height: 31px;}
	#vis1 .line {width: 60px;height: 4px;background: #646464;margin: 25px 33% 0px;}  

	#vis2 { background: #cee4e3; }
	#vis2 .txtbot {background: url(/images/m_icon1_m.png) no-repeat;padding: 30px;background-position: bottom left;font-size: 13px;padding-left: 33%;background-size: 30%;line-height: 22px;letter-spacing: -1px;padding-right: 0;color: #333333;}
	#vis2 .visimg { text-align: center; }
	#vis2 h1 {font-size: 35px;font-weight: 700;letter-spacing: -0.7px;background: url(/images/m_icon2.png) no-repeat;padding: 20px;padding-left: 90px;background-position: 25% 60%;background-size: 13%;text-align: center;padding-top: 40px;color: #333333;}
	#vis2 h1 span {font-weight: 300;vertical-align: baseline;}
	#vis2 .txttop { font-size: 18px; font-weight: 600; letter-spacing: -1px; text-align: center; line-height: 30px; margin: 15px 0; border-bottom: none; padding: 0; color: #333333; }
	#vis2 .txttop span {font-size: 20px;font-weight: 300;letter-spacing: -1px;text-align: center;line-height: 31px;}
	#vis2 .line {width: 60px;height: 4px;background: #646464;margin: 25px 33% 0px;}  

	#vis3 { background: #fcf3f2; }
	#vis3 .txtbot {background: url(/images/m_icon1_m.png) no-repeat;padding: 21px;background-position: bottom left;font-size: 13px;padding-left: 33%;background-size: 30%;line-height: 22px;letter-spacing: -1px;padding-right: 0;color: #333333;text-align: left;}
	#vis3 .visimg { text-align: center; }
	#vis3 h1 {font-size: 35px;font-weight: 700;letter-spacing: -0.7px;background: url(/images/m_icon3.png) no-repeat;padding: 20px;padding-left: 90px;background-position: 25% 60%;background-size: 13%;text-align: center;padding-top: 40px;color: #333333;}
	#vis3 h1 span {font-weight: 300;vertical-align: baseline;}
	#vis3 .txttop { font-size: 18px; font-weight: 600; letter-spacing: -1px; text-align: center; line-height: 30px; margin: 10px 0; border-bottom: none; padding: 0; color: #333333; }
	#vis3 .txttop span {font-size: 20px;font-weight: 300;letter-spacing: -1px;text-align: center;line-height: 31px;}
	#vis3 .line {width: 60px;height: 4px;background: #646464;margin: 25px 33% 0px;} 

	#vis4 { background: #e0e0e0; }
	#vis4 .txtbot {background: url(/images/m_icon1_m.png) no-repeat;padding: 21px;background-position: bottom left;font-size: 13px;padding-left: 33%;background-size: 30%;line-height: 21px;letter-spacing: -1px;padding-right: 0;color: #333333;}
	#vis4 .visimg { text-align: center; }
	#vis4 h1 {font-size: 35px;font-weight: 700;letter-spacing: -0.7px;background: url(/images/m_icon4.png) no-repeat;padding: 20px;padding-left: 90px;background-position: 20% 60%;background-size: 13%;text-align: center;padding-top: 40px;color: #333333;}
	#vis4 h1 span {font-weight: 300;vertical-align: baseline;}
	#vis4 .txttop { font-size: 18px; font-weight: 600; letter-spacing: -1px; text-align: center; line-height: 30px; margin: 15px 0; border-bottom: none; padding: 0; color: #333333; }
	#vis4 .txttop span {font-size: 20px;font-weight: 300;letter-spacing: -1px;text-align: center;line-height: 31px;}
	#vis4 .line {width: 60px;height: 4px;background: #646464;margin: 25px 33% 0px;}  

	#vis5 { background: #d2e2ea; }
	#vis5 .txtbot {background: url(/images/m_icon1_m.png) no-repeat;padding: 20px;background-position: bottom left;font-size: 13px;padding-left: 130px;background-size: 30%;line-height: 22px;letter-spacing: -1px;padding-right: 0;text-align: left;color: #333333;}
	#vis5 .visimg { text-align: center; }
	#vis5 h1 {font-size: 35px;font-weight: 700;letter-spacing: -0.7px;background: url(/images/m_icon5.png) no-repeat;padding: 20px;padding-left: 90px;background-position: 34% 75%;background-size: 13%;text-align: center;padding-top: 37px;color: #333333;}
	#vis5 h1 span {font-weight: 300;vertical-align: baseline;}
	#vis5 .txttop { font-size: 18px; font-weight: 600; letter-spacing: -2px; text-align: center; line-height: 30px; margin: 15px 0; border-bottom: none; padding: 0; color: #333333; }
	#vis5 .txttop span {font-size: 18px;font-weight: 300;letter-spacing: -2px;text-align: center;line-height: 31px;}
	#vis5 .line {width: 60px;height: 4px;background: #646464;margin: 25px 25% 0px;}  

}


@media only screen and (max-width: 375px ) {
	#vis1 { background: #d7d7cc; }
	#vis1 .txtbot {background: url(/images/m_icon1_m.png) no-repeat;padding: 26px;background-position: bottom left;font-size: 13px;padding-left: 33%;background-size: 30%;line-height: 22px;letter-spacing: -1px;padding-right: 0;text-align: left;}
	#vis1 .visimg { text-align: center; }
	#vis1 .visimg img {width: 55%;padding: 35px 0 10px 0;}
	#vis1 .txttop { font-size: 18px; font-weight: 600; letter-spacing: -1px; text-align: center; line-height: 30px; margin: 15px 0; border-bottom: none; padding: 0; color: #333333; }
	#vis1 .txttop span {font-size: 20px;font-weight: 300;letter-spacing: -1px;text-align: center;line-height: 31px;}
	#vis1 .line {width: 60px;height: 4px;background: #646464;margin: 25px 33% 0px;}  

	#vis2 { background: #cee4e3; }
	#vis2 .txtbot {background: url(/images/m_icon1_m.png) no-repeat;padding: 30px;background-position: bottom left;font-size: 13px;padding-left: 33%;background-size: 30%;line-height: 22px;letter-spacing: -1px;padding-right: 0;color: #333333;}
	#vis2 .visimg { text-align: center; }
	#vis2 h1 {font-size: 35px;font-weight: 700;letter-spacing: -0.7px;background: url(/images/m_icon2.png) no-repeat;padding: 20px;padding-left: 90px;background-position: 25% 60%;background-size: 13%;text-align: center;padding-top: 40px;color: #333333;}
	#vis2 h1 span {font-weight: 300;vertical-align: baseline;}
	#vis2 .txttop {font-size: 18px;font-weight: 600;letter-spacing: -1px;text-align: center;line-height: 30px;margin: 15px 0;border-bottom: none;padding: 0;color: #333333;}
	#vis2 .txttop span {font-size: 18px;font-weight: 300;letter-spacing: -1.5px;text-align: center;line-height: 31px;}
	#vis2 .line {width: 60px;height: 4px;background: #646464;margin: 25px 33% 0px;}  

	#vis3 { background: #fcf3f2; }
	#vis3 .txtbot {background: url(/images/m_icon1_m.png) no-repeat;padding: 21px;background-position: bottom left;font-size: 13px;padding-left: 33%;background-size: 30%;line-height: 22px;letter-spacing: -1.5px;padding-right: 0;color: #333333;text-align: left;}
	#vis3 .visimg { text-align: center; }
	#vis3 h1 {font-size: 35px;font-weight: 700;letter-spacing: -0.7px;background: url(/images/m_icon3.png) no-repeat;padding: 20px;padding-left: 90px;background-position: 25% 60%;background-size: 13%;text-align: center;padding-top: 40px;color: #333333;}
	#vis3 h1 span {font-weight: 300;vertical-align: baseline;}
	#vis3 .txttop { font-size: 18px; font-weight: 600; letter-spacing: -1px; text-align: center; line-height: 30px; margin: 10px 0; border-bottom: none; padding: 0; color: #333333; }
	#vis3 .txttop span {font-size: 18px;font-weight: 300;letter-spacing: -1px;text-align: center;line-height: 31px;}
	#vis3 .line {width: 60px;height: 4px;background: #646464;margin: 25px 33% 0px;} 

	#vis4 { background: #e0e0e0; }
	#vis4 .txtbot {background: url(/images/m_icon1_m.png) no-repeat;padding: 21px;background-position: bottom left;font-size: 13px;padding-left: 33%;background-size: 30%;line-height: 21px;letter-spacing: -1.7px;padding-right: 0;color: #333333;}
	#vis4 .visimg { text-align: center; }
	#vis4 h1 {font-size: 35px;font-weight: 700;letter-spacing: -0.7px;background: url(/images/m_icon4.png) no-repeat;padding: 20px;padding-left: 90px;background-position: 20% 60%;background-size: 13%;text-align: center;padding-top: 40px;color: #333333;}
	#vis4 h1 span {font-weight: 300;vertical-align: baseline;}
	#vis4 .txttop { font-size: 18px; font-weight: 600; letter-spacing: -1px; text-align: center; line-height: 30px; margin: 15px 0; border-bottom: none; padding: 0; color: #333333; }
	#vis4 .txttop span {font-size: 18px;font-weight: 300;letter-spacing: -1px;text-align: center;line-height: 31px;}
	#vis4 .line {width: 60px;height: 4px;background: #646464;margin: 25px 33% 0px;}  

	#vis5 { background: #d2e2ea; }
	#vis5 .txtbot {background: url(/images/m_icon1_m.png) no-repeat;padding: 20px;background-position: bottom left;font-size: 13px;padding-left: 130px;background-size: 30%;line-height: 22px;letter-spacing: -1px;padding-right: 0;text-align: left;color: #333333;}
	#vis5 .visimg { text-align: center; }
	#vis5 h1 {font-size: 35px;font-weight: 700;letter-spacing: -0.7px;background: url(/images/m_icon5.png) no-repeat;padding: 20px;padding-left: 90px;background-position: 34% 75%;background-size: 13%;text-align: center;padding-top: 37px;color: #333333;}
	#vis5 h1 span {font-weight: 300;vertical-align: baseline;}
	#vis5 .txttop {font-size: 18px;font-weight: 600;letter-spacing: -3px;text-align: center;line-height: 30px;margin: 15px 0;border-bottom: none;padding: 0;color: #333333;}
	#vis5 .txttop span {font-size: 18px;font-weight: 300;letter-spacing: -3px;text-align: center;line-height: 31px;}
	#vis5 .line {width: 60px;height: 4px;background: #646464;margin: 25px 25% 0px;}  

	#footer1 a { color: rgb(112, 112, 112) !important; text-decoration: none !important; width: 12%; margin: 0 5px; }

}





@media only screen and (max-width: 768px ) {
	#dv .item2 .f {max-width: 100%;}
	.mb-2 {margin-bottom: 10x;}
	#content .grid-sm {text-align: center;padding: 0 15px;}
	#spot {height: 255px;}
	#spot .spot_txt .mt {line-height: 25px;font-size: 18px;}
	#spot .spot_txt .maintitle {line-height:35px;margin: 64px 0px;}

	.view-768 { display: block; }
	.hide-768 { display: none; }

}
@media only screen and (max-width: 555px ) {	
	#dv .item2 .f {}
	#dv .item2 .f .col-xs-7 {width: 100% !important;float: none !important;margin: 0 auto !important;}
	#dv .item2 .f .col-xs-5 {width: 100% !important;background: #2C4044 !important;padding: 0 !important;margin: 0 15px !important;}
	#dv .item2 .f .col-xs-5 input.p {display: none;}
	#dv .item2 .f .col-xs-5 input.m {display: inline;max-width: 139px;width: 26%;padding: 10px 0 5px;}
	#dv .item1 .t_box h1 {font-size:2em;}
	#dv .item1 .infotable {font-size:16px;}	
}
/*************************** footer *********************************/
#footer {
	clear: both;
	font-size: 15px;
	color: #ccc;
	z-index: 999;
	position: relative;
}
#sitemap{display:-ms-grid !important; display: grid !important;color: #cccccc;margin-right: 50px;text-align: left !important;font-weight: 300;}
#sitemap>li>a { color: #cccccc; text-decoration: none; }
#sitemap>li>a:hover { color: #fff; text-decoration: none; }

#footer h2 {
	color:#707070;	
}
#footer .footer_in {
	/* max-width: 1320px; */
	width: 100%;
	line-height: 1.6em;
	margin: 0px auto;
	padding: 0px;
}
#footer ul {
	padding: 0px;
	list-style: none;
}
#footer ul li {
	display: table-row;
	margin: 0 50px;
	float: left;
}
#footer a {
	color: rgb(112, 112, 112) ;
	text-decoration: none ;
}

.clearfix {
	clear: both;
}
.clearfix {
	display:block;

}
.clearfix > a {
	overflow:hidden;
	display:inline-block;
	text-align:center;

}

#footer .clearfix img{
	padding: 2px;
}


#footer .last {
	text-align: right;
	margin-top: 50px;
}

.footkakao { width: 100%; padding: 0 45px; }


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

#foot.fixed img {padding: 0px !important;margin: 0px;height: 100%;max-height: 80px;}

.mbm_1 { background: #0bbf18 url(/images/mbm_1.jpg) no-repeat; height: auto; background-position: center; padding: 20px; margin: 0 !important;    background-size: contain;}
.mbm_2 { background: #006F81 url(/images/mbm_2.jpg) no-repeat; height: auto; background-position: center; padding: 20px; margin: 0 !important;    background-size: contain;}
.mbm_3 {background: #f8cb1d url(/images/mbm_3.jpg) no-repeat;height: auto;background-position: center;padding: 20px;margin: 0 !important;background-size: contain;}

@media only screen and (max-width: 500px) { 
	.mbm_1 {background: #0bbf18 url(/images/mbm_1.jpg) no-repeat;height: auto;background-position: center;padding: 20px;margin: 0 !important;background-size: contain;}
	.mbm_2 {background: #006F81 url(/images/mbm_2.jpg) no-repeat;height: auto;background-position: center;padding: 20px;margin: 0 !important;background-size: contain;}
	.mbm_3 {background: #f8cb1d url(/images/mbm_3.jpg) no-repeat;height: auto;background-position: center;padding: 20px;margin: 0 !important;background-size: contain;}	
}







@media only screen and (max-width: 992px ) {
	#footer .myaddr, #footer ul.f_quick, #footer dl {
		max-width: 320px;
		margin: 0 0;
	}
	.ft {
		border: none !important;
	}
}
#quickmenu {
	width: 150px;
	text-align: right;
	position: fixed;
	bottom: 50px;
	right: 20px;
}
#quickmenu a {
	display: block;
	clear: both;
}
#hd_pop {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}
.hd_pops {
	position: absolute;
	z-index: 1;
}
#hd_pop h2 {
	display: none;
}
.hd_pops_footer {
	background: #000;
	text-align: right;
	line-height: 2em;
}
.hd_pops_footer button {
	background: #000;
	border: none;
	color: #999;
	cursor: pointer;
}

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


#backtotop {
	/* background: #00cbff url("/images/common/sprite.png") 0 -120px no-repeat; */
	/* border-radius: 3px 3px; */
	/* bottom: 10px; */
	/* display: none; */
	/*filter: alpha(opacity=50);*/
	/* height: 60px; */
	/* opacity: 0.5; */
	/* position: fixed; */
	/* right: 10px; */
	/* transition: 0.3s; */
	/* width: 60px; */
	/* z-index: 102; */
	/* text-indent: -9999px; */
}
/*#backtotop:hover {
	background-color: #00cbff;
	filter: alpha(opacity=100);
	opacity: 1;
}
*/
/*
#backtotop2 {
	background: #00cbff url("/images/common/sprite.png") 0 -120px no-repeat;
	border-radius: 3px 3px;
	bottom: 10px;
	display: none;
	filter: alpha(opacity=50);
	height: 60px;
	opacity: 0.5;
	position: fixed;
	right: 10px;
	transition: 0.3s;
	width: 60px;
	z-index: 102;
	text-indent: -9999px;
}
#backtotop2:hover {
	background-color: #00cbff;
	filter: alpha(opacity=100);
	opacity: 1;
}
*/




/*************************** footer1 *********************************/
#footer1 {
	clear: both;
	font-size: 16px;
	color: #cccccc;
	background: #333333;
	padding: 70px 0px;
	z-index: 999;
}
#footer1 h2 {
	color:#707070;	
}
#footer1 .footer_in {
	max-width: 1600px;
	width: 100%;
	position: relative;
	line-height: 1.6em;
	margin: 0px auto;
	padding: 0px 2em;
}
#footer1 ul {
	display: block;
	text-align: right;
	padding: 0px;
	margin: 0px 0px 2em;
	list-style: none;
}
#footer1 ul li {
	display: inline-block;
	margin-right: 5px;
}
#footer1 a {
	color: rgb(112, 112, 112) !important;
	text-decoration: none !important;
}
.clearfix {
	clear: both;
}
.clearfix {
	display:block;

}
.clearfix > a {
	overflow:hidden;
	display:inline-block;
	text-align:center;

}

#footer1 a {
	color: #cccccc !important;
	text-decoration: none !important;
	margin: 0 10px;
}
#footer1 .last {
}
.flogo {width: 85%;}




@media only screen and (max-width: 992px ) {
	#footer1 .myaddr, #footer1 ul.f_quick, #footer1 dl {
		max-width: 320px;
		margin: 0 0;
	}
	.ft {
		border: none !important;
	}
}
#quickmenu {
	width: 150px;
	text-align: right;
	position: fixed;
	bottom: 50px;
	right: 20px;
}
#quickmenu a {
	display: block;
	clear: both;
}
#hd_pop {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}
.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;
}

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


#backtotop {
	/* background: #00CBFC url(/images/common/sprite.png) 0 -120px no-repeat; */
	background-size: 60px;
	/* border-radius: 3px 3px; */
	bottom: 10px;
	display: none;
	filter: alpha(opacity=50);
	height: 60px;
	/* opacity: 0.5; */
	position: fixed;
	right: 10px;
	transition: 0.3s;
	width: 60px;
	z-index: 102;
	text-indent: -9999px;
}
/*#backtotop:hover {
	background-color: #00cbff;
	filter: alpha(opacity=100);
	opacity: 1;
}*/

#backtotop2 {
	background: #00CBFC url(/images/common/sprite.png) 0 -5px no-repeat;
	background-size: 60px;
	border-radius: 3px 3px;
	bottom: 10px;
	display: none;
	filter: alpha(opacity=50);
	height: 60px;
	opacity: 0.5;
	position: fixed;
	right: 10px;
	transition: 0.3s;
	width: 60px;
	z-index: 102;
	text-indent: -9999px;
}
/*#backtotop2:hover {
	background-color: #00cbff;
	filter: alpha(opacity=100);
	opacity: 1;
}*/

.sitemap{display:-ms-grid !important; display: grid !important;color: #cccccc;margin-right: 50px;text-align: left !important;font-weight: 300;}
.hide-1200 {
	display: block;
}

.view-1200 { display: none; }




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

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

@media only screen and (max-width: 1200px) {
	.grid {
		padding: 0 40px;
	}
	#gnb>li.pc_logo {
		max-width:280px;
		width:100%;
	}
	#gnb>li{
		width: 17.0%;
	}
	#gnb>li>a {
		font-size: 18px;
	}
	#gnb>li>ul>li>a {
		font-size: 13px;
		padding-left: 6px;
	}
	#quickmenu {
		display: none;
	}
	.hide-1200 {
		display: none;
	}
	.mainline {height: 5px;width: 70px;background-color: #fff;opacity: 0.5;margin: 30px auto;}

	.view-1200 { display: block; }
}

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

	.response-wrap .ask-logo {padding: 17px 10px;text-align: center;border-bottom: 1px solid #e1e1e1;}
	.response-wrap .ask-main-menu, .response-wrap .ask-logo:after { clear: both; }
	.response-wrap .ask-main-menu, .response-wrap .ask-logo:before { clear: both; }
	.response-wrap .ask-default-menu { display: none !important; }
	.response-wrap .open-mobile-menu, .response-wrap .open-mobile-search, .response-wrap .open-mobile-member { display: block; }
	.response-wrap #header {height: 70px;}
	.response-wrap .ask-shadow-top { top: 62px; }
	.response-wrap .ask-main-menu { float: none; z-index: 100; }
	.response-wrap .search-box, .response-wrap .member-box { top: 63px; }
	.response-wrap .content-background { top: 62px; } 
	#headermo {display: block;position: fixed;width: 100%;z-index: 9;background: #fff;}



	body {
		border: none;
	}
	#gnb_m>li.pc_logo {
		display:none;
		border:1px solid red;
	}

	#logo a img {
		max-width: 150px;
	}
	#gnb { 
		display: none;
	}
	.hide-992 {
		display: none;
	}
	#hd {
		display: none;
	}
	#header, #header.fixed {
	}

	.nav_left_button a {
		display: none;
	}

	#header .logoimg { display: none; }

	.M01 { display: none; }


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

	#top-header, #top-header.fixed {
		position: fixed;
		width: 100%;
		top: 0;
		background-color: #53585b;
		padding: 22px;
		display: none;
	}

	#logo {
		height: 60px;
		display:block;
	}

	.ask-logo-img { width: 60%; }

	#logo a, #header.fixed #logo a {
		margin-left: 10px;
		width: 170px;
		height: 60px;
		line-height: 60px;
	}
	#content {
		padding-top: 80px;
	}

	.nav_left_button, #bt_call {
		/* position: fixed; */
	}

	.nav_left_button, #bt_call1 {
		position: fixed;
	}
	.nav_left_button {
		top: 15px;
	}
	#bt_call {
		top: 20px;
		left: 88%;
		/* position: fixed; */
	}

	#bt_call1 {
		font-size: 15px;
		margin-left: 50px;
		top: 15px;
		margin-top: 3px;
	}
	#footer {padding-bottom:0;}
	#footer .row{margin:0 -40px;}
	#footer .ft-middle{padding:10px;min-height:100px;}
	#footer .ft-last{background:#ccc;padding:15px 20px;margin-top:20px;}
	.hide-992 { display: none; }
	.view-992 { display: block; }
	.flogo {width: 25%;}
	.alcen { text-align: center; }


	#tail {padding: 0px 0 60px 0;text-align: center;background: #333333;color: #fff;}
	.tails {font-size: 17px;color: #cccccc;line-height: 23px;letter-spacing: -0.6px;font-weight: 300;margin-top: 30px;}
	.tailtit {  font-size: 24px; font-weight: 600; }
	.tailtel {font-size: 20px;margin: 5px 0;}

}



#spot h1 {
	font-size: 60px;
}




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

	.view-768{display : block;}
	.hide-768 { display: none; }
	#footer .myaddr {
		background: none;
		padding-left: 0;
	}
	#spot .spot_txt {
		font-size: 24px !important;
	}
	h2.tit {
		margin: .5em;
		line-height: 30px;
		font-size: 20px;
	}
	#content h3 {
		margin: 1em 0;
	}
	.gap_line{height:20px;margin-bottom:20px;}
	.block-sky {
		margin: 15px 0 15px 0;
	}
	.hd_pops {
		position: static;
		z-index: 1;
		width: 100%;
		left: 0;
	}
	.hd_pops_con {
		width: 100% !important;
		height: auto !important;
	}
	.hd_pops img {
		width: 100% !important;
		height: auto;
	}

	.clearfix {
		display:block;

	}
	.clearfix > a {
		overflow:hidden;
		display:inline-block;
		text-align:center;

	}
	.clearfix > a img {
	}


	button.hd_pops_reject > strong {
		vertical-align: top;
	}
	.hd_pops {
		border:1px solid #e1e1e1;
	}
	.hd_pops_footer > div {
		max-width:285px;
		margin:0 auto;
		text-align:center;	
	}

	#footer .row{margin:0 -20px;}
	#footer .ft-last{margin-top:0px;}
	#footer {
		text-align: center;
		/* padding: 2em 0 !important; */
		font-size: 13px !important;
		clear: both;
		background: #ffffff;
		/* padding: 4em 0; */
		font-size: 15px;
		color: #707070;
	}
	#footer ul {
		margin-top:5px;
		text-align: center;
	}
	#footer .last {
		text-align: center;
	}

	#footer1 {
		text-align: center;
		padding: 40px 0;
	}
	.bx-wrapper .bx-controls-direction a{
		display:none;	
	}
	.clearfix > a img {
		/* width: 100%; */
	}
	#carousel{display:none;}

	#spot h1 {
		font-size: 37px;
		font-weight: 300;
		margin-bottom: 20px;
		letter-spacing: -4px;
	}

	.mainline {height: 3px;width: 45px;background-color: #fff;opacity: 0.5;margin: 15px auto;}
	.subimg {width: 20%;}
	.footer768 { text-align: center; }
	#footer1 a {
		color: rgb(112, 112, 112) !important;
		text-decoration: none !important;
		width: 10%;
	}
	.flogo {width: 30%;}

	/*여기*/

	.subimg {
		display: none;
	}
	.bor1 { border-right: none;}
	#content h1.tit {color: #fff;font-size: 28px;margin-bottom: 10px;}
	#content h1.tit:after{content:"";display:block;border-bottom: 1px solid #acacac;width: 245px;margin:0 auto;height:.4em;margin-top: 10px;}
	#content h2.tit {color: #535353;font-size: 35px;font-weight: 700;}
	#content h3.tit {color: #fff799;font-size: 35px;font-weight: 700;}
	#content h4.tit {color: #1cbbb4;font-size: 30px;font-weight: 700;}
	#content p.sub3 {font-size: 16px;line-height: 30px;font-weight: 300;color: #535353;text-align: left;}
	#content p {font-size: 15px;line-height: 24px;text-align: left;font-weight: 400;}
	#content p.sub {font-size: 18px;line-height: 30px;font-weight: 300;}
	#content .subline {width: 72px;height: 2px;background-color: #a0a0a0;margin: 0 auto;margin-top: 35px;margin-bottom: 45px;}
	#content .subline2 { width: 1px; height: 68px; background-color: #a0a0a0; margin: 0 auto; margin-top: 35px; margin-bottom: 60px; }
	#bcontent h1.tit {color: #0072bc;font-size: 33px;font-weight: 700;text-align: center;line-height: 40px;}
	#bcontent h1.tit:after{content:"";display:block;border-bottom: 1px solid #acacac;width: 330px;margin: 0 auto;height:.4em;margin-top: 20px;}
	#bcontent h2.tit {color: #ec008c;font-size: 25px;font-weight: 300;text-align: center;margin: 0px;}
	#bcontent h3.tit {color: #ec008c;font-size: 24px;font-weight: 400;}
	#bcontent p {font-size: 17px;line-height: 27px;text-align: center;}
	#bcontent p.sub2 {font-size: 16px;line-height: 30px;color: #535353;text-align: left;}
	/*.bimg {width: 80%;margin: 0 auto;}*/

	.mm { padding: 0 100px !important; }

	.a1img { width: 100%; }
	.grid-sm {width: 100%;max-width: 1200px;min-width: 280px;margin: 0 auto;}
	.pad0 { padding: 0px !important; }

	.b_tail1 {text-align: center;}
	.b_tail2 {text-align: center;}
	.b_tail1 img,.b_tail2 img { width: 90%; }
	.alcen { text-align: center; }



	@media only screen and (max-width: 425px) {
		.hide-425 {
			display: none;
		}
		#footer1 a { color: rgb(112, 112, 112) !important; text-decoration: none !important; width: 12%; margin: 0 5px; }
	}
	@media only screen and (max-width: 320px) {
	}

	@media only screen and (max-width: 672px ) { 
		.view-672 { display: block; }
		.hide-672 { display: none; }
	}