@charset utf-8;
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url(//fonts.googleapis.com/earlyaccess/jejuhallasan.css);
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Playfair+Display&display=swap');

@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-4ExtraLight';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4ExtraLight.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-7ExtraBold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

* { 
font-family: 'Noto Sans KR', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}

/**********************  전체  ******************************/

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
header, hgroup, menu, nav, section, summary, time, mark, audio, video, textarea,button{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;}
body{width:100%;font-family:'Noto Sans KR',Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;font-size:12px;color:#000;}
ul, li{list-style:none;}
a{margin:0;padding:0;font-size:100%;text-decoration:none;vertical-align:baseline;background:transparent;}
a, a:link, a:hover, a:active{color:inherit;text-decoration:none;}
img{vertical-align:middle;}
input{margin:0;padding:0;box-sizing:content-box;vertical-align:middle;font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
textarea{border:1px solid #ddd;}
table{border-collapse:collapse;border-spacing:0;}
input[type=text], input[type=password], select{height:26px;vertical-align:middle;border:1px solid #bbb;}
input[type=button], input[type=submit], button{cursor:pointer;}
strong, b{font-weight:bold;}

input[type=text], input[type=password]:focus{outline:none;}
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }

input[type=text], input[type=password]{
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}

input[type=button], input[type=submit]{
   -webkit-appearance: none;
}

/***************************************************************************************************/

.bt{
	color:#256db7;
}

.sbt{
	color:#297ccf;
}

.rt{
	color:#d50000;
}

.bold{
	font-weight:700;
}

.right{
	float:right;
}

.myeongjo{
	font-family:Noto Serif KR;
}

.paging{
	float:left;
	width:100%;
	text-align:center;
	margin:15px 0;
}

.paging ul{
	margin:0 auto;
}

.paging ul li{
	display:inline-block;
	margin-right:2px;
	width:25px;
	height:19px;
	font-size:11px;
	text-align:center;
	padding-top:6px;
	border:1px solid #ddd;
}

.paging ul li a,.paging ul li a:hover, .paging ul li a:link, .paging ul li a:focus, .paging ul li a:active{
 color:inherit;
 display:block;
 width:100%;
 height:100%;
}

.paging ul li:hover, .paging ul li.over{
	background:#999;
	color:#fff;
	cursor:pointer;
}


.paging ul li.now_page{
	background:#efefef;
}


.btn_area01{
	float:left;
	width:100%;
	margin:40px 0;
	text-align:center;
}

.btn_area02{
	float:left;
	width:100%;
	margin:40px 0;
}

.btn_area03{
	float:left;
	width:100%;
	margin:40px 0;
	text-align:right;
}

@media screen and (max-width:640px){
	.btn_area01, .btn_area02, .btn_area03{
		width:90%;
		margin-left:5%;
	}
}


.darkgreen_btn{
	height:45px;
	border:0;
	padding:0 20px;
	background:#01A3E3;
	font-size:16px;
	color:#fff;
}


.darkgray_btn{
	height:45px;
	border:0;
	padding:0 20px;
	background:#333;
	font-size:16px;
	color:#fff;
}

@media screen and (max-width:640px){
	.darkgreen_btn, .darkgray_btn{
		height:40px;
		padding:0 15px;
		font-size:14px;
	}
}

.btn_frame{
	float:left;
	width:260px;
	margin-top:10px;
	text-align:center;
}

button.no-reply{
	width:78px;
	height:34px;
	background:#ec6400;
	border:1px solid #ec6400;
	font-size:16px;
	color:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

button.ok-reply{
	width:78px;
	height:34px;
	background:#fff;
	border:1px solid #ec6400;
	font-size:16px;
	color:#ec6400;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

@media screen and (max-width:640px){
	button.no-reply, button.ok-reply{
		width:60px;
		height:25px;
		font-size:13px;
	}
}

button.blue_btn{
	width:80px;
	height:36px;
	background:#0092E5;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border:0;
	color:#fff;
	font-size:17px;
}

button.gray_btn{
	width:80px;
	height:36px;
	background:#4E4E4E;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border:0;
	color:#fff;
	font-size:17px;
}

.default_board_list{
	float:left;
	width:100%;
	table-layout: fixed;
	border-top:2px solid #01A3E3;
}

.default_board_list th, .default_board_list td{
	padding:15px 0;
	border-bottom:1px solid #ddd;
	text-align:center;
	font-size:16px;
}

.default_board_list td{	
	white-space: nowrap; 
	overflow: hidden;
	text-overflow : ellipsis;
}

.default_board_list.jehu_list td{	
	white-space: normal; 
}

.default_board_list th.ltext, .default_board_list td.ltext{
	text-align:left;
	padding-left:15px;
}

.default_board_list td.sizemax img{
	max-width: 300px;
}

@media screen and (max-width:640px) {
	.default_board_list td.sizemax img{
		max-width: 100%;
	}
}

/***********************************************/
/* 2023-06-09 수정 : 모바일 버전에서 리스트 보기 편하도록 */
.default_board_list.v2 {}

.default_board_list.v2 .mob {
	display: none;
}

.default_board_list.v2 th, .default_board_list.v2 td {}

.default_board_list.v2 th {}

.default_board_list.v2 td {}

@media screen and (max-width:640px) {
	.default_board_list.v2 .pc {
		display: none;
	}

	.default_board_list.v2 .mob {
		display: block;
		padding-bottom: 10px;
		font-size: 1.2em;
		font-weight: bold;
	}

	.default_board_list.v2 td .mob {
		padding-bottom: 20px;
		text-align: center;
	}
}
/***********************************************/


.default_board_view{
	float:left;
	width:100%;
	border-top:2px solid #01A3E3;
}

.default_board_view th, .default_board_view td{
	padding:15px 0;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	font-size:16px;
}

.default_board_view th{
	text-align:center;
}

.default_board_view td{
	padding-left:15px;
}

.default_board_view th:last-child, .default_board_view td:last-child{
	border-right:0;
}

.default_board_view th.ltext, .default_board_view td.ltext{
	text-align:left;
	padding-left:15px;
}

.default_board_view input[type=text], .default_board_view input[type=date]{
	height:35px;
}

.default_board_view button{
	padding:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#01A3E3;
	color:#fff;
	font-size:14px;
}

@media screen and (max-width:640px){
	.default_board_list th, .default_board_list td, .default_board_view th, .default_board_view td{
		font-size:14px;
	}

	.default_board_view td img{
		max-width:100%;
	}
}


.board_search_area{
	float:left;
	width:100%;
	margin-top:20px;
	text-align:center;
}

.board_search_area select{
	width:130px;
	height:40px;
	font-size:16px;
}

.board_search_area input[type=text]{
	height:38px;
	padding: 0 10px;
	font-size:16px;
}

.board_search_area button{
	width:80px;
	height:40px;
	border:0;
	background:#515151;
	color:#fff;
	font-size:16px;
	vertical-align:bottom;
}

@media screen and (max-width:640px){
	.board_search_area select{
		width:25%;
		height:35px;
		font-size:14px;
	}

	.board_search_area input[type=text]{
		font-size:14px;
		height:33px;
	}

	.board_search_area button{
		height:35px;
		font-size:14px;
	}
}




.size50{
	width:50px;
}

.size80{
	width:80px;
}

.size100{
	width:100px;
}

.size150{
	width:150px;
}

.size200{
	width:200px;
}

.size300{
	width:300px;
}

.size400{
	width:400px;
}

.size500{
	width:500px;
}

.size600{
	width:600px;
}

.size700{
	width:700px;
}

.size33per{
	width:33%;
} 

.size50per{
	width:50%;
}

.size60per{
	width:60%;
}

.size70per{
	width:70%;
}

.size80per{
	width:80%;
}

.size90per{
	width:90%;
}

.size98per{
	width:98%;
}

.textarea_set{
    width:98%;
    height:100px;
}

.textarea_set2{
    width:98%;
    height:400px;
}

@media screen and (max-width:640px){
	.textarea_set2{
		height:250px;
	}
}

.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}

.fl_left { float:left; }
.fl_right { float:right; }

.gtxt{color:#01A3E3;}
.gbox{padding:5px 8px;background:#01A3E3;color:#fff;font-size:14px;line-height:14px;font-weight:500;}
.bold_txt{font-weight:500;}

.gray_line_btn{
	display:inline-block;
	width:199px;
	height:39px;
	margin-left:30px;
	border:1px solid #cdcfdd;
	font-size:16px;
	text-align:left;
	text-indent:13px;
	font-weight:500;
	background:#fff;
	vertical-align:bottom;
}

.gray_line_btn img{
	display:inline-block;
	float:right;
	margin-top:8px;
	margin-right:13px;
}


.black_bg_area { position: absolute; left: 0; top: 0; width: 100%; height: 100%; /* background: rgba(0, 0, 0, .3); */ background: rgba(0, 0, 0, .2); color: #fff; text-align: center; }