@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-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;background: #f4f4f4;}
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;
}

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

.mt_10{margin-top:10px;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}
.mt_40{margin-top:40px;}
.mt_50{margin-top:50px;}
.mt_60{margin-top:60px;}
.mt_70{margin-top:70px;}
.mt_80{margin-top:80px;}
.mt_90{margin-top:90px;}
.mt_100{margin-top:100px;}
.mt_150{margin-top:150px;}
.mt_200{margin-top:200px;}
.mt_250{margin-top:250px;}

.bt{
	color:#256db7;
}

.sbt{
	color:#297ccf;
}

.rt{
	color:#d50000;
}

.bold{
	font-weight:700;
}

.right{
	float:right;
}

.wbr{
	display:block;
}

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

	.wbr{
		display:initial;
	}

	.mbr{
		display:block;
	}
}

.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{	
	width:120px;
	height:40px;
	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{	
	width:120px;
	height:40px;
	background:#fff;
	color:#666;
	font-weight:700;
	font-size:16px;
	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{	
	width:120px;
	height:40px;
	background:#333;
	border:0;
	color:#fff;
	font-weight:700;
	font-size:16px;
}

.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:30px 0 0 0;
	border-top:2px solid #232323;
}

.default_list_table th{
	padding:10px 0;
	text-align:center;
	font-size:16px;
	color:#333;
	border-bottom:1px solid #ddd;
}
.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 td.l_text{
	text-align:left;
	padding-left:10px;
}

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

.mobile_list_table li{
	float:left;
	width:100%;
	padding:10px 0;
	border-bottom:1px solid #ddd;
}

.mobile_list_table li .type{
	display:flex;
	float:left;
	width:20%;
	height:40px;
    flex-direction: row;
    align-items: center;
	justify-content:center;
	font-size:15px;
	line-height:20px;
}

.mobile_list_table li .tit{
	float:left;
	width:80%;
	height:20px;
	font-size:16px;
	line-height:16px;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}

.mobile_list_table li .cont{
	float:left;
	width:80%;
	height:20px;
}

.mobile_list_table li .cont span{
	display:inline-block;
	margin-right:15px;
	font-size:14px;
	color:#898989;
}

.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_area{
	float:left;
	width:100%;
	margin-top:20px;
}

.default_view_area .title_area{
	float:left;
	width:100%;
	padding:23px 20px;
	/* border-top:2px solid #222; */
}

.default_view_area .title_area .title{
	float:left;
	width:100%;
	margin-bottom: 10px;
	font-size:32px;
	font-weight: bold;
	/* line-height:24px; */
	/* text-indent:20px; */
}

.default_view_area .title_area .cont{
	float:left;
	width:17%;
	font-size:17px;
	line-height:17px;
}

.default_view_area .title_area .cont.type3{
	width:11%;
}

.default_view_area .title_area2{
	float:left;
	width:100%;
	padding:23px 0;
	border-top:1px solid #ddd;
}

@media screen and (max-width:640px){
	.default_view_area{
		width:90%;
		margin:0px 0 0 5%;
	}

	.default_view_area .title_area{
		padding:10px 0;
	}

	.default_view_area .title_area .title{
		width:100%;
		padding:5px 0 15px 0;
		border-bottom:1px solid #ddd;
		font-size:18px;
		line-height:18px;
	}

	.default_view_area .title_area .cont{
		width:50%;
		margin-top:20px;
		font-size:14px;
		line-height:14px;
	}
}

.default_view_area dt{
	float:left;
	width:60px;
	color:#333;
}

.default_view_area dd{
	float:left;
	width:calc(100% - 60px);
}


.default_view_area .content_area{
	float:left;
	width:calc(100% - 40px);
	min-height:400px;
	padding:20px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
} 

.default_view_area .content_area img {
	max-width: 100%;
}

.default_view_area .title_area2 dl{
	float:left;
	width:33%;
	font-size:16px;
}

.default_view_area .title_area2 dl dt{
	float:left;
	width:100px;
}

.default_view_area .title_area2 dl dd{
	float:left;
	width:calc(100% - 100px);
}

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