@charset "utf-8";

/* 공통 및 컴포넌트 */

input,
textarea,
select,
label,
button {
	display: inline-block;
	vertical-align: middle;
}

input[type=text],
input[type=password],
input[type=tel],
input[type=date],
input[type=search],
input[type=email],
select {
	height: 46px;
	white-space: nowrap;
}

input[type=text],
input[type=password],
input[type=tel],
input[type=date],
input[type=search],
input[type=email],
textarea,
select {
	max-width: 100%;
	border: 1px solid #ccc;
	padding: 9px 12px;
	border-radius: 0;
	color: #666;
	box-shadow: none;
	font-size: 16px;
	line-height: 20px;
	background-color: #fff;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

input[disabled],
input[readonly] {
	border-color: #d0d0d0;
	background: #f9f9f9;
	opacity: 1;
}

select {
	padding: 5px 40px 5px 12px;
	background: #fff url(../img/common/ico-arr-select.png) no-repeat right center;
	background-size: 19px 5px;
	line-height: normal;
}

select::-ms-expand {
	display: none;
}

textarea {
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 1.5;
}

button,
input[type=submit] {
	border: 0;
	padding: 0;
	cursor: pointer;
	background: transparent;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type=text]::-ms-clear {
	display: none;
}

select::-ms-expand {
	display: none;
}

input::-webkit-input-placeholder {
	color: #666;
}

input:-moz-placeholder {
	color: #666;
}

input::-moz-placeholder {
	color: #666;
	opacity: 1;
}

input:-ms-input-placeholder {
	color: #666;
}

input[type=checkbox] + label,
input[type=radio] + label {
	margin-left: 5px;
}

input[type=checkbox] + label + input[type=checkbox],
input[type=radio] + label + input[type=radio] {
	margin-left: 10px;
}

/*input[type=radio],
input[type=checkbox] {
	appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 26px;
	height: 26px;
	margin: -1px 3px 0 0;
	border: 0;
	background: url(../img/sp-form.png) no-repeat;
}

input[type=radio] {
	background-position: 0 0;
}

input[type=radio]:checked {
	background-position: 0 bottom;
}

input[type=checkbox] {
	background-position: -30px 0;
}

input[type=checkbox]:checked {
	background-position: -30px bottom;
}

input[type=radio]::-ms-check,
input[type=checkbox]::-ms-check {
	display: none;
}*/

.form-full {
	width: 100% !important;
}

.form-half {
	width: 50% !important;
}

.form-tel1 {
	width: 90px !important;
}

.form-tel2 {
	width: 90px !important;
}

.form-tel3 {
	width: 90px !important;
}

.form-email-id {
	width: 130px !important;
}

.form-email-domain1 {
	width: 158px !important;
}

.form-email-domain2 {
	width: 141px !important;
}

.form-round {
	height: 42px !important;
	font-size: 17px !important;
	border-radius: 21px !important;
}

.form-round + .form-round {
	margin-left: 6px;
}

select.form-round {
	padding-left: 16px;
	padding-right: 60px;
}

.form-checkbox-lg {
	appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 27px;
	height: 27px;
	background: url(../img/sp-checkbox-lg.png) no-repeat 0 bottom;
}

.form-checkbox-lg:checked {
	background-position: 0 0;
}

.form-checkbox-lg::-ms-check {
	display: none;
}

.form-checkbox-lg + label {
	margin-left: 6px;
	font-size: 17px;
	line-height: 27px;
}

.file-attach .form-file {
	display: none;
}

.file-attach .input-group {
	float: left;
	width: 510px;
}

.file-attach .field-add {
	float: left;
	margin-left: 10px;
}

.file-attach .btn-delete {
	width: 25px;
	height: 25px;
	margin-left: 10px;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/common/ico-delete.png) no-repeat;
}

.input-group {
	position: relative;
	display: table;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

.input-group .input,
.input-group input[type=text],
.input-group input[type=password] {
	display: table-cell;
	width: 100% !important;
}

.input-group .input-addon + .input,
.input-group .input-addon + input[type=text],
.input-group .input-addon + input[type=password] {
	margin-left: 10px;
	border-right: 1px solid #ccc;
}

.input-group .input-addon {
	display: table-cell;
	width: 1%;
	padding-left: 10px;
	vertical-align: middle;
}

.inline-item {
	display: inline-block;
	vertical-align: middle;
}

span.input-desc {
	margin-left: 10px;
	font-size: 15px;
}

.btn {
	display: inline-block;
	padding: 0 25px;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	height: 40px;
	line-height: 38px;
	border: 1px solid transparent;
	text-decoration: none !important;
	vertical-align: middle;
	background-color: #474e60;
	overflow: hidden;
}

.btn[target=_blank] {
	position: relative;
}

.btn[target=_blank]:after {
	display: inline-block;
	width: 14px;
	height: 15px;
	vertical-align: middle;
	margin: -2px 0 0 7px;
	background: url(../img/common/ico-external-link.png) no-repeat;
	content: '';
}

.btn-primary {
	color: #fff;
	background-color: #2856b6;
}

.btn-primary.btn-solid {
	color: #fff;
	border-color: transparent;
	background-color: #022c5f;
}

.btn-secondary {
	color: #fff;
	border-color: transparent;
	background-color: #12347a;
}

.btn-default {
	color: #fff;
	background-color: #363636;
}

.btn-white {
	color: #333;
	border: 1px solid #d6d6d6;
	border-right-color: #afafaf;
	border-right-color: #b4b4b4;
	border-bottom-color: #b4b4b4;
	background-color: #fcfcfc;
}

.btn-block {
	display: block;
	width: 100%;
	margin: 0;
}

.btn-xs {
	height: 24px;
	padding: 0 7px;
	font-size: 12px;
	line-height: 22px;
}

.btn-sm {
	height: 30px;
	padding: 0 10px;
	font-size: 13px;
	line-height: 28px;
}

.btn-md {
	height: 40px;
	padding: 0 25px;
	font-size: 14px;
	line-height: 38px;
}

.btn-lg {
	min-width: 100px;
	height: 50px;
	padding: 0 20px;
	font-weight: 600;
	font-size: 18px;
	line-height: 48px;
}

.btn-lg.btn-white {
	font-size: 16px;
}

.btn-round {
	border-radius: 20px;
}

.btn-round.btn-xs {
	border-radius: 12px;
}

.btn-round.btn-sm {
	border-radius: 15px;
}

.btn-round.btn-md {
	border-radius: 20px;
}

.btn-round.btn-lg {
	border-radius: 25px;
}

.btn-round.btn-secondary:after {
	content: '';
	display: inline-block;
	width: 5px;
	height: 10px;
	margin: -2px 0 0 9px;
	vertical-align: middle;
	background: url(../img/common/ico-arr-right-blue.png) no-repeat right center;
	background-size: cover;
}

.btn-group {
	margin-top: 30px;
	text-align: center;
}

.btn-group:after {
	display: block;
	clear: both;
	content: '';
}

.btn-group .btn + .btn {
	margin-left: 4px;
}

.pagination + .btn-group {
	margin-top: 10px;
	text-align: right;
}

.ico {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: -2px;
	text-indent: -9999px;
	white-space: nowrap;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
}

.btn .ico {
	margin-left: 0.3em;
}

.ico.ico-file {
	width: 18px;
	height: 18px;
	background-image: url(../img/common/ico-file.png);
}

.ico.ico-file-pdf {
	width: 16px;
	height: 16px;
	background-image: url(../img/common/ico-file-pdf.png);
}

.ico.ico-new {
	text-indent: 0;
	width: auto;
	height: 29px;
	color: #f47320;
	font-size: 15px;
	line-height: 29px;
}

.ico.ico-external-link {
	display: inline-block;
	width: 14px;
	height: 15px;
	vertical-align: middle;
	background: url(../img/common/ico-external-link.png) no-repeat;
	content: '';
}

.ico.ico-lock {
	width: 20px;
	height: 27px;
	background-image: url(../img/common/ico-lock.png);
	background-size: 20px auto;
}

.ico.ico-check {
	width: 17px;
	height: 13px;
	margin-left: 1px;
	background-image: url(../img/common/ico-check.png);
	background-size: 17px auto;
}

.ico.ico-home {
	width: 24px;
	height: 24px;
	background-image: url(../img/common/ico-home.png);
}

.ico.ico-video {
	width: 25px;
	height: 25px;
	background-image: url(../img/common/ico-video.png);
}

.bbs-article .ico.ico-lock {
	margin-right: 7px;
}

.table-list .ico.ico-lock,
.bbs-nav .ico.ico-lock {
	width: 15px;
	height: 21px;
	margin-right: 4px;
	background-size: 15px auto;
}

.btn .ico.ico-external-link {
	margin: -2px 0 0 7px;
}

.btn .ico.ico-file-pdf {
	margin: -1px 4px 0 0;
}

p.bul-dot,
.bul-dot > dt,
.bul-dot > li {
	position: relative;
	padding-left: 9px;
}

p.bul-dot:before,
.bul-dot > dt:before,
.bul-dot > li:before {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 10px;
	content: '';
	width: 2px;
	height: 2px;
	vertical-align: middle;
	background-color: #3b3b3b;
}

p.bul-dot.text-primary:before,
.bul-dot > dt.text-primary:before,
.bul-dot > li.text-primary:before {
	background-color: #2856b6;
}

.bul-dot > dt {
	font-weight: 600;
}

.bul-dot > dd + dt {
	margin-top: 10px;
}

.bul-dot > dd:before {
	content: '- ';
}

p.bul-hyphen,
.bul-hyphen > li {
	position: relative;
	padding-left: 10px;
	color: #444;
}

p.bul-hyphen:before,
.bul-hyphen > li:before {
	position: absolute;
	left: 0;
	top: 0;
	content: '- ';
}

.bul-note {
	padding-left: 18px;
	text-indent: -8px;
}

.bul-note:before {
	content: '※';
	display: inline-block;
	margin: 0 3px 0 0;
	vertical-align: middle;
}

.bul-dot .bul-note,
span.bul-note {
	padding-left: 0;
	text-indent: 0;
}

.bul-none:before {
	display: none !important;
}

.indent {
	margin-left: 8px;
}


.link {
	color: #2856b6;
	text-decoration: underline;
}

.box {
	margin: 14px 0;
	padding: 20px 25px;
	border: 2px solid #333;
	border-radius: 3px;
}

.box-gray {
	margin: 10px 0;
	padding: 17px 25px;
	border: 0;
	background-color: #efefef;
}

.box-round {
	border-radius: 50px;
}

.box-info {
	display: table;
	width: 100%;
	min-height: 144px;
	padding: 44px 30px 40px 170px;
	border: 6px solid #ddd;
	font-size: 16px;
	background: url(../img/common/ico-info.png) no-repeat 42px center;
}

.box-info-noicon {
	min-height: auto;
	padding: 30px;
	background: none;
}

.box-info p {
	display: table-cell;
	vertical-align: middle;
}

.box-info-plan {
	padding-top: 32px;
	padding-right: 27px;
	padding-bottom: 31px;
	background-image: url(../img/common/ico-info-plan.png);
	background-position: 31px center;
}

.box-info-plan dl {
	display: table-cell;
	vertical-align: middle;
}

.box-info-plan dl dt {
	font-weight: 600;
	font-size: 30px;
}

.box-info-plan .btn-group {
	display: table-cell;
	margin-top: 0;
	text-align: right;
	vertical-align: middle;
}

.bg-gray {
	background-color: #f7f7f7 !important;
}

.bg-black {
	color: #fff;
	background-color: #474e60 !important;
}

.js-select-menu {
	height: 40px;
}

.js-select-content {
	display: none;
}

.tab-list:after {
	display: block;
	clear: both;
	content: '';
}

.tab-list {
	margin: -5px -5px 35px;
	text-align: center;
}

.tab-list li {
	float: left;
	width: calc(25% - 10px);
	height: 50px;
	margin: 5px;
	border: 1px solid #ccc;
	overflow: hidden;
}

.tab-list li a {
	display: table-cell;
	width: 1%;
	height: 48px;
	padding: 0 5px;
	font-size: 16px;
	vertical-align: middle;
}

.tab-list li.on {
	color: #2856b6;
	border: 1px solid #2856b6;
}

.tab-list li.on a {
	font-weight: 600;
}

.tab-list li a[target=_blank] {
	position: relative;
}

.tab-list li a[target=_blank]:after {
	display: inline-block;
	width: 14px;
	height: 15px;
	vertical-align: middle;
	margin: -2px 0 0 7px;
	background: url(../img/common/ico-external-link.png) no-repeat;
	content: '';
}

.tab-cont {
	display: none;
}

.category-list {
	margin: 0 0 24px;
	padding: 0 10px;
	border: 1px solid #ddd;
}

.category-list li {
	display: inline-block;
	font-size: 16px;
	margin: 0 18px -1px;
}

.category-list li a {
	display: block;
	padding: 1px 5px 0;
	line-height: 52px;
	border-bottom: 2px solid transparent;
}

.category-list li.on a {
	font-weight: 600;
	color: #2856b6;
	border-color: #2856b6;
}

.toggle-list {
	font-size: 14px;
	line-height: 1.7;
	border: 1px solid #ddd;
	border-top: 2px solid #61646d;
}

.toggle-list .toggle-title {
	display: table-cell;
	position: relative;
	width: 1%;
	border-top: 1px solid #ddd;
	padding: 15px 50px 15px 30px;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.4;
	height: 61px;
	vertical-align: middle;
	background: #f8f8f8;
}

.toggle-list .toggle-title:first-child {
	border-top: 1px solid #61646d;
}

.toggle-list .btn-toggle-list {
	position: absolute;
	top: 0;
	right: 10px;
	width: 60px;
	height: 60px;
	background: url(../img/common/ico-arr-up-lg.png) no-repeat center center;
	background-size: 20px 12px;
	text-indent: -9999px;
	overflow: hidden;
	transition: 0.3s;
}

.toggle-list .btn-toggle-list.closed {
	transform: rotate(180deg);
}

.toggle-list .toggle-content {
	border-top: 1px solid #ddd;
	padding: 25px 30px 35px;
}

.toggle-list .title2 {
	margin-bottom: 5px;
}

.toggle-list .title2:first-child {
	margin-top: 0;
}

.toggle-list .text-md + .title2 {
	margin-top: 3px;
}

.table {
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
}

.table > thead + tbody > tr > td {
	text-align: center;
}

.table th {
	color: #333;
}

.table td {
	padding: 6px 15px;
	color: #464646;
}

.table-list {
	font-size: 16px;
	line-height: 22px;
	border-top: 3px solid #61646d;
}

.table-list tr:last-child > *  {
	border-bottom: 1px solid #e2e2e2;
}

.table-list th,
.table-list td {
	height: 64px;
	border-bottom: 1px solid #d6d6d6;
	padding: 12px 10px;
}

.table-list th.border-bottom {
	border-bottom: 1px solid #e2e2e2;
}

.table-list td.text-left  {
	padding-left: 24px;
}

.table-list th {
	color: #333;
	border-bottom: 0;
	background-color: #fff;
}

.table-list td {
	border-bottom-color: #cecfd3;
	color: #666;
}

.table-list .subject {
	color: #333;
}

.table-list .no-result {
	text-align: center;
	line-height: 150px;
}

.table-list .size-sm {
	min-width: 120px;
}

.table-list .ico {
	margin-left: 5px;
}

.table-list .label-new {
	display: inline-block;
	width: 50px;
	border-radius: 10px;
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	background-color: #ff5c03;
}

.table-list .reply span {
	font-size: 0;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}

.table-list .reply:before {
	display: inline-block;
	content: '→[RE]';
	color: #2856b6;
}

.bbs-list-mobile {
	display: none;
}

.req:before {
	content: '*';
	display: inline-block;
	margin-top: 4px;
	color: #ff0000;
	vertical-align: middle;
}

.req span {
	display: inline-block;
	font-size: 0;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}

.table-write {
	border-top: 3px solid #61646d;
	border-bottom: 1px solid #bbbcbf;
}

.table-write th,
.table-write td {
	height: 59px;
	border-top: 1px solid #cecfd3;
}

.table-write tr:first-child th,
.table-write tr:first-child td {
	border-top: 0;
}

.table-write th {
	padding: 15px 10px 15px 21px;
	font-weight: normal;
	font-size: 16px;
	text-align: left;
	vertical-align: top;
}

.table-write th:before {
	content: '';
	display: inline-block;
	margin-left: 16px;
}

.table-write td {
	padding: 9px 10px;
	word-spacing: 6px;
}

.table-write td > * {
	word-spacing: normal;
}

.table-write input[type=text] {
	width: 130px;
}

.table-write input[type=password] {
	width: 130px;
}

.table-write .req:before {
	margin: 4px 4px 0 -16px;
}

.table-write .req-none:before {
	display: none;
}

.table-write .form-date {
	width: 172px !important;
	color: #666;
	background-color: #f3f4f6;
}

.table-write .form-item + .form-item {
	margin-top: 5px;
}

.table-write input.form-zipcode {
	display: inline-block !important;
	width: 130px !important;
}

.table-write .btn {
	height: 46px;
	padding: 0 20px;
	font-size: 16px;
	font-weight: 600;
	line-height: 44px;
}

.form-time {
	margin-left: 29px;
}

.form-time .time-item + .time-item {
	margin-left: 19px;
}

.form-time .time-item select {
	min-width: 90px;
	margin-right: 7px;
}

.file-attach .row + .row {
	margin-top: 10px;
}

.file-attach .form-file {
	display: none;
}

.file-attach .input-desc {
	margin-left: 6px;
}

.input-note {
	margin-left: 10px;
	color: #2856b6;
}

.table-view {
	border-top: 3px solid #666;
}

.table-view th {
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}

.table-data {
	border-top: 2px solid #61646d;
	border-bottom: 1px solid #ddd;
}

.table-data th,
.table-data td {
	height: 51px;
	padding: 10px 25px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.table-data th {
	background-color: #f8f9fb;
}

.table-data thead tr:first-child > * {
	border-top: 0;
}

.table-data colgroup + tbody > tr:first-child > * {
	border-top: 0;
}

.table-data th:first-child,
.table-data td:first-child {
	border-left: 0;
}

.table-data th.border-left,
.table-data td.border-left {
	border-left: 1px solid #ddd;
}

.toggle-list .table-data {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	border-top: 2px solid #2856b6;
	border-bottom: 1px solid #dfe2e7;
}

.toggle-list .table-data th,
.toggle-list .table-data td {
	height: 41px;
	padding: 8px 14px;
	border-top: 1px solid #dfe2e7;
	border-left: 1px solid #dfe2e7;
}

.toggle-list .table-data th:first-child,
.toggle-list .table-data td:first-child {
	border-left: 0;
}

.toggle-list .table-data th.border-left,
.toggle-list .table-data td.border-left {
	border-left: 1px solid #dfe2e7;
}

.toggle-list .table-data thead th,
.toggle-list .table-data tbody th {
	background-color: #f0f8fb;
}

.article-title {
	display: table-cell;
	width: 1%;
	height: 105px;
	padding: 30px 20px 20px;
	border-top: 2px solid #56595e;
	font-weight: normal;
	color: #222;
	font-size: 24px;
	text-align: center;
	vertical-align: middle;
}

.article-reply-title {
	border-top: 1px solid #56595e;
	font-weight: normal;
	color: #222;
	font-size: 17px;
	line-height: 64px;
	text-align: center;
}

.article-reply-title:before {
	display: inline-block;
	content: '';
	width: 21px;
	height: 19px;
	margin: -7px 10px 0 0;
	vertical-align: middle;
	background: url(../img/ico-reply.png) no-repeat;
}

.table .bbs-article {
	padding: 13px 0;
}

.bbs-article {
	border-top: 3px solid #61646d;
	color: #666;
	font-size: 16px;
}

.bbs-article .article-subject {
	padding: 18px 28px;
	border-bottom: 1px solid #cecfd3;
	color: #333;
	font-weight: normal;
	font-size: 18px;
}

.bbs-article .article-info > li {
	display: block;
	padding: 20px 28px 19px;
	border-bottom: 1px solid #cecfd3;
}

.bbs-article .bar {
	display: inline-block;
	margin-top: -4px;
	vertical-align: middle;
}

.bbs-article .file-item a {
	padding-right: 29px;
	background: url(../img/common/ico-file.png) no-repeat right center;

}

.bbs-article .article-detail {
	padding: 33px 28px 40px;
	border-bottom: 1px solid #bbbcbf;
	line-height: 28px;
	background-color: #fafafa;
}

.bbs-article .image-area {
	text-align: center;
}

.bbs-article .req:before {
	margin: 4px 4px 0 0;
}

.bbs-nav {
	margin-top: 50px;
	border-top: 1px solid #bbbcc2;
	border-bottom: 1px solid #bbbcc2;
	color: #333;
	font-size: 16px;
	line-height: 64px;
}

.bbs-nav li {
	padding-right: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.bbs-nav li:first-child {
	border-bottom: 1px solid #cecfd3;
}

.bbs-nav li strong {
	display: inline-block;
	width: 137px;
	min-width: 100px;
	padding: 0 30px;
	text-align: center;
	vertical-align: top;
}

.bbs-nav li strong:before {
	display: inline-block;
	content: '';
	width: 16px;
	height: 9px;
	margin-right: 20px;
	vertical-align: middle;
	background: url(../img/common/ico-arr-up.png) no-repeat;
	background-size: 16px auto;
}

.bbs-nav li:first-child strong:before {
	margin-top: -7px;
}

.bbs-nav li:nth-child(2) strong:before {
	background-image: url(../img/common/ico-arr-down.png);
}

.pagination {
	clear: both;
	margin-top: 33px;
	text-align: center;
	font-size: 0;
}

.pagination a,
.pagination strong {
	display: inline-block;
	position: relative;
	min-width: 40px;
	height: 40px;
	margin: 0 2px;
	padding: 0 3px;
	border: 1px solid #ccc;
	font-size: 16px;
	line-height: 38px;
	vertical-align: middle;
}

.pagination a {
	color: #333;
}

.pagination strong {
	border-color: transparent;
	color: #fff;
	background-color: #2856b6;
}

.pagination .direction + a,
.pagination .direction + strong,
.pagination a + .direction,
.pagination strong + .direction {
	margin-left: 16px;
}

.pagination .direction {
	width: 37px;
	margin: 0 4px;
	text-indent: 50px;
	white-space: nowrap;
	background: url(../img/common/ico-paging-first.png) no-repeat center center;
	overflow: hidden;
}

.pagination .direction.first + .prev,
.pagination .direction.next + .last {
	margin-left: 0;
}

.pagination .direction.first {
	background-image: url(../img/common/ico-paging-first.png);
	background-size: 11px auto;
}

.pagination .direction.prev {
	background-image: url(../img/common/ico-paging-prev.png);
	background-size: 6px auto;
}

.pagination .direction.next {
	background-image: url(../img/common/ico-paging-next.png);
	background-size: 6px auto;
}

.pagination .direction.last {
	background-image: url(../img/common/ico-paging-last.png);
	background-size: 11px auto;
}

.row + .row {
	margin-top: 5px;
}

.req {
	color: #ff0000;
}

.text-default {
	color: #333 !important;
}

.text-primary {
	color: #2856b6 !important;
}

.text-danger {
	color: #ff0000 !important;
}

.text-white {
	color: #fff !important;
}

.text-gray {
	color: #666 !important;
}

.text-orange {
	color: #ff5c03 !important;
}

.text-xs {
	font-size: 12px;
}

.text-sm {
	font-size: 14px;
}

.text-md {
	font-size: 16px;
}

.text-lg {
	font-size: 18px;
}

.text-xl {
	font-size: 20px;
}

.text-xxl {
	font-size: 24px;
}

.text-normal {
	font-weight: normal;
}

.text-bold {
	font-weight: 600;
}

.title1 {
	margin: 35px 0 15px;
	font-size: 20px;
}

.title1 + .title2 {
	margin-top: 10px;
}

.title2 {
	margin: 20px 0 8px;
	font-size: 16px;
}

.title2:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 8px 0 0;
	border: 3px solid #2856b6;
	border-radius: 50%;
	box-sizing: border-box;
	vertical-align: middle;
}

.line {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 1px;
	background-color: #ddd;
}

.line-dot-black {
	background: url(../img/common/bg-line-dot.png) repeat-x;
}

.bbs-search {
	display: block;
	position: relative;
	border: 1px solid #ddd;
	margin-bottom: 35px;
	padding: 14px;
	font-size: 14px;
	text-align: center;
	background-color: #f2f4f7;
}

.bbs-search input[type=text],
.bbs-search input[type=password],
.bbs-search input[type=tel],
.bbs-search input[type=date],
.bbs-search input[type=search],
.bbs-search input[type=email],
.bbs-search select {
	height: 40px;
}

.bbs-search .keyword-item {
	display: inline-block;
	width: calc(100% - 254px);
	max-width: 100%;
	margin-left: 2px;
	vertical-align: middle;
}

.bbs-search .period-item {
	display: inline-block;
	vertical-align: middle;
}

.bbs-search .period-item ~ .keyword-item {
	width: calc(100% - 437px);
	min-width: 260px;
}

.bbs-search .period-item + * {
	margin-left: 10px;
}

.bbs-search .period-item .form-date {
	width: 110px;
	max-width: calc(50% - 43px);
}

.btn-calendar {
	display: inline-block;
	width: 32px;
	height: 40px;
	background: url(../img/common/ico-calendar.png) no-repeat center center;
	text-indent: -9999px;
	overflow: hidden;
}

.bbs-search .addr-item {
	display: inline-block;
	vertical-align: middle;
}

.bbs-search .addr-item ~ .keyword-item {
	width: calc(100% - 437px);
	min-width: 260px;
}

.bbs-search .addr-item + * {
	margin-left: 2px;
}

.bbs-search .form-category {
	padding: 5px 23px 5px 14px;
	color: #333;
}

.input-group .btn {
	min-width: 91px;
	padding: 0;
	font-weight: 600;
	font-size: 15px;
}

.input-group .btn-bbs-search:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 6px 0 -5px;
	;
	vertical-align: middle;
	background: url(../img/common/ico-search-white.png) no-repeat center center;
	background-size: 20px auto;
}

.bbs-search .sort-item {
	width: calc(100% - 107px);
	margin: 0 auto 10px;
}

.bbs-search .sort-item .arr {
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -5px;
	color: #666;
	font-size: 20px;
}

.bbs-search .form-sort {
	width: calc(50% - 30px);
	margin: 0 14px;
}

.bbs-search .input-sort {
	display: inline-block;
	position: relative;
	width: calc(100% - 129px);
}

.bbs-search .input-sort-inner {
	margin: 0 -14px;
}

.bbs-search .btn-bbs-sort {
	min-width: 91px;
	margin-left: 6px;
	padding: 0;
	font-weight: 600;
	font-size: 15px;
}

.list-header {
	font-size: 14px;
	margin-bottom: 10px;
}

.bbs-total {
	color: #666;
	font-size: 14px;
}

.bbs-total strong {
	color: #333;
}

.write-header {
	margin: 35px 0 20px;
}

.write-header:first-child {
	margin-top: 0;
}

.slick-dots li {
	display: inline-block;
	margin: 0 5px;
	position: relative;
}

.slick-dots li button {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}

/* 레이어달력 */

#divCalendar {
	position: absolute;
	width: 358px;
	max-width: 100%;
	font-size: 13px;
	background-color: #fff;
	z-index: 1500;
}

#divCalendar caption {
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

#divCalendar table {
	table-layout: auto;
	border-collapse: collapse;
	margin: 0;
	width: 100%;
	text-align: center;
	border: 0;
	color: #000;
}

#divCalendar table,
#divCalendar table a {
	line-height: 2;
}

#divCalendar #tableCalendarTitle td,
#divCalendar #tableCalendarTitle td a,
#divCalendar #tableMonthTitle td a,
#tableYearTitle td {
	font-size: 14px;
}

#divCalendar #tableCalendar {
	border-collapse: collapse;
	border: 1px solid #ccc;
}

#divCalendar th {
	height: auto;
	border: 0;
	margin: 0;
	color: #000;
	text-align: center;
	line-height: 20px;
	background: none;
}

#divCalendar td {
	margin: 0;
	height: auto;
	padding: 0 !important;
	border: 0;
	text-align: center;
	line-height: 1;
}

#divCalendar table tbody td {
	height: 28px;
}

#divCalendar table td a {
	display: block;
}

#divCalendar table td a.today {
	color: #fff !important;
	background-color: #2856b6;
	font-weight: 600;
}

#divCalendar #tableYearTitle,
#divCalendar #tableMonthTitle,
#divCalendar #tableCalendarTitle {
	height: 42px;
	border: 1px solid #34363b;
	border-bottom: 0;
	color: #fff;
	background-color: #474e60;
}

#divCalendar #tableCalendar a {
	line-height: 34px;
}

#divCalendar #tableCalendar th:first-child,
#divCalendar #tableCalendar td:first-child,
#divCalendar #tableCalendar td:first-child a {
	color: #f00;
}

#divCalendar #tableYear th,
#divCalendar #tableYear td,
#divCalendar #tableMonth th,
#divCalendar #tableMonth td,
#divCalendar #tableCalendar th,
#divCalendar #tableCalendar td {
	height: 35px;
	font-weight: 600;
	border: 1px solid #dedfe1;
}

#divCalendar .prev,
#divCalendar .next {
	width: 30px;
	height: 30px;
	padding: 0;
	background: url(../img/common/ico-arr-left-white.png) no-repeat center center;
	background-size: 10px 16px;
	text-indent: -9999px;
	line-height: 38px;
	white-space: nowrap;
	overflow: hidden;
}

#divCalendar .prev {
	float: left;
}

#divCalendar .next {
	float: right;
	background-image: url(../img/common/ico-arr-right-white.png);
}

#divCalendar .btn-cal-close {
	position: absolute;
	top: -1px;
	right: -25px;
}

#divCalendar .btn-cal-close a {
	display: block;
	text-indent: -9999px;
	background: url(../img/common/ico-close.png) no-repeat right 0;
	background-size: 23.5px auto;
	overflow: hidden;
}

#divCalendar .btn-cal-close,
#divCalendar .btn-cal-close a {
	width: 24px;
	height: 24px;
}

/* 만족도조사 */
.last-updated {
	text-align: right;
	margin: 5em 0 1em;
}

.last-updated + #satisfy {
	margin-top: 0;
}

#satisfy {
	margin-top: 80px;
	border: 1px solid #ddd;
	background-color: #f8f8f8;
}

#satisfy .page-admin-info {
	padding: 22px 30px 16px;
	background-color: #fff;
	overflow: hidden;
}

#satisfy .page-admin-info span:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 13px;
	margin: -1px 1px 0 4px;
	vertical-align: middle;
	background-color: #5d5d5d;
}

#satisfy .page-admin-info .updated {
	float: right;
}

#satisfy .page-admin-info .updated:after {
	display: none;
}

#satisfy .satisfy-cont {
	padding: 20px 30px 24px;
}

#satisfy .satisfy-msg {
	font-weight: 600;
	font-size: 15px;
}

#satisfy .satisfy-score {
	margin: 12px 0 20px;
	overflow: hidden;
}

#satisfy .satisfy-score li {
	float: left;
}

#satisfy .satisfy-score li + li {
	margin-left: 46px;
}

#satisfy .satisfy-score li label {
	margin-left: 5px;
}

#satisfy .satisfy-score li label:after {
	content: '';
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: -2px 0 0 6px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center bottom;
}

#satisfy .satisfy-score li:nth-child(1) label:after {
	background-image: url(../img/common/ico-satisfy1.png);
	background-size: 21px auto;
}

#satisfy .satisfy-score li:nth-child(2) label:after {
	background-image: url(../img/common/ico-satisfy2.png);
	background-size: 21px auto;
}

#satisfy .satisfy-score li:nth-child(3) label:after {
	background-image: url(../img/common/ico-satisfy3.png);
	background-size: 20px auto;
}

#satisfy .satisfy-score li:nth-child(4) label:after {
	background-image: url(../img/common/ico-satisfy4.png);
	background-size: 22px auto;
}

#satisfy .satisfy-score li:nth-child(5) label:after {
	background-image: url(../img/common/ico-satisfy5.png);
	background-size: 22px auto;
}

#satisfy .input-group .input-addon {
	padding-left: 10px;
}

/* 로딩 이미지 */

.loading-area {
	height: 500px;
	padding-top: 166px;
	text-align: center;
}

.loading-area .loading-img {
	display: inline-block;
	width: 64px;
	height: 64px;
	background: url(../img/common/sp-loading.png) no-repeat 0 0;
	overflow: hidden;
	animation: loadingEffect 1s steps(8) infinite;
}

@keyframes loadingEffect {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 0 -512px;
	}
}

.loading-area .loading-msg {
	margin-top: 80px;
	font-size: 16px;
}

.loading-area .loading-msg span {
	display: inline-block;
}

/* 행사캘린더 */

.calendar-header:after {
	clear: both;
	display: block;
	content: '';
}

.calendar-title {
	float: left;
	margin-bottom: 11px;
	line-height: 26px;
}

.calendar-category {
	display: inline-block;
	float: right;
	margin-bottom: 11px;
}

.calendar-title .btn-prev,
.calendar-title .btn-next {
	display: inline-block;
	border: 1px solid #ccc;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	text-indent: -9999px;
	background: url(../img/common/ico-arr-left-gray.png) no-repeat center center;
	background-size: 7px 12px;
	overflow: hidden;
}

.calendar-title .title {
	display: inline-block;
	min-width: 120px;
	color: #333;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
}

.calendar-title .btn-next {
	background-image: url(../img/common/ico-arr-right-gray.png);
}

.calendar-category:after {
	display: block;
	clear: both;
	content: '';
}

.calendar-category li {
	display: inline-block;
}

.event-calendar .category {
	display: inline-block;
	min-width: 60px;
	padding: 0 7px;
	color: #4177e1;
	font-weight: 600;
	font-size: 12px;
	height: 26px;
	text-align: center;
	line-height: 24px;
	border: 1px solid #4177e1;
}

.table-calendar {
	border-collapse: collapse;
	table-layout: fixed;
	line-height: 1.3;
}

.table-calendar th {
	height: 50px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	background-color: #474e60;
}

.table-calendar th + th {
	border-left: 1px solid #dfe2e7;
}

.table-calendar td {
	padding: 10px 13px;
	height: 44px;
	border: 1px solid #dfe2e7;
	text-align: left !important;
	vertical-align: top;
}

.table-calendar tr:first-child td {
	border-top: 0;
}

.table-calendar .day {
	display: inline-block;
	font-weight: 600;
	color: #333;
}

.table-calendar td:first-child .day {
	color: #f00;
}

.table-calendar .item {
	display: block;
	max-height: 67px;
	margin-top: 10px;
	padding-left: 2px;
	color: #666;
	overflow: hidden;
}

.table-calendar .item:hover {
	color: #000;
}

.table-calendar .item .category {
	margin: 0 0 5px -2px;
}

.event-calendar .table-calendar-row {
	display: none;
}

.bbs-article.event-calendar .category {
	margin-right: 7px;
	vertical-align: top;
}

.bbs-article.event-calendar .article-tmb {
	padding: 58px 0 50px;
	border-bottom: 1px solid #cecfd3;
}

.bbs-article.event-calendar .article-detail {
	padding-top: 43px;
	padding-bottom: 49px;
	background-color: #fff;
}

/* 자유토론방 */

.banner-group {
	margin-top: 20px;
}

.banner-group li {
	display: inline-block;
	margin: 10px 3px 0 0;
}

/* large Only */

@media only all and (min-width:1025px) {
	.line-sm {
		line-height: 30px;
	}

	.toggle-list .title2:before {
		width: 14px;
		height: 14px;
		margin: -2px 5px 0 0;
	}

	/* 만족도조사 */
	.satisfy-comment input {
		height: 40px;
	}
}

/* Middle & Small */

@media only all and (max-width:1024px) {

	input[type=text],
	input[type=password],
	input[type=tel],
	input[type=date],
	input[type=search],
	input[type=email],
	select {
		height: 40px;
	}

	input:focus,
	select:focus {
		font-size: 16px;
	}

	.btn-sm {
		height: 25px;
		padding: 0 8px;
		font-weight: 600;
		font-size: 11px;
		line-height: 23px;
	}

	.btn-md {
		height: 30px;
		padding: 0 10px;
		font-weight: 600;
		font-size: 12px;
		line-height: 30px;
	}

	.btn-lg {
		min-width: 58px;
		height: 35px;
		padding: 0 15px;
		font-weight: 600;
		font-size: 13px;
		line-height: 35px;
	}

	.btn-lg.btn-white {
		font-size: 13px;
	}

	.btn-round.btn-secondary:after {
		width: 4px;
		height: 8px;
		margin-left: 5px;
	}

	.btn-group .btn {
		margin-bottom: 5px;
	}

	.ico.ico-file {
		width: 16.5px;
		height: 16.5px;
		background-image: url(../img/common/ico-file@2x.png);
		background-size: 16.5px auto;
	}

	.ico.ico-video {
		width: 17.5px;
		height: 17.5px;
		background-size: 17.5px auto;
	}

	.box {
		padding: 17px 13px;
	}

	.box-info {
		min-height: 110px;
		padding: 30px 27px 26px 120px;
		border-width: 4px;
		font-size: 14px;
		background-position: 27px center;
		background-size: 65px auto;
	}

	.box-info-noicon {
		min-height: auto;
		padding: 20px;
	}

	.box-info-plan dl dt {
		font-size: 20px;
	}

	.category-list {
		margin: 13px -13px;
		padding: 0 13px;
		border-left: 0;
		border-right: 0;
		white-space: nowrap;
		overflow-y: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.category-list li {
		margin: 0 8px;
	}

	.category-list li a {
		font-size: 13px;
		line-height: 42px;
		text-align: left;
	}

	.title1 {
		margin: 23px 0 7px;
		font-size: 14px;
	}

	.title2 {
		margin: 14px 0 5px;
		font-size: 14px;
	}

	.title2:before {
		width: 12px;
		height: 12px;
		margin: -1px 5px 0 0;
	}

	.bbs-search {
		margin: 0 -13px 25px;
		border-left: 0;
		border-right: 0;
		padding: 10px 13px;
	}

	.bbs-search .period-item ~ .keyword-item {
		width: calc(100% - 441px);
		min-width: 260px;
	}

	.btn-calendar {
		height: 40px;
		background: url(../img/common/ico-calendar@2x.png) no-repeat center center;
		background-size: auto 26px;
	}

	.bbs-search .addr-item ~ .keyword-item {
		width: calc(100% - 441px);
		min-width: 260px;
	}

	.input-group .input-addon {
		padding-left: 5px;
	}

	.input-group .btn-bbs-search,
	.bbs-search .btn {
		min-width: 70px;
		font-size: 13px;
		line-height: 40px;
	}

	.bbs-search .sort-item {
		width: calc(100% - 79px);
	}

	.bbs-search .btn-bbs-sort {
		margin-left: 1px;
	}

	.input-group .btn-bbs-search:before {
		width: 17px;
		height: 17px;
		margin: 0 5px 0 -1px;
		background-size: 17px auto;
	}

	.bbs-total {
		font-size: 13px;
	}

	.table-responsible {
		margin: 0 -13px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.table-responsible .table-inner {
		display: inline-block;
		min-width: 100%;
		vertical-align: top;
	}

	.table-responsible .table-list {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.table-responsible .table:last-child {
		margin-bottom: 0;
	}

	.toggle-list .table-responsible {
		margin: 0;
	}

	.table-list {
		width: calc(100% + 26px);
		margin-left: -13px;
		margin-right: -13px;
		border-top-width: 2px;
		font-size: 15px;
	}

	.table-list th,
	.table-list td {
		height: 60px;
	}

	.table-list .label-new {
		width: 45px;
		line-height: 18px;
	}

	.table-write {
		width: calc(100% + 26px);
		margin-left: -13px;
		margin-right: -13px;
		border-top-width: 2px;
	}

	.table-write th {
		font-size: 15px;
	}

	.table-write tr:first-child td {
		border-top: 1px solid #cecfd3;
	}

	.table-write .btn {
		height: 40px;
		font-size: 13px;
		line-height: 38px;
	}

	.table-data {
		width: calc(100% + 26px);
		margin-left: -13px;
		margin-right: -13px;
	}

	.table-responsible .table-data {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.pagination {
		margin-top: 35px;
	}

	.pagination .direction + a,
	.pagination .direction + strong,
	.pagination a + .direction,
	.pagination strong + .direction {
		margin-left: 13px;
	}

	.pagination a,
	.pagination strong {
		min-width: 27px;
		height: 27px;
		margin: 0 1.5px;
		font-size: 11px;
		line-height: 25px;
	}

	.pagination .direction {
		width: 27px;
		margin: 0 3px;
	}

	.pagination .direction.first {
		background-size: 7.5px auto;
	}

	.pagination .direction.prev {
		background-size: 4.5px auto;
	}

	.pagination .direction.next {
		background-size: 4.5px auto;
	}

	.pagination .direction.last {
		background-size: 7.5px auto;
	}

	.bbs-article {
		margin: 0 -13px;
		border-top: 2px solid #bbbcbf;
		font-size: 14px;
	}

	.bbs-article .article-subject {
		padding: 13px 13px;
		font-size: 14px;
	}

	.bbs-article .article-info > li {
		padding: 12px 13px;
	}

	.bbs-article .bar {
		margin-top: -2px;
	}

	.bbs-article .file-item a {
		background: none;
	}

	.bbs-article .article-detail {
		padding: 13px 13px 25px;
		color: #333;
		line-height: 20px;
	}

	.btn-group {
		margin-top: 40px;
	}

	.bbs-nav {
		margin: 40px -13px 0;
		font-size: 12px;
		line-height: 42px;
	}

	.bbs-nav li strong {
		width: 95px;
		padding: 0 13px;
	}

	.bbs-nav li strong:before {
		margin: 3px 12px 0 0;
		background-size: 13px auto;
	}

	.bbs-nav li:first-child strong:before {
		margin-top: -3px;
	}

	/* 행사캘린더 */
	.bbs-article.event-calendar .category {
		vertical-align: middle;
	}

	.bbs-article.event-calendar .article-tmb {
		padding: 38px 0 30px;
	}

	.bbs-article.event-calendar .article-detail {
		padding-top: 23px;
		padding-bottom: 34px;
	}
}

/* Middle Only */

@media only all and (min-width:768px) {
	.input-zipcode {
		width: 393px;
	}

	.bbs-search .form-addr {
		width: 112px;
	}

	.bbs-search .form-addr + .form-addr {
		margin-left: 2px;
	}

	.bbs-search .form-category {
		width: 112px;
	}

	.input-group-check.input-group {
		width: 469px;
	}

	.input-group-check.input-group input,
	.input-group-zipcode.input-group input {
		display: inline-block;
	}

	.input-group-zipcode {
		width: 360px;
	}

	.input-group-zipcode.input-group .input-addon {
		width: auto;
	}

	.table-write .input-tip {
		margin-left: 10px;
	}
}

@media only all and (max-width:1024px) and (min-width:768px) {}

/* Small Only */

@media only all and (max-width:767px) {
	.form-half {
		width: 100% !important;
	}

	.form-half + .input-note {
		margin-left: 0;
	}

	.bbs-article .ico.ico-lock {
		margin: -1px 4px 0 0;
		background-size: 17px auto;
	}

	.box-info-plan dl {
		display: block;
	}

	.box-info-plan .btn-group {
		display: block;
		margin-top: 10px;
		text-align: left;
	}

	.table-responsible .table-inner {
		min-width: 767px;
	}

	.tab-list {
		margin: -2px -2px 11px;
	}

	.tab-list li {
		width: calc(50% - 4px);
		height: 40px;
		margin: 2px;
	}

	.tab-list li a {
		font-size: 14px;
		height: 38px;
	}

	.tab-list.tab-list-select {
		position: relative;
		height: 40px;
		margin: 0 0 13px;
		padding-top: 39px;
		text-align: left;
		/*z-index: 10;*/
	}

	.tab-list.tab-list-select:after {
		display: block;
		position: absolute;
		right: 0;
		top: 17px;
		width: 19px;
		height: 5px;
		background: url(../img/common/ico-arr-select.png) no-repeat right center;
		background-size: cover;
		content: '';
		/*z-index: 11;*/
	}

	.tab-list.tab-list-select li {
		display: none;
		float: none;
		width: 100%;
		height: auto;
		margin: -1px 0 0 0;
		border: 1px solid #ccc;
		border-top-color: #eee;
		background-color: #fff;
	}

	.tab-list.tab-list-select.opened {
		position: relative;
		z-index: 11;
	}

	.tab-list.tab-list-select.opened li {
		display: block;
	}

	.tab-list.tab-list-select li a {
		display: block;
		width: auto;
		height: 35px;
		padding: 0 12px;
		color: #333;
		font-size: 14px;
		line-height: 35px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.tab-list.tab-list-select li.on {
		display: block;
		position: absolute;
		border-top-color: #ccc;
		top: 0;
	}

	.tab-list.tab-list-select li.on a {
		height: 38px;
		line-height: 38px;
	}

	.toggle-list {
		font-size: 14px;
		border-left: 0;
		border-right: 0;
		margin-left: -13px;
		margin-right: -13px;
	}

	.toggle-list .toggle-title {
		padding: 10px 40px 10px 13px;
		font-size: 15px;
		height: 54px;
	}

	.toggle-list .btn-toggle-list {
		right: 0;
		width: 45px;
		height: 54px;
		background-size: 17px 10px;
	}

	.toggle-list .toggle-content {
		padding: 20px 13px;
	}

	.toggle-list .table-responsible {
		margin: 0 -13px;
	}

	.toggle-list .table-data {
		width: calc(100% + 26px);
		margin-left: -13px;
		margin-right: -13px;
	}

	.table-list {
		margin-left: -13px;
		margin-right: -13px;
		font-size: 15px;
	}

	.table-list th,
	.table-list td {
		display: none;
		height: 30px;
	}

	.bbs-search {
		text-align: left;
	}

	.bbs-search .addr-item {
		display: block;
		margin: 0 -3px;
		overflow: hidden;
	}

	.bbs-search .form-addr {
		float: left;
		width: calc(50% - 6px);
		margin: 0 3px;
	}

	.bbs-search .form-category {
		display: block;
		width: 100%;
	}

	.bbs-search .form-category + .form-category {
		margin-top: 5px;
	}

	.bbs-search .keyword-item {
		display: block;
		width: auto !important;
		margin: 5px 0 0 0;
	}

	.bbs-search .period-item + * {
		margin-left: 0;
	}

	.bbs-search .period-item {
		margin-bottom: 5px;
	}

	.bbs-search .addr-item + * {
		margin-left: 0;
	}

	.bbs-search .addr-item {
		margin-bottom: 5px;
	}

	.bbs-search .sort-item {
		width: 100%;
	}

	.bbs-search .input-sort {
		width: calc(100% - 75px);
	}

	.bbs-search .input-sort-inner {
		margin: 0 -7px;
	}

	.bbs-search .form-sort {
		width: calc(50% - 16px);
		margin: 0 7px;
	}

	.bbs-search .sort-item .arr {
		top: 9px;
		font-size: 16px;
	}

	.bbs-article .file-attach label {
		display: block;
		margin-bottom: 5px;
	}

	.table-list td {
		max-width: 200px;
		vertical-align: middle;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.table-responsible .table-list th,
	.table-responsible .table-list td,
	.table-list .no-result,
	.table-list .show,
	.table-list .subject,
	.table-list .date {
		display: table-cell;
	}

	.table-list .subject {
		width: 80%;
	}

	.table-list .hit {
		width: 20%;
	}

	.bbs-list-area .table-list {
		display: none;
	}

	.bbs-list-mobile {
		display: block;
		margin-right: -13px;
		margin-left: -13px;
		border-top: 2px solid #61646d;
	}

	.bbs-list-mobile .bbs-item {
		padding: 15px 16px 14px;
		border-bottom: 1px solid #cecfd3;
	}

	.bbs-list-mobile .no-result {
		font-size: 15px;
		line-height: 150px;
		text-align: center;
	}

	.bbs-list-mobile .label-new {
		display: inline-block;
		width: 40px;
		margin-right: 2px;
		border-radius: 10px;
		color: #fff;
		font-weight: 600;
		font-size: 11px;
		line-height: 18px;
		text-align: center;
		vertical-align: middle;
		background-color: #ff5c03;
	}

	.bbs-list-mobile .subject {
		font-size: 16px;
	}

	.bbs-list-mobile .info {
		margin-top: 4px;
		color: #666;
	}

	.bbs-list-mobile .bar {
		display: inline-block;
		margin: -2px 2px 0 2px;
		color: #ccc;
		font-size: 13px;
		vertical-align: middle;
	}

	.bbs-list-mobile .ico-file {
		margin: -4px 0 0 5px;
	}

	.table-write colgroup {
		display: none;
	}

	.table-write th,
	.table-write td {
		display: block;
		padding: 13px;
		height: auto;
	}

	.table-write input.form-zipcode {
		display: inline-block !important;
		width: calc(50% - 6px) !important;
	}

	.table-write .input-tip {
		display: block;
		margin-top: 7px;
	}

	.form-time {
		display: block;
		margin: 5px 0 0;
	}

	/* 만족도조사 */

	#satisfy {
		margin-top: 50px;
	}

	#satisfy .page-admin-info {
		padding: 8px 9px 6px;
		font-size: 13px;
	}

	#satisfy .page-admin-info span:after {
		height: 12px;
	}

	#satisfy .satisfy-cont {
		padding: 10px 9px 17px;
		text-align: center;
	}

	#satisfy .satisfy-msg {
		font-weight: normal;
		font-size: 12px;
	}

	#satisfy .satisfy-score {
		display: inline-block;
		margin: 12px 0 2px;
	}

	#satisfy .satisfy-score li {
		margin-bottom: 4px;
	}

	#satisfy .satisfy-score li + li {
		margin-left: 34px;
	}

	#satisfy .satisfy-score li label {
		font-size: 12px;
	}

	#satisfy .satisfy-score li label:after {
		width: 16px;
		height: 16px;
		margin-top: -4px;
	}

	#satisfy .satisfy-score li:nth-child(1) label:after {
		background-size: 16px auto;
	}

	#satisfy .satisfy-score li:nth-child(2) label:after {
		background-size: 17px auto;
	}

	#satisfy .satisfy-score li:nth-child(3) label:after {
		background-size: 15px auto;
	}

	#satisfy .satisfy-score li:nth-child(4) label:after {
		background-size: 16px auto;
	}

	#satisfy .satisfy-score li:nth-child(5) label:after {
		background-size: 17px auto;
	}

	#satisfy .input-group .input-addon {
		padding-left: 5px;
	}

	/* 로딩 이미지 */
	.loading-area {
		height: 350px;
		padding-top: 106px;
	}

	.loading-area .loading-msg {
		margin-top: 56px;
		font-size: 14px;
	}

	/* 행사캘린더 */
	.calendar-title,
	.calendar-category {
		float: none;
	}

	.calendar-header {
		text-align: center;
		margin-bottom: 15px;
	}

	.calendar-category {
		margin-top: 5px;
		margin-bottom: 0;
	}

	.calendar-category li {
		margin-top: 5px;
	}

	.toggle-list .event-calendar {
		padding-top: 25px;
	}

	.event-calendar .table-calendar {
		display: none;
	}

	.event-calendar .table-calendar-row {
		display: table;
		border-top: 1px solid #dfe2e7;
	}

	.table-calendar-row th,
	.table-calendar-row td {
		border: 0;
		height: 36px;
		border-bottom: 1px solid #dfe2e7;

	}

	.table-calendar-row th {
		width: 60px;
		font-size: 10px;
	}

	.table-calendar-row td {
		padding: 5px 8px;
		font-size: 12px;
		border-right: 1px solid #dfe2e7;
	}

	.table-calendar-row .item {
		margin-top: 5px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.table-calendar-row .item:first-child {
		margin-top: 0;
	}

	.table-calendar-row .item .category {
		margin: 0 5px 0 0;
	}

	/* 자유토론방 */
	.banner-group li {
		width: 100%;
		text-align: center;
	}
}

@media only all and (max-width:630px) {
	#satisfy .satisfy-score li:nth-child(4) {
		clear: both;
		margin-left: 40px;
	}

	/* 만족도조사 */

	#satisfy .page-admin-info {
		text-align: center;
	}

	#satisfy .page-admin-info .updated {
		display: block;
		float: none;
	}
}

@media only all and (max-width:480px) {
	.box-info {
		padding: 87px 13px 17px 13px;
		background-position: center 13px;
	}

	.box-info-noicon {
		padding: 15px;
	}

	.box-info-plan {
		padding-top: 97px;
		text-align: center;
	}

	.box-info-plan .btn-group {
		text-align: center;
	}
}

@media only all and (max-width:414px) {
	#divCalendar {
		max-width: 260px;
		left: 50% !important;
		margin-left: -130px !important;
	}

	.period-time {
		display: block;
		margin: 5px 0 0 0;
	}

	.input-note {
		display: block;
		margin-top: 5px;
	}
}

@media only all and (max-width:360px) {
	#satisfy .satisfy-score li + li {
		margin-left: 24px;
	}
}

@media only all and (max-width:330px) {

	.pagination .direction + a,
	.pagination .direction + strong,
	.pagination a + .direction,
	.pagination strong + .direction {
		margin-left: 0;
	}
}