@CHARSET "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

a { text-decoration: none; color: #1a1a1a; font-size: 10pt; }
p { margin: 10px; font-size: 10pt; }
span { font-size: 10pt; }
li { font-size: 10pt; }
img { border: 0; }
table { border-collapse: collapse; font-size: 10pt; }
hr { border: 1px solid #dedede; }

.display-table { display: table; }
.inline-block { display: inline-block; }

.hide { display: none; }

.font-9 { font-size: 9pt; }
.font-10 { font-size: 10pt; }
.font-11 { font-size: 11pt; }
.font-12 { font-size: 12pt; }
.font-13 { font-size: 13pt; }
.font-14 { font-size: 14pt; }
.font-15 { font-size: 15pt; }
.font-16 { font-size: 16pt; }
.font-17 { font-size: 17pt; }
.font-18 { font-size: 18pt; }
.font-19 { font-size: 19pt; }
.font-20 { font-size: 20pt; }
.font-21 { font-size: 21pt; }
.font-22 { font-size: 22pt; }
.font-23 { font-size: 23pt; }
.font-25 { font-size: 25pt; }
.font-30 { font-size: 30pt; }
.font-38 { font-size: 38pt; }
.font-45 { font-size: 45pt; }

.font-bolder{font-weight: bolder; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

.font-black { color: #1a1a1a; }
.font-gray { color: #666666; }
.font-gray-2 { color: #999999; }
.font-green { color: #76c200; }
.font-yellow { color: #feb300; }
.font-yellow-2 { color: #ffde46; }
.font-yellow-3 { color: #ffff9f; }
.font-blue { color: #0069b7; }
.font-red { color: #cc0000; }
.font-white { color: #ffffff; }
.font-light-gray { color: #bbbbbb; }
.font-sky { color: #00aaee }

.bold { font-weight: bold; }
.lighter { font-weight: lighter; }
.normal { font-weight: normal; }

.float-left { float: left; }
.float-right { float: right; }
.clear:after { content: " "; display: block; clear: both; }

.margin-0 { margin: 0 auto; }
.margin-5 { margin: 5px; }
.margin-10 { margin: 10px; }
.margin-20 { margin: 20px; }
.margin-30 { margin: 30px; }
.padding-10 { padding: 10px; }
.padding-20 { padding: 20px; }
.padding-30 { padding: 30px; }

.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-50 { margin-top: 50px; }

.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-50 { margin-bottom: 50px; }

.margin-right-20 { margin-right: 20px; }
.margin-right-30 { margin-right: 30px; }
.margin-right-50 { margin-right: 50px; }

.padding-top-20 { padding-top: 20px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-50 { padding-top: 50px; }

.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-bottom-60 { padding-bottom: 60px; }
.padding-bottom-70 { padding-bottom: 70px; }
.padding-bottom-80 { padding-bottom: 80px; }
.padding-bottom-90 { padding-bottom: 90px; }
.padding-bottom-100 { padding-bottom: 100px; }


.layout-background { height: 100%; background-color: #ffffff; color: #1a1a1a; margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-size: 0pt; }
.layout-wrapper { width: 100%; height: 100%; }

.layout-header-top { width: 100%; }
.layout-container { width: 100%; margin: 0 auto;}
.layout-container:after { content: " "; display: block; clear: both; }

.layout-header-top .btn-wrapper { float: right; margin-right: 30px; margin-bottom: -30px; margin-top: 10px;}
.btn-wrapper a { display: inline; border: 1px solid #C0C0C0; margin-left: -1px; padding: 8px 12px; font-size: 13px; font-weight: bold; line-height: 19px;}
.btn-wrapper{text-align: right; margin-top: 10px;}

.layout-header-sub-menu { position: absolute; left: 0px; width: 100%; z-index: 999; margin-top: 0px; display: none;}

.layout-body { background-color: white } /* #f5f7f6; */

.layout-sub-page-wrapper { width: 100%; height: 100%; background-color: #ffffff; }
.layout-image-wrapper { height: 264px; }
.layout-image-text { margin-top: -264px; padding: 80px 0 0 70px; }
.layout-image-cover-parent{text-align: center;}
.layout-image-cover{width: 960px;  height: 264px; margin-left: auto; margin-right: auto; text-align: left;}

.layout-breadcrumb { background-color: #75c100; padding: 17px 100px; margin-bottom: 80px; }
.layout-breadcrumb span { color: #ffffff; margin-right: 15px; }

.bottom-space { height: 100px; }

.layout-footer { border-top: 1px solid #eeeeee; }

.layout-page-wrapper { width: 100%; margin: 0 auto; }

.btn-big { -webkit-appearance: none; border: none; padding: 15px 45px; font-size: 11pt; font-weight: bold; }
.btn-normal { -webkit-appearance: none; border: none; padding: 8px 15px; font-size: 10pt; height: 34px; box-sizing: border-box; }
.btn-board { -webkit-appearance: none; border: none; padding: 8px 20px; font-size: 11pt; font-weight: bold; }
.btn-sub { padding: 10px 20px; color: #ffffff; font-size: 13pt; background-color: #444444; }
.btn-black { background-color: #333333; color: #ffffff; }
.btn-green { background-color: #75c100; color: #ffffff; }
.btn-purple { background-color: #286090; color: #ffffff; }
.btn-blue { background-color: #0069b7; color: #ffffff; }
.btn-red { background-color: #cc0000; color: #ffffff; }

.margin-center-parent{
	text-align: center;
}
.margin-center{
	margin-left: auto; margin-right: auto;
}