@charset "UTF-8";

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('../fonts/Pretendard/Pretendard-Black.woff2') format('woff2'), url('../fonts/Pretendard/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('../fonts/Pretendard/Pretendard-ExtraBold.woff2') format('woff2'), url('../fonts/Pretendard/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('../fonts/Pretendard/Pretendard-Bold.woff2') format('woff2'), url('../fonts/Pretendard/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('../fonts/Pretendard/Pretendard-SemiBold.woff2') format('woff2'), url('../fonts/Pretendard/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('../fonts/Pretendard/Pretendard-Medium.woff2') format('woff2'), url('../fonts/Pretendard/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('../fonts/Pretendard/Pretendard-Regular.woff2') format('woff2'), url('../fonts/Pretendard/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('../fonts/Pretendard/Pretendard-Light.woff2') format('woff2'), url('../fonts/Pretendard/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('../fonts/Pretendard/Pretendard-ExtraLight.woff2') format('woff2'), url('../fonts/Pretendard/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('../fonts/Pretendard/Pretendard-Thin.woff2') format('woff2'), url('../fonts/Pretendard/Pretendard-Thin.woff') format('woff');
}

@font-face {
	font-family: 'GmarketSans';
	font-weight: 700;
	font-display: swap;
	src: local('GmarketSans Bold'), url('../fonts/GmarketSans/GmarketSansTTFBold.woff2') format('woff2'), url('../fonts/GmarketSans/GmarketSansTTFBold.woff') format('woff');
}

@font-face {
	font-family: 'GmarketSans';
	font-weight: 500;
	font-display: swap;
	src: local('GmarketSans Medium'), url('../fonts/GmarketSans/GmarketSansTTFMedium.woff2') format('woff2'), url('../fonts/GmarketSans/GmarketSansTTFMedium.woff') format('woff');
}

@font-face {
	font-family: 'GmarketSans';
	font-weight: 400;
	font-display: swap;
	src: local('GmarketSans Light'), url('../fonts/GmarketSans/GmarketSansTTFLight.woff2') format('woff2'), url('../fonts/GmarketSans/GmarketSansTTFLight.woff') format('woff');
}


/* 초기화 */
html { font-size:10px;  }

@media all and (max-width:767px){
   html { overflow-x:hidden; }
}

html, body { height:100%; }
body {margin:0;padding:0;font-family:'Pretendard', dotum, sans-serif; font-size:1.6rem; font-weight:400;  }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 { font-family:'Pretendard', dotum, sans-serif; font-size:1rem; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
ol {margin:0;padding:0;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0;padding:0;font-family:'Pretendard', dotum, sans-serif;}
input[type="submit"] {cursor:pointer}
button { cursor:pointer; border:0; background-color: transparent; }

table { width:100%; border-collapse:collapse; }
td { padding:0; }

textarea, select {font-family:'Pretendard', dotum, sans-serif;}
textarea { resize:none; }
select {margin:0}
p {margin:0;padding:0; word-break:keep-all;  }
hr {display:none}
pre {overflow-x:scroll;}
a {color:#000;text-decoration:none}

table caption { 
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	border: 0;
	clip: rect(0,0,0,0);
}
*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.sr_only, .skip_nav {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	border: 0;
	clip: rect(0,0,0,0);
}

input, select, textarea { border:0; outline:none; }
select { -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input:focus, textarea:focus, select:focus { transition: all 0.2s ease-out; border:1px solid #333 !important; }

input[readonly] {
    background-color: #F0F0F0 !important;
	color:#888 !important;
}

.scrollbar-y { overflow-y:auto; padding:2rem; }
.scrollbar-y::-webkit-scrollbar {
    width: 4px;
}
.scrollbar-y::-webkit-scrollbar-thumb {
    background:#DEDEDE;
    border-radius: 4px;
}
.scrollbar-y::-webkit-scrollbar-track {
    background: transparent;
}

textarea::-webkit-scrollbar {
    width: 4px;
}
textarea::-webkit-scrollbar-thumb {
    background:#DEDEDE;
    border-radius: 4px;
}
textarea::-webkit-scrollbar-track {
    background: transparent;
}

input::placeholder {
	color: #777;
	font-size:1.7rem;
	font-weight:400;
}

textarea::placeholder {
	color: #777;
	font-size:1.7rem;
	font-weight:400;
}

@media all and (max-width:767px){

	.scrollbar-y { overflow-y:auto; padding:0; }
	.scrollbar-x { overflow-x:hidden; padding:0; }

}
/* 20211227 기존 게시판 데이터 css인 bbs_title_block 추가 */
.bbs_title_block{
	padding: 10px 5px;
	border-top: 3px double #000000;
	border-bottom: 3px double #000000;
}