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

/* font */
@font-face{
	src: url("/include/font/SCDream4.woff");
	font-family: "score4";
}
@font-face{
	src: url("/include/font/SCDream5.woff");
	font-family: "score5";
}

@font-face{
	src: url("/include/font/gmarkets_bold.woff");
	font-family: "g_bold";
}


/* inner */
.inner{
	max-width: 1300px;
	width: 90%;
	margin: auto;
}

::selection{
	background: #EBF6FF;
	color: #545454;
}

/* RESET */
html{
	font-size: 65%;
}
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;
	vertical-align: middle;
	box-sizing: border-box;
	text-decoration: none;
	font-family:'Noto Sans KR', sans-serif;
}

a, strong, p{
	vertical-align: baseline;
	font-size: 1em;
}

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{
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
html {
	height: 100%;
	overflow-x: hidden;
}
body {
	padding: 0px;
	margin: 0px;
	line-height: 1.5;
	text-align:justify;
	color: #666;
	overflow-x: hidden;
	overflow: hidden;
}
strong, b {
	font-weight: bold;
}
a {
	color: #555;
	transition: .2s;
}
a:hover {
	color: #43a1d4;
}
h2 {
	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;
	height: 40px;
	line-height: 40px;
	box-sizing: border-box;
	padding: 0em 0;
}
.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: 1320px;
	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%
}

.event_b{
 width:100%;
 max-width:160px;
 display:block;
}

.event_b img{
width:100%;
}
@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
}
#header_wrap .row{
	align-items: center;
}
.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
}

.m_padding_no{
padding-right:0 !important;
padding-left:0 !important;
}

@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: #78b1e3;
}

.textcon-new .fa-unlock-alt{
	box-shadow: none;
	width: 10px;
	height: 12px;
	background: url(/include/img/iconLock.png) no-repeat center / contain;
	/* display: none !important; */
}

.textcon-hot {
	background-color: #ff6c6c;
}
.textcon-file, .textcon-link {
	background-color: #49d847
}
.textcon-notice {
	background-color: #606060;
}
.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: flex;
	max-width: 
}
.bo-cate-list li {
	vertical-align: middle;
	width: calc(91%/4);
	margin-right: 3%;
	font-size: 1.6rem;
	line-height: 2em;
	*vertical-align:auto;
	*zoom:1;
	*display:inline
}

.bo-cate-list li:last-child{
	margin-right: 0;
}

.bo-cate-list li + li:before {
	padding: 0 5px;
	color: #ccc;
	content: "/\00a0";
	display: none;
}

.bo-cate-list li a{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #fff;
	/* border: 1px solid var(--mainCol); */
	color: #545454;
	border-radius: 100px;
	box-shadow: rgba(0,0,0,0.2) 1px 1px 8px;
}

.bo-cate-list li a#bo_cate_on{
	background: var(--mainCol);
	border-color: var(--mainCol);
	color: #fff;
}

.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 {
	max-width: 600px;
	width: 90%;
	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: 101px;
	top: 102%;
	z-index: 999;
}
#quick a {
	position: absolute;
	display: block;
	left: 0px;
	width: 60px;
	height: 60px;
	background: url(/img/arrow.png) 50% 50% no-repeat;
	transition: .3s;
	cursor: pointer;
	border-radius: 30px;
	opacity: .5;
}
#quick a:hover {
	background-color: #dfdfdf;
	opacity: 1;
}
/*common class*/
.clr {
	clear: both
}
.gap {
	clear: both;
	height: 2em;
}
.gap_small {
	clear: both;
	height: 1em;
}
.gap_double {
	clear: both;
	height: 7em;
}
.gap_100 {
	clear: both;
	height: 100px;
}
.gap_200 {
	clear: both;
	height: 200px;
}
.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: 40px;
}
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-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;
}


/*************************** header *********************************/
#header_wrap{position:fixed;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 #hd_top #logo{display: block;height: auto;width: 60%;margin: 0 auto 0;}
#header_wrap #hd_top #logo img{width: 100%;}
#header_wrap.fixed #hd_top #logo img{/* width: 45%; */}

#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: 10px 0;}
/*#tnb{position: fixed;right: 33%;top: 40px;}*/
#tnb{overflow: hidden;}
#tnb li{margin-left:5px; display: flex;}
#tnb li a{font-size: 13px;font-weight: 400;color: #a2a4a6; display: flex; padding-top: 5px;}
#tnb li a:after{content:" | ";color:#a2a4a6; margin-left: 15px;}
#tnb li:last-child a:after{content:"";}

.headerLeft{
	text-align: left;
}

.headerLeft .headerTel{
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	margin-top: 7px;
	display: block;
}

.headerLeft .headerTel span{
	font-family: "g_bold";
}

.headerLeft .headerTel img{
	width: 20px;
	animation: headerTel infinite 2s;
}

@keyframes headerTel{
	0%{transform: rotate(0deg)}
	5%{transform: rotate(5deg)}
	15%{transform: rotate(-5deg)}
	20%{transform: rotate(0deg)}
}

.headerRight{
	overflow: hidden;
}

.headerRight ul{
	width: 142px;
	height: 20px;
	display: flex;
	float: right
}

.headerRight ul li{
	width: 110px;

	margin-bottom: 5px;
	padding: 0;
	line-height: 1;
}

.headerRight ul li:last-child{
	margin-bottom: 0;
}

.headerRight ul li img{
	width: 100%;
	vertical-align: middle;
}


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


#call-t{font-size:36px;position:absolute;z-index:99;right:0;bottom:0px;color:#f26c4f;}
#call-t font{font-weight:bolder;}
#header{background:#ffffff;position:absolute;height:52px;width:100%;z-index:999;border-top:1px solid #cccccc;box-shadow: rgba(0,0,0,0.05) 0px 2px 2px;/* border-bottom:1px solid #cccccc; */}
#hd_pop {position: absolute;top: 0;left: 0;z-index: 9;}
.hd_pops {position: absolute;z-index: 1;}
#hd_pop h2 {display: none;}
.hd_pops_footer {background: #000;text-align: right;line-height: 2em;}
.hd_pops_footer button {background: #000;border: none;color: #999;cursor: pointer;}

#bt_call {   position: absolute;top: -90px;left: 10px;z-index: 3300;width: 40px; height: 40px; font-size: 30px;text-align: left; transition: .3s;}
#gnb {list-style: none;width: 100%;}
#gnb a:hover{color: #0072bc;}
#gnb>li {float:left;display: block;position: relative;width: calc(100%/7);}
#gnb>li>a {display: block;font-size: 16px;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;padding: 20px 15px;display:none;height: auto;line-height: 35px;background: rgba(0,0,0,0.4);}
#gnb>li.last>div>ul{/* border-right:1px solid #cdcdcd; */}
#gnb>li>div>ul>li>a{font-size: 16px;letter-spacing:-1px;line-height:1.4em;color: #fff;}
#gnb>li>div>ul>li>a:hover{color: #fff;font-weight: 600;}
#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;
	padding-top: 51px;
}
#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;
}
#content #ctt{
	display: none !important;
}

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




	/*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; }
	.bimg { width: 100%; }

	.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: center;font-size: 16px;letter-spacing: -0.7px;font-weight: 300;line-height: 30px;}



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


	/*************************** 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: 50px 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; }
	}
	@media only screen and (max-width: 768px ) {
		#header_wrap #hd_top #logo{width: 100%;}
		#header_wrap #hd_top #logo img{width: 94%;}
		#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;}
		
	}
	@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{
		position: relative;
		width: 100%;
		height: auto;
		background: rgba(70,70,70,1);
		padding: 50px 0;
	}

	#footer .bg img{
		width: 100%;
	}

	#footer article {
		position: static;
		top: 0;
		/* left: 14%; */
		width: 100%;
		left: auto;
		transform: noe;
		/* width: 100%; */
		height: auto;
		box-sizing: border-box;
		text-align: center;
		padding-top: 0;
	}

	#footer .footTel {
		font-size: 3.5rem;
	}

	#footer .footTel h3{
		color: #fff;
		font-size: 2rem;
		font-weight: 400;
		line-height: 1.5;
	}

	#footer .footTel a{
		color: #fff;
		font-weight: 900;
		display: inline-block;
		margin: 0px 0 0;
	}

	#footer .footQuick{
		width: 100%;
		display: block;
		margin: 20px auto;
	}

	#footer .footQuick li{
		width: calc(90%/3);
		max-width: 53px;
		display: inline-block;
		/* min-width: 53px; */
		margin-right: 10px;
		animation: footQuick infinite 3s;
		border-radius: 50%;
		overflow: hidden;
		background: #fff;
		box-shadow: rgba(0,0,0,0.1) 2px 2px 5px;
	}

	#footer .footQuick li:nth-child(2){
		animation-delay: 0.2s;
	}

	#footer .footQuick li:last-child{
		margin-right: 0;
		animation-delay: 0.4s;
	}

	#footer .footQuick li img{
		width: 100%;
	}

	@keyframes footQuick{
		0%{transform: scale(1)}
		10%{transform: scale(1.1)}
		20%{transform: scale(1)}
	}

	#footer .footPerson{
		text-align: center;
		margin-bottom: 1%;
	}

	#footer .footPerson li{
		display: inline-block;
	}

	#footer .footPerson li::after{
		content: '·';
		display: inline-block;
		margin: 0 2px;
		font-size: 1em;
		color: #fff;
	}

	#footer .footPerson li:last-child::after{
		display: none;
	}

	#footer .footPerson li a{
		font-size: 13px;
		color: #fff;
		font-weight: 600;
	}

	#footer p{
		font-size: 0.7vw;
		line-height: 1.4;
		color: #fff;
	}

	#footer address{
		color: #fff;
		font-style: inherit;
		font-size: 0.7vw;
	}
	
	
	.clearfix {
		clear: both;
	}
	.clearfix {
		display:block;

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

	



	



	@media only screen and (max-width: 992px ) {
		
		.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;
	}

	.view-768{display:none;}

	#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 *********************************/
	.clearfix {
		clear: both;
	}
	.clearfix {
		display:block;

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

	}




	@media only screen and (max-width: 992px ) {
		.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_pops_con img{
		width: 100%;
	}
	#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;
	}

	.view-768{display:none;}

	#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 ) {
		#gnb>li{
			width: calc(100% / 7);
		}
		#gnb>li>a{
			font-size: 13px;
		}
		#gnb>li>div>ul{
			padding: 20px 0;
		}
		#gnb>li>div>ul>li{
			min-width:fit-content;
		}
		#gnb>li>div>ul>li>a{
			font-size: 12px;
		}
		body {
			border: none;
		}
		#gnb_m>li.pc_logo {
			display:none;
			border:1px solid red;
		}

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



		.nav_left_button, #bt_call {
			position: fixed;
		}

		.nav_left_button, #bt_call1 {
			position: fixed;
		}
		.nav_left_button {
			top: 15px;
		}
		#bt_call {
			top: 13px;
		}

		#bt_call1 {
			font-size: 15px;
			margin-left: 50px;
			top: 15px;
			margin-top: 3px;
		}
		.hide-992 {
			display: none;
		}
		.flogo {width: 25%;}
		.alcen { text-align: center; }
	}
	#spot h1 {
		font-size: 60px;
	}
	

	@media only screen and (max-width: 768px) {
		body {
			font-size: 15px;
		}
		.grid {
			padding: 0 20px;
		}
		.hide-768 {
			display: none;
		}
		
		.view-768{display:block;}
		#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;
			/* top: 10% !important;
			left: 50% !important;
			transform: translate(-50%,0);
			display: none; */
		}
		.hd_pops_footer > div {
			max-width:285px;
			margin:0 auto;
			text-align:center;	
		}

		.bx-wrapper .bx-controls-direction a{
			display:none;	
		}
		.clearfix > a img {
			width:90%;
		}
		#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; }

		/*여기*/

		.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: center;font-weight: 300;} */
		#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;
			}
		}
		@media only screen and (max-width: 320px) {
		}
		</b>