@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

* {box-sizing: border-box;}

html,body { 
	font-size: 16px;
	font-family: 'Pretendard', sans-serif;
	word-break: keep-all;
	letter-spacing: -0.4px;
	scroll-behavior: smooth;
	background-color: #fff;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul, dl, dd, label {
	padding: 0;
	margin: 0;
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1 {
	font-size: 5.375rem;
	line-height: 135%;
	/* 	font-size : 86px; */
}
h2 {
	font-size: 3.375rem;
	line-height: 135%;
	/* 	font-size : 54px; */
}
h3 {
	font-size: 2.625rem;
	line-height: 140%;
	/* 	font-size : 42px; */
}
h4 {
	font-size: 2rem;
	line-height: 150%;
	/* 	font-size : 32px; */
}
h5 {
	font-size: 1.5rem;
	line-height: 150%;
	/* 	font-size : 24px; */
}
h6 {
	font-size: 1.125rem;
	line-height: 165%;
	/* 	font-size : 18px; */
}

/* h1,.h1 {
	font-size: 2.625rem;
	
} */

/* 	36px; */
/* h2,.h2 {
	font-size: 2.25rem;
	
} */

/* 	28px */
/* h3,.h3 {
	font-size: 1.75rem;
} */

/* 	20px */
/* h4,.h4 {
	font-size: 1.25rem;
} */

/* 	18px */
/* h5,.h5 {
	font-size: 1.125rem;
} */

/* 	16px */
/* h6,.h6 {
	font-size: 1rem;
} */

h1,h2,h3,h4,h5,h6 {font-weight: 600;}
.b {font-weight: 500 !important;}
.strong {font-weight: 700 !important;}
.normal { font-weight: 400 !important;}
.thin { font-weight: 300 !important;}
.highlight {color: #00B1C5 !important;}

p { font-weight: 400;}
em { font-size: 1.2em; }

.normal {
	font-weight: 400;
}

a { color: inherit; }
a:hover { color: inherit; text-decoration: none; }
button { cursor: pointer;  }
button:focus {outline: 0;}
input:-moz-read-only { /* For Firefox */
	background-color: #efefef;
}
input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input::placeholder {
	color: #000;
}
textarea::placeholder {
	color: #000;
}
select:-moz-read-only {
	background-color: #efefef;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(/images/icon/select_black.png);
	background-repeat: no-repeat;
	background-position: right 5px center;
}
select::-ms-expand { display: none; } 
input::placeholder {
	color: #8b8b8b;
	font-weight: 300;
}
textarea::placeholder {
	color: #8b8b8b;
	font-weight: 300;
}
img { width: 100%; max-width: 100% !important; }
table { width: 100%; }
.regular { font-weight: 500 !important; }
mark {
	padding: 0;
	background-color: transparent;
}

.container {
	max-width: 1040px;
}
.container_lg {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	max-width: 1300px;
	width: 100%;
}
.container_xl {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	max-width: 1560px;
	width: 100%;
}
.bg_gray {
	background-color: #F8F8F8;
}


.pc_img {
	display: inline-block !important;
}
.mobile_img {
	display: none !important;
}

.btn_border_black {
	border: 1px solid #000;
	background-color: transparent;
	color: #000;
	transition: all 0.4s ease;
}
.btn_border_black:hover {
	border-color: #00b1c5;
	background-color: #00b1c5;
	color: #fff;
}
.btn_border_white {
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff;
	transition: all 0.4s ease;
}
.btn_border_white:hover {
	background-color: #fff;
	color: #000;
}
.no_padding {
	padding: 0 !important;	
}
.border_none {
	border-bottom: none !important;
}
.dis_none {
	display: block;
}

.custom_chk {
	display: inline-block !important;
}
.custom_chk input {
	display: none;
}
.custom_chk input[type=radio] + span,
.custom_chk input[type=checkbox] + span {
	display: inline-block;
	position: relative;
	width: 30px;	
	height: 30px;	
	background-color: #fff;
	border: 1px solid #000;
	vertical-align: middle;
}
.custom_chk input[type=radio]:checked + span::before,
.custom_chk input[type=checkbox]:checked + span::before {
	content: '';
	display: block;
	position: relative;
	margin-top: 5px;
	margin-left: 5px;
	top: 0;
	right: 0;
	width: 18px;
	height: 11px;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	transform: rotate(-45deg);
}
.custom_chk p {
	display: inline-block;
	margin-left: 3px;
	vertical-align: middle;
}

/* 페이지네이션 */
.pagination {
	margin-top: 30px;
	padding: 20px 0;
	text-align: center;
	justify-content: center;
}
.page-item {
	margin: 0 8px;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 16px;
	color: #888;
}
.page-item a {
	display: block;
	min-width: 15px;
}
.page-item a.active {
	border-bottom: 2px solid #000;
	font-weight: 600;
	color: #000;
}

.page-item:first-child,
.page-item:nth-child(2),
.page-item:nth-last-child(2),
.page-item:last-child {}
.page-item:first-child {
	font-size: 0;
	background-image: url('/images/icon/next.png');
	transform: rotate(-180deg);
}
.page-item:nth-child(2) {
	font-size: 0;
	background-image: url('/images/icon/last.png');
	transform: rotate(-180deg);
}
.page-item:nth-last-child(2) {
	font-size: 0;
	background-image: url('/images/icon/next.png');
}
.page-item:last-child {
	font-size: 0;
	background-image: url('/images/icon/last.png');
}


/*모달*/
.custom_modal .modal-dialog {
	max-width: 1200px;
}
.custom_modal .modal-content {
	border: none;
	border-radius: 0;
	background-color: transparent;
}
.custom_modal .close {
	margin-bottom: 15px;
}
.custom_modal .modal-header {
	border-bottom: none;
}
.custom_modal .modal-body {
	padding: 0;
	background-color: #fff;
}

.color_grey {
	color: #9b9b9b;
}
.color_black {
	color: #000;
}