@charset "utf-8";

/* ========================== MOBILE */
#nav_wrap>nav {width: 1050px !important;}
main {background: #f6f6f6;}
.main {padding: 86px 4.533% 30px;}
.title-wrap {margin-bottom: 26px;}
.title-wrap .title {
	margin-bottom: 16px;
	font-size: 24px;
	font-weight: 700;
}
.title-wrap .cont {
	font-size: 16px;
	line-height: 1.5;
	white-space: pre-line;
}
/* === table style */
.table-wrap {
	margin: 12px 0;
	overflow-x: auto;
	overflow-y: hidden;
}
caption {
	position: absolute;
	top: -9999px; left: -9999px;
	overflow: hidden;
}
table {
	width: 150%;
	border-spacing: 0;
	border-top: 2px solid #000;
	table-layout: fixed;
}
th {
	font-weight: 400;
	border-bottom: 1px solid #000;
	padding: 8px 0;
	text-align: center;
}
td {
	padding: 8px 5px;
	color: #6d6d6d;
	border: 1px solid #dedede;
	border-width: 0 0 1px 1px;
	white-space: pre-line;
}
td:first-child {border-left: 0;}
/* === dl style */
dl:nth-child(n+2) {margin-top: 14px;}
dt {
	padding: 16px 16px;
	font-size: 18px;
	line-height: 1.3;
	background: #e7e8ec;
	cursor: pointer;
	vertical-align: middle;
}
dd {
	padding: 0 16px 24px;
	font-size: 16px;
	line-height: 1.5;
	display: none;
}
dl.active {background: #fff;}
dl.active dt {
	color: #297d7d;
	font-weight: 700;
	background: #fff;
}
dl.active dd {display: block;}
dd > p {
	white-space: pre-line;
	line-height: 1.5;
}
/* === ul style */
ul.list-points li {
	position: relative;
	padding-left: 12px;
}
ul.list-points li:before {
	position: absolute;
	top: 10px; left: 0;
	content: '';
	width: 5px; height: 5px;
	background: #333;
}
ul.list-option li:nth-child(n+2) {
	position: relative;
	padding-left: 12px;
}
ul.list-option li:nth-child(n+2):before {
	position: absolute;
	top: 10px; left: 0;
	content: '';
	width: 5px; height: 5px;
	background: #333;
}
ul.list-decimal {
	padding-left: 16px;
	list-style: decimal;
}
li {padding-left: 3px;}
ul.list-decimal > li {list-style: decimal;}
ul.list-hangul, ul.list-latin {padding-left: 20px;}
ul.list-hangul > li {list-style: hangul;}
ul.list-latin > li {list-style: lower-latin;}
ul.list-points .texts, ul.list-decimal .conts {
	white-space: pre-line;
}
ul.list-decimal ul.list-points {margin-top: 0px;}
.date {
	margin-top: 30px;
	padding: 16px 0;
	text-align: center;
	background: #363e40;
}
.date p {
	font-size: 16px; color: #fff;
	font-weight: 300;
	white-space: pre-line;
	line-height: 1.3;
}
.chapter-wrap:nth-of-type(n+2) {margin-top: 26px;}
.chapter-wrap > ul > li:nth-of-type(n+2) {margin-top: 10px;}
.chapter-wrap strong {
	display: block;
	margin-bottom: 6px;
	font-size: 18px;
	text-align: center;
}
.chapter-wrap .chapt-round {
	position: relative;
	padding-left: 19px;
}
.chapter-wrap .chapt-round:before {
	position: absolute;
	top: 0; left: 0;
	content: '①';
}
.chapter-wrap .chapt-round:nth-of-type(2):before {content: '②';}
.chapter-wrap .chapt-round:nth-of-type(3):before {content: '③';}
.chapter-wrap .chapt-round:nth-of-type(4):before {content: '④';}
.chapter-wrap .chapt-round:nth-of-type(5):before {content: '⑤';}
.chapter-wrap .chapt-round:nth-of-type(6):before {content: '⑥';}
.chapter-wrap .chapt-round:nth-of-type(7):before {content: '⑦';}
.chapter-wrap .chapt-numb {
	position: relative;
	padding-left: 19px;
}
.chapter-wrap .chapt-numb:before {
	position: absolute;
	top: 0px; left: 0;
	content: '1.';
}
.chapter-wrap .chapt-numb:nth-of-type(2):before {content: '2.';}
.chapter-wrap .chapt-numb:nth-of-type(3):before {content: '3.';}
.chapter-wrap .chapt-numb:nth-of-type(4):before {content: '4.';}
.chapter-wrap .chapt-numb:nth-of-type(5):before {content: '5.';}
.chapter-wrap .chapt-numb:nth-of-type(6):before {content: '6.';}
.chapter-wrap .chapt-numb:nth-of-type(7):before {content: '7.';}
.chapter-wrap .conts {
	padding-left: 19px;
	white-space: pre-line;
}

/* ========================== PC */
@media screen and (min-width:1084px){
	.main {
		padding: 202px 0 115px;
		width: 1200px; margin: 0 auto;
	}
	.title-wrap {margin-bottom: 36px;}
	.title-wrap .title {font-weight: 400;}
	.title-wrap .cont {
		font-size: 16px;
		font-weight: 300;
		line-height: 1.7;
	}
	/* === table style */
	.table-wrap {
		margin: 12px 0;
		overflow: visible;
	}
	table {width: 100%;}
	th {padding: 12px 0;}
	td {
		padding: 12px 20px;
		text-align: center;
	}
	/* === dl style */
	dt {
		padding: 20px 30px;
		font-size: 16px;
	}
	dd {
		padding: 0 30px 24px;
		font-weight: 300;
		line-height: 1.8;
	}
	dd > p {word-break: keep-all;}
	/* === ul style */
	ul.list-points li {padding-left: 13px;}
	ul.list-points li:before {
		top: 13px;
		width: 4px; height: 4px;
	}
	ul.list-option li:nth-child(n+2) {
		padding-left: 13px;
	}
	ul.list-option li:nth-child(n+2):before {
		top: 13px;
		width: 4px; height: 4px;
	}
	ul.list-decimal {padding-left: 14px;}
	.date p {
		line-height: 1;
		white-space: normal;
	}
	.chapter-wrap strong {font-weight: 700;}
	.chapter-wrap:nth-of-type(n+2) {margin-top: 46px;}
}