@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
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; }

/*******************************************************************
font
********************************************************************/
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 200;
	src: /*local('Noto Sans CJK KR'), local('Source Han Sans K'), local('Source Han Sans'), local('Noto Sans CJK'), local('Noto Sans'),*/
		url(../fonts/NotoSansKR-Light.woff2) format('woff2'),
		url(../fonts/NotoSansKR-Light.woff) format('woff'),
		url(../fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: /*local('Noto Sans CJK KR'), local('Source Han Sans K'), local('Source Han Sans'), local('Noto Sans CJK'), local('Noto Sans'),*/
		url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
		url(../fonts/NotoSansKR-Regular.woff) format('woff'),
		url(../fonts/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: /*local('Noto Sans CJK KR'), local('Source Han Sans K'), local('Source Han Sans'), local('Noto Sans CJK'), local('Noto Sans'),*/
		url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
		url(../fonts/NotoSansKR-Medium.woff) format('woff'),
		url(../fonts/NotoSansKR-Medium.otf) format('opentype');	
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 800;
	src: /*local('Noto Sans CJK KR'), local('Source Han Sans K'), local('Source Han Sans'), local('Noto Sans CJK'), local('Noto Sans'),*/
		url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
		url(../fonts/NotoSansKR-Bold.woff) format('woff'),
		url(../fonts/NotoSansKR-Bold.otf) format('opentype');
}

/*@font-face {
font-family: 'Noto Serif KR';
font-style: normal;
font-weight: 400;
src: local('Noto Serif CJK KR'), local('Source Han Serif K'), local('Source Han Serif'), local('Noto Serif CJK'), local('Noto Serif'), 
url(../fonts/NotoSerifCJKkr-Regular-subset.woff2) format('woff2'), 
url(../fonts/NotoSerifCJKkr-Regular-subset.woff) format('woff'), 
url(../fonts/NotoSerifCJKkr-Regular-subset.otf) format('otf'), 
url(../fonts/NotoSerifCJKkr-Regular-subset.ttf) format('truetype');
}*/

@font-face {
	font-family: 'YiSunShin Dotum';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/YiSunShin_Dotum_m.woff2) format('woff2'), 
		url(../fonts/YiSunShin_Dotum_m.woff) format('woff'), 
		url(../fonts/YiSunShin_Dotum_m.ttf) format('truetype');
}

/*******************************************************************
default
********************************************************************/
html, body, h1, h2, h3, h4, h5, h6, strong, table th, input, textarea, select, button { font-family: "Noto Sans KR", "Noto+Sans", "NanumBarunGothic", "나눔바른고딕", "맑은 고딕", "Malgun Gothic", Dotum, Arial, sans-serif; font-weight: 400; font-size: 14px; color: #313131; letter-spacing: -.15px;text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important; }

/* IE 별도 기본 폰트 설정 */
html.IE, html.IE body,html.IE h1,html.IE h2,html.IE h3,html.IE h4,html.IE h5,html.IE h6,html.IE strong,html.IE table th,html.IE input,html.IE textarea,html.IE select,html.IE button {font-weight: 200;}
/* IE 8,9 support */
html, body, h1, h2, h3, h4, h5, h6, strong, table th, input, textarea, select, button {font-weight:200\9}
/* IE 10, 11 support */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	html, body, h1, h2, h3, h4, h5, h6, strong, table th, input, textarea, select, button {font-weight:200}
}
/* IE 12+ Edge support */
@supports (-ms-ime-align:auto) {
	html, body, h1, h2, h3, h4, h5, h6, strong, table th, input, textarea, select, button {font-weight:200}
}

html, body { height: 100%; min-width: 320px; overflow-x: hidden }

/* IE7 */
.hide, .blind, caption, legend { opacity: 0; text-indent: -999em; overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0; }
.clearFix:after { display: block; clear: both; content: ''; }

/*******************************************************************
common
********************************************************************/
/*
Common UI
------------------------------------------------------------------ */
/* button set */
.btn { display: inline-block; height: 48px; margin: 0 3px; padding: 0 20px; border: 2px solid transparent; border-radius: 0; background-image: none; font-weight: bold; font-size: 18px; line-height: 44px; text-align: center; vertical-align: middle; white-space: nowrap; cursor: pointer; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; }
.btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; -webkit-box-shadow: none; box-shadow: none; opacity: .65; }
.btn-default, a.btn-default { border-color: #2b2b2b; background-color: #fff; color: #2b2b2b; }
.btn-mkt, a.btn-mkt { border-color: #002d6c; background-color: #fff; color: #002d6c; }
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active { border-color: #2b2b2b; background-color: #f4f4f4; color: #2b2b2b; }
.btn-medium { width: auto; height: 30px; padding: 0 12px; font-size: 14px; line-height: 27px; }
.btn-small { width: auto; height: 28px; font-size: 12px; line-height: 28px; }
.btn > i { margin-left: 10px; margin-right: 0; margin-top: -1px; line-height: 44px; }
.btn > i.i-left { margin-right: 10px; margin-left: 0; }
.btn-medium > i { line-height: 36px; }
.btn-small > i { line-height: 28px; }
.btn.w100 { width: 100%; }
.display-table {display: table; width: 100%;}
.display-table .cell {display: table-cell; vertical-align: middle}
.display-table .cell.cell-span {width: 20px; text-align: center}
.display-table .cell.cell-label {width: 150px; text-align: left; padding-left: 2.5em;}

.ui-datepicker-trigger {line-height: 36px;vertical-align: middle;display: inline-block;margin: 0 0 0 -32px;font-size: 0;border:0;background:transparent url(../images/common/icon-datepicker.png) 50% 50% no-repeat;width: 30px;cursor: pointer;position: absolute;z-index: 1;}

/* table style */
.table-border {width: 100%; margin-top: 0.8em;}
.table-border th,.table-border td {font-size: 16px; padding:10px; vertical-align: middle; line-height: 1.3;}
.table-border th.tc,.table-border td.tc {text-align: center}
.table-border thead th,.table-border thead td {border-top:2px solid #c0c0c0;border-bottom:2px solid #c0c0c0; font-weight: bold; line-height: 1.2;}
.table-border tbody th,.table-border tbody td {border-bottom:1px solid #c0c0c0}

/* textarea, input */
textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color] { border-radius: 0 !important; border: 1px solid #f3f2f0; background-clip: padding-box !important; background-color: #f3f2f0; -webkit-border-radius: 0 !important; -webkit-background-clip: padding-box !important; -moz-border-radius: 0 !important; -moz-background-clip: padding !important; -webkit-transition: border-color .45s ease-in-out,-webkit-box-shadow .45s; transition: border-color .45s ease-in-out,-webkit-box-shadow .45s; transition: box-shadow .45s,border-color .45s ease-in-out; transition: box-shadow .45s,border-color .45s ease-in-out,-webkit-box-shadow .45s; -webkit-box-shadow: none; box-shadow: none; }

textarea:hover, input[type=text]:hover, input[type=password]:hover, input[type=datetime]:hover, input[type=datetime-local]:hover, input[type=date]:hover, input[type=month]:hover, input[type=time]:hover, input[type=week]:hover, input[type=number]:hover, input[type=email]:hover, input[type=url]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=color]:hover { border-color: rgba(100, 100, 100, 0.1); }

textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus { border-color: rgba(100, 100, 100, 0.1); -webkit-box-shadow: inset 0 2px 4px rgba(100, 100, 100, 0.1); box-shadow: inset 0 2px 4px rgba(100, 100, 100, 0.1); }

input.input, textarea.input { width: 100%; height: 36px; padding: 0 7px; font-size: 15px; color: #000; }

textarea.input { height: 75px; padding-top: 10px; padding-bottom: 10px; }

textarea:disabled, input[type=text]:disabled, input[type=password]:disabled, input[type=datetime]:disabled, input[type=datetime-local]:disabled, input[type=date]:disabled, input[type=month]:disabled, input[type=time]:disabled, input[type=week]:disabled, input[type=number]:disabled, input[type=email]:disabled, input[type=url]:disabled, input[type=search]:disabled, input[type=tel]:disabled, input[type=color]:disabled, textarea:disabled:hover, input[type=text]:disabled:hover, input[type=password]:disabled:hover, input[type=datetime]:disabled:hover, input[type=datetime-local]:disabled:hover, input[type=date]:disabled:hover, input[type=month]:disabled:hover, input[type=time]:disabled:hover, input[type=week]:disabled:hover, input[type=number]:disabled:hover, input[type=email]:disabled:hover, input[type=url]:disabled:hover, input[type=search]:disabled:hover, input[type=tel]:disabled:hover, input[type=color]:disabled:hover { border: 1px solid #eee; background-color: #f7f7f7; }

.input.w100 { width: 100% !important; }
.input.inline { width: auto !important; }

/* Checkbox & Radio */
.checks { display: inline-block; position: relative; margin-right: 10px; }
.checks input[type=checkbox] + label:before, .checks input[type=radio] + label:before, .checks input[type=checkbox]:checked + label:before, .checks input[type=radio]:checked + label:before { background: url(../images/common/ico_checks.png) no-repeat; background-size: 52px auto; }
.checks input[type=checkbox], .checks input[type=radio] { position: absolute; width: 20px; height: 20px; margin: 0 0 0 1px; padding: 0; }
.checks input[type=checkbox] + label, .checks input[type=radio] + label, .radio-list input[type=radio] + label { display: inline-block; position: relative; padding-left: 29px; font-size: 15px; line-height: 22px !important; cursor: pointer; }
.checks input[type=checkbox] + label:before { display: inline-block; width: 22px; height: 22px; margin: -1px 7px 0 -28px; background-position: 0 0; line-height: 22px; text-align: center; vertical-align: middle; content: ''; }
.checks input[type=checkbox]:checked + label:before { background-position: 0 -26px; }
.checks input[type=checkbox].disabled + label:before, .checks input[type=checkbox]:disabled + label:before { background-position: 0 -52px; }
.checks input[type=checkbox]:checked.disabled + label:before, .checks input[type=checkbox]:checked:disabled + label:before { background-position: 0 -75px; }
.checks input[type=radio] + label { padding-left: 26px; }
.checks input[type=radio] + label:before { position: absolute; left: 0; width: 22px; height: 22px; background-position: -25px 0; text-align: center; content: ''; }
.checks input[type=radio]:checked + label { color: #002c5e; }
.checks input[type=radio]:checked + label:before { background-position: -25px -26px; }
.checks input[type=radio].disabled + label:before, .checks input[type=radio]:disabled + label:before { background-position: -25px -52px; }
.checks input[type=radio].disabled + label, .checks input[type=radio]:disabled + label { color: #999; }
.checks input[type=radio]:checked.disabled + label:before, .checks input[type=radio]:checked:disabled + label:before { background-position: -25px -78px; }

/* Select2 */

.select2-container {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle; }
.select2-container .select2-selection--single {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 38px;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
	display: block;
	padding-left: 8px;
	padding-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
	position: relative; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
	padding-right: 8px;
	padding-left: 20px; }
.select2-container .select2-selection--multiple {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	min-height: 32px;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: inline-block;
	overflow: hidden;
	padding-left: 8px;
	text-overflow: ellipsis;
	white-space: nowrap; }
.select2-container .select2-search--inline {
	float: left; }
.select2-container .select2-search--inline .select2-search__field {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	font-size: 100%;
	margin-top: 5px;
	padding: 0; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none; }

.select2-dropdown {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 1051; }

.select2-results {
	display: block; }

.select2-results__options {
	list-style: none;
	margin: 0;
	padding: 0; }

.select2-results__option {
	padding: 6px;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none; }
.select2-results__option[aria-selected] {
	cursor: pointer; }

.select2-container--open .select2-dropdown {
	left: 0; }

.select2-container--open .select2-dropdown--above {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0; }

.select2-search--dropdown {
	display: block;
	padding: 4px; }
.select2-search--dropdown .select2-search__field {
	padding: 4px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
	display: none; }

.select2-close-mask {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	opacity: 0;
	z-index: 99;
	background-color: #fff;
	filter: alpha(opacity=0); }
.select2-hidden-accessible {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important; }

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 36px; }
.select2-container--default .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 38px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
	float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
	left: 1px;
	right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #eee;
	cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
	display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0 5px;
	width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	list-style: none; }
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
	color: #999;
	margin-top: 5px;
	float: left; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 10px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #999;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
	float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	margin-left: 5px;
	margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
	margin-left: 2px;
	margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: solid black 1px;
	outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
	background-color: #eee;
	cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
	display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top-left-radius: 0;
	border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
	background: transparent;
	border: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
	max-height: 200px;
	overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
	padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
	color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
	padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
	padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -1em;
	padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -2em;
	padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -3em;
	padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -4em;
	padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -5em;
	padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #5897fb;
	color: white; }

.select2-container--default .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px; }


/* Slick Slider */
.slick-loading .slick-list { background: #fff url(../images/common/ajax_loader.gif) center center no-repeat; }
.slick-slider { display: block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; }
.slick-list { display: block; overflow: hidden; position: relative; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { display: block; position: relative; top: 0; left: 0; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-slide a:focus {display: inherit !important}
[dir=rtl] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/* Slick slider Arrows */
.slick-prev, .slick-next { display: block; position: absolute; top: 50%; width: 20px; height: 20px; padding: 0; border: none; background: transparent; font-size: 0; line-height: 0; color: transparent; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background: transparent; color: transparent; outline: none; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .1; }
.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; color: #FFF; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -25px; }
[dir=rtl] .slick-prev { right: -25px; left: auto; }
.slick-next { right: -25px; }
[dir=rtl] .slick-next { right: auto; left: -25px; }

/* Slick slider Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { display: block; position: absolute; bottom: -25px; width: 100%; margin: 0; padding: 0; text-align: center; list-style: none; }
.slick-dots li { display: inline-block; position: relative; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { display: block; width: 20px; height: 20px; padding: 5px; border: 0; background: transparent; font-size: 0; line-height: 0; color: transparent; cursor: pointer; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; font-size: 6px; line-height: 20px; color: #000; text-align: center; content: ''; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: #000; opacity: .75; }

/* UNSILDER */
.unslider{overflow:auto;margin:0;padding:0}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel>li{float:left}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}
.unslider-arrow.next{left:auto;right:20px}

.main-list .unslider {width: auto; overflow: hidden; margin:0 -50px}
.main-list .unslider-nav {display: none;}
.main-list .unslider-arrow {display: none;}

html { font-size: 62.5%; background-color: #fff; }

/* Form */
button { overflow: visible; width: auto; margin: 0; padding: 0; border: none; background: none; }

input::-ms-clear { display: none; }

textarea { resize: none; }

a:link, a:visited, a:active, a:hover { text-decoration: none; cursor: pointer; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

.row { clear: both; margin: 0; padding: 0; }

.skipnav a { position: absolute; top: -9999em; z-index: 9999; width: 100%; background-color: #013874; font-weight: bold; color: #fff; text-align: center; }

.skipnav a:hover, .skipnav a:active, .skipnav a:focus { top: 0; padding: 12px 0; color: #fff; }

.container, .content-body { margin: 0 auto; }

div.all { max-width: 100%; padding: 0; }

.br { display: block; }

.fl { float: left; }

.fr { float: right; }

.mb1 { margin-bottom: 1em; }

.mb2 { margin-bottom: 2em; }

/*******************************************************************
layout
********************************************************************/
.container {max-width: 1027px; padding:0 15px; margin:0 auto; position: relative}
.container:after {content: ''; display: table; clear: both;}

/*******************************************************************
header
********************************************************************/
#header {width:100%; z-index:11; position:relative;}
#header:after {content: ''; display: block; clear: both;}
#header .container {text-align: center;}
.header-slogan {width:277px; height:60px; position:absolute; top:36px ; left:50px; background:url(../images/content/slogan.png) 0 0 no-repeat; font-size:0; text-indent:-999em; overflow:hidden;}

.header-logo {display:block;float: left; width:177px; height: 114px; background-color: #645631;margin:0; z-index: 1; position: relative}
.header-logo a {display: block;width:100%;height:100%;line-height: 114px;overflow:hidden;text-align: center;/* vertical-align: middle; */}
.header-logo a img {max-width: 100%;margin-top: -10px;vertical-align: middle;}

.header-menu {position:absolute; right:10px; top:5px; z-index: 10}


#gnb { margin:0 auto; position: relative; padding-right: 10px; padding-left: 177px;z-index: 0;}
.gnb-wrap { width: 100%; padding-top: 34px;}

.gnb-container .top-menu {width:100%; font-size:0; margin:0;text-align: right}
.gnb-container .top-menu > li {display:inline-block; margin-left:30px; position: relative}
.gnb-container .top-menu > li:first-child {margin-left: 0;}
.gnb-container .top-menu > li .menu-div {position:absolute; height:120px;width: 101%; left:0; right:0}
.gnb-container .top-menu > li:nth-child(5) .menu-div {width: 120%; left:-11px}
.gnb-container .top-menu > li:nth-child(1) .menu-div {width: 120%; left:-11px}
.gnb-container .top-menu > li > a { color:#fff; font-size:18px; font-weight: bold;display:block; padding:0 5px; line-height:47px; border-bottom:5px solid transparent; -webkit-box-sizing:border-box; box-sizing:border-box;}
.gnb-container .top-menu > li:hover,
.gnb-container .top-menu > li.__over > a,.gnb-container .top-menu > li.on > a {color:#554623; border-color:#645631;}
.gnb-container .top-menu > li.__over .menu-div {visibility:visible; opacity:1; top:47px; margin:0; padding:0;}
.gnb-container .top-menu .menu-div { visibility: hidden; overflow: hidden; opacity: 0; position: absolute; margin: 0; z-index: 20; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.gnb-container .top-menu .menu-div > ul {width: 100%;text-align:left; position:relative; display:table; background-color: #645631}
.gnb-container .top-menu .menu-div > ul > li {padding:0px; display:block; line-height: 1.1; font-size: 18px; font-weight: 700; color: #6dcff6; -webkit-box-sizing: border-box; box-sizing: border-box;}
.gnb-container .top-menu .menu-div > ul > li > a {display:block; line-height:1.15; -webkit-box-sizing:border-box; box-sizing:border-box; color:#fff; padding:9px 5px; font-size:16px; font-weight:400;text-align: center}
.gnb-container .top-menu .menu-div > ul > li.on > a,
.gnb-container .top-menu .menu-div > ul > li > a:hover,
.gnb-container .top-menu .menu-div > ul > li > a:focus {color:#e3c065; background-color: #4c432d;}
.gnb-container .top-menu .menu-div > ul > li > a .ico-link { display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-left: 5px; background: url(../images/common/ico_link.gif) 0 50% no-repeat; font-size:0; overflow:hidden; text-indent:-999em; }
.gnb-container .top-menu .menu-div > ul > li > a:hover > .ico-link { background: url(../images/common/ico_link_w.gif) 0 50% no-repeat; }

@media screen and (max-width: 997px) { 
	.gnb-container .top-menu .menu-div > ul > li > a:hover > .ico-link { background: url(../images/common/ico_link.gif) 0 50% no-repeat; } 
}

.gnb-container .top-menu .menu-div > ul > li > ul > li { display: block; margin: 0; }
.gnb-container .top-menu .menu-div > ul > li > ul > li > a { display: block; font-size: 15px; font-weight: 400; line-height: 1.2; padding: 5px 12px 5px 16px; color: #666; }
.gnb-container .top-menu .menu-div > ul > li > ul > li > a:hover { color: #2B7ACC; font-weight: 700; }
.gnb-container .top-menu .menu-div > ul > li > ul > li > a:before { content: '-'; display: inline-block; width: 12px; margin-left: -12px; }
.gnb-container .top-menu .menu-div > ul > li > ul > li > a .ico-link { display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-left: 5px; background: url(../images/common/ico_link.gif) 0 50% no-repeat; font-size:0; overflow:hidden; text-indent:-999em; }

.table-row { display: table-row; }
.table-cell { display: table-cell; }

/* pop-wrap */
.__open-pop .pop-wrap {display: block;}
.pop-wrap {display: none; background: url(../images/main/banner_bg.jpg) 50% 50% no-repeat; background-size:cover ; }
.pop-wrap .container {position: relative}
.btn-pop-close {position: absolute; top:10px; right:0; cursor: pointer; font-size: 0; text-indent: -999em; background: url(../images/main/ico_close.png) 50% 50% no-repeat; width:24px; height: 24px; overflow: hidden}
.pop-content img {max-width: 100%}

@media screen and (max-width: 997px) {
	body.menuopen {height:100%; overflow:hidden;}
	#header { padding:0; height: 54px; }
	.header-slogan {display:none;}
	.header-logo { width:109px; height:54px; margin-left:0; margin-top:0; position:absolute; left:0; top:0; }
	.header-logo a {line-height: 1.1; padding:5px 10px}
	.header-logo a img {margin-top: 0;}
	.header-menu {display: none}
}

@media screen and (max-width:420px) {
	.select-box.lang {width:100px;}
	.select-box.lang .select-title .btn-select-title {font-size:13px; padding:0 17px 0px 7px;}
	.select-box.lang .btn-select-title:after {right:7px;}
}

/* //btn-search-close */
/* .btn-menu */
.btn-menu {
	visibility: hidden;
	position: absolute;
	top: 11px;
	right: 15px;
	z-index: 1000;
	width: 32px;
	height: 30px;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
	outline: none;
}
/*.btn-menu { cursor: pointer; display: none; }*/
/*.btn-menu-close { display: none; }*/

@media screen and (max-width: 997px) {
	.pop-wrap {display: none !important;}
	/* Menu button */
	.btn-menu {visibility: visible}
	.btn-menu::before,.btn-menu::after,.btn-menu span{background:#645631}
	.btn-menu::before,.btn-menu::after{position:absolute;top:50%;left:0;width:100%;height:3px;content:'';pointer-events:none;transition:-webkit-transform .25s;-webkit-transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s;transition:transform 0.25s,-webkit-transform .25s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
	.btn-menu span{overflow:hidden;position:absolute;left:0;width:100%;height:3px;font-size:0;text-indent:200%;-webkit-transition:opacity .25s;transition:opacity .25s}
	.btn-menu::before{-webkit-transform:translate3d(0,-10px,0) scale3d(1,1,1);transform:translate3d(0,-10px,0) scale3d(1,1,1)}
	.btn-menu::after{-webkit-transform:translate3d(0,10px,0) scale3d(1,1,1);transform:translate3d(0,10px,0) scale3d(1,1,1)}
	.__open-mmenu .btn-menu span{opacity:0}
	.__open-mmenu .btn-menu::before{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg)}
	.__open-mmenu .btn-menu::after{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg) }
	.__open-mmenu .btn-menu::before,.__open-mmenu .btn-menu::after,.__open-mmenu .btn-menu span{background:#fff}
	/*
	.btn-menu-close { display: block; position: absolute; right: 0; top: 0; font-size: 32px; cursor: pointer; width: 50px; height: 50px; color: #fff; z-index: 201; }*/
	#gnb { margin-top: 0; visibility: hidden; opacity: 0;}
	#gnb.mobile { transition: all 0.5s ease .1s; -webkit-transition: all 0.5s ease .1s; z-index:200; }
	#gnb.open {visibility: visible; opacity: 1}
	#gnb .gnb-wrap { position: fixed; right: -100%; top: 0; z-index: 1000; margin: 0; padding: 0; height: auto; width: 54.58%; min-width: 280px; height: 100%; background-color:#b1913f; z-index: 300; -webkit-transition: all 0.5s ease .1s; transition: all 0.5s ease .1s; }
	#gnb.open .gnb-wrap { right: 0; width: 54.58%; overflow:auto; }
	#gnb.open .mmenu-overlay { visibility: visible; opacity: 1; }
	#gnb h2.blind { display: block; width: 100%; height:55px; line-height:53px; visibility: visible; position: static; padding-left: 23px; opacity: 1; border-bottom:1px solid #caaf69;margin-bottom: 15px;}
	.mmenu-overlay { visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 300; opacity: 0; -webkit-transition: all 0.5s ease .1s; transition: all 0.5s ease .1s; }
	.gnb-container { position: relative; overflow-y: auto; height: 100%; }
	.gnb-container .top-menu { padding: 0; margin:0; }
	.gnb-container .top-menu > li { display: block; margin:0; }
	.gnb-container .top-menu > li > a { position: relative; text-align: left; color: #fff; font-size: 18px; font-weight:700; padding: 0 20px; height: 46px;line-height: 46px; border:none}
	.gnb-container .top-menu > li.on > a {border-color:transparent; }
	.gnb-container .top-menu > li > a.open {border-bottom:0;}
	.gnb-container .top-menu > li:last-child a {border-bottom:0;}
	.gnb-container .top-menu > li > a:before { content: "\f107"; display: inline-block; position: absolute; right: 20px; top: 9px; line-height: 1.1; display: inline-block; font: normal normal normal 24px/1 FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.gnb-container .top-menu > li > a.open:before { content: "\f106";}
	.gnb-container .top-menu .menu-div { display: none; visibility: visible; overflow: auto; position: static; opacity: 1;}
	.gnb-container .top-menu .menu-div > ul { max-width: 100%; width: 100%; float: none; margin: 0; }
	.gnb-container .top-menu .menu-div > ul > li { display:inline-block; width:100%; padding: 0; float: none; margin: 0; }
	.gnb-container .top-menu .menu-div > ul > li.title {display:none;}
	.gnb-container .top-menu .menu-div > ul > li:first-child { border-top: 0; }
	.gnb-container .top-menu .menu-div > ul > li:nth-child(2) {padding:0;}
	.gnb-container .top-menu .menu-div > ul > li a {text-align: left; font-size: 15px; color:#fff; border: 0; height: auto; margin: 0; padding: 10px 18px; position: relative; }
	.gnb-container .top-menu .menu-div > ul > li a:hover, .gnb-container .top-menu .menu-div > ul > li a:focus, .gnb-container .top-menu .menu-div > ul > li a:active { background-color: #4c432d; color: #e3c065; }
	.gnb-container .top-menu .menu-div > ul > li a.hasChild:after { display: inline-block; content: "\f067"; position: absolute; right: 10px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.gnb-container .top-menu .menu-div > ul > li a.hasChild.on:after { content: "\f068"; }
	.gnb-container .top-menu .menu-div > ul > li > ul { padding-bottom: 10px; border-top: 1px solid #fff; padding-top: 10px; display: none; }
	.gnb-container .top-menu .menu-div > ul > li > ul.open { display: block; }
	.gnb-container .top-menu .menu-div > ul > li > ul > li { font-size: 14px; margin-left: 13px; }
	.gnb-container .top-menu .menu-div > ul > li > ul > li a { font-size: 14px; padding-top: 7px; padding-bottom: 7px; }
	.gnb-container .top-menu .menu-div.open { display: block; position:static; height:auto;}
	.main-quick {display: none;}
}
@media screen and (max-width: 800px) {
	.mobile-util > li .link-unibooks a { background: url(../images/common/unibooks_01.png) 50% 50% no-repeat; }
}

/*******************************************************************
Footer
********************************************************************/
#footer {margin-top:3em; padding-bottom:3em; clear:both; background-color: #d6d6d6;}
#footer .container {text-align:center;}
.footer-menu {display:inline-block; margin:0; padding:28px 0 40px;}
.footer-menu ul {display:inline-block;}
.footer-menu ul li {display: inline-block; margin: 0 12px;}
.footer-menu ul li a {display:inline-block; width:100%; color: #4e4e4e; font-weight: bold; font-size: 16px; line-height:1.2}
.footer-menu ul li a:hover {text-decoration: underline}
.footer-menu ul li a.strong {color:#6699ff;}
.footer-info {display: table; width: 100%;}
.footer-info .cell {display: table-cell; text-align: left; vertical-align: top; padding-left: 20px; font-size: 15px; color: #4e4e4e; line-height: 1.2;}
.footer-address li {display: inline-block; margin-right: 0.7em;}
.footer-info .footer-logo.cell {width: 197px; border-right:1px solid #777; padding-left: 0;}
.footer-info address,.footer-info .copy {display: block; }
.footer-info .copy {margin-top: 0.5em;}

@media screen and (max-width:720px) {
	#footer {padding-top: 15px;}
	.footer-menu {width:100%; padding-top: 0;padding-bottom:15px; margin-bottom:1.2em;}
	.footer-menu ul li {margin:0 9px}
	.footer-menu ul li a {padding:5px 0; height:auto;font-size: 14px;}
	.footer-info .cell {font-size: 12px;padding-left: 10px;}
	.footer-info .footer-logo.cell {width: 120px;}
	.footer-info .footer-logo.cell img {width: 90%;}
}
@media screen and (max-width:640px) {	
	.footer-info .sns-link span {display:inline-block; width:100%;}
	.footer-info .sns-link .blog:before {display:none;}
}
@media screen and (max-width:470px) {
	.footer-menu {display: none;}
}
@media screen and (max-width:375px) {
	.footer-menu {display: none;}
	.footer-info .footer-logo.cell {border:none; margin-bottom: 1em;}
	.footer-info .cell {display: block; padding:0}
}
/*******************************************************************
MAIN
********************************************************************/
/* slick slider setting */
.slick-dotted.slick-slider { margin: 0; }
.slick-dots {width:100%; text-align:center; bottom:10%; opacity:1;}
.slick-dots li { width: auto; height: 20px; margin: 0 2px; }
.slick-dots li button { display: block; width: 20px; height: 20px; border-radius: 13px; border: 1px solid rgba(81, 142, 255, 0.2); background-color: #fff; line-height: 20px; content: ''; opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; }
.slick-dots li button.btn-slider-play { width:17px; padding:0; border:none; background-color:transparent; border-radius:0; }
.slick-dots li button.btn-slider-play:after {width:17px; color:#fff; display:inline-block; content:'\f04b'; font: normal normal normal 17px/1 FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-dots li button.btn-slider-play:hover {width: 17px; background-color:transparent; }
.slick-dots li button.btn-slider-stop { width:17px; padding:0; border:none; background-color:transparent; border-radius:0; }
.slick-dots li button.btn-slider-stop:after {width:17px; color:#fff; display:inline-block; content:'\f04c'; font: normal normal normal 17px/1 FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-dots li button.btn-slider-stop:hover { width:17px; background-color:transparent; }
.slick-dots li button::before { display: none; }
.slick-dots li button:hover,
.slick-dots li.slick-active button { width: 41px; background-color: #5D93CA; }

.bnr-prev,
.bnr-next {position:absolute; top:50%; margin-top:-50px; font-size:0; opacity:0.6; z-index:10; cursor:pointer;}
.bnr-prev:hover,
.bnr-next:hover { opacity: 1; }
.slick-slider .main.bnr-prev,
.slick-slider .main.bnr-next {width:50px; height:100px;}
.slick-slider .main.bnr-prev { background: url(../images/common/bnr_prev.png) no-repeat center; background-size: 100%; left:2.5%; }
.slick-slider .main.bnr-next { background: url(../images/common/bnr_next.png) no-repeat center; background-size: 100%; right:2.5%; }

/* mainLayout - main_01 */
#header {background-color:#B09040}
.main .container.main { position: relative; height: 100%; }
.main .container.main:after { content: ''; display: block; clear: both; }

.main-visual {max-height: 795px;/*padding-bottom: 23%;*/}
/*.main-visual li {position:relative;}
.main-visual .slick-slide .bg-img {display:block; width:100%; max-height:795px; overflow:hidden;}
.main-visual .slick-slide .bg-img img {width:100%;}*/
.main-visual-slide li {position:relative; height: 795px;}
.main-visual-slide li .bg-img {position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%,50%);
    transform: translate(50%,50%);
}
.main-visual-slide li .bg-img img {position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.main-visual .slick-dots {display:table; width:auto; text-align:left; left:57%; bottom:12%;}
.main-visual .slick-dots li {display:table-row; text-align:left;}
.main-visual .slick-dots li:last-child > div > i:after {display:none;}
.main-visual .slick-dots li > div {display:table-cell; vertical-align:middle; height:35px;}
.main-visual .slick-dots li > div > i {display:inline-block; width:17px; height:17px; margin-right:7px; border:1px solid transparent; border-radius:100%; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; vertical-align:middle;}
.main-visual .slick-dots li > div > i:before {display:inline-block; width:11px; height:11px; content:''; border:1px solid #fff; border-radius:100%; margin:2px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.main-visual .slick-dots li > div > i:after {display:inline-block; width:1px; height:26px; background:#fff; content:''; position:absolute; left:7px; top:12px;}
.main-visual .slick-dots li > div > span {display:inline-block; vertical-align:top; font-size:20px; color:#b5b5b5; vertical-align:middle;}
.main-visual .slick-dots li > div:hover > span,
.main-visual .slick-dots li.slick-active > div > span {color:#fff;}
.main-visual .slick-dots li > div:hover > i,
.main-visual .slick-dots li.slick-active > div > i {border:1px solid #fff;}
.main-visual .slick-dots li > div:hover > i:before,
.main-visual .slick-dots li.slick-active > div > i:before {background-color:#3cffe6;}

.main-visual .section-visual-text {position:absolute; top:20%; left:50%; margin-left:-35.8%;}
.section-visual-text .main-title {font-size:33px; color:#fff; line-height:1.1; margin-bottom:1em;}
.section-visual-text .sub-title {font-size:65px; font-weight:700; color:#fff; line-height:1.1;;}
.main-visual .top-img {position: absolute; top:115px; left:50%; margin:0 0 0 -322px; max-width: 100%; z-index: 1;}
.main-visual .top-img img {max-width: 100%}

.main-list {position: relative; margin-bottom: 4.5em;}
.btn-main-list-wrap {text-align: center; text-align: center; margin-bottom: 60px;}
.btn-main-list-wrap button {cursor: pointer; width: 25px; height: 25px; border:2px solid #333; border-radius: 25px;font-size: 0; overflow: hidden; text-align: center; display: inline-block; vertical-align: middle}
.btn-main-list-wrap button:before {content:'';display: inline-block;width: 12px; height: 13px;}
.main-list-slide .slick-arrow,.btn-main-list-prev:before,.btn-main-list-next:before {background: url(../images/main/ico_arrow.png) 0 0 no-repeat;}

.btn-main-list-prev:before {background-position: 2px -100px;}
.btn-main-list-next:before {background-position: -96px -100px;}

.main-list-title {font-size: 30px; color: #333; font-weight: 400; letter-spacing: -1px; font-family: 'YiSunShin Dotum'; margin:0 20px; display: inline-block; vertical-align: middle}

/*.main-quick {position: absolute; top:124px; right:-100px; z-index: 10; border:3px solid #fff; box-shadow: 3px 3px 14px rgba(0,0,0,0.4); padding-top: 70px;}*/
.main-quick {position: fixed; top:220px; right:10%; z-index: 100; border:3px solid #fff; -webkit-box-shadow: 3px 3px 14px rgba(0,0,0,0.4); box-shadow: 3px 3px 14px rgba(0,0,0,0.4); padding-top: 70px;}
.main-quick-title {position: absolute; top:0}
.main-quick li {display: block;}
.main-quick li a {display: block; text-align: center; width: 100px;height: 90px; -webkit-transition: all 0.5s; transition: all 0.5s}
.main-quick li a:hover {opacity: 0.8}
.main-quick li:nth-child(1) {background-color: #555;}
.main-quick li:nth-child(2) {background-color: #707070;}
.main-quick li:nth-child(3) {background-color: #898989;}
.main-quick-ico {margin-top: 15px;display: inline-block; background: url(../images/main/ico_quick.png) 0 0 no-repeat; width: 47px; height: 48px;}
.main-quick-ico.i2 {background-position: 0 -91px;}
.main-quick-ico.i3 {background-position: 0 -179px;}
.main-quick li span {display: block; color: #fff; font-size: 15px; font-weight: bold;}

.main-link {margin:-140px -25px 100px; overflow: hidden}
.main-link li {width: 33.333%; float: left;padding:0 25px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
.main-link li a {display: block;height: 300px; text-align: center; padding-top: 55px; -webkit-transition: all 0.5s; transition: all 0.5s}
.main-link li span {display: block;font-size: 26px;font-weight: 400; color: #fff; font-family: 'YiSunShin Dotum'}
.main-link li:nth-child(1) a{background-color: #b1913f}
.main-link li:nth-child(2) a{background-color: #2b9da2}
.main-link li:nth-child(3) a{background-color: #5089b8}
.main-link li:nth-child(1) a:hover{background-color: #a47e1b}
.main-link li:nth-child(2) a:hover{background-color: #018389}
.main-link li:nth-child(3) a:hover{background-color: #2070b3}
.main-link-ico {position: absolute; bottom:70px; margin-top: 15px;display: inline-block; background: url(../images/main/ico_link.png) 0 0 no-repeat; width: 112px; height: 110px; left:50%; margin-left: -56px;}
.main-link-ico.i1 {background-position: 14px 0;}
.main-link-ico.i2 {background-position: -342px 0;}
.main-link-ico.i3 {background-position: -687px 0;}

.main-prize {overflow: hidden}
.main-prize li {width: 33.333%; float: left;}
.main-prize li a{display: block; height: 360px; overflow: hidden;  position: relative}
.main-prize li a:after {content: ''; position: absolute; z-index: -1; width: 100%; height: 100%; top:0; left:0;-webkit-transition: all 0.5s;transition: all 0.5s;}
.main-prize li a:hover:after {-webkit-transform: scale(1.5);transform: scale(1.5)}
.main-prize li a img{margin-top: 56px;}
.main-prize li a span{color: #fff; font-size: 30px;font-weight: 400; border:10px solid #fff; width: 190px; height: 190px; display: block; margin:80px auto 0; font-family: 'YiSunShin Dotum'; padding-top: 45px; line-height: 1.2; text-align: center} 
.main-prize li:nth-child(1) a:after{background: url(../images/main/bg_prize1.jpg) 50% 50% no-repeat; background-size: cover}
.main-prize li:nth-child(2) a:after{background: url(../images/main/bg_prize2.jpg) 50% 50% no-repeat; background-size: cover}
.main-prize li:nth-child(3) a:after{background: url(../images/main/bg_prize3.jpg) 50% 50% no-repeat; background-size: cover}


.content-body {display:inline-block; width:100%;}
.main-search {position: absolute; z-index: 5; width: 496px; height: 184px; left:50%; margin:28% 0 0 -248px; text-align: center}
.main-search form legend {text-indent: 0; position: static; font-size: 33px; color: #473811; font-family: 'YiSunShin Dotum'; font-weight: 400; width:100%; height: auto; line-height: 1.1; opacity: 1; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; text-align: center}
.main-search-desc {font-size: 18px;color: #473811;text-shadow: 0px 1px 2px rgba(255,255,255,1); line-height: 1.5;word-break:keep-all;word-wrap:break-word}
.main-search-box {margin:1em 0; position: relative}
.main-search-box .select2-container {position: absolute;left: 6px;top: 3px;padding: 0;}
.main-search-box .select2-container--default .select2-selection--single {background-color:transparent;border: none;font-size: 18px;color: #fff;height: auto;}
.main-search-box .select2-container--default .select2-selection--single .select2-selection__rendered {color: #fff;height: 61px;line-height: 61px;text-align: left; padding-left:17px}
.main-search-box .select2-container--default .select2-selection--single .select2-selection__arrow {height: 60px;}
.main-search-box .select2-container--default .select2-selection--single .select2-selection__arrow b {border:none;margin: -10px 0 0 -10px;background: url(../images/main/ico_arr_d.png) 50% 50% no-repeat;width: 20px;height: 20px;}


.select2-dropdown {background-color:#fff; border:1px solid #ccc}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: rgba(71,56,17,0.9);color: #fff}
.select2-container--default .select2-results__option[aria-selected=true] {background-color: rgba(71,56,17,1.0);color: #fff}
.select2-results__option {font-size: 16px; padding:10px; color: #555}

.main-search-box input.input {background-color:rgba(71,56,17,0.7); border:3px solid #fff; width: 490px; height: 67px;line-height: 67px; padding:0 67px 0 120px; color:#fff; font-size: 18px; -webkit-transition: all 0.5s; transition: all 0.5s}
.main-search-box input.input:hover,.main-search-box input.input:focus {border-color:#fff; background-color: rgba(71,56,17,0.8);}
.main-search-box button {font-size: 18px; color: #fff; background-color: transparent; position: absolute; top:0}
/*.main-search-box select, .main-search-box button {font-size: 18px; color: #fff; background-color: transparent; position: absolute}
.main-search-box select {left:0; width: 110px;height: 67px;}*/
.main-search-box button {right:0; }
.main-search-box .btn-search {background: url(../images/main/ico_search.png) 50% 50% no-repeat; width: 62px; height: 67px; margin-right: 5px; }

.main-list-slide li a {display: inline-block; text-align: center; width: 131px; height: 131px; overflow: hidden; border-radius: 131px; border:1px solid #eee; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2)}
.main-list-slide li a img {max-width: 100%; vertical-align: top; display: inline-block}
.main-content > ul:after {display:table-cell; content:''; clear:both;}
.main-list-slide .slick-list {margin: 0 50px}
.main-list-slide .slick-arrow {border:none; z-index: 1; width: 36px; height: 68px; top:64px}
.main-list-slide .slick-arrow.slick-prev {left:0}
.main-list-slide .slick-arrow.slick-next {right:0; background-position: -100px 0;}
.main-list-slide .slick-dots {margin-top: 40px; position: static}
.main-list-slide .slick-dots li {height: auto;margin:0 10px}
.main-list-slide .slick-dots li button {width: 24px;height: 24px;border-color: #fff;position: relative;}
.slick-dots li button:hover, .slick-dots li.slick-active button {
	width: 24px;
	border-color: #999;
	background-color: transparent;
}
.main-list-slide .slick-dots li button:after {content:'·';display: inline-block;font-size: 34px;color: #333;height: 15px;width: 14px;overflow: hidden;font-weight: bold;position: absolute;text-align: center;top: -1px;left: 50%;margin-left: -10px;}

.main-content {display:block; }
.main-content:after {content:''; display: block; clear: both;}
.section-latest {padding:0 60px; position:relative;width:50%; padding:0 60px; display:block;float: left }
.section-latest.mov {padding:25px;}
.section-banner .cardnews-content {display:inline-block; width:100%; height:100%;}
.section-banner .cardnews-img,
.section-banner .cardnews-img img {width:100%; height:100%;}
.section-banner .cardnews-img {display:inline-block;}
.section-banner .cardnews-img img {height:100%;}
.section-latest .btn-more {display:inline-block; width:20px; height:20px; position:absolute; top:3px; right:60px; font-size:0; text-indent:-999em; overflow:hidden; color:#3c3f51; background: url(../images/main/ico_more.png) 50% 50% no-repeat;}
.section-latest .h3-title {font-size:22px; font-weight:900; text-align:left; color:#363636; line-height:1.2; margin-bottom:0.8em;}
.section-latest .h3-title:before {display:inline-block; width:50px; height:36px; content:''; margin-left:4px; position:absolute; left:0; top:0;}
.section-latest > ul > li {position:relative;}
.section-latest.mov .mov-title {display:inline-block; font-size:16px; width:100%; text-align:center; line-height:1.1;}
.section-latest > ul > li > a {display:inline-block; width:100%; padding:7px 100px 7px 0; line-height:1.1; text-align:left; font-size:18px; font-weight:400; color:#363636; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; z-index:2}
.section-latest > ul > li > a:hover {color:#000; text-decoration: underline}
.section-latest > ul > li > .date {display:inline-block; color: #999; font-size: 18px;padding:7px 0; position: absolute; right:0; top:0; z-index:1;}

/* 소개 */
.intro-content .section {margin-bottom: 6em;}
.intro-content .section .sub-title {color: #b1913f; font-weight: bold; font-size: 24px; display: block; margin-bottom: 1em; line-height: 1.2;letter-spacing: -1px}
.intro-content .section .sub-content {color: #4d4d4d; font-size: 16px; line-height: 1.4;}
.intro-content .section .sub-content strong {font-size: 18px; font-weight: bold;}
.intro-content .section .sub-content p {margin-bottom: 1em;}
.intro-content .section .txt {float: left; width: 65%; word-break:keep-all;word-wrap:break-word; padding-right: 1%;}
.intro-content .section .img {display: block; float: right; width: 34%; text-align: right}
.intro-content .section .img img {max-width: 100%}
.intro-content .section2 .txt {float: right; width: 50%; padding-left: 2%; padding-right: 0; letter-spacing: -1px}
.intro-content .section2 .img {float: left; width: 48%; text-align: center}

@media screen and (max-width:1845px) {
    .main-visual-slide li,.main-visual-slide li .bg-img img {height: 795px;}
    .main-visual-slide li .bg-img img {width:100%}
}
    
@media screen and (max-width:1750px) {    
    .main-quick {right: 60px;}
    .main-visual-slide li .bg-img img {width:auto}
	
}
    
@media screen and (max-width:1420px) {
    .main-quick {right: 20px;}
    .main-search {margin-top: 170px;}
    .main-visual-slide li,.main-visual-slide li .bg-img img {height: 645px;}
	.main-visual .top-img {margin:0 0 0 -250px; width: 500px;top:86px}
}

@media screen and (max-width:1360px) {
	.section-visual-text .main-title {font-size:28px;}
	.section-visual-text .sub-title {font-size:56px;}
	.main-visual .slick-dots {left:60%; bottom:7%;}
	.main-visual .slick-dots li > div {height:25px;}
	.main-visual .slick-dots li > div > span {font-size:16px; letter-spacing:-.5px;}
	.main-visual .slick-dots li > div > i:after {height:16px;}
}
@media screen and (max-width:1250px) {
    .main-quick {display: none;}
}
@media screen and (max-width:997px) {
	.section-visual-text .main-title {font-size:23px; letter-spacing:-.5px;}
	.section-visual-text .sub-title {font-size:43px; letter-spacing:-.5px;}
    .main-search {margin-top: 105px;}
	.main-visual .slick-dots {left:12%;}
    .main-visual-slide li, .main-visual-slide li .bg-img img { height: 520px;  }
	.main-visual .top-img {margin:0 0 0 -175px; width: 350px;top:82px}
	.main-visual .section-visual-text {z-index:2; top:10%; left:47%;}
	.slick-slider .main.bnr-prev,
	.slick-slider .main.bnr-next {width:25px; height:50px; background-size:cover; margin-top:-25px;}
	.main-content > ul > li {-webkit-width: calc(100% / 2); -moz-width: calc(100% / 2); width: calc(100% / 2);}
    .main-link { margin: -145px -10px 50px;}
    .main-link li {padding:0 10px}
    .main-content {margin: 0 -20px}
    .section-latest {padding:0 20px}
    .section-latest > ul > li > a,.section-latest > ul > li > .date {font-size: 16px;}
    .section-latest .btn-more {right: 20px;}
    .main-search-box { margin: 0.5em 0; }
    .main-search-box .select2-container .select2-selection--single .select2-selection__rendered, .main-search-box .board-write tbody td .input, .main-search-box .board-write-block tbody td .input {font-size: 18px;}
	.main-list-slide.slick-initialized .slick-slide {text-align: center;display: inline-block;}
}
@media screen and (max-width:768px) {
	.main-visual .top-img {margin:0 0 0 -175px; width: 350px;top:32px}
    .main-link li,.main-prize li,.section-latest {display: block; width: 100%; float: none;padding-left: 0; padding-right: 0;}
    .main-link {margin-top: -40px}
    .main-link,.main-prize,.main-content {margin-left: 0; margin-right: 0;}
    .main-link li a {height: 75px; padding: 0; text-align: center;}
    .main-link-ico {display: inline-block; position: static; float: none; margin: 0 40px 0 0; background-size: 340px auto; width: 60px; height: 75px; vertical-align: middle}
    .main-link li span {float: none; font-size: 22px;display: inline-block; width: 200px; text-align: left}
    .main-link-ico.i1 {background-position: 11px 15px;}
    .main-link-ico.i2 {background-position: -139px 15px;}
    .main-link-ico.i3 {background-position: -287px 15px;}
    .main-visual-slide li, .main-visual-slide li .bg-img img {height: 365px;}
    .main-search {margin-top: 80px;}
    
    .main-prize li a {height: 85px;}
    .main-prize li a span {margin: 14px; padding: 11px; width: auto; height: 57px; font-size: 22px; border:4px solid #fff}
    .main-prize li a span .br {display: none;}
    
    .main-search-box .btn-search { background-size:65% auto ; width: 40px; height: 52px;}
    
    .main-content {padding-top: 3em; padding-bottom: 1em;}
    .btn-main-list-wrap {margin-bottom: 2em;}
	.main-list {margin-bottom: 3.5em;}
    .main-list-title {font-size: 24px;margin:0 0.5em}
    .main-list-slide .slick-dots {padding-top: 0em;margin-top: 2em;}
    .main-list-slide li a {width: 100px; height: 100px;}
	.main-list-slide .slick-dots li {margin:0 3px}
	
	.section-latest {margin-bottom: 1em;}
	.section-latest .btn-more {right: 0px;}
	.section-latest .h3-title {margin-bottom: 0.3em;}
	.section-latest > ul > li > a {padding:5px 85px 5px 0}
	.section-latest > ul > li > .date {padding:5px 0}
	
	.intro-content .section {margin-bottom: 3em;}
	.intro-content .section .txt {float: none; width: 100%;text-align: center}
	.intro-content .section .img {float: none; width: 100%;text-align: center; margin-bottom: 1.5em;}
	.intro-content .section .img img {width: 200px;}
	
}
@media screen and (max-width:640px) {
	.main-visual .section-visual-text {margin:0; left:15px;}
	.main-visual .top-img {margin:0 0 0 -150px; width: 300px;top:8px}
	.slick-slider .main.bnr-prev,
	.slick-slider .main.bnr-next {display:none !important;}
	.main-visual .slick-dots {left:15px;}
    .main-visual-slide li, .main-visual-slide li .bg-img img {height: 300px;}

	.main-content > ul > li {width:100%; padding:10px 0;}
	.main-content > ul > li .section-banner {height:auto;}
	.main-content > ul > li .section-latest.mov {height:auto;}
	.main-content > ul > li:nth-child(5) .section-latest.mov .mov-content {width:100%; max-width:960px; margin:0 auto; padding-bottom:48.359%; position:relative;}
	.main-content > ul > li:nth-child(5) .section-latest.mov .mov-content iframe {width:100%; height:100%; position:absolute; top:0; left:0;}
    
    .main-search {width: 100%; left: 0; margin: 65px 0 0; padding:0 15px}
    .main-search-box input.input {width: 100%; height: 52px; line-height: 50px; font-size: 16px; padding:0 44px 0 96px}
    .main-search form legend {font-size: 28px;}
    .main-search-desc {font-size: 16px;}
    .main-search-box .select2-container .select2-selection--single .select2-selection__rendered, .main-search-box .board-write tbody td .input, .main-search-box .board-write-block tbody td .input {font-size: 16px;}
    
    .main-search-box .select2-container {width: 95px !important;}
    .main-search-box .select2-container--default .select2-selection--single .select2-selection__rendered {height: 46px;line-height: 44px;padding-left:6px;}
    .main-search-box .select2-container--default .select2-selection--single .select2-selection__arrow {height: 46px; }
    .main-search-box .select2-container--default .select2-selection--single .select2-selection__arrow b {margin: -10px 0 0 -10px;}
   
}
@media screen and (max-width:500px) {
	.section-visual-text .main-title {font-size:16px;}
	.section-visual-text .sub-title {font-size:28px;}
	.main-visual .top-img {margin:0 0 0 -125px; width: 250px;top:5px}
	.main-visual .slick-dots li > div {height:20px;}
	.main-visual .slick-dots li > div > span {font-size:12px;}
	.main-visual .slick-dots li > div > i:after {height:11px;}
    .main-link-ico {margin-right: 10px;}
    .main-search {margin-top: 50px;}
    .main-search form legend {font-size: 24px; letter-spacing: -2px; word-break:keep-all;word-wrap:break-word; }
    .main-search-desc {font-size: 13px;}
    .main-visual-slide li, .main-visual-slide li .bg-img img {height: 255px;}
	.intro-content .section .txt .br {display: none;}
}
@media screen and (max-width:375px) {
	
    .main-link li span {width: 170px;}
    .main-search form legend {font-size: 22px;}
    .main-search-desc {font-size: 12px;}
    
}

/* mainLayout - main_03 */
.main .container.main03 {background:#4f8cd9 url(../images/main/main03_bg.jpg) 50% 50% no-repeat;}

.main03 .main-content > ul > li:nth-child(1) > section,
.main03 .main-content > ul > li:nth-child(5) > section {background-color:#fff;}
.main03 .main-content > ul > li .section-latest .btn-more {color:#6aa8e3;}
.main03 .main-content > ul > li .section-latest .h3-title {color:#3c3f51;}
.main03 .main-content > ul > li .section-latest > ul > li > a,
.main03 .main-content > ul > li .section-latest > ul > li > .date {color:#5f5f5f;}
.main03 .main-content > ul > li .section-latest > ul > li > a:hover {color:#000;}
.main03 .main-content > ul > li:nth-child(1) .section-latest .h3-title:before {background:url(../images/main/ico_m03_title01.png) 0 50% no-repeat;}
.main03 .main-content > ul > li:nth-child(2) .section-latest .h3-title:before {background:url(../images/main/ico_m03_title02.png) 0 50% no-repeat;}
.main03 .main-content > ul > li:nth-child(3) .section-latest .h3-title:before {background:url(../images/main/ico_m03_title03.png) 0 50% no-repeat;}
.main03 .main-content > ul > li:nth-child(4) .section-latest .h3-title:before {background:url(../images/main/ico_m03_title04.png) 0 50% no-repeat;}
.main03 .main-content > ul > li:nth-child(5) .section-latest .h3-title:before {background:url(../images/main/ico_m03_title05.png) 0 50% no-repeat;}
.main03 .main-content > ul > li:nth-child(6) .section-latest .h3-title:before {background:url(../images/main/ico_m03_title06.png) 0 50% no-repeat;}
.main03 .section-latest.site .h3-title {margin-bottom:6px;;}
.main03 .section-latest.site .site-content {padding:0 4px;}
.main03 .section-latest.site .site-content > dl {display:inline-block; width:100%; margin-bottom:2px; position:relative;}
.main03 .section-latest.site .site-content > dl:last-child {margin-bottom:0;}
.main03 .section-latest.site .site-content > dl > dt > button {display:inline-block; width:100%; height:100%; font-size:16px; border:1px solid #bbb; text-align:left; line-height:1.1; padding:5px 10px; cursor:pointer;}
.main03 .section-latest.site .site-content > dl > dt > button:hover { background:#bbb;}
.main03 .section-latest.site .site-content > dl > dt > button:after { display: inline-block; content: '\f107'; font: normal normal normal 17px/1 FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 10px;}
.main03 .section-latest.site .site-content > dl > .link-list {position:absolute; visibility:hidden; opacity:0; display:inline-block; width:100%; top:0; left:0; height:0; overflow:hidden; -webkit-transition: all 0.3s; transition: all 0.3s; border:1px solid #bbb;}
.main03 .section-latest.site .site-content > dl:nth-last-child(1) > .link-list,
.main03 .section-latest.site .site-content > dl:nth-last-child(2) > .link-list {bottom:0; top:inherit;}
.main03 .section-latest.site .site-content > dl > .link-list > ul {padding:5px 0;}
.main03 .section-latest.site .site-content > dl > .link-list.__open {height:auto; max-height:215px; overflow-y:auto; visibility:visible; opacity:1; background-color:#fff; z-index:2;}
.main03 .section-latest.site .site-content > dl > .link-list > ul > li > a {display:inline-block; font-size:16px; line-height:1.1; padding:5px 10px; color:#515151;}
.main03 .section-latest.site .site-content > dl > .link-list > ul > li:first-child > a {padding-top:10px;}
.main03 .section-latest.site .site-content > dl > .link-list > ul > li:last-child > a {padding-bottom:10px;}
.main03 .section-latest.site .site-content > dl > .link-list > ul > li > a:hover {color:#000;}
.main03 .section-latest.site .site-content > dl > .link-list .btn-close {position:absolute; z-index:2; top:0; right:0; width:25px; height:25px; font-size:0; text-indent:-999em; overflow:hidden; cursor:pointer; color:#515151; }
.main03 .section-latest.site .site-content > dl > .link-list .btn-close:before {display:inline; line-height:25px; text-indent:0; content: '\f00d'; font: normal normal normal 17px/1 FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@media screen and (max-width:640px) {
	.main .container.main03 {background-position:50% -500px;}
}

/* mainLayout - main_04 */
.main .container.main04 {background:#78a56b url(../images/main/main04_bg.jpg) 50% 50% no-repeat;}

.main04 .main-content > ul > li > section {height:367px;}
.main04 .main-content > ul > li > .section-mbox {background-color:#fff; line-height:1.4;}
.main04 .main-content > ul > li > .section-mbox .h3-title {margin-top:40px;}
.main04 .main-content > ul > li > .section-mbox .mbox-content {font-size:20px; letter-spacing:-1.5px;}
.main04 .main-content > ul > li:nth-child(1) > .section-mbox {color:#fff; padding-left:35px; text-align:left;}
.main04 .main-content > ul > li:nth-child(1) > .section-mbox:first-child {background-color:transparent; border:5px solid #fff; -webkit-box-sizing:border-box; box-sizing:border-box;}
.main04 .main-content > ul > li:nth-child(1) > .section-mbox .h3-title {color:#fff; font-size:34px; font-weight:700;}
.main04 .main-content > ul > li:nth-child(1) > .section-mbox .mbox-content strong {font-size:20px; font-weight:700; color:#fff;}

.main04 .main-content > ul > li:nth-child(1) > .section-mbox:last-child{background:#ccc;}

.main04 .main-content > ul > li:nth-child(1) > .section-mbox:last-child .mbox-content {font-size:26px; font-weight:300;}
.main04 .main-content > ul > li:nth-child(1) > .section-mbox:last-child .mbox-content strong {font-size:26px; font-weight:700;}
.main04 .main-content > ul > li:nth-child(3) > .section-mbox:nth-child(1) {background-color:#f65745; color:#fff;}
.main04 .main-content > ul > li > .section-mbox.middle {height:754px;}
.main04 .main-content > ul > li .section-latest .h3-title {color:#3c3f51;}
.main04 .section-mbox {display:inline-block; margin-bottom:20px;}
.main04 .section-mbox:last-child {margin-bottom:0;}


@media screen and (max-width:640px) {
	.main .container.main04 {background-position:50% -500px;}
}


/*******************************************************************
Layout SUB
********************************************************************/
.sub #header {margin:0;}

.container.sub { padding:0;}

.sidebar {background-color:#bbb; position:relative; margin-bottom: 4em;}
.sidebar.sub1 {background:#bbb url(../images/content/bg_top1.jpg) 50% 50% no-repeat;background-size:cover}
.sidebar.sub2 {background:#bbb url(../images/content/bg_top2.jpg) 50% 50% no-repeat;background-size:cover}
.sidebar.sub3 {background:#bbb url(../images/content/bg_top3.jpg) 50% 50% no-repeat;background-size:cover}
.sidebar.sub4 {background:#bbb url(../images/content/bg_top4.jpg) 50% 50% no-repeat;background-size:cover}
.sidebar.sub5 {background:#bbb url(../images/content/bg_top5.jpg) 50% 50% no-repeat;background-size:cover}
.sidebar > .container { width:100%; }
.sidebar > .container > .inner {display:block; width:100%; height:280px; text-align:center;}
.sidebar .h2-title {display:inline-block; font-size:48px; color:#fff; font-family:'YiSunShin Dotum'; margin:107px 0 96px}

.sidebar .lnb {width:100%;position: relative}

.tab-menu{display:inline-block; width:100%; max-width:1044px; font-size:0;}
.tab-menu nav{display:block;padding:0;}
.tab-menu nav .tab-title{display:none}
.tab-menu nav ul {width: 100%;display: table; border-collapse: collapse;}
.tab-menu nav li{background:#363636; vertical-align:middle; display: table-cell; width: 33.3333%;}
.tab-menu nav a{display:inline-block; padding: 17px 7px; width:100%; height:100%; color:#acacac; font-size:18px; font-weight:400; line-height:1.1; border:2px solid transparent;}
.tab-menu .on a,.tab-menu nav a:hover,.tab-menu nav a:focus{color: #333; border:2px solid #363636; background:#fff; -webkit-box-sizing: border-box; box-sizing: border-box;  font-weight: 700;}

.nav-link.tab-menu{max-width: 300px; margin:0 auto 3em; display: block}
.nav-link.tab-menu.__open-tab ul{visibility:visible;top:43px;z-index:100;border:none;background-color:#a1a1a1;opacity:1;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.3);box-shadow:0 2px 5px rgba(0,0,0,0.3); margin: 0 -1px; width: auto;}
.nav-link.tab-menu.__open-tab nav .tab-title .btn-tab-title{background-position: 100% -17px;}
.nav-link.tab-menu nav{position:relative;min-width:250px;padding:0;border:1px solid #aaa}
.nav-link.tab-menu nav .tab-title{display:block}
.nav-link.tab-menu nav .tab-title .btn-tab-title{width:100%;padding:8px 34px 8px 15px;background: #f1f1f1 url(../images/common/ico_arrow_tab.png) 100% 19px no-repeat;background-size:28px auto;font-size:18px;font-size:1.8rem;font-weight:700;color:#333;text-align:left;cursor:pointer; height: 43px;}
.nav-link.tab-menu nav ul{display:block;visibility:hidden;position:absolute;right:0;left:0;margin:0 -1px;padding:1px 0;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}
.nav-link.tab-menu nav li{display:block;float:none;padding:0 1px;background:none; width: 100% !important}
.nav-link.tab-menu nav li a,.nav-link.tab-menu nav li.on a {padding:7px 20px;background:none;text-align:left; border: none}
.nav-link.tab-menu nav li a {color: #333}
.nav-link.tab-menu .on a, .nav-link.tab-menu nav a:hover, .nav-link.tab-menu nav a:focus {color: #fff; border:none; background-color: #b09040;}

/*.sidebar .lnb-menu {display:inline-block; width:100%; max-width:1044px; font-size:0;}
.sidebar .lnb-menu .ico-link { display: inline-block; width: 14px; height: 14px; vertical-align: top; margin-left: 5px; background: url(../images/common/ico_link_w.gif) 0 50% no-repeat;  font-size:0; overflow:hidden; text-indent:-999em; }
.sidebar .lnb-menu > li {}
.sidebar .lnb-menu > li > a {padding:14px 20px;}
.sidebar .lnb-menu > li > a { display:inline-block; padding: 17px 7px; width:100%; height:100%; color:#acacac; font-size:18px; font-weight:400; line-height:1.1; border:2px solid transparent;}*/

.sub .content-wrap {max-width:1065px; font-size:16px; margin:0 auto; padding:95px 10px 30px 10px; vertical-align: top; }

.sub #content { position: relative; text-align:center; }
.sub #content .h3-title {font-size:30px; color:#313131; margin-bottom:1.4em; padding:0;}
#content .content-body { min-height: 400px; font-size: 16px; margin-top: 2em;}

.content-header h1, .content-header h2 { font-size: 32px; font-weight: bold; color: #333; margin-top: 15px; padding-bottom: 15px; }

.content-wrap .pagelink-wrap {text-align: right; margin:1em 0; line-height: 1.2;}
.content-wrap .pagelink-wrap a {font-size: 15px;color: #666; }
.content-wrap .pagelink-wrap a:hover {text-decoration: underline}
.content-wrap .pagelink-wrap .gt { color: #bbb; display: inline-block; margin:0 4px}
.content-wrap .pagelink-wrap .menu-active { font-weight: bold; }
.content-title-wrap {margin:0.7em 0 1.8em;text-align: center; font-size: 45px;}
.content-title-wrap .h1-title {font-size: 45px; color: #363636; line-height: 1.1; font-weight: 200;}
.content-adminarea {border: 2px solid #b1913f; padding:1.6em 0.5em; margin:2em 0; display:flex; justify-content: space-evenly; align-items: center;}
.content-adminarea dl {display: inline-block; margin:0 1.5em }
.content-adminarea dt,.content-adminarea dd {display: inline-block; line-height: 1.3; padding:0.2em 0; font-size: 18px; font-weight: bold;}
.content-adminarea dt {font-weight: bold;}
.content-adminarea dt.ico-only:after {display: none;}
.content-adminarea dt i.ico-cntadmin {display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-top: -2px; margin-right: 0.3em;}
.content-adminarea dt i.ico-cntadmin.i1 {background: url(../images/common/ico_cntadmin_1.png) 50% 50% no-repeat;}
.content-adminarea dt i.ico-cntadmin.i2 {background: url(../images/common/ico_cntadmin_2.png) 50% 50% no-repeat;}
.content-adminarea dt i.ico-cntadmin.i3 {background: url(../images/common/ico_cntadmin_3.png) 50% 50% no-repeat;}
.content-adminarea dt i.ico-cntadmin.i4 {background: url(../images/common/ico_cntadmin_4.png) 50% 50% no-repeat;}
.content-adminarea dt:after {content:':'; display: inline-block; margin:0 0.2em}

@media screen and (max-width: 997px) {
	.content-wrap { float: none; width: 100%; padding: 0; }
	html.sub .container.sub {background:none;}

	.content-header { padding-top: 40px; }
	.content-header h1, .content-header h2 { font-size: 23px; }
	.content-title-wrap {margin:0.4em 0 0.8em}
	.content-title-wrap .h1-title {font-size: 36px;}
	.content-wrap .pagelink-wrap a {font-size: 13px;}
	.sidebar { margin-bottom: 2.5em;}
	.sidebar > .container > .inner {height: 125px;}
	.sidebar .h2-title {font-size: 30px; margin:40px 0 20px}
	.sidebar .lnb {position: static;width: auto; margin:0}
	.sidebar .lnb-menu > li > a {font-size: 16px; padding:10px 5px}

	.tab-menu{margin-top:12px}
	.tab-menu.__open-tab ul{visibility:visible;top:43px;z-index:100;border:none;background-color:#363636;opacity:1;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.3);box-shadow:0 2px 5px rgba(0,0,0,0.3); margin: 0 -1px; width: auto;}
	.tab-menu.__open-tab nav .tab-title .btn-tab-title{background-position: 100% -17px;}
	.tab-menu nav{position:relative;min-width:250px;padding:0;border:1px solid #272f4e}
	.tab-menu nav .tab-title{display:block}
	.tab-menu nav .tab-title .btn-tab-title{width:100%;padding:8px 34px 8px 15px;background: #fff url(../images/common/ico_arrow_tab.png) 100% 19px no-repeat;background-size:28px auto;font-size:18px;font-size:1.8rem;font-weight:700;color:#333;text-align:left;cursor:pointer; height: 43px;}
	.tab-menu nav ul{display:block;visibility:hidden;position:absolute;right:0;left:0;margin:0 -1px;padding:1px 0;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}
	.tab-menu nav li{display:block;float:none;padding:0 1px;background:none}
	.tab-menu nav li a,.tab-menu nav li.on a {padding:7px 20px;background:none;text-align:left; border: none}
	.tab-menu .on a, .tab-menu nav a:hover, .tab-menu nav a:focus {color: #fff; border:none; background-color: #b09040;}

}
@media screen and (max-width:768px) {
	.sidebar {background-size:cover !important;}
	.sidebar .inner {height:240px;}
	.sidebar .lnb {bottom:-25%;}
	.sidebar .lnb-menu {padding:0 10px; text-align:left;}
	.sidebar .lnb-menu > li {width:33.3333% !important; max-width:100% !important; text-align:center;}

	.sub #content .h3-title {margin-bottom:.7em;}
	.content-adminarea {padding:1em 0.3em}
	.content-adminarea dt,.content-adminarea dd {font-size: 16px}
	.content-adminarea dl {margin: 0 1em}
}
@media screen and (max-width:400px) {
	.content-adminarea {text-align: left}
}
	
/* public css */
.h3-title { font-size: 30px; font-size: 3rem; color: #313131; margin-bottom: 1em; line-height: 1.4; }
.h4-title { font-size: 20px; font-size: 2rem; font-weight: 700; color: #313131; line-height: 1.4; margin-bottom: 2em; }
.text { font-size: 16px; font-size: 1.6rem; color: #313131; line-height: 1.4; }
.list-dash {margin-top:3px;}
.list-dash li { font-size: 16px; font-size: 1.6rem; line-height: 1.4; padding: 2px 0 2px 10px; position: relative; text-align:left;}
.list-dash li:before { display: inline-block; content: ''; width:5px; height:1px; background:#313131; position: absolute; top:13px; left:0; }
.list-dash li > strong {font-size:16px; font-weight:700;}
.list-dot li { padding: 2px 0 2px 10px; position: relative; }
.list-dot li:before { display: inline-block; content: ''; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background:#313131; border-radius:100%;}

.section-content { margin-bottom: 2em; }

.dltable { word-break: keep-all; }

.tab-content .dltable { display: table; border-collapse: collapse; width: 100%; }
.tab-content .dltable dl { display: table-row; }
.tab-content .dltable dt, .tab-content .dltable dd { border: 1px solid #ccc; font-size: 16px; font-size: 1.6rem; line-height: 1.6; vertical-align: middle; padding: 14px 20px; display: table-cell; }
.tab-content .dltable dt { width: 20%; background-color: #ececec; text-align: center; font-weight: 700; }
.tab-content .dltable dd { width: auto; }
.tab-content .dltable dd.title { font-weight: 700; text-align: center; }
.tab-content .dltable dd.tc { text-align: center; }

.table-info { width: 100%; border: 1px solid transparent; }
.table-info .divide-line { border-left: 3px double #ccc; }
.table-info caption:after { display: inline-block; content: '(단위:만원)'; position: absolute; right: 0; bottom: 0; line-height: 18px; font-weight: 400; }
.table-info th, .table-info td { font-size: 16px; font-size: 1.6rem; line-height: 1.6; vertical-align: middle; padding: 14px 20px; border: 1px solid #ccc; }
.table-info th { background-color: #ececec; text-align: center; font-weight: 700; border-bottom: 0; }
.table-info th.ed { border-bottom: 1px solid #ccc; }
.table-info td { width: auto; }
.table-info td.title { font-weight: 700; text-align: center; }
.table-info td.tc { text-align: center; }
.table-info.tc td { text-align: center; }
.caution { line-height: 2; }

.nav-tab { position: relative; margin-bottom: 40px; }

.tabmenu { display: inline-block; width: 100%; border-top: 1px solid #ccc; }
.tabmenu:after { display: table-cell; content: ''; clear: both; }
.tabmenu li { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; line-height: 1.6; height: 54px; text-align: center; }
.tabmenu li:first-child { border-left: 1px solid #ccc; }
.tabmenu li a { display: inline-block; width: 100%; height: 100%; padding: 15px 0; color: #464646; font-size: 16px; }
.tabmenu li.on a, .tabmenu li a:hover { font-weight: 700; background-color: #ececec; }
.tabmenu li.formobile { display: none; }

@media screen and (max-width: 997px) {
	.nav-tab { margin-bottom: 20px; }
}

@media screen and (max-width: 768px) {
	.h4-title {margin-bottom:1em;}

	.nav-tab .tabmenu li.formobile { display: block; }

	.tabmenu, .for_year { position: relative; padding-top: 45px; }
	.tabmenu li, .for_year li { float: none; display: none; margin-left: 0; position: relative; padding: 0; width: 100% !important; height: 45px; border-left: 1px solid #ccc; }
	.tabmenu li a, .for_year li a { width: 100%; padding: 10px 0; }
	.tabmenu li.on, .for_year li.on { display: block; position: absolute; top: 0; }
	.tabmenu li.on a, .for_year li.on a { position: relative; }
	.tabmenu li.on a:before, .for_year li.on a:before { position: absolute; right: 15px; top: 15px; content: '▼'; display: inline-block; margin-top: -2.5px; font-size: 12px; }
	.tabmenu.__dropdown li, .for_year.__dropdown li { display: block !important; }
	.tabmenu.__dropdown li.on a:before, .for_year.__dropdown li.on a:before { content: '▲'; }
}

/* editor */
.board-write #editor-container {position: relative; height: 400px;width: 100%; border:1px solid #ccc; overflow: hidden; margin-top: 1.5em;}
.board-write #editor {position: absolute;width: 100%;height: 400px;}

/* Prize list */
.prize-list li:first-child {border-top:1px solid #ccc}
.prize-list li {border-bottom:1px solid #ccc}
.prize-list .cell {padding:0.8em 1em;word-break:keep-all;word-wrap:break-word;}
.prize-list .cell-first {width: 120px; text-align: center; word-break:normal}
.prize-list .cell-img {width: 150px;background-color: #ececec;word-break:normal; text-align: center}
.prize-list .cell-img img {width: 100%; max-width: 155px;}
.prize-list .cell-title {width: 255px;}
.prize-list .cell-desc {line-height: 1.3;padding-left: 0;padding-right: 0}
.prize-list .cell strong {display: block;font-size: 16px; line-height: 1.1;font-weight: 700;letter-spacing: -1px}
.prize-list .cell .name {font-size: 22px; margin-bottom: 0.4em;}
.prize-list .cell .no {margin-bottom: 0.5em;}
.prize-list .cell .prz-name {font-weight: 400;}
.prize-list .cell .prz-title {font-weight: 700;font-size: 20px; color: #88290c; display: inline-block; line-height: 1.1; letter-spacing: -1px}
.prize-list .nodata {padding:1.5em; text-align: center; font-size: 18px}

@media screen and (max-width: 997px) {
	.prize-list .item {padding:1em 0}
	.prize-list .cell .no,.prize-list .cell .name {margin: 0;}	
	.prize-list .cell {display: block; width: 100%; text-align: left; padding:0 0 6px}
	.prize-list .cell-desc {font-size: 14px;padding: 0;}
	.prize-list .cell-img {display: block;}
	.prize-list .cell strong {display: inline-block; font-size: 17px !important; margin-right: 0.3em;}
	.prize-list .cell .br {display: block;}
}

/* 포상자 정보 관리 */
.winner-article,.prize-article {border-top: 2px solid #c9ad62; border-bottom: 1px solid #c9ad62;margin-bottom: 2em;}
.winner-article img,.prize-article img {max-width: 100%}
.winner-article .winner-header {clear: both;overflow: hidden;padding:1.2em 0;border-bottom: 1px solid #ccc;}
.prize-article .prize-header {padding-top: 1.2em; clear: both; overflow: hidden;}
.winner-article .winner-header .fl {width: 25%;}
.winner-article .winner-header .fr {width: 75%;padding-left: 50px;}
.winner-article .header-title {margin-top: 2em; margin-bottom: 2.5em;}
.winner-article .header-title strong, .prize-article .header-title {font-size: 24px; display: inline-block; line-height: 1.2; color: #363636}
.prize-article .header-title {margin-bottom: 0.5em; font-size: 2em; clear: both;}
.prize-article .header-title .thumb {display: inline-block; margin-right:0.5em;vertical-align: middle; width: auto; height: 75px;}
.prize-article .header-title .thumb img {max-width: 100%; height: 100%;}
.winner-article .header-title .name {font-size: 35px;display: block;}
.winner-article .header-detail dl,.prize-article .header-detail dl {display: table; float: left; width: 50%; margin: 5px 0}
.winner-article .header-detail dt,.winner-article .header-detail dd,.prize-article .header-detail dt,.prize-article .header-detail dd {display: table-cell; vertical-align: middle}
.winner-article .header-detail dt,.prize-article .header-detail dt {font-size: 20px; color: #c9ad62; background-color: #363636; width: 88px; height: 30px; text-align: center; padding:5px; line-height: 1.1}
.prize-article .header-detail dt {font-size: 18px; padding:10px; width: 130px;}
.winner-article .header-detail dd,.prize-article .header-detail dd {font-size: 24px;padding-left: 0.7em;}
.prize-article .header-detail dd {font-size: 20px;}
.winner-article .winner-content,.prize-article .prize-content {display: block;overflow: hidden;line-height: 1.6;font-size: 16px;padding:2.5em 0;color: #555;}
.prize-article .prize-content .textarea {height: 400px; font-size: 14px;}
.winner-article .winner-content p {margin-top: 1.5em;}
.winner-article .winner-content .strong-title {color:#c9ad62; font-size: 24px; font-weight: bold;line-height: 1.3;display: block;word-break:keep-all;word-wrap:break-word;}
.winner-input-img {overflow: hidden; margin-bottom: 1em;}
.winner-input-img label {font-weight: bold; margin-bottom: 0; display: block; font-size: 18px}
.winner-input-img img {max-width: 100%}
.winner-input-img .fl {width: 32%; text-align: center; padding-right: 20px;}
.winner-input-img .fr {width: 68%; margin-top: 5%;}
.winner-input-img .cell {padding:7px; height:52px;line-height: 1.1}
@media screen and (max-width: 997px) {
	.winner-article .header-title .name {font-size: 26px;}
	.winner-article .winner-header .fr {padding-left: 25px;}
	.winner-article .header-title strong {font-size: 20px;}
	.winner-article .header-detail dt {font-size: 16px;}
	.winner-article .header-detail dd {font-size: 18px;}
	.winner-article .header-detail dl {margin:3px 0}
	.prize-article .header-detail dl {width: 100%;}
	.winner-input-img .cell {padding:5px 0 0.2em;height: 45px;}
}
@media screen and (max-width: 740px) { 
	.winner-article .header-title {margin-top: 0; margin-bottom: 1em;}
	.winner-article .header-detail dl {width: 100%;}
}
@media screen and (max-width:660px) {
	.winner-input-img .fl {width: 100%; text-align: center; padding-right: 0px; margin-bottom: 0.5em;}
	.winner-input-img .fl .img {display: block; width: 160px; margin:0 auto}
	.winner-input-img .fr{display: block; float:none; width:100%}
	.display-table .cell {width: 80%;}
	.display-table .cell.cell-label {padding-left: 0;width: 20%;}
	.prize-list .cell {width: 100%;}
}
@media screen and (max-width:570px) {
	.display-table .cell {width: 75%;}
	.display-table .cell.cell-label {width: 25%;}
	.prize-list .cell {width: 100%;}
}
@media screen and (max-width: 460px) { 
	.winner-article .winner-header .fl,.winner-article .winner-header .fr {	padding: 0;	width: 100%;}
	.winner-article .winner-header .fl {width: 50%;}	
	.winner-article .header-title {margin-top: 1em;}
}

.section:after {content:''; display: table; clear: both;}

/* scrollbar */
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ /* contains plugin's markup */
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}
.mCSB_container{ /* contains the original content */
	overflow: hidden;
	width: auto;
	height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container{ margin-right: 20px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
	margin-right: 0;
	margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */
.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
	right: auto;
	left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0; 
	height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
	width: 2px;
	height: 100%;
	margin: 0 auto; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
	cursor: pointer;
	width: 100%;
	height: 30px; /* minimum dragger height */
	z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
	position: relative;
	width: 7px;
	height: 100%;
	margin: 0 auto; border-radius: 16px;
	text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }
/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container{
	margin-right: 0;
	margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal{
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
	width: 100%;
	height: 2px;
	margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
	width: 30px; /* minimum dragger width */
	height: 100%;
	left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 10px;
	margin: 3px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
	height: 12px; /* auto-expanded scrollbar */
	margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
	height: 8px; /* auto-expanded scrollbar */
	margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper{
	position: absolute;
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: 30px;
	margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container{
	padding-right: 30px;
	padding-bottom: 30px;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
	margin-right: 0;
	margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
	margin-right: 0; /* non-visible scrollbar */
	margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }
.mCSB_scrollTools, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
	-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
		margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
		margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
		opacity .2s ease-in-out, background-color .2s ease-in-out; 
	transition: width .2s ease-out .2s, height .2s ease-out .2s, 
		margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
		margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
		opacity .2s ease-in-out, background-color .2s ease-in-out; 
}
/* default theme ("light") */
.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #ccc; background-color: rgba(0,0,0,0.2);
	filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background-color: #666; background-color: rgba(0,0,0,0.4);
	filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: #666; background-color: rgba(0,0,0,0.4);
	filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image: url(mCSB_buttons.png); /* css sprites */
	background-repeat: no-repeat;
	opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }


.sub-info-search {position: absolute; top:0px;z-index: 1; height: 40px;border:1px solid #b7b7b7;width: 250px; background-color: #eee;}
.sub-info-search input[type=text] {padding:0 10px; line-height: 38px; height: 38px;border:none; background-color: transparent; width: 100%; font-size: 16px;}
.sub-info-search:after {content: "\f002";display: block;width: 28px;height: 40px; font: normal normal normal 24px/1 FontAwesome;position: absolute;top:5px;right:0;color:#B09040}
.sub-info {position: relative; height: 100%;overflow: hidden}
.sub-info-sidebar {width: 250px;background-color: #fff;border:1px solid #b7b7b7;position: absolute;top: 0;bottom: 0;left: 0;font-size: 15px;padding-top:40px;}
.sub-info-sidebar .nav {width: 100%;}
.sub-info-sidebar .nav strong {font-size: 18px; font-weight: bold;letter-spacing: -1px; padding:10px 10px 5px 9px;display: block;}
.sub-info-sidebar .nav a{font-size: 16px; color: #555; line-height: 1.15; padding:5px 10px 5px 25px; display: block;word-break:keep-all;word-wrap:break-word;
}
.sub-info-sidebar .nav .on a {color:#B09040; font-weight: bold;}
.sub-info-sidebar .nav a:hover {text-decoration: underline}
.sub-info-content {padding-left: 280px;}
.sub-info-content .sub-info-title {font-size: 24px;padding:0.45em 0.6em; background-color: #c9ad62; color: #fff; display: block; line-height: 1.2; margin-bottom: 1.5em; font-weight: 400;}
.sub-info-content .sub-title {font-size: 18px; font-weight: 800; color: #444; line-height: 1.2; border-left:3px solid #c9ad62; padding-left: 10px; margin-bottom: 0.5em;}
.sub-info-content .sub-title .desc {font-size: 16px; font-weight: 400;}
.sub-info-content .sub-content {line-height: 1.6; color: #555; word-break:keep-all;word-wrap:break-word; padding-left: 13px;}
.sub-info-content .section {margin-bottom: 2em; overflow: hidden}
.sub-info-content .sub-content .etc {font-size: 14px; line-height: 1.2; display: block; margin-top: 0.3em;}

.dot-list > li:before{content:'·'; font-size: 22px;display: inline-block; margin-left: -15px; width: 10px;height: auto; position: absolute; margin-top: -5px;}
.dot-list  > li {padding-left: 12px; line-height: 1.5; margin-bottom: 0.3em;word-break:keep-all;word-wrap:break-word;}
.dot-list  > li > .dash-list {margin-bottom: 0.4em;}
.dot-list  > li > .dash-list > li:before{content:'-'; font-size: 20px; color: #aaa; font-weight: 400; display: inline-block; margin-left: -12px; width: 12px;height: 10px; position: absolute; margin-top: -6px;}
.dot-list  > li > .dash-list > li {padding-left: 12px; line-height: 1.5; margin-top: 0.3em;word-break:keep-all;word-wrap:break-word; font-size: 15px;}
.dot-list  > li > .dash-list > li.no-dot:before {display: none;}

@media screen and (max-width:997px) {
	.sub-info-search {position: static; width: 100%; margin-bottom: 0.5em;}
	.sub-info-sidebar {visibility: hidden;opacity: 0;-webkit-transition: all 0.5s;transition: all 0.5s;padding-top: 0;height: 200px;width: 100%;bottom: 100px;-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);box-shadow: 0 5px 10px rgba(0,0,0,0.2);top: 39px;}
	.sub-info-sidebar.__open-search {visibility: visible; opacity: 1}
	.sub-info-content {padding-left: 0; width: 100%;}
}

/* login */
body.login {background-color: #ebebeb;}
.login-section {margin:0 auto; width: 700px; height: 620px; background-color: #b1913f; position: absolute; top:50%; left:50%; margin:-310px 0 0 -350px}
.login-section .login-logo {display: block;width: 500px;height: 175px;background-color: #645631;position: relative; padding: 20px 50px; margin:0 auto 3em}
.login-section form {max-width: 420px; margin:0 auto 2em; text-align: center}
.login-section form legend {font-size: 40px; text-indent: 0; display: inline-block; position: static; color: #fff; opacity: 1; width: auto; height: auto; line-height: 1.2; letter-spacing: -1px; margin-bottom: 1em }
.login-section form .input {height: 55px; width:100%; line-height: 53px; margin: 0; border:1px solid #959595; padding-left: 66px;}
.login-section .login-id,.login-section .login-pw {position: relative; max-width: 400px; height: 55px; overflow: hidden; margin:0 auto 1em;}
.login-section .login-id:before,.login-section .login-pw:before {position: absolute; top:1px; left:1px;content: '' ;width: 53px;height: 53px;z-index: 1;}
.login-section .login-id:before {background:#eee url(../images/common/ico_login_id.png) 50% 50% no-repeat;}
.login-section .login-pw:before {background:#eee url(../images/common/ico_login_pw.png) 50% 50% no-repeat;}
.login-section .login-logo img {max-width: 100%}
.login-section .btn-login-submit {margin-top: 1em;}
.login-section .login-desc {display: block;max-width: 400px; margin:0 auto; text-align: center; color: #363636; font-size: 25px;}
.login-section .login-desc dt, .login-section .login-desc dd {display: inline-block}
.login-section .login-desc dd {font-weight: bold; margin-left: 5px;}
@media screen and (max-width:997px) {
	.login-section {width: 450px;height:480px;margin:-225px 0 0 -240px}
	.login-section .login-logo {width:85%;height: 125px; padding: 12px 38px; margin-bottom: 2.5em;}
	.login-section form legend {font-size: 33px;}
	.login-section .login-id, .login-section .login-pw {max-width: 330px; height: 46px;}
	.login-section form .input {height: 46px; line-height: 44px;}
	.login-section .btn-login-submit {margin-top: 0; max-width: 330px}
	.login-section .login-desc {font-size: 22px;}
	.login-section .login-id:before, .login-section .login-pw:before {width: 44px;height: 44px;}
}
@media screen and (max-width:540px) {
	.login-section {width: 300px;height: 300px;margin:-150px 0 0 -150px}
	.login-section .login-logo {width: 260px;height: 60px; padding: 1px 38px; margin-bottom: 0.8em;}
	.login-section form {margin-bottom: 0.5em;}
	.login-section form legend {font-size: 23px; margin-bottom: 0.5em;}
	.login-section .login-id, .login-section .login-pw {max-width: 260px;margin-bottom: 0.5em;}
	.login-section .btn-login-submit {max-width: 260px}
	.login-section .login-desc {font-size: 16px;margin-top: 0px;}
}

/* agency-list */
.agency-list tbody td {background-color: #f2f2f2;}
.agency-list tbody td.bg1 {background-color: #fff;}
.graph-header {overflow: hidden; margin-bottom: 0.5em;}
.graph-header.mb {margin-bottom: 1.5em;}
.graph-header .graph-title {font-size: 24px; font-weight: bold; line-height: 1.1;}
.graph-item {display: block; position: relative; margin-bottom: 1.5em; overflow: hidden}
.graph-item dt {display: block; font-weight: bold; overflow: hidden; font-size: 18px; padding:0.5em 0}
.graph-item dd {display: block; font-weight: bold;overflow: hidden}
.graph-item dd span {display: block; float: left; padding:20px 0; text-align: center; color:#fff; font-weight: bold; font-size: 13px; line-height: 1.1; -webkit-transition: width 1s; transition: width 1s;width:0}
.graph-legend {float: right;}
.graph-legend li {display: inline-block; line-height: 1.1; min-width: 70px;text-align: center; color: #fff; font-weight: normal; padding:8px; margin-left: 4px;}
.graph-section {position: relative; margin-top: 4em; margin-bottom: 2em;}
.graph-section.mt0 {margin-top: 0;}
.graph-section-basedate {text-align: left; margin-top: 0; color: #B09040; margin-bottom: 1em; line-height: 1.1;}
.graph-section .color1 {background: #b1913f url(../images/common/bg_color1.png) 0 0}
.graph-section .color2 {background: #2b9da2 url(../images/common/bg_color2.png) 0 0}
.graph-section .color3 {background: #645631 url(../images/common/bg_color4.png) 0 0}
.graph-section .color4 {background: #5089b8 url(../images/common/bg_color3.png) 0 0}
.graph-section .total-count {position: absolute; font-size: 24px; width: 100%; text-align: center; top:80px}
.graph-section .total-count strong {font-size: 36px;}
.graph-section .group {overflow: hidden; padding:5px 0 0}
.graph-item-vertical {float: left; width: 60px;position: relative; display: table; height: 100%;}
.graph-item-vertical dt {display: block; position: absolute; bottom:0; background-color: #444; color: #fff; width: 100%;height: 30px; line-height: 28px; font-weight: 400; text-align: center; font-size: 14px;}
.graph-item-vertical dd {display: table-cell; vertical-align: bottom; padding-bottom:30px; text-align: center}
.graph-item-vertical dd span {display: block; background-color: #ccc; width: 20px; margin:0 auto}
.graph-item-vertical dd strong {position: absolute;left:0; margin-top: -25px; display: block; font-size: 16px; width: 100%; text-align: center}

@media screen and (max-width:730px) {
	.graph-section {margin-top: 2em;margin-bottom: 1em;}
	.graph-section .scroll-area { width: 100%; overflow:hidden; border:1px solid #e1e1e1}
	.graph-section .scroll-area .graph-item,.graph-section .scroll-area .group {min-width: 730px}
	.graph-legend {margin-top: 0.5em;}
	.graph-legend li {min-width: 55px;padding: 5px;	margin-left: 3px;	}
	.graph-item {margin-bottom: 0.5em;}
	.graph-item dd span {padding:8px 0}
	.graph-item dt {font-size: 16px;}
	.graph-item-vertical dt {font-size: 13px;}
}


.main-openspace{padding:70px 0;background-color:#fff}
.main-openspace .container{ padding: 0;}
.main-openspace .cell{display:table-cell;width:25%;vertical-align:top}
.main-openspace .cell .main-title{display:block;color:#f2970b;text-align:left}
.main-openspace .cell .main-title-desc{display:block;font-size:26px;font-size:2.6rem;font-weight:300;line-height:1.25;color:#787878;text-align:left;word-break:keep-all;word-wrap:break-word}
.main-openspace .main-news{position:relative;width:100%;text-align:center;vertical-align:top}
.main-openspace .main-news .title{max-width:530px;margin:0 0 40px;font-size:24px;font-size:2.4rem;color:#404040;text-align:left}
.main-openspace .main-news .main-news-list{width:100%; text-align:left}
.main-openspace .main-news .main-news-list li{display:block;overflow:hidden;margin:0 0 18px;line-height:1.15;font-size:18px;font-size:1.8rem}
.main-openspace .main-news .main-news-list li a{display:block;overflow:hidden;float:left;width:73%;color:#666;white-space:nowrap;word-wrap:normal;word-break:break-all;text-overflow:ellipsis}
.main-openspace .main-news .main-news-list li a:hover{color:#4b9abc}
.main-openspace .main-news .main-news-list li .date{display:inline-block;float:right;color:#787878;text-align:right}
.main-openspace .main-links{display:table-cell;width:30%;text-align:right;vertical-align:middle}
.main-openspace .main-links ul{display:inline-block}
.main-openspace .main-links li{display:block;margin:0;margin:-1px 0 0;padding:0;border:1px solid #d5d5d5}
.main-openspace .main-links li:first-child{margin:0}
.main-openspace .main-links a{display:block;overflow:hidden;height:100%;margin:0 auto;padding:0;text-align:center}
.main-openspace .main-links a img{display:inline-block;max-width:100%;height:auto;margin:1px auto;padding:0;border:0;vertical-align:middle}

@media screen and (max-width: 1024px){
.main-openspace {padding:2em 0}
.main-openspace .container{display:block}
	.main-openspace .cell{display:block;float:left;width:33%}
	.main-openspace .main-news{overflow:hidden; margin:0 0 1em}
	.main-openspace .main-news .title{margin:0 0 1em}
	.main-openspace .main-news .main-news-list li{margin:0 0 .8em}
	.main-openspace .main-news .main-news-list li a{width:74%}
	.main-openspace .main-links{display:block;clear:both;width:100%;margin:2em 0 0}
	.main-openspace .main-links ul{display:table;width:100%;border-collapse:collapse}
	.main-openspace .main-links li{display:table-cell}
}

@media screen and (max-width: 768px){
.main-openspace .main-news .main-news-list li { font-size:16px; font-size: 1.6rem;}
}

@media screen and (max-width: 640px){
	.main-openspace .cell{display:block;clear:both;width:100%;margin:0 0 .5em}
	.main-openspace .cell .main-title{display:inline-block;margin:0 .2em 0 0;text-align:left}
	.main-openspace .cell .main-title-desc{display:inline-block;font-size:16px;text-align:left}
	.main-openspace .main-news{display:block;overflow:hidden;clear:both;width:100%;margin:0 0 1em}
	.main-openspace .main-news .title{margin:0 0 1em}
	.main-openspace .main-news .main-news-list{max-width:700px}
	.main-openspace .main-news .main-news-list li{margin:0 0 .8em}
	.main-openspace .main-news .main-news-list li a{width:71%}
	.main-openspace .main-links ul{margin:0 auto}
	.main-openspace .main-links li{display:block;float:left;width:33.33%;height:50px;margin:0;line-height:50px;-webkit-box-sizing:border-box;box-sizing:border-box}
	.main-openspace .main-links li:nth-child(2){border-left:none;border-right:none}
	.main-openspace .main-links li a img{height:100%}
 .main-openspace .main-links li {width:50%;}
    .main-openspace .main-links li:nth-child(1) {border-bottom:0;}
    .main-openspace .main-links li:nth-child(2) {border-bottom:0; border-right:1px solid #d5d5d5;}
    .main-openspace .main-links li:nth-child(4) {border-left:0;}
}

@media screen and (max-width: 425px){
	.main-openspace .main-links li{margin:0}
	.main-openspace .main-links a img{height:100%}
}

@media screen and (max-width: 375px){
	.main-openspace .main-news .main-news-list li a{width:66%}
	.main-openspace .main-links li{float:none;clear:both;width:100%;border-top:none}
	.main-openspace .main-links li:nth-child(odd){border-right:1px solid #d5d5d5}
	.main-openspace .main-links li:first-child{border-top:1px solid #d5d5d5}
	.main-openspace .main-links li:nth-child(2){border-right:1px solid #d5d5d5;border-left:1px solid #d5d5d5}
.main-openspace .main-links li {width:100%; border-bottom:1px solid #d5d5d5 !important; border-left:1px solid #d5d5d5 !important;}
}

.miniboard-list-selectwrap { padding-right: 46px; position: relative; overflow: hidden; padding-bottom: 25px; }
.miniboard-list-selectwrap:after { content: ''; display: table; clear: both;}
.miniboard-list-selectwrap > li { width: 33.3333%; float: left; height: 46px; }
.miniboard-list-selectwrap > li + li { border-left: 1px solid #d6d6d6; }
.miniboard-list-selectwrap > li.active + li, .miniboard-list-selectwrap > li + li.active { border-left: none; }
.miniboard-list-selectwrap > li > button { font-size: 18px; line-height: 1; font-weight: bold; cursor: pointer; width: 100%; height: 100%; background-color: #ececec; border-bottom: 1px solid #363636; border-top: 1px solid #d6d6d6;}
.miniboard-list-selectwrap .btn-boardmore { display: none;}
.miniboard-list-selectwrap > .active .btn-boardmore { display: block; }
.miniboard-list-selectwrap > .active > button { outline: none; border-top: 2px solid #363636; border-left: 1px solid #363636; border-right: 1px solid #363636; border-bottom: none; background-color: white;}
.btn-boardmore { width: 47px; height: 46px; background-color: #404040; color: #d6d6d6; position: absolute; right: 0; top: 0; line-height: 44px; font-size: 44px; }
.main-news-list._forevent, .main-news-list._forenews { display: none;}
.main-openspace .main-news .main-news-list li._noitem { text-align:center;}
.main-openspace .main-news .main-news-list li + li._noitem { display:none; }

@media screen and (max-width: 768px){
    .miniboard-list-selectwrap > li > button { font-size: 16px;}
}

@media screen and (max-width: 640px){
.miniboard-list-selectwrap { padding-bottom: 15px; }
}

.reward-status-info{display: flex; justify-content: space-between;}
.reward-status-info .member-total-count{font-size: 20px;}
.reward-status-info .reward-status-info-year{font-size: 15px; color: #B09040; }

.reward-status-info-table { width: 100%; border-top: 1px solid black; border-bottom: 1px solid black; text-align: center; border-collapse: collapse; height: 100px; margin-top: 30px; }
.reward-status-info-table {
    width: 100%;
    border-top: 2px solid #c0c0c0;
    border-bottom: 2px solid #c0c0c0;
    margin-top: 0.8em;
}

.reward-status-info-table th,
.reward-status-info-table td {
    font-size: 16px;
    padding: 10px;
    vertical-align: middle;
    line-height: 1.3;
}

.reward-status-info-table th {
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #c0c0c0;
    background-color: #f2f2f2;
}

.reward-status-info-table td {
    text-align: center;
    border-bottom: 1px solid #c0c0c0;
}

.reward-status-info-table tr:last-child td {
    border-top: 2px solid #c0c0c0;
}

.section .sub-content .application-procedure-container {
    display: flex;
    width: 100%;
    height: 50px;
    justify-content: space-between;
}

.section .sub-content .application-procedure-container > div{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 22%;
}

.application-procedure-container div:nth-child(-n+3)::after {
    content: "⇨";
    font-size: 24px;
    color: #333;
    position: absolute;
    right: -24px;
    top: 45%;
    transform: translateY(-50%);
}

.section .sub-content .contact-container{
    display: flex;
    width: 100%;
    padding-left: 12px;
    line-height: 1.5;
    margin-top: 0.3em;
    word-break: keep-all;
    word-wrap: break-word;
    font-size: 15px;
}

.section .sub-content .contact-container .contact-left{
    width: 15%;
    text-align: right;
}

.section .sub-content .contact-container .contact-right{
    display: flex;
    flex-direction: column;  
    width: 70%;
}