@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: 'NotoKR', 'Malgun Gothic', 'gothic', '고딕', '새굴림', Arial,
		sans-serif;
	line-height: 1.3;
	font-weight: 400; /* font-size: 16px; */
	font-size: 1rem;
	color: #474747;
	letter-spacing: -0.5px;
}

input, button, textarea, select {
	font-family: 'NotoKR', 'Malgun Gothic', 'gothic', '고딕', '새굴림', Arial,
		sans-serif;
	line-height: 1.3;
	font-weight: 400; /* font-size: 16px; */
	font-size: 1rem;
	color: #474747;
	letter-spacing: -0.5px;
}

a {
	text-decoration: none;
	color: #474747;
}

/* skip */
.skipmenu {position:relative;overflow:hidden;z-index:3000;width:100%;}
.skipmenu a{display:block !important;overflow:hidden;z-index:3000;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
.skipmenu a:focus, .skip a:hover, .skip a:active {width:auto;height:30px;margin:0;padding:8px 0;background:#20262c;font-size:14px;font-weight:700;line-height:1;color:#fff;}


/* 공통 */
.space_between {
	display: flex;
	justify-content: space-between;
}

.space_between>ul>li {
	float: left;
}

.floatR {
	float: right !important;
}

.flex_full {
	flex: 1;
}

.sr_only, legend, .skip {
	position: absolute;
	width: 1px;
	height: 1px;
	text-indent: -9999px;
	font-size: 0;
}

.w_full {
	width: 100% !important;
}

.w_auto {
	width: auto !important;
}

.w_300 {
	width: 300px;
}

.w_100 {
	width: 100px;
}

.bdr {
	border-top: 1px solid #dfdfdf;
}

.bdnone {
	border: none !important;
}

strong {
	font-weight: 700;
}

b {
	font-weight: 500;
}

em {
	color: #f60;
	font-style: normal;
}

.txt_left {
	text-align: left !important;
}

.txt_center {
	text-align: center !important;
}

.txt_right {
	text-align: right !important;
}

.txt_clip {
	display: block;
	overflow: hidden;
	width: 100%;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.txt_brown {
	color: #9f5414;
}

.txt_dark_orange {
	color: #d6562e;
}

.txt_orange {
	color: #f60;
}

.txt_red {
	color: #e13244;
}

.txt_msg {
	color: #808080;
}

.mt_5 {
	margin-top: 5px !important;
}

.mt_15 {
	margin-top: 15px !important;
}

.mt_30 {
	margin-top: 30px !important;
}

.mt_40 {
	margin-top: 40px !important;
}

.mt_50 {
	margin-top: 50px !important;
}

.ml_m1 {
	margin-left: -1px !important;
}

.mr_5 {
	margin-right: 5px !important;
}

.p_0 {
	padding: 0 !important;
}

.m_0 {
	margin: 0 !important;
}

.reset {
	padding: 0 !important;
	border: none !important;
}

.controller .toggle>a {
	display: none !important;
}

.controller .toggle>a.on {
	display: inline-block !important;
}

.required {
	position: relative;
	padding-left: 6px;
	margin-right: 4px;
}

.required:after {
	display: block;
	content: "*";
	position: absolute;
	left: 0;
	top: 0;
	color: #8b8b8b;
}

.txt_dark_orange.required {
	background: none !important;
}

.txt_dark_orange.required:after {
	color: #d6562e;
}

.figure {
	display: inline-block;
	position: relative;
	width: 100%;
}

.figure>img {
	overflow: hidden;
	width: 100%;
	border: 1px solid #ccc;
}

.figure>video {
	overflow: hidden;
	width: 100%;
	border: 1px solid #ccc;
}

.figure_caption {
	display: inline-block;
	float: left;
	text-align: left;
}

.figure:after, .figure_caption:after {
	display: block;
	content: "";
	clear: both;
}

.figure_caption>span {
	display: block;
}

.main .figure>img {
	border-radius: 15px;
}

span.div {
	display: inline-block;
	position: relative;
	padding-left: 15px;
	margin-right: 15px;
	width: 1px;
	height: 15px;
}

span.div:after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 15px;
	background-color: #dfdfdf;
}

.onW {
	display: block !important;
}

.onM {
	display: none !important;
}

.onW:after, .onM:after {
	display: block;
	content: "";
	clear: both;
}

@media ( max-width : 768px) {
	.onW {
		display: none !important;
	}
	.onM {
		display: block !important;
	}
	.floatR {
		float: left !important;
	}
	.space_between {
		flex-wrap: wrap;
	}
	.flex_full {
		flex: auto;
	}
	.w_300 {
		width: 100%;
	}
	.m_full {
		width: 100% !important;
	}
	.m_hide {
		display: none !important;
	}
	.m_auto {
		width: auto !important;
		min-width: auto !important;
	}
}

@media ( max-width : 360px) {
	span.div {
		padding-left: 5px;
		margin-right: 5px;
	}
}

/* z-인덱스 */
.gnb {
	z-index: 900;
}

.indicator {
	z-index: 100;
}

.btn_top {
	z-index: 800;
}

.layer_pop {
	z-index: 1000;
}

/* 레이아웃 */
.wrap {
	min-width: 100%;
	height: auto;
	float: left;
}

.container {
	overflow: hidden;
}

.sub {
	max-width: 1240px;
	margin: auto;
	padding: 30px 0 50px;
	min-height: 800px;
}

.sub:after, .row:after {
	display: block;
	content: "";
	clear: both;
}

.lnb_wrap {
	display: block;
	float: left;
	width: 235px;
	margin-right: 30px;
}

.content {
	display: block;
	float: right;
	width: calc(100% - 265px);
}

.content:after {
	display: block;
	content: "";
	clear: both;
}

@media ( max-width : 1024px) {
	.sub {
		padding: 0 15px 50px;
	}
	.lnb_wrap {
		display: none;
	}
	.content {
		display: block;
		width: 100%;
	}
}

@media ( max-width : 768px) {
	.wrap {
		min-width: 100%;
	}
}

/* 폼 */
/* 체크박스, 라디오 */
input[disabled="disabled"], input[readonly="readonly"] {
	background-color: #f8f8f8;
	color: #a6a6a6;
}

input[type="radio"], input[type="checkbox"] {
	position: fixed;
	left: -9999px;
	top: -9999px;
	width: 1px;
	height: 1px;
}

input[type="radio"]+label {
	position: relative;
	padding-left: 23px;
	line-height: 18px;
}

input[type="radio"]+label:after {
	display: inline-block;
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	width: 18px;
	height: 18px;
	background:
		url(/resource/templete/royal/common/img/common/input_radio.png)
		no-repeat;
	background-position: 0 0;
}

input[type="radio"]:checked+label:after {
	background-position: 0 -28px;
}

input[type="checkbox"]+label {
	position: relative;
	padding-left: 30px;
	line-height: 22px;
}

input[type="checkbox"]+label:after {
	display: inline-block;
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background:
		url(/resource/templete/royal/common/img/common/input_checkbox.png)
		no-repeat;
	background-position: 0 0;
}

input[type="checkbox"]:checked+label:after {
	background-position: 0 -30px;
}

.radio_lsit .radio, .check_list .checkbox {
	display: inline-block;
	margin-right: 10px;
}

.radio_group:after, .checkbox_group:after {
	display: block;
	content: "";
	clear: both;
}

.radio_group .radio, .checkbox_group .checkbox {
	display: inline-block;
	margin-bottom: 5px;
	min-width: 100px;
}

.radio_group .radio:last-child, .checkbox_group .checkbox:last-child {;
	margin-right: 0;
}

input, select {
	width: 100%;
	height: 35px;
	padding-left: 10px;
	border: 1px solid #dfdfdf;
}

.input_calendar {
	position: relative;
	display: inline-block;
}

.input_calendar .btn_calendar {
	position: absolute;
	right: -5px;
	top: 0;
	width: 50px;
	height: 35px;
}
/* 체크박스 리스트, 라디오 리스트 */
.checkbox_list .checkbox {
	display: inline-block;
	margin-right: 5px;
}

.input_list {
	overflow: hidden;
}

.input_list input {
	margin: 0 5px;
	width: 95px;
}

.input_list>span {
	margin-right: 20px;
}
/* 셀렉트박스 */
select {
	width: 220px;
	height: 35px;
	padding: 0 24px 0 14px;
	vertical-align: middle;
	appearance: none;
	background: #fff
		url(/resource/templete/royal/common/img/common/input_select_2.png) 98%
		center no-repeat;
}

select.header_select {
	background: #fff
		url(/resource/templete/royal/common/img/common/input_select_1.png)
		right center no-repeat;
}
/* 파일업로드 */
.file_box {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 35px;
	border: 1px solid #dfdfdf;
}

.file_box .file_hidden {
	position: absolute;
	left: -100px;
	top: -100px;
	width: 1px;
	height: 1px;
}

.file_box .file_name {
	border: none;
	width: 100%;
	height: 35px;
}

.file_box input {
	border: none;
}

.file_box label {
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background-color: #6c6c6c;
	cursor: pointer;
}
/* 핸드폰번호 */
.input_mo_num input {
	width: 300px;
}

.input_mo_num span {
	display: inline-block;
	margin-left: 5px;
}

.input_mo_num div {
	margin-left: 0;
	margin-top: 10px;
}

.input_phone input {
	width: 80px;
}
/* 이메일 */
.input_email {
	display: flex;
	width: 500px;
}

.input_email .at {
	padding: 10px;
	width: 30px;
	text-align: center;
}

.input_email input {
	width: 160px;
}

.input_email select {
	margin-left: -1px;
	width: 150px;
}

.radio_list .radio {
	display: inline-block;
	margin-right: 30px;
}
/* 기간 */
.period {
	overflow: hidden;
	float: left;
	margin-right: 10px;
}

.period .space {
	display: inline-block;
	padding: 0 10px;
	text-align: center;
}

.period input {
	display: inline-block;
	width: 120px;
}

.period.with_calendar input {
	padding-right: 30px;
	width: calc(50% - 18px);
	background:
		url(/resource/templete/royal/common/img/common/ico_calendar.png) 90%
		center no-repeat;
}

.period+.ex {
	line-height: 35px;
}

.period_wrap label {
	display: inline-block;
	float: left;
	line-height: 35px;
}

.period_wrap .period {
	margin-right: 0;
	margin-left: 10px;
}

.period_wrap .space {
	padding: 0;
}
/* 주소+우편번호 검색 */
.input_address {
	overflow: hidden;
}

.input_address .btn {
	min-width: 110px;
	text-align: center;
	white-space: nowrap;
}

.input_address input {
	margin-bottom: 5px;
}

.zipcode_box {
	display: flex;
}

.zipcode_box>input {
	max-width: 200px;
}
/* 핸드폰 */
.input_phone {
	width: 300px;
	margin: 0 -5px;
}

.input_phone select, .input_phone input {
	margin: 0 5px;
}
/* 검색영역조합(select, input, select_group, input_group, 기간검색 통합) */
/* .search_group_area{overflow: hidden;} */
.search_group_area>div, .search_group_area form>div {
	float: left;
	margin-right: 10px;
}

.search_group_area>div:last-child, .search_group_area form>div:last-child
	{
	margin-right: 0;
}

.search_group_area .period_wrap .period.with_calendar input {
	width: 138px;
	border: 1px solid #8a8a8a;
}

.search_group_area select, .search_group_area .input_group_wrap select {
	border: 1px solid #8a8a8a;
}

.search_group_area .space_between .period .space {
	padding: 0;
}
/* 셀렉트그룹 : 셀렉트 + 버튼 */
.select_group, .input_group {
	display: flex;
}

.select_group:after, .input_group:after {
	display: block;
	content: "";
	clear: both;
}

.select_group select {
	width: 110px;
	height: 35px;
	border: 1px solid #dfdfdf;
}

.search_group_area .select_group select, .select_group_wrap select {
	float: left;
	width: 110px;
	height: 35px;
	border: 1px solid #8a8a8a;
}

.select_group select+select, .select_group_wrap select:nth-child(2n),
	.select_group_wrap select:nth-child(3n) {
	margin-left: -1px;
}

.select_group_wrap .btn, .select_group .btn {
	display: block;
	float: left;
	min-width: 55px;
	width: 55px;
	height: 35px;
}
/* 인풋그룹 : 인풋 + 버튼 */
.search_group_area .input_group_wrap {
	flex: 1;
}

.input_group_wrap .input_group input {
	width: 100%;
	height: 35px;
	border: 1px solid #8a8a8a;
	border-left: 1px solid #d6d6d6;
}

.table_header .input_group_wrap .input_group .btn_search {
	position: absolute;
	right: 0;
	top: 0;
	width: 33px;
	height: 35px;
}

.search_group_area .select_group select:nth-child(2n) {
	width: 130px;
}
/* 셀렉트인풋그룹 : 셀렉트 + 인풋 + 버튼 */
.input_group_wrap {
	display: flex;
}

.table_header>.input_group_wrap, .table_header>.select_group {
	float: right;
	margin-bottom: 15px;
}

.table_header>.input_group_wrap:after, .table_header>.select_group:after
	{
	display: block;
	content: "";
	clear: both;
}

.table_header>.input_group_wrap, .table_header .total.space_between .input_group_wrap
	{
	width: 470px;
}

.input_group_wrap select {
	width: 110px;
	border: 1px solid #8a8a8a;
}
.input_group_wrap select + select{ border-left: none}

.input_group_wrap select+.input_group {
	position: relative;
	margin-left: -1px;
	width: calc(100% - 110px);
}

.input_group_wrap .input_group input {
	width: 100%;
	padding-right: 35px;
}

.input_group_wrap .input_group button {
	position: absolute;
	top: 0;
	width: 35px;
	height: 35px;
}

.input_group_wrap .input_group .btn_1 {
	right: 0;
}
/* 참석자 정보 */
.school_info {
	flex-wrap: nowrap;
}

@media ( max-width : 768px) {
	.input_mo_num input {
		width: 100%;
	}
	.input_mo_num span {
		margin-left: 0;
		margin-top: 5px;
	}
	.input_email {
		width: 100%;
	}
	.input_email input {
		width: 33%;
	}
	.input_email select {
		width: 30%;
	}
	.period_wrap label {
		display: none;
	}
	.select_group select+select, .select_group_wrap select:nth-child(2n),
		.select_group_wrap select:nth-child(3n) {
		margin-left: 0;
	}
	.period_wrap .period {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		margin: 0;
	}
	.input_address .space_between {
		flex-wrap: nowrap;
	}
	.zipcode_box>input {
		max-width: none;
	}
	.input_phone {
		width: 100%;
		margin: 0;
	}
	.input_phone select, .input_phone input {
		width: calc(33.33% - 15px);
	}
	.input_phone select, .input_phone input:first-child {
		margin-left: 0;
	}
	.input_phone input:last-child {
		margin-right: 0;
	}
	.search_group_area .period_wrap .period.with_calendar input {
		width: calc(50% - 11px);
	}
	.search_group_area>div {
		float: none;
		margin-right: 0;
	}
	.select_group, .input_group {
		display: block;
		width: 100%;
	}
	.select_group:after, .input_group:after {
		display: block;
		content: "";
		clear: both;
	}
	.select_group select:nth-child(2n) {
		margin-left: 0;
	}
	.select_group select, .select_group .btn {
		width: 100%;
		margin-bottom: 5px;
	}
	.search_group_area {
		flex-wrap: wrap;
		width: 100%;
	}
	.search_group_area>div {
		width: 100%;
		margin-right: 0;
	}
	.search_group_area .input_group_wrap {
		flex: auto;
		display: block;
	}
	.search_group_area .select_group select:nth-child(2n) {
		width: 100%;
	}
	.search_group_area .input_group_wrap select {
		width: 100%;
		margin-bottom: 5px;
	}
	.search_group_area .input_group_wrap select+.input_group {
		margin-left: 0;
	}
	.table_header>.input_group_wrap, .table_header .total.space_between .input_group_wrap
		{
		width: 100%;
	}
	.table_header .search_group_area .input_group_wrap {
		margin-top: 30px;
	}
	.table_header .search_group_area .input_group_wrap .input_group {
		width: 100%;
	}
	.table_header .search_group_area .input_group_wrap .input_group input {
		border: 1px solid #8a8a8a;
	}
	.table_header .total select, .table_header .total input, .table_header .total .input_group
		{
		display: block;
		float: none;
		width: 100%;
		margin-bottom: 5px;
	}
	.input_group_wrap select + select{ border-left: solid 1px #8a8a8a;}
	.table_header .total.space_between .input_group_wrap {
		width: 100%;
	}
	.table_header .total .input_group input {
		margin-left: 0;
		width: 100%;
		border-left: 1px solid #8a8a8a;
	}
	.table_header .select_group_wrap {
		display: block;
		width: 100%;
	}
	.table_header .select_group_wrap select {
		float: none;
		width: 100%;
		margin-bottom: 5px;
	}
	.table_header .select_group_wrap .btn {
		width: 100%;
		margin-bottom: 5px;
	}
	.table_header .total>div, .table_header .input_group_wrap .input_group {
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
	.table_header>.input_group_wrap, .table_header>.select_group {
		float: none;
		margin-bottom: 0;
	}
	.input_group_wrap {
		flex-wrap: wrap;
	}
	.input_group_wrap select {
		width: 100%;
		margin-bottom: 5px;
	}
	.input_group_wrap select+.input_group {
		width: 100%;
		margin-left: 0;
	}
	.input_group_wrap .input_group input {
		border-left: 1px solid #8a8a8a;
	}
}

@media ( max-width : 640px) {
	.input_list span {
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
	.input_list .input_list1 {
		display: flex;
		width: 100%;
	}
	.input_list .input_list1 span {
		width: 60px;
		line-height: 35px;
	}
	.input_list .input_list1 span:first-child {
		text-align: center;
	}
	.input_list .input_list1 input {
		flex: 1;
	}
	.period input {
		width: 100px;
	}
}

@media ( max-width : 420px) {
	.input_list span {
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
	.input_mo_num input {
		width: 100%;
	}
	.input_mo_num span {
		margin-left: 0;
		margin-top: 5px;
	}
	.input_email {
		display: block;
		width: 100%;
	}
	.input_email input {
		display: inline-block;
		width: 80%;
		margin-bottom: 5px;
	}
	.input_email .at+input {
		float: left;
		width: 60%;
	}
	.input_email select {
		float: left;
		width: 40%;
	}
	.period.with_calendar input {
		width: 45%;
	}
	.period .space {
		padding: 0 3px;
	}
	.period+.ex {
		display: block;
		clear: both;
	}
}

/* 버튼 */
button {
	background: none;
	cursor: pointer !important;
	word-break: keep-all;
}

a.btn {
	display: inline-block;
}

.btn {
	padding: 5px 8px;
	width: 130px;
	min-width: 60px;
	height: 35px;
	border: 1px solid transparent;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.btn_orange {
	color: #fff;
	background-color: #c47020;
}

.btn_brown {
	color: #fff;
	background-color: #764313;
}

.btn_default {
	color: #fff;
	background-color: #6c6c6c;
}

.btn_pale {
	color: #fff;
	background-color: #a6a6a6;
}

.btn_outline {
	color: #534435;
	border: 1px solid #764313;
}

.btn_sm {
	width: 100px;
	height: 36px;
}

a.btn_sm {
	height: auto;
	padding: 6px 8px;
}

.btn_lg {
	width: auto;
	min-width: 140px;
	height: 46px; /* font-size: 17px; */
	font-size: 1.063rem;
	padding: 5px 40px;
}

a.btn_lg {
	height: auto;
	padding: 11px 40px;
}

.btn_add {
	position: relative;
	width: 35px;
	height: 35px;
}

.btn_add:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	width: 35px;
	height: 35px;
	background: #8e8c8c
		url(/resource/templete/royal/common/img/common/ico_add.png) 0 0
		no-repeat;
}

.btn_download {
	display: inline-block;
	position: relative;
	padding-right: 20px;
	min-width: 105px;
	height: 40px; /* font-size: 15px; */
	font-size: 0.9375rem;
	color: #474747;
	border: 1px solid #dfdfdf;
	text-align: center;
	background-color: #fff;
}

.btn_download.btn_lg, .btn_view.btn_lg {
	width: 230px;
	min-width: 140px;
	height: 40px;
	line-height: 40px;
}

.btn_download1 {
	display: inline-block;
	padding: 2px 10px;
	width: auto;
	min-height: 35px;
	line-height: 34px;
	text-align: center; /* font-size: 15px; */
	font-size: 0.9375rem;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	width: auto;
	min-height: 35px;
	line-height: 34px;
	text-align: center; /* font-size: 15px; */
	font-size: 0.9375rem;
	border: 1px solid #dfdfdf;
	background-color: #fff;
}

.btn_link {
	display: inline-block;
	position: relative;
	padding-right: 20px;
	min-width: 110px;
	height: 35px; /* font-size: 15px; */
	font-size: 0.9375rem;
	color: #474747;
	border: 1px solid #dfdfdf;
	text-align: center;
	background-color: #fff;
}

.btn_link
:after {
	display: block;
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	width: 5px;
	height: 9px;
	transform: translateY(-50%);
	background: url(/resource/templete/royal/common/img/common/btn_link.png)
		0 0 no-repeat;
}

a
.btn_link, span
.btn_link {
	line-height: 35px;
}

.btn_link
.btn_send_mail {
	width: 210px;
	background-color: #f8f8f8;
}

.btn_view {
	display: inline-block;
	padding: 0 20px;
	min-width: 100px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #dfdfdf;
	text-align: center;
	background-color: #f8f8f8;
}

.btn_group {
	text-align: center;
}

.btn_group
:after {
	display: block;
	content: "";
	clear: both;
}

.btn_group

button+button {
	margin-left: 3px;
}

.btn_group

.btn_lg+.btn_lg {
	margin-left: 10px;
}

.btn_group

.btn_down_excel, .btn_group

.download_box {
	float: left;
	margin: 0 3px;
	margin-bottom: 5px;
	padding: 0 15px;
	line-height: 33px;
	border: 1px solid #dfdfdf;
}

.btn_group

.download_box

a {
	display: block;
	text-align: center;
}

.table_footer

.btn_group

.btn+.btn {
	margin-left: 20px;
}

@media ( max-width : 767px) {
	.btn_group .btn {
		margin: 0;
		width: 49%;
	}
	.btn_group .btn+.btn {
		margin-left: 0;
		margin-top: 10px;
	}
	.space_between .btn_group {
		width: 100%;
		margin-top: 15px;
		text-align: right;
	}
	.btn_group .download_box {
		width: 100%;
		margin-bottom: 5px;
	}
	.btn_group .btn_down_excel {
		width: 100%;
	}
	.btn_group .w_auto {
		width: 100% !important;
	}
	.btn_group .btn+.btn {
		margin-top: 5px;
	}
	.table_footer .btn_group .btn+.btn {
		margin-left: 0;
		margin-top: 10px;
	}
}

.btn_link {
	display: inline-block;
	position: relative;
	padding-right: 20px;
	min-width: 110px;
	height: 35px; /* font-size: 15px; */
	font-size: 0.9375rem;
	color: #474747;
	border: 1px solid #dfdfdf;
	text-align: center;
	background-color: #fff;
}

.btn_link:after {
	display: block;
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	width: 5px;
	height: 9px;
	transform: translateY(-50%);
	background: url(/resource/templete/royal/common/img/common/btn_link.png)
		0 0 no-repeat;
}

a.btn_link, span.btn_link {
	line-height: 35px;
}

.btn_link.btn_send_mail {
	width: 210px;
	background-color: #f8f8f8;
}

.btn_view {
	display: inline-block;
	padding: 0 20px;
	min-width: 100px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #dfdfdf;
	text-align: center;
	background-color: #f8f8f8;
}

.btn_group {
	text-align: center;
}

.btn_group:after {
	display: block;
	content: "";
	clear: both;
}

.btn_group button+button {
	margin-left: 3px;
}

.btn_group .btn_lg+.btn_lg {
	margin-left: 10px;
}

.btn_group .btn_down_excel, .btn_group .download_box {
	float: left;
	margin: 0 3px;
	margin-bottom: 5px;
	padding: 0 15px;
	line-height: 33px;
	border: 1px solid #dfdfdf;
}

.btn_group .download_box a {
	display: block;
	text-align: center;
}

.table_footer .btn_group .btn+.btn {
	margin-left: 20px;
}

@media ( max-width : 767px) {
	.btn_group

.btn {
		margin: 0;
		width: 49%;
	}
	.btn_group

.btn+.btn {
		margin-left: 0;
		margin-top: 10px;
	}
	.space_between

.btn_group {
		width: 100%;
		margin-top: 15px;
		text-align: right;
	}
	.btn_group

.download_box {
		width: 100%;
		margin-bottom: 5px;
	}
	.btn_group

.btn_down_excel {
		width: 100%;
	}
	.btn_group

.w_auto {
		width: 100% !important;
	}
	.btn_group

.btn+.btn {
		margin-top: 5px;
	}
	.table_footer

.btn_group

.btn+.btn {
		margin-left: 0;
		margin-top: 10px;
	}
}

/* 테이블 */
.table_wrap:after {
	display: block;
	content: "";
	clear: both;
}

table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

table caption {
	left: -9999px;
	top: -9999px;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

.table, .table_detail {
	position: relative;
	border-top: 2px solid #284764;
}
/* 테이블 목록 */
.table thead tr th {
	padding: 0;
	height: 54px;
	border-bottom: 1px solid #dfdfdf !important;
	line-height: 53px;
	text-align: center;
	font-weight: 500;
	background-color: #f8f8f8;
}

.table tr td {
	padding: 12px 15px;
	border-bottom: 1px solid #dfdfdf;
	text-align: center;
}

.table tr:last-child th, .table tr:last-child td {
	border-bottom: 1px solid #a6a6a6;
}

.table tr>td[rowspan]:last-child, .table tr>td[rowspan]:nth-child(1) {
	border-bottom: 1px solid #a6a6a6;
}

.table tr:last-child td.reset {
	border-bottom: 1px solid #a6a6a6 !important;
}

.table td>a {
	display: block;
	text-align: left;
}

.table td>a:after {
	display: block;
	content: "";
	clear: both;
}

.table td .space {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	min-width: 140px;
	height: 100%;
	text-align: left;
	color: #000;
}
/* 테이블 상세 */
.table_detail tr th, .table_detail tr td {
	padding: 15px 15px 12px;
	min-height: 53px;
	border-bottom: 1px solid #dfdfdf;
	text-align: left;
}

.table_detail tr:last-child th, .table_detail tr:last-child td {
	border-bottom: 1px solid #a6a6a6;
}

.table_detail tr th:after, .table_detail tr td:after {
	display: block;
	content: "";
	clear: both;
}

.table_detail th {
	font-weight: 500;
	color: #000;
	background-color: #f8f8f8;
}

.table_detail td p {
	line-height: 1.8;
}

.table_detail tr td table tr:last-child th, .table_detail tr td table tr:last-child td
	{
	border-bottom: 1px solid #dfdfdf;
}
/* 테이블 안의 테이블 */
table td .tbl_title, .table_detail .tbl_title {
	padding-left: 20px;
	width: 100%;
	height: 50px;
	line-height: 50px; /* font-size: 18px; */
	font-size: 1.125rem;
	color: #fff;
	background-color: #c47020
}

table td .tbl_title+.table_detail, .table_detail .tbl_title+.table_detail
	{
	border-top: none;
}

table td .table_detail tr th, table td .table_detail tr td,
	.table_detail .table_detail tr th, .table_detail .table_detail tr td {
	border-bottom: 1px solid #dfdfdf !important;
}

.td_table td .th {
	display: none;
}

.td_table th {
	text-align: center;
	font-weight: normal;
	background-color: #fbfbfb;
}
/* 기타 */
.table_border tr th, .table_border tr td {
	border: 1px solid #dfdfdf;
}

.table_border tr th:first-child, .table_border tr td:first-child {
	border-left: none;
}

.table_border tr th:last-child, .table_border tr td:last-child {
	border-right: none;
}

.table_list tr td {
	padding: 20px 15px;
}

.table_header {
	position: relative;
	padding-bottom: 15px;
}

.table_header .headline {
	font-weight: 400; /* font-size: 25px; */
	font-size: 1.563rem;
}

.table_header .headline.category_header {
	position: relative;
	padding-left: 115px;
}

.table_header .headline em {
	color: #c47020;
	margin-right: 5px;
}

.table_header .category {
	display: inline-block;
	vertical-align: top;
	margin: 7px 15px 0 0;
}

.table_header .tit_2 {
	margin: 13px 0 0;
}

.table_footer {
	padding-top: 20px;
	text-align: center;
}

@media ( max-width : 768px) {
	.table_border tr th, .table_border tr td {
		border: none;
		border-bottom: 1px solid #dfdfdf;
	}
	.table, .table thead, .table tbody, .table tr {
		display: block;
		width: 100%;
	}
	.table thead {
		display: none;
	}
	.table tr {
		overflow: hidden;
	}
	.table tr td:last-child {
		border-bottom: 1px solid #a6a6a6;
	}
	.table tr:last-child td {
		border-bottom: 1px solid #dfdfdf;
	}
	.table tr:last-child td:last-child {
		border-bottom: 1px solid #a6a6a6;
	}
	.table tr>td[rowspan]:last-child, .table tr>td[rowspan]:nth-child(1) {
		border-bottom: 1px solid #dfdfdf;
	}
	.table.table_half tr+tr {
		margin-top: 0;
		border-top: none;
	}
	.table thead {
		display: none;
	}
	.table tr td {
		display: block;
		overflow: hidden;
		position: relative;
		padding: 6px 10px 6px 40%;
		text-align: left;
	}
	.table td .txt_center {
		text-align: left !important;
	}
	.table tr td .onM {
		position: absolute;
		left: 0;
		top: 0;
		width: 38%;
		height: 100%;
		padding: 6px 10px;
		text-align: left;
		font-weight: 500;
		background-color: #f8f8f8;
	}
	.table tr td .onM.with_form {
		padding: 22px 10px;
	}
	.table tr td .onM.two_line {
		padding: 25px 10px;
	}
	.table tr td .onM+.checkbox {
		margin-top: 3px;
	}
	/*
  .table_detail,
  .table_detail thead,
  .table_detail tbody,
  .table_detail tr,
  .table_detail th,
  .table_detail td{display: block;width: 100%;}
  */
	.table_detail tr th, .table_detail tr td {
		min-height: auto;
		padding: 10px;
	}
	.table_detail tr td {
		padding: 10px 0;
	}
	.table_detail tr:last-child th {
		border-bottom: 1px solid #dfdfdf;
	}
	.table_detail tr:last-child td {
		border-bottom: 1px solid #a6a6a6;
	}
	.table_detail th br {
		display: none;
	}
	.table_half {
		position: relative;
	}
	.table_half tr td {
		float: left;
		width: 50%;
		padding: 15px 10px !important;
	}
	.table_half tr:last-child td {
		padding: 15px 10px !important;
	}
	.table_half tr td:last-child:nth-child(2n) {
		border-bottom: 1px solid #dfdfdf;
	}
	.table_half tr:last-child td, .table_half tr:last-child td:last-child:nth-child(2n)
		{
		border-bottom: 1px solid #a6a6a6;
	}
	.onM .table_detail {
		display: table;
	}
	.onM .table_detail thead, .onM .table_detail tbody {
		display: table-row-group;
	}
	.onM .table_detail tr {
		display: table-row;
	}
	.onM .table_detail th, .onM .table_detail td {
		display: table-cell;
		float: none;
	}
	.onM .table_detail tr td {
		padding: 15px 20px 12px;
	}
	.td_table {
		display: table;
	}
	.td_table thead, .td_table tbody {
		display: table-row-group;
	}
	.td_table tr {
		display: table-row;
	}
	.td_table th, .td_table td {
		display: table-cell;
		float: none;
	}
	.td_table tr td {
		padding: 5px;
	}
	.table_list tr td {
		padding: 10px 0 0;
		border-bottom: none;
		text-align: left;
	}
	.table_list tr td+td {
		padding: 6px 0 8px;
	}
	.table_header .tit_2 {
		margin: 13px 0 10px;
	}
	.table_header .category {
		display: none;
	}
	.table_header form {
		width: 100%;
	}
}

@media ( max-width : 640px) {
	.td_table, .td_table thead, .td_table tbody, .td_table tr, .td_table th,
		.td_table td {
		display: block;
	}
	.td_table th {
		display: none;
	}
	.td_table td {
		position: relative;
		padding-left: 100px;
		width: 100%;
		border: none;
	}
	.td_table td input {
		margin-left: 100px;
		width: calc(100% - 100px);
	}
	.td_table td .th {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100px;
		height: 100%;
		padding: 5px;
		text-align: center;
		line-height: 35px;
	}
	.td_table td:nth-child(5) {
		height: 50px;
	}
}

@media ( max-width : 420px) {
	.table_half td {
		float: none;
		width: 100%;
	}
	.radio_list .radio {
		margin-right: 8px;
	}
	.file_box label {
		width: 80px;
	}
}

/* 페이징 */
.paging {
	display: inline-block;
	min-height: 36px;
	white-space: nowrap
}

.paging:after {
	display: block;
	content: "";
	clear: both;
}

.paging a {
	display: inline-block;
	vertical-align: top;
	margin-right: 2px;
}

.paging .btn_first, .paging .btn_prev, .paging .btn_next, .paging .btn_last
	{
	position: relative;
	width: 36px;
	height: 36px;
	border: 1px solid #a6a6a6;
}

.paging .btn_first:after, .paging .btn_prev:after, .paging .btn_next:after,
	.paging .btn_last:after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 36px;
	height: 36px;
	background:
		url(/resource/templete/royal/common/img/common/arr_paging.png)
		no-repeat;
}

.paging .btn_last {
	margin-right: 0;
}

.paging .btn_first:after {
	background-position: 0 0;
}

.paging .btn_prev:after {
	background-position: -36px 0;
}

.paging .btn_next:after {
	background-position: -72px 0;
}

.paging .btn_last:after {
	background-position: -108px 0;
}

.paging .paginate_input_wrap {
	display: inline-block;
	margin: 0 6px 0 8px;
	font-size: 18px;
	font-weight: 700;
	color: #575757
}

.paging .paginate_input {
	display: inline-block;
	width: 30px;
	height: 34px;
	margin-right: 6px;
	border: 1px solid #fff;
	border-bottom: 2px solid #000000;
	font-size: 18px;
	font-weight: 700;
	color: #575757;
	text-align: center;
	vertical-align: top;
	padding: 0;
	text-align: center
}

.paging .paginate_input2 {
	width: 45px;
}

.paging .total_num {
	margin-right: 14px
}

.paging .btn_page_go {
	width: 57px;
	height: 36px;
	background: #626262;
	font-weight: 500;
	color: #fff;
	line-height: 36px
}

/* 이전글-다음글 */
.table_footer .dl_group {
	margin-top: 55px;
}

.table_footer .dl_group dl {
	min-height: 60px;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}

.table_footer .dl_group dl:after {
	display: block;
	content: "";
	clear: both;
}

.table_footer .dl_group dl+dl {
	margin-top: -1px;
}

.table_footer .dl_group dl dt, .table_footer .dl_group dl dd {
	display: inline-block;
	float: left;
	padding: 22px 20px 22px 0;
}

.table_footer .dl_group dl dt {
	width: 110px;
	text-align: center;
	font-weight: 500;
}

.table_footer .dl_group dl dd {
	width: calc(100% - 110px);
	text-align: left;
}

.table_footer .dl_group dl dd a {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all
}

.table_footer .dl_group dl dd a:hover {
	text-decoration: underline;
}

/* 댓글 */
.table_footer .comment {
	margin-top: 20px;
}

.table_footer .comment dl {
	border-top: 1px solid #a6a6a6;
	border-bottom: 1px solid #a6a6a6;
}

.table_footer .comment dl:after {
	display: block;
	content: "";
	clear: both;
}

.table_footer .comment dl dt, .table_footer .comment dl dd {
	display: block;
	float: none;
	padding: 5px 0;
	width: 100%;
	text-align: left;
	line-height: 1.4;
	color: #626262;
}

.table_footer .comment dl dt {
	padding-top: 20px;
	font-weight: normal; /* font-size: 15px; */
	font-size: 0.9375rem;
}

.table_footer .comment dl dt b {
	font-weight: 500;
	color: #4d4d4d;
}

.table_footer .comment dl dd {
	padding-bottom: 20px;
	border-bottom: 1px solid #dadada;
	text-align: left;
}

.table_footer .comment dl dd:last-child {
	border-bottom: none
}

.add_comment {
	margin-top: 45px;
}

.add_comment:after {
	display: block;
	content: "";
	clear: both;
}

.add_comment p {
	margin-bottom: 15px;
	text-align: left;
}

.add_comment .comment_box {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100px;
	border: 1px solid #a6a6a6;
}

.add_comment .comment_box textarea {
	float: left;
	padding: 20px;
	width: calc(100% - 95px);
	height: 100%;
	border: none;
	background-color: #f8f8f8;
}

.add_comment .comment_box .btn_cmt_regist {
	float: right;
	width: 95px;
	height: 100%;
	border-left: 1px solid #dfdfdf;
	background-color: #f8f8f8;
}

@media ( max-width : 420px) {
	.add_comment .comment_box textarea {
		padding: 15px;
	}
	.add_comment .comment_box textarea {
		width: calc(100% - 65px);
	}
	.add_comment .comment_box .btn_cmt_regist {
		width: 65px;
	}
}

/* 최근게시물 */
.recent_area h3 {
	margin-bottom: 15px;
	text-align: left;
	font-weight: 500; /* font-size: 18px; */
	font-size: 1.125rem;
	color: #131313;
}

.recent_area ul {
	overflow: hidden;
	border-top: 2px solid #675147;
}

.recent_area ul li {
	border-bottom: 1px solid #dfdfdf;
}

.recent_area ul li a {
	display: block;
	padding: 20px;
	text-align: left;
}

.recent_area ul.type_thumb li a {
	padding: 0;
}

.recent_area ul li span {
	float: right;
}

.recent_area ul li:hover {
	background-color: #f8f8f8;
}

.recent_area ul li:hover a {
	color: #000;
}

.recent_area .type_thumb.col_5 li:hover {
	background: #fff;
}

/* 탭(최상단 탭메뉴) :  국립중앙도서관의 depth3의 스타일  */
.tablet_area {
	position: relative;
}

.tablet_area:before {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 100%;
	height: 54px;
	border-bottom: 1px solid #dfdfdf;
	background-color: #fff;
	transform: translateX(-50%);
}

.tablet_title {
	height: 55px;
}

.tablet_title .slick-track {
	margin-left: 0;
}

.tablet_title .slick-slide {
	width: 181px;
	border: 1px solid #dcdcdc;
	text-align: center;
}

.tablet_title .slick-slide+.slick-slide {
	margin-left: -1px;
}

.tablet_title .slick-slide a {
	display: block;
	height: 53px;
	line-height: 53px;
}

.tablet_title .slick-slide a.on {
	background-color: #a07854;
	color: #fff;
}

.tablet_title .slick-prev, .tablet_title .slick-next {
	position: absolute;
	bottom: 0;
	margin: 0;
	width: 35px;
	height: 55px;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	font-size: 0;
	line-height: 0;
}

.tablet_title .slick-prev {
	left: 0;
	border-right: none;
	background:
		url(/resource/templete/royal/common/img/common/arr_tab_navi.png) 0
		center no-repeat;
}

.tablet_title .slick-next {
	right: 0;
	background:
		url(/resource/templete/royal/common/img/common/arr_tab_navi.png) right
		center no-repeat;
}

.tablet_area .tablet_pane {
	display: none;
}

.tablet_area .tablet_pane.on {
	display: block;
}

.tablet_area .tablet_pane .tab_type1 {
	margin-top: 30px;
}

@media ( max-width : 768px) {
	.tablet_area:before {
		display: block;
		content: "";
		width: 200%;
		height: 48px;
	}
	.tablet_title {
		height: 49px;
	}
	.tablet_title .slick-slide {
		width: 181px;
		border: none;
	}
	.tablet_title .slick-slide a {
		height: 48px;
		line-height: 48px;
	}
	.tablet_title .slick-slide a.on {
		background: none;
		border-bottom: 4px solid #e18629;
		color: #e18629;
	}
	.tablet_area .tablet_pane {
		display: none;
	}
}

/* 탭(tab_type1) : 국립중앙도서관의 depth4의 스타일 */
.tab_area.tab_type1 {
	margin-top: 20px;
}

.tab_area.tab_type1 .tab_title .selected {
	display: none;
}

.tab_area.tab_type1 .tab_title ul {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.tab_area.tab_type1 .tab_title .tab_menu {
	display: table-cell;
	position: relative;
	width: 100%;
	height: 50px;
	padding: 14px 0;
	font-size: 16px;
	color: #494949;
	border: 1px solid #dcdcdc;
	border-left-color: #fff;
	border-bottom-color: #666;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	cursor: pointer;
	border-right: none;
	vertical-align: middle;
}

.tab_area.tab_type1 .tab_title .tab_menu:first-child {
	border-left: 1px solid #dcdcdc;
}

.tab_area.tab_type1 .tab_title .tab_menu:last-child {
	border-right: 1px solid #dcdcdc;
}

.tab_area.tab_type1 .tab_title .tab_menu a {
	display: block;
	border-right: 1px solid #dcdcdc;
}

.tab_area.tab_type1 .tab_title .tab_menu:last-child a {
	border-right: none
}

.tab_area.tab_type1 .tab_title .tab_menu.on {
	z-index: 1;
	border: 1px solid #666;
	border-bottom-color: #fff;
}

.tab_area.tab_type1 .tab_title .tab_menu.on a {
	border: none;
}

.tab_area.tab_type1 .tab_pane {
	display: none;
	padding-top: 30px;
}

.tab_area.tab_type1 .tab_pane.on {
	display: block;
}

@media ( max-width : 768px) {
	.tab_area.tab_type1 .tab_title {
		position: relative;
	}
	.tab_area.tab_type1 .tab_title .selected {
		display: block;
		position: relative;
		padding: 0 10px;
		width: 100%;
		height: 56px;
		line-height: 50px;
		border: 3px solid #9f5414;
		background: #fff
			url(/resource/templete/royal/common/img/common/input_select_3.png) 97%
			22px no-repeat;
	}
	.tab_area.tab_type1 .tab_title .selected a {
		display: block;
		font-weight: 500;
		color: #4e4e4e;
	}
	.tab_area.tab_type1 .tab_title ul {
		display: none;
		position: absolute;
		top: 47px;
		left: 0;
		z-index: 10;
		width: 100%;
		border: 3px solid #9f5414;
		border-top: 0;
		background: #fff;
	}
	.tab_area.tab_type1 .tab_title .tab_menu {
		display: block;
		position: static;
		padding: 0;
		height: auto;
		line-height: 35px;
		border: none;
		text-align: left;
	}
	.tab_area.tab_type1 .tab_title .tab_menu:first-child {
		border: none;
	}
	.tab_area.tab_type1 .tab_title .tab_menu:first-child a {
		border: none;
	}
	.tab_area.tab_type1 .tab_title .tab_menu a {
		padding: 0 10px;
		border: none;
	}
	.tab_area.tab_type1 .tab_title .tab_menu.on a, .tab_area.tab_type1 .tab_title .tab_menu.on:hover a
		{
		border-top-width: 0;
		background: #9f5414;
		color: #fff;
	}
	.tab_area.tab_type1 .tab_title .tab_menu:hover a {
		background-color: #f8f8f8;
	}
}

/* 탭(tab_type2) : 국립중앙도서관의 depth5의 스타일 */
.tab_area.tab_type2 {
	position: relative;
}

.tab_area.tab_type2:before {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 100%;
	height: 51px;
	border-bottom: 1px solid #dfdfdf;
	transform: translateX(-50%);
}

.tab_area.tab_type2 .tab_title {
	height: 50px;
	padding: 5px 0;
}

.tab_area.tab_type2 .tab_title .slick-track {
	margin-left: 0;
}

.tab_area.tab_type2 .tab_title .slick-slide {
	position: relative;
	padding-right: 14px;
}

.tab_area.tab_type2 .tab_title .slick-slide:after {
	display: block;
	content: "";
	position: absolute;
	right: 7px;
	top: 50%;
	width: 2px;
	height: 2px;
	margin-top: -1px;
	background-color: #676767;
}

.tab_area.tab_type2 .tab_title .slick-slide a {
	display: block;
	position: relative;
	padding: 0 10px;
	text-align: center;
	font-weight: 500;
	color: #666;
	height: 40px;
	line-height: 40px;
}

.tab_area.tab_type2 .tab_title .slick-slide a:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 2px solid #cd8845;
	transform: scaleX(0);
	transition: transform 0.3s;
}

.tab_area.tab_type2 .tab_title .slick-slide a:hover:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 2px solid #cd8845;
	transform: scaleX(1);
	transition: transform 0.3s;
}

.tab_area.tab_type2 .tab_title .slick-slide:last-child {
	padding-right: 0;
}

.tab_area.tab_type2 .tab_title .slick-slide:last-child:after {
	display: none;
}

.tab_area.tab_type2 .tab_title .slick-slide a.on {
	position: relative;
	color: #c47020;
}

.tab_area.tab_type2 .tab_title .slick-slide a.on:before {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	top: 38px;
	width: 0;
	height: 2px;
	background-color: #cd8845;
	transform: translateX(-50%);
	animation: ani_bar .2s forwards;
}

.tab_area.tab_type2 .tab_pane {
	display: none;
}

.tab_area.tab_type2 .tab_pane.on {
	display: block;
}

@media ( max-width : 768px) {
	.tab_area.tab_type2:before {
		display: block;
		content: "";
		width: 200%;
		height: 40px;
		background-color: #f5f5f5;
	}
	.tab_area.tab_type2 .tab_title {
		height: 40px;
	}
	.tab_area.tab_type2 .tab_title .slick-slide a {
		height: 28px;
		line-height: 28px;
	}
	.tab_area.tab_type2 .tab_title .slick-slide a:after, .tab_area.tab_type2 .tab_title .slick-slide a:hover:after
		{
		display: none;
	}
	.tab_area.tab_type2 .tab_title .slick-slide a.on {
		background-color: #a77749;;
		color: #fff;
	}
}

/* 레이어 팝업 */
.layer_pop {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.layer_pop.on {
	display: block;
}

.layer_pop .pop_trigger {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6;
}

.layer_pop .pop_container {
	overflow: hidden;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
}

.layer_pop .pop_content {
	overflow: auto;
	padding: 30px 30px 40px 30px;
}

.layer_pop .pop_content h5 {
	font-weight: 400; /* font-size: 24px; */
	font-size: 1.5rem;
	color: #131313;
	margin-bottom: 15px;
}

.pop_footer .btn {
	border-radius: 4px;
}
/* 팝업 타입1 : 일반 */
.layer_pop.type1 .pop_container {
	min-width: 560px;
	max-height: 80%;
	min-height: 250px;
}

.layer_pop.type1 .pop_container .pop_header {
	position: relative;
	width: 100%;
	height: 63px;
	padding-left: 27px;
	background-color: #d26d0e;
}

.layer_pop.type1 .pop_header .pop_title {
	line-height: 63px; /* font-size: 22px; */
	font-size: 1.375rem;
	color: #fff;
}

.layer_pop.type1 .pop_header .btn_pop_close {
	position: absolute;
	right: 17px;
	top: 22px;
}

.layer_pop.type1 .pop_content {
	height: 460px;
}

.layer_pop.type1 .pop_footer {
	padding: 20px 30px 40px;
	text-align: center;
}
/* 팝업 타입2 : 도서정보 */
.layer_pop.type2 {
	position: relative;
}

.layer_pop.type2 .pop_container {
	width: 1240px;
	height: 90%;
}

.layer_pop.type2 .pop_header {
	position: relative;
	height: 70px;
}

.layer_pop.type2 .pop_header .pop_title {
	display: none;
}

.layer_pop.type2 .pop_header .pop_navi {
	display: none;
	position: absolute;
	left: 30px;
	top: 50%;
	width: 50px;
	height: 30px;
	margin-top: -15px;
}

.layer_pop.type2 .pop_header .pop_navi button {
	display: inline-block;
	float: left;
	width: 22px;
	height: 30px;
	margin-right: 3px;
}

.layer_pop.type2 .pop_header .btn_pop_close {
	position: absolute;
	right: 30px;
	top: 20px;
	z-index: 1;
	width: 30px;
	height: 30px;
}

.layer_pop.type2 .pop_content {
	padding: 0 30px;
	height: calc(100% - 70px);
}

/* 다국어 동화구연 : 단어장 */
.layer_pop ._sch {
	margin-bottom: 25px;
}

.layer_pop .vocabulary_box {
	position: relative;
}

.layer_pop .vocabulary_box ol {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px;
	width: 150px;
	height: 100%;
	background-color: #dfdfdf;
	overflow: auto;
}

.layer_pop .vocabulary_box li {
	padding: 5px;
	border-bottom: solid 1px #f8f8f8;
}

.layer_pop .vocabulary_box dl {
	margin-left: 170px;
	padding: 10px;
	height: 330px;
	background-color: #f8f8f8;
}

.layer_pop .vocabulary_box dt {
	margin-bottom: 10px;
	font-size: 1.125rem;
	font-weight: 500;
}

.layer_pop .vocabulary_box dd {
	padding-left: 10px;
}

.layer_pop .pop_footer.sml {
	padding-bottom: 0;
}

.book_info {
	position: relative;
}

.book_info .bk_title {
	position: relative;
	padding-right: 90px;
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 2px solid #675147;
}

.book_info .bk_title h5 {
	font-weight: 500; /* font-size: 25px; */
	font-size: 1.563rem;
	color: #151515;
}

.book_info .bk_title small {
	display: block;
	font-weight: 500; /* font-size: 20px; */
	font-size: 1.25rem;
	color: #c47020;
}

.book_info .bk_title .alert_error {
	position: absolute;
	right: 0;
	bottom: 15px;
	width: 82px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	font-weight: 500; /* font-size: 15px; */
	font-size: 0.9375rem;
	color: #fff;
	background-color: #917963;
	border-radius: 18px;
}

.book_info section {
	padding-bottom: 40px;
}

.book_info .bk_desc .figure {
	float: left;
	margin-right: 30px;
	width: 194px;
}

.book_info .bk_desc .figure>img {
	width: 194px;
}

.book_info .bk_desc .dl_inline {
	float: left;
	width: calc(100% - 224px);
}

.book_info .bk_desc dl {
	overflow: hidden;
}

.book_info .bk_desc dt, .book_info .bk_desc dd {
	display: block;
	float: left;
	padding-top: 15px;
	line-height: 1.6;
}

.book_info .bk_desc dt {
	clear: both;
	width: 130px;
	color: #131313;
}

.book_info .bk_desc dd {
	width: calc(100% - 130px);
	color: #4f4f4f;
}

.book_info .btn_group {
	width: 100%;
	padding-top: 20px;
	text-align: right;
}

.book_info .bk_desc .btn_group {
	clear: both;
	margin-top: 30px;
	border-top: 1px solid #a6a6a6;
}

.book_info .btn_group button {
	width: 128px;
	height: 38px;
	color: #fff;
	border-radius: 4px;
}

.book_info .btn_group button:first-child {
	background-color: #c47020;
}

.book_info .btn_group button:last-child {
	background-color: #534435;
}

.book_info .btn_group button+button {
	margin-left: 6px;
}

.book_info .bk_view .row {
	position: relative;
	padding: 24px 180px 24px 24px;
	border: 1px solid #dfdfdf;
	background-color: #fbfbfb;
}

.book_info .bk_view ul {
	margin-bottom: 15px;
}

.book_info .bk_view ul:after {
	display: block;
	content: "";
	clear: both;
}

.book_info .bk_view li {
	margin-top: 8px;
}

.book_info .bk_view .btn_original {
	position: absolute;
	right: 24px;
	top: 50%;
	z-index: 100;
	width: 114px;
	height: 46px; /* font-size: 15px; */
	font-size: 0.9375rem;
	color: #fff;
	background-color: #e8770c;
	border-radius: 23px;
	transform: translateY(-50%);
}

.layer_pop.type2>.btn_prev {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 100px;
	height: 136px;
	margin-left: -720px;
	margin-top: -68px;
}

.layer_pop.type2>.btn_next {
	position: fixed;
	right: 50%;
	top: 50%;
	width: 100px;
	height: 136px;
	margin-right: -720px;
	margin-top: -68px;
}
/* 팝업 타입3 : 상세검색 */
.layer_pop.type3 .pop_container {
	width: 1240px;
	height: 90%;
}

.layer_pop.type3 .pop_container .pop_header {
	position: relative;
	width: 100%;
	padding-left: 27px;
	background-color: #d26d0e;
}

.layer_pop.type3 .pop_header .pop_title {
	line-height: 63px; /* font-size: 22px; */
	font-size: 1.375rem;
	color: #fff;
}

.layer_pop.type3 .pop_header .btn_pop_close {
	position: absolute;
	right: 17px;
	top: 22px;
}

.layer_pop.type3 .pop_content {
	overflow: auto;
	margin-top: 50px;
	padding: 0px 30px;
	height: calc(90vh - 230px);
}

.layer_pop.type3 .pop_footer {
	padding: 20px 30px 50px;
	text-align: center;
}

.layer_pop.type3 .pop_footer .btn {
	width: 138px;
	height: 46px;
}

.layer_pop.type3 .pop_footer button+button {
	margin-left: 20px;
}
/* 팝업 타입4 : 상세검색 */
.window_pop.type4 .pop_container {
	width: 1240px;
	height: 90%;
}

.window_pop.type4 .pop_header {
	position: relative;
	width: 100%;
	padding-left: 27px;
	background-color: #d26d0e;
}

.window_pop.type4 .pop_header .pop_title {
	line-height: 63px; /* font-size: 22px; */
	font-size: 1.375rem;
	color: #fff;
}

.window_pop.type4 .pop_header .btn_pop_close {
	position: absolute;
	right: 17px;
	top: 22px;
}

.window_pop.type4 .pop_content {
	overflow: auto;
	margin-top: 10px;
	padding: 0px 30px;
	height: calc(90vh - 120px);
}

.window_pop.type4 .pop_footer {
	padding: 10px 30px 30px;
	text-align: center;
}

.window_pop.type4 .pop_footer .btn {
	width: 138px;
	height: 46px;
}

.window_pop.type4 .pop_footer button+button {
	margin-left: 20px;
}

@media ( max-width : 1460px) {
	.layer_pop.type2>.btn_prev {
		left: 0;
		margin-left: 0;
	}
	.layer_pop.type2>.btn_next {
		right: 0;
		margin-right: 0;
	}
}

@media ( max-width : 1260px) {
	.layer_pop.type2 .pop_container, .layer_pop.type3 .pop_container {
		width: 96%;
		height: 90%;
	}
}

@media ( max-width : 768px) {
	.layer_pop.type1 .pop_container {
		margin: auto;
		min-width: 96%;
	}
	.layer_pop.type2 .pop_container, .layer_pop.type3 .pop_container {
		width: 100%;
		height: 100%;
	}
	.layer_pop.type3 .pop_content {
		height: calc(100vh - 230px);
	}
	.layer_pop.type2 .bk_title h5 {
		padding-top: 15px;
		margin-bottom: 0;
	}
	.layer_pop.type2 .pop_header .pop_navi {
		display: block;
	}
	.layer_pop.type2>.btn_prev, .layer_pop.type2>.btn_next {
		display: none;
	}
	.layer_pop.type2 .pop_header .pop_title {
		display: block;
		text-align: center;
		height: 70px;
		line-height: 70px;
		font-weight: 500; /* font-size: 24px; */
		font-size: 1.5rem;
		color: #fff;
		background-color: #d26d0e;
	}
	.book_info .bk_desc .figure {
		display: none;
	}
	.book_info .bk_desc .dl_inline {
		float: none;
		width: 100%;
	}
	.book_info .bk_desc dt {
		width: 70px;
	}
	.book_info .bk_desc dd {
		width: calc(100% - 70px);
	}
	.book_info .bk_view .row {
		padding: 24px 24px 30px;
	}
	.book_info .bk_view .btn_original {
		position: static;
		margin-top: 15px;
		width: 100%;
		height: 40px;
		border-radius: 6px;
		font-weight: 400;
		transform: translateY(0);
	}
	.book_info .btn_group button {
		padding: 0 7px;
		width: auto;
	}
}

@media ( max-width : 540px) {
	.layer_pop.type3 .pop_footer .btn {
		width: 100px;
		height: 38px;
	}
	.layer_pop.type3 .pop_footer .btn+.btn {
		margin-left: 10px;
	}
}

@media ( max-width : 420px) {
	.layer_pop.type3 .pop_footer {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.layer_pop.type3 .pop_footer .btn {
		width: auto;
		height: 38px;
	}
	.layer_pop.type3 .pop_footer .btn+.btn {
		margin-left: 4px;
	}
}
/* layer_popup */
body.no_scroll {
	height: 100% !important;
	overflow: hidden !important
}

.layer_popup_wrap {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1100
}

.layer_popup_wrap:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: .5;
	content: ''
}

.layer_popup_wrap.on {
	display: block;
}

.layer_popup {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 518px;
	height: 528px;
	padding-top: 65px;
	background: #fff;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.layer_popup_wrap2 .layer_popup {
	width: 760px
}

.layer_popup_wrap3 .layer_popup {
	width: 1000px;
	height: 600px;
}

.layer_popup .popup_header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	background: #d26d0e
}

.layer_popup .popup_header .btn_pop_close {
	position: absolute;
	right: 17px;
	top: 22px;
}

.layer_popup .popup_header .btn_close .sp {
	width: 18px;
	height: 18px;
	background-position: -211px 0
}

.layer_popup_wrap.img_popup_layer .layer_popup .popup_header .btn_close .sp
	{
	background-position: -108px -63px
}

.layer_popup .popup_title {
	padding: 19px 28px 18px;
	font-size: 22px;
	color: #fff
}

.layer_popup .sub_title {
	font-size: 20px
}

.layer_popup .popup_contents {
	height: 100%;
	overflow: auto;
	padding: 30px 30px 46px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.layer_popup .popup_contents.type2 {
	padding: 0
}

.layer_popup .popup_contents .floor_layer {
	padding: 30px 30px 46px;
}

.layer_popup .popup_footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4.3rem;
	z-index: 10;
	background: #fff
}

.layer_popup .popup_contents>.btn_wrap {
	display: none
}

.layer_popup .popup_contents>.btn_wrap .btn {
	width: 100%
}

.layer_popup_wrap3 .basket_layer {
	height: 800px
}

@media ( min-width :768px) and (max-width:1024px) {
	.layer_popup_wrap2 .layer_popup {
		width: 80%
	}
	.layer_popup_wrap3 .layer_popup {
		width: 96%
	}
}

@media screen and (max-width:767px) {
	.layer_popup, .layer_popup_wrap2 .layer_popup, .layer_popup_wrap3 .layer_popup
		{
		width: 100%;
		height: 80%;
		overflow: hidden;
		padding-top: 49px
	}
	.layer_popup .popup_title {
		padding: 13px 32px 13px 15px;
		font-size: 1.8rem
	}
	.layer_popup .sub_title {
		font-size: 1.4rem
	}
	.layer_popup .popup_header .btn_close {
		padding: 16px 15px 10px 10px
	}
	/*.layer_popup .popup_header .btn_close .sp{width:12px;height:12px;background-position:-32px -34px}*/
	.layer_popup .popup_header .btn_close .sp {
		width: 17px;
		height: 17px;
		background: url(/resource/templete/nl/img/sub/btn_close.png) no-repeat;
	}
	.layer_popup_wrap.img_popup_layer .layer_popup .popup_header .btn_close .sp
		{
		background-position: -145px -33px
	}
	.layer_popup .popup_contents {
		padding: 13px 15px 12px
	}
	.layer_popup .popup_contents>.btn_wrap {
		display: block
	}
	.layer_popup_wrap3 .layer_popup {
		height: 100%
	}
}

/* 대분류.중분류.소분류 프레임 */
.matro_frame {
	border-top: 1px solid #a6a6a6;
}

.matro_frame:after {
	display: block;
	content: "";
	clear: both;
}

.matro_frame .frame {
	padding-bottom: 10px;
	width: 33.33%;
	border: 1px solid #dfdfdf;
	border-top: none;
}

.matro_frame .frame:nth-child(2) {
	border: none;
	border-bottom: 1px solid #dfdfdf;
}

.matro_frame .tit {
	padding: 15px 20px;
	text-align: center;
	font-weight: 500;
	color: #000;
	border-bottom: 1px solid #dfdfdf;
}

.matro_frame ul {
	overflow: hidden;
}

.matro_frame li {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 45px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.matro_frame li a {
	display: flex;
	justify-content: space-between;
	padding: 10px 20px;
}

.matro_frame .frame:nth-child(1) a, .matro_frame .frame:nth-child(3) a {
	position: relative;
}

.matro_frame .frame:nth-child(1) a:hover:after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	border: 2px solid #c47020;
	background: url(/resource/templete/royal/common/img/common/ico_arr.png)
		98% center no-repeat;
}

.matro_frame .frame:nth-child(3) a:hover {
	background:
		url(/resource/templete/royal/common/img/common/ico_inquiry1.png) 95%
		center no-repeat;
	border-bottom: 1px solid #dfdfdf;
}

.matro_frame .frame:nth-child(2) a:hover {
	border-bottom: 1px solid #dfdfdf;
}

.matro_frame .frame:nth-child(2) a:hover:after {
	background: none;
}

.matro_frame li a:hover {
	color: #e18728;
}

.matro_frame_m .frame {
	position: relative;
	margin-bottom: 30px;
	width: 100%;
}

.matro_frame_m .frame:after {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	top: 52px;
	width: 12px;
	height: 18px;
	margin-left: -9px;
	background: url(/resource/templete/royal/common/img/common/ico_arr.png) 0
		0 no-repeat;
	transform: rotate(90deg);
}

.matro_frame_m .frame:last-child:after {
	background: none;
}

.matro_frame_m .frame select {
	width: 100%;
	height: 45px;
}

/* lnb : 서브메뉴 */
.lnb_wrap h2.lnb_title {
	padding-top: 40px;
	margin-bottom: 15px;
	height: 108px;
	line-height: 1;
	text-align: center;
	font-weight: 500; /* font-size: 26px; */
	font-size: 1.625rem;
	color: white;
	background: #2e75b6 url(/resource/templete/royal/img/sub/bg_lnb_title.png) center / cover no-repeat;
}

.lnb_wrap .menu-lnb {
	border-top: solid 1px #c4c4c4;
	border-bottom: solid 1px #c4c4c4;
}

.lnb_wrap .lnb:after {
	display: block;
	content: "";
	clear: both;
}

.lnb_wrap .lnb>ul>li {
	border-bottom: 1px solid #e8e8e8;
}

.lnb_wrap .lnb>ul>li:last-child {
	border-bottom: none;
}

.lnb_wrap .lnb>ul>li>a {
	display: block;
	padding: 17px 25px 16px 15px;
	color: #131313;
}

.lnb_wrap .lnb>ul>li .is-sub__items {
	background:
		url(/resource/templete/royal/common/img/common/arr_lnb_sub.png) 210px 0
		no-repeat;
}

.lnb_wrap .lnb>ul>li>a.on, .lnb_wrap .lnb>ul .is_lnb1--opened>a {
	color: white;
	background-color: #284764;
}

.lnb_wrap .lnb>ul>li .is-sub__items.on, .lnb_wrap .lnb>ul .is_lnb1--opened .is-sub__items
	{
	background-position: 210px -53px;
}

.lnb_wrap .lnb>ul>li>a.off {
	padding: 10px 25px 10px 15px;
	color: #000;
	background: none;
}

.lnb_wrap .lnb>ul>li>a.off.current {
	display: block;
	color: #fff;
	background-image: none;
	background-color: #9f5414;
}

.lnb_wrap .lnb>ul>li>a.off:focus {
	font-weight: 500 !important;
	color: #e18728;
}

.lnb_wrap .lnb>ul>li>a.off.current:focus {
	color: #fff !important;
}

.lnb_wrap .lnb>ul>li>a.on.off, .lnb_wrap .lnb>ul>li>a.on.off:focus {
	display: block;
	color: #fff;
	background-image: none;
	background-color: #9f5414;
}

.lnb_wrap .lnb>ul>li>a+ul {
	display: none;
	padding: 12px 15px 16px;
}

.lnb_wrap .lnb>ul>li>a.on+ul, .lnb_wrap .lnb>ul .is_lnb1--opened a+ul {
	display: block;
}

.lnb_wrap .lnb>ul ul li {
	position: relative;
	padding-left: 10px;
}

.lnb_wrap .lnb>ul ul li:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 2px;
	height: 2px;
	background-color: #131313;
}

.lnb_wrap .lnb>ul ul li a {
	display: inline-block;
	position: relative;
	padding: 5px 0;
	font-weight: 300;
	color: #8b8b8b;
	letter-spacing: -2px;
	word-break: keep-all;
}

.lnb_wrap .lnb>ul ul li a:hover, .lnb_wrap .lnb>ul ul .is_lnb2--opened a
	{
	padding-right: 20px;
	font-weight: 500;
	color: #e18728;
}

.lnb_wrap .lnb>ul ul li a .new_win {
	margin-left: 10px;
	padding: 0 5px 0 2px;
	font-size: 0.75rem;
	background-color: #8b8b8b;
	border-radius: 3px;
	color: white;
	letter-spacing: 0;
}

.lnb_wrap .lnb>ul ul li a:hover .new_win {
	font-weight: 300;
}

.lnb_wrap .lnb>ul ul .is_lnb2--opened a:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
	width: 5px;
	height: 10px;
	background:
		url(/resource/templete/royal/common/img/common/arr_lnb_current.png) 0 0
		no-repeat;
}

/* 제목 */
.title_wrap {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: solid 1px #dcdcdc;
}

h3.title {
	padding-top: 45px;
	font-weight: 500; /* font-size: 26px; */
	font-size: 1.625rem;
}

.location {
	position: absolute;
	right: 0;
	top: 0;
}

.location:after {
	display: block;
	content: "";
	clear: both;
}

.location ul {
	overflow: hidden;
	float: right;
}

.location ul li {
	position: relative;
	float: left;
	padding-right: 23px;
	line-height: 32px;
}

.location ul li:after {
	display: inline-block;
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 23px;
	height: 11px;
	margin-top: -5.5px;
	background: url(/resource/templete/royal/common/img/common/loc_arr.png) 0
		0 no-repeat;
}

.location ul li:last-child {
	padding-right: 0;
}

.location ul li:last-child:after {
	display: none;
}

.location ul li a {
	display: block; /* font-size: 15px; */
	font-size: 0.9375rem;
	color: #474747;
}

.title_wrap .utility {
	padding-top: 45px;
}

.title_wrap .utility:after {
	display: block;
	content: "";
	clear: both;
}

.title_wrap .utility ul {
	height: 32px;
}

.title_wrap .utility ul li {
	float: left;
	position: relative;
	margin-right: 5px;
}

.title_wrap .utility ul li:last-child {
	margin-right: 0;
}

.title_wrap .utility ul li a {
	display: block;
	height: 32px;
}

.title_wrap .utility ul li a.on>i:after {
	background: url(/resource/templete/royal/common/img/common/ico_ready.png)
		no-repeat center/100%;
}

.title_wrap .utility .menu__list-sns {
	display: none;
	position: absolute;
	top: 0;
	left: -115px;
	white-space: nowrap;
	overflow: hidden;
}

.title_wrap .utility .menu__item-sns {
	float: none;
	display: inline-block;
	margin-right: 2px;
	vertical-align: top;
}

.title_wrap .utility .menu__item-sns .sp_layout {
	display: block;
	width: 32px;
	height: 32px;
	font-size: 0;
	background-size: 100%;
	vertical-align: middle;
}

.title_wrap .utility  .blog .sp_layout {
	background-image:
		url(/resource/templete/royal/common/img/common/sns_2.png);
}

.title_wrap .utility  .facebook .sp_layout {
	background-image:
		url(/resource/templete/royal/common/img/common/sns_3.png);
}

.title_wrap .utility  .twitter .sp_layout {
	background-image:
		url(/resource/templete/royal/common/img/common/sns_4.png);
}

.sub_navi {
	position: relative;
	width: 100%;
	height: 70px;
}

.sub_navi h3.title {
	display: block;
	overflow: hidden;
	position: absolute;
	left: -30px;
	top: 0;
	padding: 0 40px 0 45px;
	width: calc(100% + 60px);
	height: 65px;
	text-align: center;
	line-height: 65px;
	font-weight: 500; /* font-size: 20px; */
	font-size: 1.25rem;
	color: #fff;
	letter-spacing: -1px;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color: #2E75B6;
}

.sub_navi button {
	position: absolute;
	top: 15px;
	padding: 5px 0;
	width: 14px;
}

.sub_navi .btn_navi_1 {
	left: 0;
}

.sub_navi .btn_navi_2 {
	right: 0;
}

@media ( max-width : 768px) {
	.title_wrap * {
		display: none;
	}
	.title_wrap .utility, .title_wrap .utility * {
		display: block
	}
	.title_wrap .utility {
		position: absolute;
		top: 80px;
		right: 0;
		z-index: 2;
		padding-top: 0
	}
	.title_wrap .utility > ul > li:last-child { display : none }
	.icon_navi_2:after { display : none }
}

/* 스탭 */
.step_header li {
	display: flex;
	width: 100%;
	height: 62px;
	border: 2px solid #a99686; /* font-size: 20px; */
	font-size: 1.25rem;
}

.step_header.onW li+li {
	margin-top: 15px;
}

.step_header li span {
	display: inline-block;
	float: left;
	padding: 18px 0;
	width: 100%;
}

.step_header li .step_num {
	width: 68px;
	margin-right: 25px;
	border-right: 1px solid #cdcdcd;
	text-align: center;
	font-weight: bold;
	color: #c47020;
}

.step_header li  .step_num+span {
	overflow: hidden;
	width: calc(100% - 86px);
	white-space: nowrap;
	text-overflow: ellipsis;
}

.step_header li.step_before span {
	color: #919191;
}

.step_header li.step_before>.step_num {
	text-indent: -9999px;
	background:
		url(/resource/templete/royal/common/img/common/ico_step_check.png)
		center no-repeat;
}

.step_header.col_2.onM {
	overflow: hidden;
}

.step_header.col_2.onM li {
	display: block;
	float: left;
	width: calc(100% - 68px);
}

.step_header.col_2.onM li.step_after {
	float: left;
	width: 58px;
	border: 2px solid #cdcdcd;
	text-align: center;
	font-weight: bold;
	color: #626262;
}

.step_header.col_2.onM li+li {
	margin-left: 10px;
}

.step_header.col_2.onM li.step_before {
	float: left;
	width: 58px;
}

.step_header.col_2.onM li.step_before .step_num {
	border-right: none;
}

.step_header.col_2.onM li .step_num {
	width: 58px;
	margin-right: 25px;
	border-right: 1px solid #cdcdcd;
	text-align: center;
	font-weight: bold;
	color: #c47020;
}

.step_header.col_2.onM li.step_before+li {
	float: left;
	width: calc(100% - 68px);
}

.step_header.col_3.onM {
	overflow: hidden;
}

.step_header.col_3.onM li {
	display: block;
	float: left;
	width: calc(100% - 68px);
}

.step_header.col_3.onM li span {
	width: calc(100% - 83px);
}

.step_header.col_3.onM li.step_after {
	float: left;
	width: 58px;
	border: 2px solid #cdcdcd;
	text-align: center;
	font-weight: bold;
	color: #626262;
}

.step_header.col_3.onM li.step_after span {
	width: 100%;
}

.step_header.col_3.onM li+li {
	margin-left: 10px;
}

.step_header.col_3.onM li.step_before {
	float: left;
	width: 58px;
}

.step_header.col_3.onM li.step_before .step_num {
	border-right: none;
}

.step_header.col_3.onM li .step_num {
	width: 58px;
	margin-right: 25px;
	border-right: 1px solid #cdcdcd;
	text-align: center;
	font-weight: bold;
	color: #c47020;
}

.step_header.col_3.onM li.step_before+li.step_before {
	float: left;
	width: 58px;
}

.step_header.col_3.onM li.step_before+li {
	float: left;
	width: calc(100% - 136px);
}

.step_header.col_3.onM li.step_before+li .next_num {
	width: 58px;
	margin-right: 25px;
	border-right: 1px solid #cdcdcd;
	text-align: center;
	font-weight: bold;
	color: #c47020;
}

.step_header.col_4.onM {
	overflow: hidden;
}

.step_header.col_4.onM li {
	display: block;
	float: left;
	width: calc(100% - 204px);
}

.step_header.col_4.onM li span {
	width: calc(100% - 83px);
}

.step_header.col_4.onM li.step_after {
	float: left;
	width: 58px;
	border: 2px solid #cdcdcd;
	text-align: center;
	font-weight: bold;
	color: #626262;
}

.step_header.col_4.onM li.step_after span {
	width: 100%;
}

.step_header.col_4.onM li+li {
	margin-left: 10px;
}

.step_header.col_4.onM li.step_before {
	float: left;
	width: 58px;
}

.step_header.col_4.onM li.step_before .step_num {
	border-right: none;
}

.step_header.col_4.onM li .step_num {
	width: 58px;
	margin-right: 25px;
	border-right: 1px solid #cdcdcd;
	text-align: center;
	font-weight: bold;
	color: #c47020;
}

.step_header.col_4.onM li.step_before+li.step_before {
	float: left;
	width: 58px;
}

.step_header.col_4.onM li.step_before+li {
	float: left;
	width: calc(100% - 204px);
}

.step_header.col_4.onM li.step_before+li .next_num {
	width: 58px;
	margin-right: 25px;
	border-right: 1px solid #cdcdcd;
	text-align: center;
	font-weight: bold;
	color: #c47020;
}

.step_wrap {
	margin-top: 50px;
}

.step_wrap:after {
	display: block;
	content: "";
	clear: both;
}

.step_tit {
	margin-bottom: 15px;
	font-weight: 500; /* font-size: 18px; */
	font-size: 1.125rem;
	color: #232323;
}

.step_box {
	overflow-x: hidden;
	overflow-y: auto;
	padding: 20px;
	border: 1px solid #ddd;
	color: #626262;
}

.step_box li {
	margin-bottom: 5px;
	line-height: 1.6;
}

.step_box li b {
	color: #303030;
}

.step_agree {
	margin-top: 18px;
}

.step_agree label {
	color: #737373;
}

.step_footer {
	margin: 50px 0 100px;
	text-align: center;
}

.step_before span {
	color: #919191;
}

.step_before>.step_num {
	text-indent: -9999px;
	width: 100%;
	height: 100%;
	background:
		url(/resource/templete/royal/common/img/common/ico_step_check.png)
		center no-repeat;
}

.step_wrap .table_detail td .input_group input {
	width: 100%;
}

.step_wrap .table_detail td .input_group input:first-child {
	margin-right: 5px;
}

.step_wrap .table_detail td .flex_full {
	flex: 1;
}

@media ( max-width : 768px) {
	.step_wrap .table_detail td .input_group input {
		width: calc(50% - 5px);
	}
}

/* subPage TAB menu */
/* .menu-wrap { padding-top: 40px; border-top: solid 1px #dcdcdc; }
.menu-wrap:after { content: ""; display: block; clear: both; }
.menu-wrap li { float: left; width: calc(50% - 1px); text-align: center; }
.menu-wrap li + li { margin-left: -1px; width: calc(50% + 1px); }
.menu-wrap li > a { display: block; height: 50px; line-height: 50px; font-weight: 300; border: solid 1px #dcdcdc; border-bottom-color: #666; }
.menu-wrap li.is_selected > a { font-weight: 500; border-color: #666; border-bottom: none; }
.menu-wrap li.is_selected + li > a { border-left-color: #666; } */

/* ul 리스트 박스 */
.list_box:after {
	display: block;
	content: "";
	clear: both;
}

.list_box {
	overflow: hidden;
}

.list_box li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 15px;
	line-height: 1.6;
}

.list_box li:after {
	display: block;
	content: "";
	position: absolute;
	left: 7px;
	top: 12px;
	width: 3px;
	height: 2px;
	background-color: #4f4f4f;
}

.list_box li b, .list_box li span {
	line-height: 1.6;
	color: #4f4f4f;
	margin-top: 5px;
	vertical-align: top;
}

.list_box li div {
	line-height: 1.6;
}

.list_box li b {
	margin-right: 5px;
}

.list_box.list_box_o li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
	line-height: 1.6;
}

.list_box.list_box_o li:after {
	display: block;
	content: "ㅇ";
	position: absolute;
	left: 3px;
	top: 0;
	width: auto;
	height: auto;
	background: none;
}

.list_box.col_2 li {
	float: left;
	width: 50%;
}

@media ( max-width : 768px) {
	.list_box.col_2 li {
		float: none;
		width: 100%;
	}
}

/* 패널그룹 토글 */
.panel_group:after {
	display: block;
	content: "";
	clear: both;
}

.panel_title {
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
	background: #c57020
		url(/resource/templete/royal/common/img/common/arr_panel.png) 98% top
		no-repeat;
	color: #fff; /* font-size: 20px; */
	font-size: 1.25rem;
	cursor: pointer;
}

.panel_title.on {
	background-position: 98% bottom;
}

.panel_cnt {
	padding: 15px 0;
}

/* 만족도조사 */
.survey {
	position: relative;
	padding: 20px 120px 20px 20px;
	margin-top: 100px;
	min-height: 100px;
	border: 1px solid #dcdcdc;
}

.survey p {
	margin-bottom: 10px; /* font-size: 17px; */
	font-size: 1.063rem;
}

.btn_regist {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 80px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	border: 1px solid #dcdcdc;
	background-color: #f5f5f5;
}

@media ( max-width : 768px) {
	.survey {
		padding: 20px;
	}
	.survey {
		position: relative;
		padding: 20px;
	}
	.btn_regist {
		position: static;
		right: auto;
		top: auto;
		margin-top: 15px;
		width: 100%;
		height: 35px;
		text-align: center;
		line-height: 35px;
		border: 1px solid #dcdcdc;
		background-color: #f5f5f5;
	}
}

.appraisal {
	position: relative;
	margin-top: 50px;
	padding: 20px;
	min-height: 100px;
	border: solid 1px #dcdcdc;
}

.appraisal .b {
	padding-left: 20px;
}

.appraisal .blind {
	position: absolute;
	text-indent: -9999px;
	opacity: 0;
}

.appraisal .tit {
	margin-bottom: 15px;
	font-size: 17px;
}

.appraisal .tit, .btn_regist {
	font-weight: 500;
}

.appraisal .chk {

}

.appraisal .crb {
	display: inline-block;
	margin-right: 25px;
}

@media ( max-width : 500px ) {
	.paging .btn_first, .paging .btn_prev, .paging .btn_next, .paging .btn_last
		{
		width: 30px;
		height: 30px
	}
	.paging .btn_first:after, .paging .btn_prev:after, .paging .btn_next:after,
		.paging .btn_last:after {
		width: 30px;
		height: 30px;
	}
	.paging .btn_first:after {
		background-position: -4px -3px
	}
	.paging .btn_prev:after {
		background-position: -39px -3px
	}
	.paging .paginate_input {
		height: 30px;
	}
	.paging .btn_page_go {
		width: 52px;
		height: 30px;
		line-height: 30px
	}
	.paging .btn_next:after {
		background-position: -76px -3px;
	}
	.paging .btn_last:after {
		background-position: -112px -3px
	}
}