@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:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', '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:10px 0;
	text-align:center;
}

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

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

.darkblue_btn{	
	padding:8px 20px;
	border:0;
	background:#133555;
	border:0;
	color:#fff;
	font-weight:700;
	font-size:14px;
}

.darkblue_sbtn{	
	padding:6px 10px;
	border:0;
	background:#133555;
	border:0;
	color:#fff;
	font-weight:700;
	font-size:12px;
}

.darkred_btn{	
	padding:8px 20px;
	border:0;
	background:#c91d13;
	border:0;
	color:#fff;
	font-weight:700;
	font-size:14px;
}

.darkred_sbtn{	
	padding:6px 10px;
	border:0;
	background:#c91d13;
	border:0;
	color:#fff;
	font-weight:700;
	font-size:12px;
}

.blackline_btn{	
	padding:10px 50px;
	border:0;
	background:#fff;
	border:0;
	color:#666;
	font-weight:700;
	font-size:14px;
	border:1px solid #ccc;
}

.blackline_sbtn{	
	padding:6px 10px;
	border:0;
	background:#fff;
	border:0;
	color:#333;
	font-weight:700;
	font-size:12px;
	border:1px solid #161616;
}

.darkgray_btn{	
	padding:8px 20px;
	border:0;
	background:#333;
	border:0;
	color:#fff;
	font-weight:700;
	font-size:14px;
}

.darkgray_sbtn{	
	padding:6px 10px;
	border:0;
	background:#333;
	border:0;
	color:#fff;
	font-weight:700;
	font-size:12px;
}

.purple_bbtn{
	width:263px;
	height:74px;
	background:#5220c6;
	font-size:24px;
	color:#fff;
	font-weight:700;
	border:0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

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

.default_list_table{
	float:left;
	width:100%;
	margin:20px 0 0 0;
	border-top:1px solid #232323;
}

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

.default_list_table tr.notice{
	background:#f5f5f5;
}

.default_list_table th{
	background:#efefef;
	font-size:14px;
	font-weight:500;
}

.default_list_table td.l_text{
	text-align:left;
	padding-left:10px;
}

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_list_table td span{
	cursor:pointer;
}

@media screen and (max-width:640px){
	.default_list_table th{
		font-size:13px;
	}

	.default_list_table td{
		font-size:13px;
	}

	button.blue_btn, button.gray_btn{
		height:30px;
		font-size:14px;
	}
}

.default_list_list{
	float:left;
	width:100%;
	margin-top:30px;
}

.default_list_list li{
	float:left;
	width:24%;
	margin-right:1.3%;
	margin-bottom:50px;
}

.default_list_list li:nth-child(4n){
	float:right;
	margin-right:0;
}

.default_list_list li .img{
	float:left;
	width:100%;
	height:300px;
	background:#ddd;
}

.default_list_list li dl, .default_list_list li dl dt, .default_list_list li dl dd{
	float:left;
	width:100%;
}

.default_list_list li dl dt{
	margin-top:22px;
	height:40px;
	font-size:20px;
	line-height:20px;
}

.default_list_list li dl dd{
	margin-top:10px;
	font-size:16px;
	line-height:16px;
	color:#A5A5A5;
}


@media screen and (max-width:640px){
	.default_list_list li{
		width:49%;
		margin-right:0;
	}

	.default_list_list li:nth-child(4n){
		float:left;
	}

	.default_list_list li .img{
		height:250px;
	}

	.default_list_list li:nth-child(even){
		float:right;
	}

	.default_list_list li dl dt{
		font-size:16px;
		height:32px;
		line-height:16px;
	}


	.default_list_list li dl dd{
		font-size:14px;
	}
}


.default_write_tbl{
	float:left;
	width:100%;
	margin-top:20px;
	border-top:2px solid #333;
}

.default_write_tbl th, .default_write_tbl td{
	padding:15px 0;
	border-bottom:1px solid #d3d3d3;
}

.default_write_tbl th{
	background:#f0f0f0;
	font-size:16px;
	font-weight:500;
	text-align:left;
	text-indent:10px;
}

.default_write_tbl th .star{
	color:#c91d13;
}

.default_write_tbl td{
	padding-left:10px;
	font-size:15px;
}

.default_write_tbl td textarea{
	width:98%;
	height:200px;
}

.default_view_table{
	float:left;
	width:100%;
	margin-top:20px;
	border-top:2px solid #333;
}

.default_view_table th, .default_view_table td{
	padding:15px 0;
	border-bottom:1px solid #ddd;
}

.default_view_table th{
	text-align:left;
	padding-left:15px;
	font-size:15px;
	font-weight:500;
	background:#efefef;
}

.default_view_table th.title{
	padding:30px 0;
	font-size:30px;
	font-weight:700;
	text-align:center;
	background:#fff;
}

.default_view_table td{
	padding-left:15px;
	font-size:15px;
}

.default_view_table td.content{
	height:400px;
	vertical-align:top;
}

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

.default_view_table td .count{
	float:right;
	display:inline-block;
	margin-right:20px;
}

.default_view_table td .date{
	float:right;
	display:inline-block;
	margin-right:20px;
}

@media screen and (max-width:640px){
	.default_view_table th.title{
		padding:15px 0;
		font-size:22px;
	}

	.default_view_table td .date{
		clear:both;
		float:left;
		margin-top:10px;
	}
}

.default_gallery_list{
	float:left;
	width:100%;
	margin-top:20px;
}

.default_gallery_list li{
	float:left;
	width:33.3%;
	margin-bottom:60px;
}

.default_gallery_list li dl{
	float:left;
	width:380px;
}

.default_gallery_list li dl dt{
	float:left;
	width:100%;
	height:50px;
	padding-top:32px;
	font-size:16px;
	font-weight:500;
	text-indent:35px;
	background:#efefef;
	overflow:hidden;
	text-overflow:ellipsis;
    white-space: nowrap;
	cursor:pointer;
}

.default_gallery_list li dl dd.img{
	float:left;
	width:100%;
	height:200px;
	cursor:pointer;
}

.default_menu_list{
	float:left;
	width:100%;
}

.default_menu_list li{
	float:left;
	position:relative;
	width:360px;
	height:380px;
	margin-right:60px;
	margin-bottom:60px;
	background:#fbfbfb;
	cursor:pointer;
}

.default_menu_list li.no_margin{
	margin-right:0;
}

.default_store_table{
	float:left;
	width:100%;
	border-top:2px solid #000;
}

.default_store_table th, .default_store_table td{
	padding:22px 0;
	border-right:1px solid #ccc;
}

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

.default_store_table th{
	background:#fbfbfb;
	border-bottom:1px solid #c3c3c3;
	font-size:18px;
	font-weight:500;
	color:#000;
}

.default_store_table tr.top_line{
	border-top:1px solid #4f4f4f;
}

.default_store_table td{
	border-bottom:1px solid #c3c3c3;
	font-size:16px;
	font-weight:500;
	color:#666;
	text-align:center;
}

.sub_menu_over_area{
	position:absolute;
	display:none;
	top:0;
	left:0;
	width:358px;
	height:378px;
	background:url("/images/sub/menu_list_bg.png");
	border:1px solid #ececec;
	z-index:1001;
}

.sub_menu_over_area dt{
	float:left;
	width:330px;
	margin:90px 0 0 15px;
	font-size:26px;
	font-weight:700;
	color:#000;
	text-align:center;
}

.sub_menu_over_area dd.ename{
	float:left;
	width:260px;
	margin:20px 0 0 49px;
	padding-bottom:22px;
	font-size:16px;
	font-weight:500;
	color:#666;
	text-align:center;
	border-bottom:2px solid #333;
}

.sub_menu_over_area dd.menu_content{
	float:left;
	width:100%;
	margin-top:30px;
	font-size:16px;
	font-weight:500;
	color:#000;
	line-height:25px;
	text-align:center;
}

.default_menu_list li:hover .sub_menu_over_area{
	display:block;
}

.menu_list_icon{
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	text-align:center;
}

.menu_list_title{
	position:absolute;
	left:0;
	bottom:50px;
	width:100%;
	font-size:18px;
	font-weight:500;
	text-align:center;
}


.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;
}

.size90per{
	width:90%;
}

.size98per{
	width:98%;
}

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