/* 2021 New Styles */


h1 {
	font-family: PannoTextMedium, SeoulNamsan;
	font-size: 50px;
	font-weight: normal;
	line-height: 50px;
	color: #1E64C8;
	margin: 20px 0 20px;
	text-transform: none;
}

h2 {
	font-family: PannoTextMedium, SeoulNamsan;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	color: #1E64C8;
	margin: 20px 0 5px;
}

h3 {
	font-family: PannoTextSemiBold, SeoulNamsan;
	font-size: 19px;
	line-height: 20px;
	font-weight: normal;
	color: #333;
	margin: 15px 0 5px;
}

h2.large {
	font-size: 24px;
}


h1 .ext-link {
	width: 32px;
	height: auto;
	cursor: pointer;
	font-size: 17px;
	white-space: nowrap;
	color: #929292 !important;
}


/* 좌측메뉴가 있는 페이지 구조 */
.left-nav-page {
	position: relative;
	margin-top: 20px;
	margin-bottom: 30px;
}

.left-nav-page aside {
	position: absolute;
	left: 0;
	top: 0;
	width: 25%;
}

.left-nav-page .doc-content {
	width: calc(75% - 20px);
	margin-left: calc(25% + 20px);
}

.left-nav-page aside .nav-wrap {
	padding: 25px 20px 25px 0px;
	background-color: #e9f0fa;
}
.left-nav-page .nav-title {
	padding: 0 0 20px 20px;
	color: #1E64C8;
	font-size: 20px;
	font-family: PannoTextMedium;
}
.left-nav-page aside .nav-wrap ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
}
.left-nav-page aside .nav-wrap ul li {
	font-family: PannoTextLight, SeoulNamsan;
	margin-left: 20px;
	position: relative;
	margin-top: 16px;
	font-size: 17px;
	height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.left-nav-page aside .nav-wrap ul li:first-child {
	margin-top: 0;
}
.left-nav-page aside .nav-wrap ul li:before {
	content: "→";
	font-family: PannoTextMedium, Aral, sans-serif;
	font-size: 16px;
	position: absolute;
	top: 2px;
	left: -18px;
}
.left-nav-page aside .nav-wrap a {
	color: #1E64C8;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color .15s ease-in-out;
    transition-property: border-color;
    transition-duration: 0.15s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.left-nav-page aside .nav-wrap a.on,
.left-nav-page aside .nav-wrap a:hover {
	border-bottom: 1px solid #1E64C8;
	transition: border-color .15s ease-in-out;
    transition-property: border-color;
    transition-duration: 0.15s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}


/* 좌측메뉴가 있는 페이지 구조 끝*/

.quote {
	font-family: PannoTextMedium, SeoulNamsanNormal;
	font-size: 20px;
	line-height: 26px;
	color: #1E64C8;
	background-color: #e9f0fa;
	padding: 15px 20px;
}

.noti-block {
	background-color: #fffae5;
	padding: 10px;
}

.std-doc {
	font-size: 15px;
	white-space: pre-wrap;
	line-height: 140%;
	text-align: justify;
}

.normal-doc {
	font-size: 15px;
	line-height: 140%;
}
.normal-doc a {
	text-decoration: underline;
}


.introtext {
	font-family: PannoTextMedium, SeoulNamsan;
	font-size: 17px;
	line-height: 21px;
}


.sect-title {
	font-family: PannoTextMedium, SeoulNamsan;
}

.section-full {
	margin: 40px 0 20px 0;
}
.section-full .sect-title {
	font-size: 22px;
	color: #1E64C8;
	font-weight: bold;
	margin-bottom: 5px;
}
.section-full .sect-subtitle {
	font-size: 20px;
	font-weight: 400;
}
.section-full section {
	line-height: 140%;
}


.uline {
	text-decoration: underline;
}

.main-body.document a {
	color: #1E64C8;
	text-decoration: none;
	border-bottom: 1px solid #1E64C8;
	transition: border-color .15s ease-in-out;
    transition-property: border-color;
    transition-duration: 0.15s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.main-body.document a:hover {
	border-bottom: 1px solid transparent;
	transition: border-color .15s ease-in-out;
    transition-property: border-color;
    transition-duration: 0.15s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}


a.ext-link {
	display: inline-block;
	color: #333;
}
a.ext-link:link {
	text-decoration: none !important;
	color: #333 !important;
}
a.ext-link img {
	height: 14px;
	width: auto;
	vertical-align: middle;
	margin-left: 5px;
}
a.ext-link span {
	display: inline-block;
	vertical-align: middle;
}

.main-body.document a.ext-link {
	color: inherit;
	text-decoration: none;
	border-bottom: none;
	transition: unset;
	transition-property: unset;
	transition-duration: unset;
	transition-timing-function: unset;
	transition-delay: unset;
}
.main-body.document a.ext-link:hover {
	border-bottom: none;
	transition: unset;
	transition-property: unset;
	transition-duration: unset;
	transition-timing-function: unset;
	transition-delay: unset;
}



.main-body.document img {
	max-width: 100%;
}




ul.arrow {
	margin: 10px 0 10px 20px;
	padding: 0;
	list-style: none;
}
ul.arrow > li {
	margin-left: 20px;
	position: relative;
	margin: 4px 0;
	font-size: inherit;
}
ul.arrow > li:before {
	content: "→";
	font-family: PannoTextMedium, Aral, sans-serif;
	font-size: 16px;
	position: absolute;
	top: 2px;
	left: -18px;
}



ul.normal-list {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
ul.normal-list > li {
	position: relative;
	margin: 7px 0;
	font-size: inherit;
}


ul.dot-list {
	margin: 10px 0 10px 0;
	padding: 0 0 0 20px;
}
ul.dot-list > li {
	position: relative;
	margin: 7px 0;
	font-size: inherit;
}


ol.ol-nomargin {
	margin: 0;
	padding-left: 20px;
	list-style: decimal;
}
ol.ol-nomargin > li {
	margin-bottom: 20px;
}


/* pair column list */
dl.pair {
	margin-bottom: 20px;
}
dl.pair::after {
	display: block;
	content: ' ';
	clear: both;
}
dl.pair dt {
	display: block;
	margin: 0 0 7px 0;
	font-family: PannoTextLight, SeoulNamsan;
	color: #202020;
	float: left;
	white-space: nowrap;
}
dl.pair dd {
	display: block;
	margin: 0 0 9px 0;
	font-family: PannoTextLight, SeoulNamsan;
	font-weight: 300;
	color: #202020;
	
}

dl.dl-normal {
	
}
dl.dl-normal dt {
	font-family: PannoTextSemiBold, SeoulNamsan;
	margin-bottom: 7px;
}
dl.dl-normal dd {
	margin-bottom: 10px;
}


/* normal table */
table.normal {
	border: 0;
	border-spacing: 0;
	border: 1px #777 solid;
}
table.normal thead th {
	text-align: center;
	padding: 0 10px;
	vertical-align: bottom;
}
table.normal thead th div {
	border-bottom: 1px #777 solid;
	padding: 7px 0;
	font-weight: bold;
}
table.normal thead th.cap {
	background-color: #e9f0fa;
	padding: 7px 10px;
}


table.normal tbody th {
	font-weight: bold;
	text-align: left;
	padding: 7px 10px;
}
table.normal tbody th div {
	font-weight: bold;
}
table.normal tbody td {
	padding: 7px 15px;
}

table.normal th, table.normal td {
	font-size: 15px;
}


table.fullw {
	width: 100%;
}
table.bluegrid {
	border: 1px #777 solid;
	border-spacing: 0;
	border-collapse: collapse;
}
table.bluegrid th,
table.bluegrid td {
	padding: 6px 10px;
	border: 1px #777 solid;
	line-height: 130%;
	font-size: 15px;
}
table.bluegrid th {
	background-color: #e9f0fa;
}
table.bluegrid thead th {
	text-align: center;
	font-weight: bold;
}
table.bluegrid tbody th {
	text-align: left;
	font-weight: normal;
}



.w100 {
	width: 100px;
}
.w150 {
	width: 150px;
}
.w200 {
	width: 200px;
}
.w250 {
	width: 250px;
}
.w300 {
	width: 300px;
}



.nowrap {
	white-space: nowrap;
}

.acenter {text-align: center !important;}
.aleft {text-align: left !important;}
.aright {text-align: right !important;}

.atop {vertical-align: top;}


/* Old Styles */


.ghent-container {
	max-width: 1259px;
	margin: 0 auto;
}


@media (max-width: 1260px) {
	.ghent-container {
		margin: 0 10px;
	}
	
}

@media (max-width: 768px) {
	
}




@media (max-width: 767px) {
	dl.pair dt {
		float: unset;
		width: unset;
		margin-bottom: 5px;
	}
	dl.pair dd {
		font-family: PannoTextLight, Noto Sans KR;
		float: unset;
		width: unset;
		margin-bottom: 8px;
		margin-left: 20px;
	}
	
	.left-nav-page aside {
		display: none;
	}
	.left-nav-page .doc-content {
		margin-left: 0;
		width: unset;
	}
	
}