@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url(https://cdn.rawgit.com/kattergil/NotoSerifKR-Web/76eb9ebf/stylesheet/NotoSerif-Web.css);

/* MaruBuri-Regular */
@font-face { 
	font-family: 'MaruBuri-Regular'; 
	src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff'); 
	font-weight: 300; 
	font-style: normal;
}

body, div, ul, li, dl, dt, dd, ol, p, h1, h3, h4, h5, h6, form table, th, fieldset, legend, input, textarea, button, select, inline { margin: 0; padding: 0; }
ul, ol, dl { list-style:none; }
a:active, a:focus { outline: 0; }
a:hover, a:active, a:focus, a:link { text-decoration:none; }
a { text-decoration:none; color: #333; }
body, header ul li a, header h1, header h2 h3 h4 { font-family: 'Nanum Gothic', Arial, Helvetica, sans-serif !important; background-color: #d4b323; min-width:1003px; /*min-height:100px;*/ background-image: url(/base/img/bg2.jpg); background-repeat: no-repeat; background-position: center top; font-size: 12px; }
img, fieldsec { border:0; }
#cl { clear:both; }
.wrap { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.wrap #header { width: 860px; margin-right: auto; margin-left: auto; height: 400px; position: relative; }
#apDiv0 { position:absolute; width:142px; height:149px; z-index:1; left: -17px; top: 116px; }
#apDiv1 { position:absolute; width:156; height:120; z-index:2; left: 107px; top: 79px; }
#apDiv2 { position:absolute; width:156; height:120; z-index:3; left: 253px; top: 23px; }
#apDiv3 { position:absolute; width:156; height:120; z-index:4; left: 425px; top: 3px; }
#apDiv4 { position:absolute; width:156; height:120; z-index:5; left: 600px; top: 16px; }
#apDiv5 { position:absolute; width:156; height:120; z-index:5; left: 735px; top: 76px; }
.wrap #content { width: 860px; margin-right: auto; margin-left: auto; position: relative; }
.wrap #content .cbs_movie { height: 120px; width: 100%; }
.wrap #content .cbs_movie ul { height: 120px; width: 150px; float: right; }
.wrap #content .cbs_movie ul li { background-color: #FFF; height: 90px; width: 150px; }
.wrap #content .cbs_movie ul h3 { text-align: center; line-height: 26px; color: #FFF; background-color: #000; }
.wrap #content .main_img { height: 280px; width: 860px; margin-top: 160px; margin-bottom: 15px; }
.wrap #content .board { height: 250px; width: 100%; }
.wrap #content .board .gallery { background-color: #FFF; float: left; height: 210px; width: 496px; padding: 20px; }
.wrap #content .board h3 { font-size: 16px; width: 80%; float: left; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #CCC; margin-bottom: 10px; height: 30px; }
.wrap #content .board h4 { font-weight: normal; color: #999; font-size: 12px; float: left; width: 20%; text-align: right; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #CCC; margin-bottom: 10px; height: 20px; padding-top: 10px; }
.wrap #bottom { height: 73px; width: 860px; margin-top: 20px; margin-bottom: 20px; margin-right: auto; margin-left: auto; }
.wrap #content .board .gallery li { float: left; width: 100%; height: auto; }
.wrap #content .board .notice li { float: left; width: 100%; height: auto; }
.wrap #content_sub { background-color: #FFF; width: 860px; margin-right: auto; margin-left: auto; }
.wrap #content_sub .course { display:none; height: 30px; width: 800px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; margin-right: auto; margin-left: auto; text-align: right; color: #999; font-size: 11px; line-height: 30px; }
.wrap #content_sub .course span { color: #333; }
.wrap #content_sub h1 { width: 800px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; margin-right: auto; margin-left: auto; margin-top: 15px; padding-bottom: 15px; padding-top:20px; font-size: 36px; color: #666; }
.wrap .story { width: 800px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; background-color: #FFF; padding-bottom: 30px; min-height:400px; padding-top: 20px; }
/*ÅǸ޴º*/
#tab { width:800px; height:29px; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #ce0008; margin-bottom: 20px; }
#tab li { width:128px; float:left; display:block; height:29px; text-align:center; position:relative; margin-right: 1px; }
#tab span { display:block; left:0; top:0; width:128px; height:20px; padding-top:8px; position:absolute; cursor:pointer; border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #CCC; border-right-color: #CCC; border-left-width: 1px; border-left-style: solid; border-left-color: #CCC; background-color: #FFF; }
#tab span.on { font-weight:bold; padding-bottom:1px; width:121px; border-top-width: 4px; border-right-width: 4px; border-left-width: 4px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #ce0008; border-right-color: #ce0008; border-left-color: #ce0008; background-color: #F4F4F4; font-size: 12px; color: #ce0008; }

body *{
	font-family: 'NanumSquare', sans-serif !important;
}
body table td{
	letter-spacing:-0.04em;
}

.account{
	white-space: nowrap;
}

.wrap #content_sub h1{
	margin-top:0px !important;
}

#content_sub > .course{ display:none; }
#content_sub > h1{ border-bottom-width:1px !important; padding-top:20px; padding-bottom:15px !important; }
#bottom{ margin-top:0px !important; }

.none{
	display:none;
}

/* GNB */
.gnb{
	color:#000;
	position:absolute; 
	top:210px; 
	right:-250px;
	font-size:16px;
	z-index:999;
	display:flex;
}
.gnb .sep{
	width:20px;
	text-align:center;
}
.gnb .rainbow{
	letter-spacing:0.06em;
}
.gnb .login_name{
	text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
	margin-right:5px;
	position:absolute;
	font-size:16px;
	font-weight:600;
	top:-28px;
	right:68px;
	width:150px;
}
.gnb .login_welcome{
	position:absolute;
	font-size:16px;
	font-weight:600;
	top:-28px;
	right:0px;
	text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
	width:150px;
}
.gnb a{
	color:#1a758a;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
	font-weight:750;
	font-size:17px;
	letter-spacing:-0.04em;
}
.gnb .sep:after{
	content:'\22c5';
	font-weight:900;
	color:#fff;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
	margin:0 0px;
}

/* board */
.notice_subject{
	margin-left:5px;
	font-size:14px;
}
table.board, table.board tr, table.board td{
	border:1px solid #e0e0e0;
}
div.category table.board, div.category table.board tr, div.category table.board td{
	border:0px solid #e0e0e0 !important;
}
table.board td, table.board td font{
	font-size:14px !important;
	padding:10px 5px;
	color:#000 !important;
}
table.board td.att_title *{
	font-size:14px !important;
	color:#000 !important;
}
#search_table{
	padding-left:33%;
}
.keywordform{height:18px;}
.board.list *, .board.view *{
	border:0px solid #fff !important;
}
.story .board_desc{
	font-size:24px !important;
}

.head-info{
	margin-top:20px;
	font-size:18px;
	padding:10px 0px 0px 28px;
	color:#3c97ac;
	position:absolute;
	margin-top:-55px;
	margin-left:120px;
}
.head-info:before{
	content:'* ';
}

table.member_txt, table.member_txt tr, table.member_txt td{
	/*border:1px solid #e0e0e0;*/
}

.story.introduction{
	font-family:'MaruBuri-Regular', 'Noto Serif KR', serif !important;
	font-size:16px;
	line-height:160%;
	padding-top:50px;
	background-color:transparent;
	color:#888;
	text-align:justify;
}
.story.introduction b{
	font-family:'MaruBuri-Regular', 'Noto Serif KR', serif !important;
	font-weight:700;
	color:#9058d8;
}
.story.introduction .from{
	font-family:'MaruBuri-Regular', 'Noto Serif KR', serif !important;
	font-weight:700;
	font-size:17px;
	margin-left:500px;
}
.story.introduction .image-block{
	display:flex;
	margin:10px 0;
}
.story.introduction .image-block img{
	height:230px;
	border-radius:10px;
	margin-right:20px;
	display:none;
}


/* ¹«·á±Þ½Ä */
.meal-serivce-head{
	margin-top:40px;
	text-align:center;
	font-size:18px;
	letter-spacing:-0.02em;
	line-height:160%;
	color:#9058d8;
	font-family:'MaruBuri-Regular', 'Noto Serif KR', serif !important;
	padding:0 20px;
}
.meal-serivce-body{
	margin-top:40px;
	margin-bottom:40px;
	text-align:center;
	font-size:15px;
	line-height:160%;
	color:#888;
	padding:0 20px;
	font-family:'MaruBuri-Regular', 'NanumGothic', 'Noro Sans KR','Noto Serif KR', serif !important;
}

.doing-page-title{
	text-align:center;
	padding:8px 0 5px;
	font-size:20px !important;
	font-weight:700;
	color:#333 !important;
}
.doing-page-title span{
	font-size:27px !important;
	font-family:arial;
	font-weight:1000;
}

.image-block{
	display:flex;
}

.hanja{
	font-family:serif !important;
}

.link{
	cursor:pointer;
}

.help-information{
	width: 410px;
    text-align: center;
    margin-top: -250px;
    display: block;
    position: absolute;
    margin-left: 200px;
    font-size: 15px;
    line-height: 160%;
    color: #888;
	letter-spacing:-0.04em;
	font-family:'MaruBuri-Regular', 'NanumGothic', 'Noro Sans KR','Noto Serif KR', serif !important;
}
.map-info{
	font-size:16px;
	line-height:160%;
	color:#555;
}

.intro-photo{
	max-width:380px;
	float:right;
	border-radius:5px;
	margin:10px 0 0px 20px;
}

.mt10{margin-top:10px;}


body.home .quick{display:none;}
.quick{
	position:fixed;
	bottom:10px;
	right:calc(50% - 510px);
}
.quick a{
	display:block;
	margin-bottom:10px;
}

input[type=password]{
	font-family:arial !important;
}