@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);

@charset "utf-8";
@font-face {
 font-family: 'hk-demo';
 src: url('/mobile/css/fonts/hk-demo.eot');
 src: url('/mobile/css/fonts/hk-demo.eot#iefix') format('embedded-opentype'),  url('/mobile/css/fonts/hk-demo.woff') format('woff'),  url('/mobile/css/fonts/hk-demo.ttf') format('truetype'),  url('/mobile/css/fonts/hk-demo.svg#hk-demo') format('svg');
 font-weight: normal;
 font-style: normal;
}
body {
	margin:0;
	padding:0;
	word-wrap:break-word;
	word-break:break-all;
	-webkit-text-size-adjust:none;
}
/*Link Style*/
/* Basic formats */
.italic {
	font-style:italic
}
.bold {
	font-weight:bold
}
.underline {
	text-decoration: underline;
}
/* Global align classes */
.clboth {
	clear:both
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.al {
	text-align:left!important;
}
.ac {
	text-align:center!important;
}
.ar {
	text-align:right!important;
}
.vm {
	vertical-align:middle!important;
}
.vt {
	vertical-align:top!important;
}
.vb {
	vertical-align:bottom!important;
}
.relative {
	position:relative
}
.absolute {
	position:absolute;
}
.inline li {
	display:inline;
	margin:0px;
}
.nobrd {
	border:0px!important;
}
.block_stl {
	display:block;
}
.inline_stl {
	display:inline;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
div, p, span {
	margin: 0px;
	padding: 0px;
}
ul, li {
	list-style:none;
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
}
table, th, td {
	margin: 0px;
	padding:0px;
	border: 0px;
	border-collapse:collapse;
	font-family:Dotum;
	font-size: 12px;
}
em {
	font-style:normal;
}
img, a {
	border:0;
selector-dummy:expression( this.hideFocus=true);
	vertical-align:middle;
}
hr, caption, legend {
	display:none;
}
img {
	border:none;
}
a {
	text-decoration:none;
	color:#6c6c6c;
}
caption {
	display:none;
}
#spoon {
	/*	width:800px;*/
	width:100%;
	margin:0 auto;
}
#header {
	width:100%;
	background-color:#2c2c2c;
}
#header h1 {
	padding:30px 0;
	font-size:0;
	line-height:0;
	text-align:center;
}
#header h1 img {
	width:52%;
}
#header ul.menu {
	overflow:hidden;
	margin:0 15px;
	padding:20px 0;
	border-top:1px solid #86847e;
}
#header ul.menu li {
	float:left;
	width:25%;
	font-family:"Malgun Gothic";
	font-size:14px;
	text-align:center;
	background:url('/assets/images/mobile/menu_line.gif') no-repeat left top;
}
#header ul.menu li.first {
	background:none;
}
#header ul.menu li a {
	display:block;
	color:#fdf7ea;
	line-height:20px;
	padding-top:60px;
}
#header ul.menu li a.icon1 {
	background:url('/assets/images/mobile/menu_icon1.png') no-repeat center 5px;
}
#header ul.menu li a.icon2 {
	background:url('/assets/images/mobile/menu_icon2.png') no-repeat center 5px;
}
#header ul.menu li a.icon3 {
	background:url('/assets/images/mobile/menu_icon3.png') no-repeat center 5px;
}
#header ul.menu li a.icon4 {
	background:url('/assets/images/mobile/menu_icon4.png') no-repeat center 5px;
}
#main {
	/*	width:800px;*/
	width:100%;
	margin:0 auto;
	padding:0;
}
#main .main_cmnt1 {
	text-align:center;
	font:400 16px 'Nanum Pen Script', dotum, "돋움", sans-serif;
	line-height:1.2em;
	color:#ff7800;
	letter-spacing:-1px;
}
#main .main_cmnt2 {
	margin-bottom:20px;
	text-align:center;
	font:600 14px 'Nanum Myeongjo', "나눔명조", serif;
	line-height:1.4em;
	color:#080808;
	letter-spacing:-1px;
}
.main_bar{
	display:table;
	text-align:center;
	width:100%;
	clear:both;
	background-color:RGB(120,120,120)	
}
.main_link{
	display:block;
	float: right; 
    position: relative; 
    left: -50%;
	margin:3px 0;
}
.main_link li{
	float: left; 
    position: relative; 
    left: 50%;
	height:24px;
	margin:0 10px;
	line-height:62px;	
	font:400 12px 'Nanum Gothic', sans-serif;
	color:#FFF
}
.main_link li a, .main_link li a:visited{
	line-height:24px;	
	color:#FFF!important
}
.main_link li.main_icon1{
	background:url(/assets/images/mobile/main_icon1.png) no-repeat 0 50%;
	padding:0 0 0 30px
}
.main_link li.main_icon2{
	background:url(/assets/images/mobile/main_icon2.png) no-repeat 0 50%;
	padding:0 0 0 30px
}
.main_link li.main_icon3{
	background:url(/assets/images/mobile/main_icon3.png) no-repeat 0 50%;
	padding:0 0 0 30px
}

#main div.visual img {
	width:100%;
}
#main div.contents {
	overflow:hidden;
	width:100%;
	border-top:1px solid #353535;
	border-bottom:1px solid #353535;
	background-color:#fdf7ea;
}
#main div.contents div.tit {
	margin-bottom:12px;
	font-family:"Malgun Gothic";
	font-size:16px;
	color:#303030;
	line-height:20px;
}
#main div.contents div.menu {
	float:left;
	/*width:237px;*/
	width:22%;
	padding:23px 15px 15px 15px;
}
#main div.contents div.store {
	float:left;
	/*width:239px;*/
	width:22%;
	padding:23px 15px 15px 15px;
	border-left:1px solid #353535;
}
#main div.contents div.notice {
	float:left;
	/*width:232px;*/
	width:22%;
	padding:23px 15px 15px 15px;
	border-left:1px solid #353535;
}
#main div.contents div.notice ul.notice {
	width:100%;
	height:162px;
}
#main div.contents div.notice ul.notice li {
	/*width:214px;*/
	width:100%;
	word-break:break;
	height:25px;
	overflow:hidden;
	font-family:"Malgun Gothic";
	font-size:12px;
	padding-left:18px;
	background:url('/assets/images/mobile/notice_bullet.png') no-repeat left 13px;
}
#main div.contents div.notice ul.notice li a {
	display:block;
	color:#313131;
	line-height:30px;
}
/* ul.contents begin */
#main ul.contents {
	overflow:hidden;
	min-width:320px;
	width:100%;
	border-top:1px solid #353535;
	border-bottom:1px solid #353535;
	background-color:#fdf7ea;
	background:url('/assets/images/mobile/menu_bg3.jpg') repeat;
}
#main ul.contents li {
	float:left;
	list-style:none;
	width:29%;
	padding:23px 2% 15px 2%;
	border-left:1px solid #353535;
}
#main ul.contents li:first-child {
	border-left:none;
}
#main ul.contents li.menu_bg {
	background:url('/assets/images/mobile/menu_bg1.jpg') repeat;
}
#main ul.contents li.menu_bg p.img {
	background:url('/assets/images/mobile/menu_bg1.jpg') repeat;
}
#main ul.contents li.store_bg {
	background:url('/assets/images/mobile/menu_bg2.jpg') repeat;
}
#main ul.contents li.store_bg p.img {
	background:url('/assets/images/mobile/menu_bg2.jpg') repeat;
}
#main ul.contents li.notice_bg {
	width:29%;
	background:url('/assets/images/mobile/menu_bg3.jpg') repeat;
}
#main ul.contents li div.tit {
	margin-bottom:12px;
	font-family:"Malgun Gothic";
	font-size:16px;
	font-weight:bold;
	/*color:#303030;*/
	color:#fff;
	line-height:20px;
}
#main ul.contents li ul.notice li {
	/*width:214px;*/
	width:100%;
	overflow:hidden;
	font-family:"Malgun Gothic";
	font-size:12px;
	padding-left:18px;
	background:url('/assets/images/mobile/notice_bullet.png') no-repeat left 13px;
	border-left:none;
	padding:7px 0 0 18px;
}
#main ul.contents li ul.notice li a {
	color:#fff;
}
/* ul.contents end */

.img {
	font-size:0;
	line-height:0;
}
.img img {
	width:100%;
}
.bg {
	background:url('/assets/images/mobile/menu_bg.gif') repeat left top;
}
#contents ul.store {
	width:100%;
}
#contents ul.store li {
	position:relative;
	min-height:90px;
	padding:10px;
	border-bottom:1px solid #ccc;
}
#contents ul.store li div.img {
	float:left;
	width:130px;
}
#contents ul.store li div.img img {
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
	vertical-align:top;
}
#contents ul.store li div.infor {
	margin-left:140px;
	padding-bottom:8px;
	letter-spacing:-0.5px;
}
#contents ul.store li div.infor div.tit {
	margin-top:0;
	font-family:"Malgun Gothic";
	font-size:15px;
	color:#2c2c2c;
	line-height:18px;
}
#contents ul.store li div.infor p {
	margin-top:5px;
	font-family:"Malgun Gothic";
	font-size:12px;
	color:#505050;
	line-height:16px;
}
#contents ul.store li div.infor p span {
	font-size:15px;
}
#contents ul.store li div.infor div.reservation {
	margin-top:5px;
	font-family:"Malgun Gothic";
	font-size:15px;
	color:#ed8a16;
	line-height:16px;
	padding-left:20px;
	background:url('/assets/images/mobile/reservation_icon.gif') no-repeat left 0;
}
#contents ul.store li div.search {
	font-family:"Malgun Gothic";
	font-size:11px;
	color:#62585d;
	line-height:18px;
	text-align:center;
}
#contents ul.store li div.search input {
	margin-left:10px;
	width:105px;
	height:16px;
	vertical-align:top;
	border:none;
	background-color:#ddd;
}
#contents div.page {
	width:100%;
	margin:20px 0;
	font-family:"Malgun Gothic";
	font-size:24px;
	text-align:center;
}
#contents div.page a {
	display:inline-block;
	width:41px;
	color:#62585d;
	line-height:41px;
	text-align:center;
	border:1px solid #e5e5e5;
}
#contents div.page a.on, #contents div.page a:hover {
	color:#fff;
	background-color:#62585d;
	border:1px solid #62585d;
}
#contents div.storesns {
	overflow:hidden;
	padding:20px 15px 0 15px;
}
#contents div.storesns div.name {
	float:left;
	font-family:"Malgun Gothic";
	font-size:25px;
	color:#2c2c2c;
	line-height:30px;
	letter-spacing:-1px;
}
#contents div.storesns div.name em {
	display:block;
	font-size:18px;
	font-style:normal;
	color:#2c2c2c;
	letter-spacing:0;
}
#contents div.storesns ul.sns {
	float:right;
	overflow:hidden;
	margin-top:17px;
}
#contents div.storesns ul.sns li {
	float:left;
	margin-left:8px;
	font-size:0;
	line-height:0;
}
#contents div.storesns ul.sns li.first {
	margin-left:0;
}
#contents ul.location {
	margin:20px 0 15px 15px;
}
#contents ul.location li {
	margin-top:12px;
	font-family:"Malgun Gothic";
	font-size:15px;
	color:#323232;
	line-height:25px;
}
#contents ul.location li strong {
	margin-right:15px;
	font-size:18px;
}
#contents ul.location li span {
	font-weight:bold;
	color:#ff0404;
}
#contents div.premium {
	margin-top:40px;
	padding-bottom:40px;
	font-size:0;
	line-height:0;
	text-align:center;
}
#contents div.premium img {
	width:100%;
}
#contents div .img_menu img {
	width:90%;
}

#contents div.menu {
	display:block;
	clear:both;
	margin:60px 0 0 0;
}
#contents div.menu div.tit {
	font-family:"Malgun Gothic";
	font-size:25px;
	font-weight:bold;
	color:#ed8a16;
	line-height:30px;
}
#contents div.menu div.tit span {
	font-size:20px;
	font-weight:normal;
}
#contents div.menu ul.mp {
	width:95%;
	margin:13px 0 0 0 ;
}
#contents div.menu ul.mp li {
	margin-top:12px;
	font-family:"Malgun Gothic";
	color:#2c2c2c;
}
#contents div.menu ul.mp li.first {
	margin-top:0;
}
#contents div.menu ul.mp li {
	overflow:hidden;
	margin-top:17px;
}
#contents div.menu ul.mp li div.subject {
	font-size:11px;
	line-height:16px;
	background:url('/assets/images/mobile/home/dotted.png') no-repeat 270px 15px;
}
#contents div.menu ul.mp li div.subject strong {
	display:inline-block;
	width:130px;
	font-size:18px;
	line-height:20px;
}
#contents div.menu ul.mp li div.being {
	margin-top:5px;
	font-family:"Malgun Gothic";
	font-size:14px;
	color:#2c2c2c;
	line-height:20px;
}
#contents div.menu ul.mp li ul.price {
	float:left;
	overflow:hidden;
	margin-top:5px;
}
#contents div.menu ul.mp li ul.price li {
	float:left;
	margin:0 0 0 15px;
	font-size:15px;
	font-weight:bold;
	color:#d63e3d;
	line-height:24px;
}
#contents div.menu ul.mp li ul.price li.first {
	margin-left:0;
}
#contents div.menu p.care {
	margin-top:30px;
	padding-right:20px;
	font-family:'Nanum Gothic', sans-serif;
	font-size:14px;
	color:#424242;
	line-height:18px;
}
#contents div.menu p.care span {
	font-weight:bold;
	color:#fb2323;
}
#contents div.l-btn {
	margin:20px 20px;
	font-size:0;
	line-height:0;
}
#contents p.fran1 {
	margin:10px 0 0 10px;
	padding:0 0 20px 0;
	font-family:'Nanum Gothic', sans-serif;
	font-size:18px;
	color:#d63e3d;
	line-height:24px;
	border-bottom:1px solid #d63e3d;
}
#contents p.fran2 {
	margin:10px 0 0 10px;
	font-family:'Nanum Gothic', sans-serif;
	font-size:14px;
	color:#424242;
	line-height:20px;
}
#contents div.inquiry {
	margin:15px 0 0 20px;
	font-family:'Nanum Gothic', sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#424242;
	line-height:42px;
}
#contents div.inquiry a {
	display:inline-block;
	width:135px;
	margin-right:15px;
	font-size:16px;
	color:#fdf7ea;
	line-height:42px;
	text-align:center;
	vertical-align:top;
	background-color:#d63e3d;
}
#contents div.inquiry span {
	font-size:30px;
	color:#f71d1d;
}
/*#contents h3 {
	margin:25px 0 0 30px;
	font-family:'Nanum Gothic', sans-serif;
	font-size:18px;
	color:#333;
	line-height:35px;
}*/
#contents ul.faq-list {
	margin:0 30px;
}
#contents ul.faq-list li {
	overflow:hidden;
	margin-top:10px;
	font-family:'Nanum Gothic', sans-serif;
}
#contents ul.faq-list li div {
	font-size:14px;
	font-weight:bold;
}
#contents ul.faq-list li a {
	color:#333;
	line-height:20px;
}
#contents ul.faq-list li p {
	display:none;
	font-size:14px;
	color:#333;
	line-height:20px;
}
#contents ul.faq-list li.selected p {
	display:block;
}
#footer {
	/*	width:800px;*/
	display:block;
	width:100%;
	margin:0 auto;
	padding:16px 0;
	word-wrap: break-word;
	background-color:#151f29;
}
#footer address {
	width:95%;
	margin:0 10px;
	font-family:"Malgun Gothic";
	font-size:11px;
	font-style:normal;
	color:#999;
	line-height:1.2em;
	text-align:center;
	word-wrap: break-word;
}
table.board-list {
	width:100%;
	border-top:1px solid #a0a0a0;
}
table.board-list th {
	font-family:"Malgun Gothic";
	font-size:12px;
	font-weight:normal;
	color:#424242;
	line-height:24px;
	border-bottom:1px solid #a0a0a0;
}
table.board-list th.first {
	background:none;
}
table.board-list td {
	font-family:"Malgun Gothic";
	font-size:12px;
	color:#62585d;
	line-height:20px;
	text-align:center;
	border-bottom:1px solid #a0a0a0;
}
table.board-list td.notice {
	color:#d63e3d;
}
table.board-list td.subject {
	padding-left:10px;
	text-align:left;
}
table.board-list td.subject img {
	vertical-align:middle!important;
	padding:16px 0 0 0;
	line-height:20px!important;
}
table.board-list td a {
	vertical-align:top;
	color:#62585d;
	line-height:41px;
}
table.board-view {
	width:100%;
	border-top:1px solid #a0a0a0;
}
table.board-view th {
	font-family:"Malgun Gothic";
	font-size:12px;
	font-weight:normal;
	color:#424242;
	line-height:35px;
	text-align:left;
	padding-left:20px;
	border-top:1px solid #a0a0a0;
}
table.board-view td {
	font-family:"Malgun Gothic";
	font-size:12px;
	color:#62585d;
	line-height:30px;
	padding:20px 10px;
	border-top:1px solid #a0a0a0;
}
table.prev-view tbody td *img {
	width:100%!important
}
table.board-view-write {
	width:100%;
	border-top:1px solid #a0a0a0;
}
table.board-view-write th {
	font-family:"Malgun Gothic";
	font-size:15px;
	font-weight:normal;
	color:#424242;
	line-height:20px;
	text-align:left;
	padding-left:30px;
	border-top:1px solid #a0a0a0;
}
table.board-view-write th.last {
	border-bottom:1px solid #a0a0a0;
}
table.board-view-write td {
	font-family:"Malgun Gothic";
	font-size:15px;
	color:#62585d;
	line-height:20px;
	padding:5px 15px;
	border-top:1px solid #a0a0a0;
}
table.board-view-write td.last {
	border-bottom:1px solid #a0a0a0;
}
table.prev-next {
	width:100%;
	margin-top:10px;
	border-top:1px solid #d2d8dc;
}
table.prev-next th {
	font-family:"Malgun Gothic";
	font-size:12px;
	color:#0a0a0a;
	line-height:30px;
	border-bottom:1px solid #d2d8dc;
}
table.prev-next td {
	padding:6px 0;
	font-family:"Malgun Gothic";
	font-size:12px;
	border-bottom:1px solid #d2d8dc;
}
table.prev-next td a {
	vertical-align:top;
	color:#444;
	line-height:16px;
}
table.board-write {
	width:100%;
	margin-top:10px;
	border-top:2px solid #bebbb4;
}
table.board-write th {
	font-family:"Malgun Gothic";
	font-size:12px;
	font-weight:normal;
	color:#444;
	line-height:21px;
	padding:5px 0;
	vertical-align:top;
	border-bottom:1px solid #cacbc8;
	background:url('/assets/images/www/community/th_bg.png') repeat left top;
}
table.board-write td {
	font-family:"Malgun Gothic";
	font-size:12px;
	color:#62585d;
	line-height:21px;
	text-align:left;
	padding:5px 0 5px 10px;
	border-bottom:1px solid #cacbc8;
}
table.board-write td input {	
	height:15px;
	background-color:#fdf7ea;
}
table.board-write td legend {
	display:inline-block;
	float:left;
	font:400 0.75em 'Nanum Gothic', sans-serif;
	font-size:16px;
	color:#444;
	line-height:44px;
	padding:4px 6px 0 0;	
}
table.board-write td input.radio {
	margin:0 5px 0 0;
	padding:0;
	background:none;
}
table.board-write td textarea {	
	height:150px;
	background-color:#fdf7ea;
}
#inquiry {
	position:absolute;
	top:1028px;
	left:50%;
	margin-left:-400px;
	width:800px;
	padding-bottom:40px;
	background-color:#eff4f7;
	z-index:222;
}
#inquiry div.close {
	position:absolute;
	top:25px;
	right:30px;
	z-index:333;
}
#inquiry div.join {
	margin:50px 0 0 30px;
}
#inquiry div.join p {
	font-size:0;
	line-height:0;
}
#inquiry div.join p.mgtop15 {
	margin-top:15px;
}
#inquiry div.join div.input {
	overflow:hidden;
	width:740px;
	margin-top:15px;
}
#inquiry div.join div.input ul {
	float:left;
	width:365px;
}
#inquiry div.join div.input ul li {
	margin-top:10px;
	font-size:0;
	line-height:0;
}
#inquiry div.join div.input ul li input {
	width:355px;
	height:44px;
	font-family:'Nanum Gothic', sans-serif;
	font-size:16px;
	color:#444;
	line-height:44px;
	padding-left:6px;
	border:1px solid #e6e6e6;
	background-color:#e6e6e6;
}
#inquiry div.join div.input div {
	float:left;
	width:365px;
	margin:10px 0 0 10px;
	font-size:0;
	line-height:0;
	padding:0;
}
#inquiry div.join div.input div textarea {
	width:353px;
	height:158px;
	font-family:'Nanum Gothic', sans-serif;
	font-size:16px;
	color:#444;
	line-height:34px;
	padding:2px 5px;
	border:1px solid #e6e6e6;
	background-color:#e6e6e6;
}
#inquiry div.join div.input div textarea em {
	font-size:13px;
	line-height:18px;
}
.layer {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
}
.layer .bg2 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.5;
	filter:alpha(opacity=50);
}
.layer .pop-layer {
	display:block;
}
/*20150514 추가*/

.demo-wrapper {
	background-color: #fff;
}
.demo-wrapper .header {
	text-align: center;
	line-height: 50px;
	width: 100%;
	height: 50px;
	background-color: #FF7920;
	color: #fff;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	position: fixed!important;
}
.demo-wrapper .header .title {
	font-family: 'Georgia';
}
.demo-wrapper .header a, .demo-wrapper .header a:hover, .demo-wrapper .header a:active {
	color: #000 !important;
	text-decoration: none;
	font-family: 'hk-demo';
	background-color: rgba(0, 0, 0, 0);
	font-size: 17px;
	font-weight: normal;
}
.demo-wrapper .open a, .demo-wrapper .open a:hover {
	padding: 7px 15px;
	background-color: #fdf6e9;
	border-radius: 3px;
}
.demo-wrapper .header .open {
	color: #fff;
	position: absolute;
}
.demo-wrapper .header .open.left {
	left: 20px;
	cursor: pointer;
}
.demo-wrapper .header .open.right {
	right: 20px;
	cursor: pointer;
}
.demo-wrapper .panel {
	position:absolute;
	top:0;
	z-index:1000;
	background: #4A4A4A;
	color: #ECF0F1;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 100%;
}
.demo-wrapper .panel a {
	color: #FFF !important;
	font-size: 12px;
	padding: 8px 10px 8px 20px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #2B2B2B;
	border-top: 1px solid #636363;
	position: relative;
	font-weight: 400;
}
.demo-wrapper .panel ul {
	padding: 0;
	margin-top:52px;
	list-style: none;
	border-bottom: 1px solid #636363;
}
.demo-wrapper .panel ul li.bmenu {
	padding: 0;
	margin: 0;
	list-style: none;
	background:#2E2E2E;
	border-top: 1px solid #898989;
	border-bottom: 1px solid #898989;
}
.demo-wrapper .panel .avatar {
	position: absolute;
	top: 8px;
	left: 20px;
}
.demo-wrapper .ui-panel-inner {
	padding: 0;
	margin-bottom:30px;
}
.demo-wrapper .panel a:hover {
	background-color: #3B5D7F;
}
.demo-wrapper .panel.right a:before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
	background-color: #2ECC71;
	top:50px;
	right: 20px;
}
.demo-wrapper .panel.left a:before {
	content: '';
	display: inline-block;
	position: absolute;
	width: 24px;
	height: 24px;
	top: 15px;
	left: 20px;
	font-family: 'hk-demo';
	text-align: center;
	font-size: 18px;
}
.demo-wrapper .panel.left .newsfeed a:before {
	content: '\f09e';
}
.demo-wrapper .panel.left .profile a:before {
	content: '?��';
}
.demo-wrapper .panel.left .setting a:before {
	content: '\2699';
}
.demo-wrapper .panel.left .logout a:before {
	content: '\e78e';
}
.demo-wrapper .panel.left .report a:before {
	content: '\f0e0';
}
#contents {
	/*	width:800px;*/
	width:100%;
	margin:0 auto;
	padding:0;
	background-color:#fff;
}
#contents h2 {
	margin:10px 20px 0 15px;
	font-family:"Malgun Gothic";
	font-size:11px;
	font-weight:normal;
	color:#2c2c2c;
	line-height:16px;
	text-align:right
}
#contents h2 em {
	font-style:normal;
	font-size:14px;
	color:#FF8A00;
}
/*#contents h2 {
	margin:20px 0 0 15px;
	font-family:"Malgun Gothic";
	font-size:30px;
	font-weight:normal;
	color:#2c2c2c;
	line-height:47px;
}
#contents h2 em {
	vertical-align:3px;
	font-style:normal;
	font-size:18px;
}*/
#contents .contents_div {
	display:block;
	width:92%;
	min-height:400px;
	margin:0 20px 0 0;
	padding:10px 20px 10px 20px;
}
#contents div.search {
	font-family:"Malgun Gothic";
	font-size:18px;
	color:#2c2c2c;
	line-height:27px;
	padding:20px 20px;
	border-top:1px solid #a0a0a0;
	border-bottom:1px solid #a0a0a0;
}
/*#contents div.search input {
	margin-left:15px;
	height:27px;
	font-family:"Malgun Gothic";
	font-size:13px;
	line-height:27px;
	padding-left:10px;
	vertical-align:top;
	border:none;
	background:url('/assets/images/mobile/search_bg.gif') no-repeat left top;
}
#contents ul.store {
	width:100%;
}
#contents ul.store li {
	overflow:hidden;
	padding:30px 15px;
	border-bottom:1px solid #a0a0a0;
}
#contents ul.store li div.img {
	float:left;
	width:80px;
	height:182px;
}
#contents ul.store li div.infor {
	float:left;
	margin:10px 0 0 20px;
	letter-spacing:-0.5px;
}
#contents ul.store li div.infor div.tit {
	font-family:"Malgun Gothic";
	font-size:20px;
	color:#2c2c2c;
	line-height:20px;
}
#contents ul.store li div.infor p {
	margin-top:15px;
	font-family:"Malgun Gothic";
	font-size:17px;
	color:#505050;
	line-height:25px;
}
#contents ul.store li div.infor p span {
	font-size:20px;
}
#contents ul.store li div.infor div.reservation {
	margin-top:15px;
	font-family:"Malgun Gothic";
	font-size:20px;
	color:#ed8a16;
	line-height:25px;
	padding-left:38px;
	background:url('/assets/images/mobile/reservation_icon.gif') no-repeat left top;
}*/


#contents h3 {
	font-family:'Nanum Gothic', sans-serif;
	font-size:22px;
	color:#005847;
	line-height:22px;
	letter-spacing:-1px;
}
#contents h3 span {
	display:block;
	margin-top:6px;
	font-size:14px;
	font-weight:normal;
	color:#ed8a16;
}
#contents h3 span.black {
	color:#444;
}
#contents h3 span.red {
	margin:0 0 0 8px;
	color:#d63e3d;
}
#contents h3 em {
	font-size:22px;
	font-style:normal
}
#contents h3.fs {
	font-size:20px;
	line-height:22px;
}
#contents h3.fs2 {
	font-size:18px;
}
#contents h3 span.black {
	color:#62585d;
}
#contents h3 span.orange {
	font-family:"NanumGothic";
	font-size:36px;
	font-weight:bold;
	color:#ed8a16;
	line-height:36px;
	letter-spacing:-1px;
}
#contents h3 span.orange em {
	font-size:24px;
}
#contents h3 span.black {
	color:#444;
}
.mgtop0 {
	margin-top:0px !important;
}
.mgtop5 {
	margin-top:5px !important;
}
.mgtop6 {
	margin-top:6px;
}
.mgtop10 {
	margin-top:10px !important;
}
.mgtop12 {
	margin-top:12px !important;
}
.mgtop15 {
	margin-top:15px !important;
}
.mgtop16 {
	margin-top:16px;
}
.mgtop20 {
	margin-top:20px !important;
}
.mgtop28 {
	margin-top:28px;
}
.mgtop30 {
	margin-top:30px;
}
.mgtop35 {
	margin-top:35px;
}
.mgtop40 {
	margin-top:40px !important;
}
.mgtop55 {
	margin-top:55px !important;
}
.mgtop65 {
	margin-top:65px !important;
}
.mgtop70 {
	margin-top:70px;
}
.mgtop121 {
	margin-top:121px !important;
}
.mgleft0 {
	margin-left:0 !important;
}
.mgleft10 {
	margin-left:10px !important;
}
.mgleft20 {
	margin-left:20px !important;
}
.mgleft50 {
	margin-left:50px !important;
}
.mgleft268 {
	margin-left:268px !important;
}
.mgleft402 {
	margin-left:402px !important;
}
.padb50 {
	padding-bottom:50px;
}
/*브랜드스토리*/
#contents ul.story {
	overflow:hidden;
	width:817px;
	height:489px;
	background:url('/assets/images/www/menu/story_line.png') no-repeat center 104px;
}
#contents ul.story li {
	float:left;
	overflow:hidden;
	width:408px;
	height:244px;
	margin:1px 0 0 1px;
}
#contents ul.story li.first {
	margin:0;
}
#contents ul.story li.second {
	margin-top:0;
}
#contents ul.story li.third {
	margin-left:0;
}
#contents ul.story li a {
	display:block;
}
#contents ul.story li a:hover {
	margin-top:-244px;
}
#contents p.txt7 {
	margin-top:12px;
	font-family:'Nanum Gothic', sans-serif;
	font-size:14px;
	color:#4d343f;
	line-height:20px;
	letter-spacing:-1px;
}
#contents p.txt7 span {
	color:#d63e3d;
}
#contents p.txt8 {
	margin-top:20px;
	font-family:'Nanum Gothic', sans-serif;
	font-size:14px;
	color:#4d343f;
	line-height:28px;
	letter-spacing:-1px;
}
#contents p.txt8 strong {
	color:#d63e3d;
}
#contents p.txt9 {
	margin-top:18px;
	font-family:'Nanum Gothic', sans-serif;
	font-size:14px;
	color:#424242;
	line-height:24px;
	letter-spacing:-1px;
}
#contents p.txt9 span {
	font-weight:bold;
	color:#d63e3d;
}
#contents p.r-line {
	margin-top:30px;
	font-family:'Nanum Gothic', sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#d63e3d;
	line-height:25px;
	padding-bottom:5px;
	letter-spacing:-1px;
	text-decoration:underline;
}
#contents p.tel {
	margin-top:40px;
	font-family:'Nanum Gothic', sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#4d343f;
	line-height:25px;
	letter-spacing:-1px;
}
#contents p.tel span {
	font-size:21px;
	color:#d63e3d;
}
#contents p.txt1 {
	margin-top:6px;
	font-family:"Malgun Gothic";
	font-size:12px;
	color:#444;
	line-height:24px;
}
#contents p.txt1 em {
	display:inline-block;
	width:90px;
}
#contents p.txt1 img {
	vertical-align:-4px;
}
#contents p.txt2 {
	margin-top:24px;
	font-family:"Malgun Gothic";
	font-size:18px;
	color:#5b0e43;
	line-height:24px;
	letter-spacing:-1px;
}
#contents p.txt3 {
	margin-top:34px;
	font-family:"Malgun Gothic";
	font-size:14px;
	color:#444;
	line-height:20px;
}
#contents p.txt4 {
	font-family:"Malgun Gothic";
	font-size:24px;
	color:#ed8a16;
	line-height:25px;
	letter-spacing:-1px;
}
#contents p.txt4 span {
	font-size:18px;
}
#contents p.txt5 {
	margin-top:4px;
	font-family:"Malgun Gothic";
	font-size:12px;
	color:#62585d;
	line-height:20px;
}
#contents p.txt5 strong {
	display:inline-block;
	margin-right:10px;
	font-size:14px;
	color:#444;
}
#contents p.txt5 span {
	color:#e23838;
}
#contents p.txt6 {
	margin-top:12px;
	font-family:"Malgun Gothic";
	font-size:12px;
	color:#444;
	line-height:20px;
}
#contents p.txt6 span {
	font-weight:bold;
	color:#ed8a16;
}
#contents p.txt6 strong {
	margin-right:6px;
}
#contents p.txt6 em {
	margin-left:30px;
	display:block
}
#contents p.txt10 {
	margin-top:30px;
	font-family:'Nanum Gothic', sans-serif;
	font-size:14px;
	color:#424242;
	line-height:20px;
	letter-spacing:-1px;
}
#contents p.txt10 span {
	display:block;
	margin:15px 0;
	font-size:16px;
	font-weight:bold;
}
#contents p.txt10 strong.red {
	color:#f31b1b;
}
#contents p.txt10 strong.orange {
	color:#d97204;
}
#contents p.txt10 strong.blue {
	color:#0a1887;
}
#contents p.txt10 strong.green {
	color:#1d6b08;
}
#contents p.txt10 strong.pink {
	color:#dc089e;
}
#contents p.txt11 {
	margin-top:30px;
	font-family:'Nanum Gothic', sans-serif;
	font-size:14px;
	color:#333;
	line-height:24px;
	letter-spacing:-1px;
}
#contents p.txt11 strong {
	font-size:18px;
}
#contents p.txt11 span {
	font-size:18px;
	font-weight:bold;
	color:#ce3a37;
}
#contents p.txt11 span {
	font-size:18px;
	font-weight:bold;
	color:#ce3a37;
}
#contents ul.mp {
	width:100%;
	margin-top:22px;
}
#contents ul.mp li {
	margin-top:12px;
	font-family:'Nanum Gothic', sans-serif;
	color:#2c2c2c;
	letter-spacing:-1px;
}
#contents ul.mp li.first {
	margin-top:0;
}
#contents ul.mp li div.pricewrap {
	overflow:hidden;
}
#contents ul.mp li div.pricewrap div.bn {
	margin-top:10px;
	background:none !important;
}
#contents ul.mp li div.pricewrap div.subject {
	float:left;
	width:580px;
	font-size:14px;
	line-height:16px;
	background:url('/assets/images/www/home/dotted.png') no-repeat 270px 15px;
}
#contents ul.mp li div.pricewrap div.subject2 {
	float:left;
	margin-bottom:15px;
	width:750px;
	font-size:20px;
	line-height:24px;
	background:url('/assets/images/www/home/dotted.png') no-repeat 460px 15px;
}
#contents ul.mp li div.pricewrap div.subject strong {
	display:inline-block;
	width:150px;
	font-size:20px;
	line-height:24px;
}
#contents ul.mp li div.pricewrap div.subject strong.inline {
	width:auto;
}
#contents ul.mp li div.pricewrap ul.inline {
	width:120px !important;
}
#contents ul.mp li div.pricewrap ul.price {
	float:left;
	width:300px;
	overflow:hidden;
}
#contents ul.mp li div.pricewrap ul.price li {
	float:left;
	margin:0 0 0 60px;
	font-size:18px;
	font-weight:bold;
	color:#d63e3d;
	line-height:24px;
}
#contents ul.mp li div.pricewrap ul.price li.first {
	margin-left:0;
}
#contents ul.mp li div.being {
	overflow:hidden;	
	font-family:'Nanum Gothic', sans-serif;
	font-size:14px;
	color:#2c2c2c;
	line-height:24px;
}
#contents ul.mp li div.being div.right {
	float:right;
	margin-right:12px;
}
#contents div.story {
	margin-top:25px;
	font-family:'Nanum Gothic', sans-serif;
	font-size:14px;
	color:#424242;
	line-height:20px;
	letter-spacing:-1px;
	padding-top:10px;
	background:url('/assets/images/www/spoon/story_line.gif') no-repeat left top;
}
#contents div.story strong {
	color:#ed8a16;
}
#contents div.story span {
	display:block;
	margin-top:10px;
	color:#ed8a16;
}
#contents div.story span.tit {
	margin-bottom:10px;
	font-size:18px;
	color:#005847;
}
#contents h4 {
	margin-top:40px;
	font-family:'Nanum Gothic', sans-serif;
	font-size:24px;
	color:#005847;
	line-height:30px;
	letter-spacing:-1px;
}
#contents p.story {
	margin-top:15px;
	font-family:'Nanum Gothic', sans-serif;
	font-size:16px;
	color:#424242;
	line-height:20px;
	letter-spacing:-1px;
	padding-top:10px;
	background:url('/assets/images/www/spoon/story_line2.gif') no-repeat left top;
}
#id-popup {
	width:330px;
	padding-bottom:20px;
	border-top:2px solid #cb3b3b;
	border-right:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	background-color:#fff;
}
#id-popup p.tit {
	margin:15px 0 0 20px;
}
#id-popup p.txt {
	font-size:12px;
	color:#333;
	margin:25px 0 0 25px;
}
#id-popup p.txt span {
	font-weight:bold;
	color:#cc3c3c;
}
#id-popup p.center {
	text-align:center;
}
#pw-popup {
	width:330px;
	padding-bottom:20px;
	border-top:2px solid #cb3b3b;
	border-right:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	background-color:#fff;
}
#pw-popup p.tit {
	margin:15px 0 0 20px;
}
#pw-popup p.txt {
	font-size:12px;
	color:#333;
	margin:25px 0 0 25px;
}
#pw-popup p.txt span {
	font-weight:bold;
	color:#cc3c3c;
}
#pw-popup p.center {
	text-align:center;
}
#pw-popup p.major {
	font-size:11px;
	color:#cc3c3c;
	margin:20px 0 20px 10px;
}
#recruit {
	position:relative;
	width:100%;
}
#recruit h3 {
	font-family:"Malgun Gothic";
	font-size:16px;
	font-weight:normal;
	color:#005847;
	line-height:20px;
}
#recruit h4 {
	margin-top:15px;
	font-family:"Malgun Gothic";
	font-size:14px;
	font-weight:normal;
	color:#f88e12;
	line-height:20px;
}
#recruit p.txt {
	margin-top:5px;
	font-family:"Malgun Gothic";
	font-size:12px;
	color:#62585d;
	line-height:20px;
}
#recruit p.txt em {
	margin-left:8px;
}
#recruit div.table {
	margin-top:10px;
	width:634px;
	height:104px;
	padding:3px;
	background:url('/assets/images/www/recruit/table_bg.png') no-repeat left top;
}
#recruit table {
	width:100%;
}
#recruit table th {
	padding-bottom:2px;
	font-family:"Malgun Gothic";
	font-size:14px;
	font-weight:normal;
	color:#fff;
	line-height:31px;
}
#recruit table td {
	font-family:"Malgun Gothic";
	font-size:12px;
	color:#62585d;
	line-height:16px;
	padding:5px 0;
	text-align:center;
}
#recruit div.btn {
	position:absolute;
	top:449px;
	left:755px;
}
#footerWrap {
	width:928px;
	margin:40px auto 0 auto;
	padding:0 0 40px 262px;
}
#footerWrap ul.fmenu {
	overflow:hidden;
}
#footerWrap ul.fmenu li {
	float:left;
	font-family:"Malgun Gothic";
	font-size:11px;
	margin-left:10px;
	padding-left:11px;
	background:url('/assets/images/www/common/fmenu_line.gif') no-repeat left 5px;
}
#footerWrap ul.fmenu li.first {
	margin-left:0;
	padding-left:0;
	background:none;
}
#footerWrap ul.fmenu li a {
	display:block;
	color:#808080;
	line-height:16px;
}
#footerWrap address {
	margin-top:10px;
	font-family:"Malgun Gothic";
	font-size:11px;
	font-style:normal;
	color:#999;
	line-height:16px;
}
.hidden {
	position:absolute !important;
	height:0;
	top:-9999px !important;
	left:-9999px !important;
	font:0/0 Arial;
}
.right {
	text-align:right;
}
.bg1 {
	width:1400px;
	margin:0 auto;
	border-top:1px solid #e5e5e5;
	background-color:#fdf7ea;
}
.bg2 {
	width:1400px;
	margin:0 auto;
	padding:65px 0;
	background:url('/assets/images/www/home/bg5.jpg') no-repeat right top;
}
.bg3 {
	width:1400px;
	margin:0 auto;
	background:url('/assets/images/www/home/bg3.gif') no-repeat right top;
}
.bg4 {
	padding:50px 0;
}
.bg5 {
	width:1400px;
	margin:0 auto;
	padding:50px 0;
	background:url('/assets/images/www/home/bg3.gif') no-repeat center top;
}
.bg6 {
	width:1400px;
	margin:0 auto;
	background:#410d01;
}
.bg7 {
	width:1400px;
	margin:0 auto;
	background:#005847;
}
#contents ul.interior {
	overflow:hidden;
	width:100%;
}
#contents ul.interior li {
	display:inline-block;
	overflow:hidden;
	float:left;
	position:relative;
	width:45%;
	height:109px;
	margin:0 10px 12px 0;
}
#contents ul.interior li a {
	font-family:"Malgun Gothic";
	font-size:12px;
	color:#fff;
	line-height:18px;
}
#contents ul.interior li a img{
	width:100%;
	height:100%
}
#contents ul.interior li div {
	position:absolute;
	top:91px;
	left:0;
	display:block;
	width:100%;
	height:18px;
	text-align:center;
	background:url('/assets/images/www/franchise/interior_bg.png') repeat-x left top;
}
#contents ul.interior li div.development {
	position:inherit;
	top:0;
	left:0;
	width:122px;
	height:109px;
	padding:0;
	line-height:109px;
	text-align:center;
	background:none #5a3445;
}
#contents ul.interior li div.open {
	position:inherit;
	top:0;
	left:0;
	width:122px;
	height:109px;
	padding:0;
	line-height:109px;
	text-align:center;
	background:none #886c75;
}
#home {
	width:100%;
}
#home ul.gnb {
	width:1190px;
	height:36px;
	margin:0 auto;
	padding:25px 0;
}
#home ul.gnb li {
	float:left;
	margin-left:157px;
	font-family:"Malgun Gothic";
	font-size:30px;
	font-weight:bold;
	color:#541735;
	line-height:36px;
}
#home ul.gnb li.first {
	margin-left:0px;
}
#home ul.gnb li.txt {
	margin-left:30px;
	font-size:18px;
	font-weight:normal;
}
#home ul.gnb li a {
	display:block;
	color:#541735;
	line-height:36px;
	padding-left:58px;
}
#home ul.gnb li a.on, #home ul.gnb li a:hover {
	color:#ed8a16;
}
#home ul.gnb li a.icon1 {
	background:url('/assets/images/www/home/home_icon.png') no-repeat left top;
}
#home ul.gnb li a.icon1.on, #home ul.gnb li a.icon1:hover {
	background:url('/assets/images/www/home/home_icon.png') no-repeat left -36px;
}
#home ul.gnb li a.icon2 {
	background:url('/assets/images/www/home/identity_icon.png') no-repeat left top;
}
#home ul.gnb li a.icon2.on, #home ul.gnb li a.icon2:hover {
	background:url('/assets/images/www/home/identity_icon.png') no-repeat left -36px;
}
#home ul.gnb li a.icon3 {
	background:url('/assets/images/www/home/price_icon.png') no-repeat left top;
}
#home ul.gnb li a.icon3.on, #home ul.gnb li a.icon3:hover {
	background:url('/assets/images/www/home/price_icon.png') no-repeat left -36px;
}
#home ul.gnb li a.icon4 {
	background:url('/assets/images/www/home/ceo_icon.png') no-repeat left top;
}
#home ul.gnb li a.icon4.on, #home ul.gnb li a.icon4:hover {
	background:url('/assets/images/www/home/ceo_icon.png') no-repeat left -36px;
}
#home div.phone {
	position:relative;
	overflow:hidden;
	width:1190px;
	height:566px;
	margin:0 auto;
	padding:55px 0;
	background:url('/assets/images/www/home/phone_bg.png') no-repeat 130px top;
}
#home div.phone a.left {
	position:absolute;
	top:300px;
	left:56px;
}
#home div.phone a.right {
	position:absolute;
	top:300px;
	left:525px;
}
#home div.phone div.img1 {
	float:left;
	width:322px;
	margin-left:144px;
}
#home div.phone div.img2 {
	float:left;
	margin-left:94px;
}
#home div.phone div.img3 {
	float:left;
	margin-left:144px;
	width:322px;
	height:566px;
	background-color:#fdf7ea;
}
#home div.phone div.img3 div.open {
	overflow:hidden;
	width:100%;
	height:53px;
	margin-top:7px;
	font-family:"Malgun Gothic";
	font-size:18px;
	color:#fff;
	line-height:53px;
	background-color:#ed8a16;
}
#home div.phone div.img3 div.open div.name {
	float:left;
	margin-left:10px;
}
#home div.phone div.img3 div.open div.date {
	float:right;
	margin-right:10px;
}
#home div.phone div.img3 div.storeimg {
	position:relative;
	width:322px;
	height:216px;
	margin-top:7px;
}
#home div.phone div.img3 div.storeimg a.left {
	position:absolute;
	top:95px;
	left:12px;
}
#home div.phone div.img3 div.storeimg a.right {
	position:absolute;
	top:95px;
	left:284px;
}
#home div.phone div.img4 {
	float:left;
	margin-left:154px;
}
#home div.phone div.img4 div.tit {
	font-family:"NanumMyeongjo";
	font-size:36px;
	font-weight:bold;
	color:#fdf7ea;
	line-height:40px;
}
#home div.phone div.img4 dl {
	width:498px;
}
#home div.phone div.img4 dl dt {
	margin-top:17px;
	font-family:"Malgun Gothic";
	font-size:18px;
	font-weight:bold;
	color:#fdf7ea;
	line-height:20px;
}
#home div.phone div.img4 dl dd {
	font-family:"Malgun Gothic";
	font-size:16px;
	color:#fdf7ea;
	line-height:20px;
}
#home div.phone div.img4 dl dd.number {
	font-size:24px;
	font-weight:bold;
	color:#ed8a16;
	line-height:26px;
}
#home div.more {
	width:100%;
	margin-top:30px;
	text-align:center;
}
#home div.hometop {
	overflow:hidden;
	width:1190px;
	height:36px;
	margin:0 auto;
	padding:25px 0;
}
#home div.hometop div.home {
	float:left;
	font-family:"Malgun Gothic";
	font-size:30px;
	font-weight:bold;
}
#home div.hometop div.home a {
	display:block;
	color:#ebe0d3;
	line-height:36px;
	padding-left:58px;
	background:url('/assets/images/www/home/home_icon2.png') no-repeat left top;
}
#home div.hometop div.txt1 {
	float:right;
	font-size:0;
	line-height:0;
}
#home div.menu {
	width:1190px;
	height:687px;
	margin:0 auto;
	background:url('/assets/images/www/home/menubg_txt.png') no-repeat right 28px;
}
#home div.menu div.tit {
	font-family:"Malgun Gothic";
	font-size:48px;
	font-weight:bold;
	color:#ed8a16;
	line-height:40px;
}
#home div.menu div.tit span {
	font-size:24px;
	font-weight:normal;
}
#home div.menu p.txt1 {
	font-family:"Malgun Gothic";
	font-size:14px;
	color:#ed8a16;
	line-height:20px;
}
#home div.menu ul.mp {
	width:100%;
	margin-top:22px;
}
#home div.menu ul.mp li {
	margin-top:12px;
	font-family:"Malgun Gothic";
	color:#2c2c2c;
}
#home div.menu ul.mp li.first {
	margin-top:0;
}
#home div.menu ul.mp li div.pricewrap {
	overflow:hidden;
}
#home div.menu ul.mp li div.pricewrap div.subject {
	float:left;
	width:565px;
	font-size:12px;
	line-height:16px;
	background:url('/assets/images/www/home/dotted.png') no-repeat 270px 15px;
}
#home div.menu ul.mp li div.pricewrap div.subject strong {
	display:inline-block;
	width:150px;
	font-size:20px;
	line-height:24px;
}
#home div.menu ul.mp li div.pricewrap ul.price {
	float:left;
	overflow:hidden;
}
#home div.menu ul.mp li div.pricewrap ul.price li {
	float:left;
	margin:0 0 0 60px;
	font-size:18px;
	font-weight:bold;
	color:#d63e3d;
	line-height:24px;
}
#home div.menu ul.mp li div.pricewrap ul.price li.first {
	margin-left:0;
}
#home div.menu ul.mp li div.being {
	overflow:hidden;
	width:875px;
	font-family:"Malgun Gothic";
	font-size:12px;
	color:#2c2c2c;
	line-height:20px;
}
#home div.menu ul.mp li div.being div.left {
	float:left;
}
#home div.menu ul.mp li div.being div.right {
	float:right;
	margin-top:11px;
}
#home div.hometop2 {
	overflow:hidden;
	width:1190px;
	height:36px;
	margin:0 auto;
	padding:25px 0;
}
#home div.hometop2 div.home {
	float:left;
	font-family:"Malgun Gothic";
	font-size:30px;
	font-weight:bold;
}
#home div.hometop2 div.home a {
	display:block;
	color:#541735;
	line-height:36px;
	padding-left:58px;
	background:url('/assets/images/www/home/home_icon.png') no-repeat left top;
}
#home div.hometop2 div.txt1 {
	float:left;
	margin-left:30px;
	font-family:"Malgun Gothic";
	font-size:18px;
	color:#541735;
	line-height:36px;
}
#home div.interior {
	overflow:hidden;
	width:1190px;
	margin:0 auto;
}
#home div.interior div.tit {
	float:left;
	width:237px;
	margin-top:116px;
	font-size:0;
	line-height:0;
	text-align:right;
}
#home div.interior div.tit p.name {
	margin-top:20px;
	font-family:"Malgun Gothic";
	font-size:35px;
	font-weight:bold;
	color:#fdf7ea;
	line-height:40px;
}
#home div.interior div.img {
	float:left;
	width:602px;
	height:478px;
	margin:0 15px;
	padding:142px 43px 0 40px;
	background:url('/assets/images/www/home/interior_bg.png') no-repeat left top;
}
#home div.interior div.img ul.bullet {
	overflow:hidden;
	width:96px;
	margin:10px auto 0 auto;
}
#home div.interior div.img ul.bullet li {
	float:left;
	width:14px;
	height:15px;
	margin-left:6px;
}
#home div.interior div.img ul.bullet li.first {
	margin-left:0;
}
#home div.interior div.img ul.bullet li a {
	display:block;
}
#home div.interior div.img ul.bullet li a.on, #home div.interior div.img ul.bullet li a:hover {
	margin-top:-15px;
}
#home div.interior div.txt {
	float:left;
	margin-top:116px;
	font-size:0;
	line-height:0;
}
#home div.system {
	width:1190px;
	margin:0 auto;
}
#home div.system div.education {
	margin-left:75px;
	font-size:0;
	line-height:0;
}
#home div.system div.book {
	position:relative;
	width:100%;
	margin-top:25px;
	text-align:center;
}
#home div.system div.book a.left {
	position:absolute;
	top:180px;
	left:183px;
}
#home div.system div.book a.right {
	position:absolute;
	top:180px;
	right:183px;
}
#home div.visual {
	width:1400px;
	margin:0 auto;
	font-size:0;
	line-height:0;
}
#home ul.middle {
	overflow:hidden;
	width:1400px;
	margin:30px auto;
}
#home ul.middle li {
	float:left;
	margin-left:32px;
	font-size:0;
	line-height:0;
}
#contents ul.process {
	overflow:hidden;
	width:100%;
	margin:20px 0 0 0
}
#contents ul.process li {
	float:left;
	width:48%;
	margin:0 5px 5px 0;
}
#contents ul.process li.img img{
	width:100%	
}
#contents div.process {
	overflow:hidden;
	width:100%;
}
#contents div.process div.btn {
	float:left;
	margin-top:7px;
}
#contents div.process div.txt {
	float:right;
	font-family:"Malgun Gothic";
	font-size:12px;
	color:#62585d;
	line-height:22px;
}
#contents ul.newstore {
	width:100%;
}
#contents ul.newstore li {
	overflow:hidden;
	margin-bottom:33px;
	border-bottom:1px solid #efd1c9;
}
#contents ul.newstore li div.img {
	float:left;
	width:284px;
	height:198px;
	padding-top:11px;
	text-align:center;
	background:url('/assets/images/www/store/store_bg.png') no-repeat left top;
}
#contents ul.newstore li div.infor {
	float:left;
	margin-left:10px;
}
#contents ul.newstore li div.infor ul.circle {
	overflow:hidden;
}
#contents ul.newstore li div.infor ul.circle li {
	float:left;
	overflow:hidden;
	width:11px;
	height:11px;
	margin:0 0 0 3px;
	padding:0;
	border-bottom:none;
}
#contents ul.newstore li div.infor ul.circle li.first {
	margin-left:0;
}
#contents ul.newstore li div.infor ul.circle li a {
	display:block;
}
#contents ul.newstore li div.infor ul.circle li a.on, #contents ul.newstore li div.infor ul.circle li a:hover {
	margin-top:-11px;
}
#contents ul.newstore li div.infor div {
	margin-top:15px;
	font-family:"Malgun Gothic";
	font-size:12px;
	color:#62585d;
	line-height:24px;
}
#contents ul.newstore li div.infor div span {
	display:block;
	font-size:14px;
	color:#ed8a16;
}
#contents ul.newstore li div.infor div em {
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#d63e3d;
}
#contents ul.newstore li div.new {
	float:left;
	margin:199px 0 0 60px;
	font-family:"Malgun Gothic";
	font-size:14px;
	color:#de6060;
	line-height:30px;
}
#contents ul.newstore li div.new span {
	display:inline-block;
	margin-right:5px;
	font-weight:bold;
	color:#fff;
	padding:0 5px;
	background-color:#de6060;
}
#contents div.cooperator {
	overflow:hidden;
}
#contents div.cooperator div.enterprise {
	float:left;
	width:425px;
}
#contents div.cooperator ul.box {
	float:left;
	overflow:hidden;
	width:440px;
	margin-top:32px;
}
#contents div.cooperator ul.box li {
	float:left;
	overflow:hidden;
	width:103px;
	height:103px;
	margin:7px 7px 0 0;
}
#contents div.cooperator ul.box li a {
	display:block;
}
#contents div.cooperator ul.box li a:hover {
	margin-top:-103px;
}
.table_tel td{
	margin:0;
	padding:0 10px 0 0!important;
	border:none!important
}
.event {
	overflow:hidden;
	width:100%;
	border-bottom:1px solid #e4e0d5;
}
.event li {
	float:left;	
	margin:0 0 10px 0 ;
}
.event li.first {
	margin-left:0;
}
.event li div.event_block {
	overflow:hidden;
	width:100%;
	margin:0 0 0 10px
}
.event li div.event_block div.period {
	margin:6px 0 0 0;
	font-family:"Malgun Gothic";
	font-size:12px;
	color:#f88e12;
	line-height:1.4em;
}
.event li div.event_block div.period a {
	font-family:"Malgun Gothic";
	font-size:14px;
	color:#3F48CC;
	line-height:1.2em;
}
.event li div.event_block div.txt strong {
	display:block;
}
.event li div.event_block div.btn {
	float:right;
	margin-top:10px;
}

.og-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.og-grid li {
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	height: 250px;
}

.og-grid li > a,
.og-grid li > a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
}

.og-grid li.og-expanded > a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #ddd;
	border-width: 15px;
	left: 50%;
	margin: -20px 0 0 -15px;
}

.og-expander {
	position: absolute;
	background: #ddd;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	height: 0;
	overflow: hidden;
}

.og-expander-inner {
	padding: 20px 10px;
	height: 100%;
}

.og-close {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.og-close::before,
.og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #888;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
	background: #333;
}

.og-fullimg,
.og-details {
	width: 100%;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.og-details {
	padding: 0 40px 0 20px;
}

.og-fullimg {
	text-align: center;
}

.og-fullimg img {
	display: block;
	max-height: 100%;
	max-width: 100%;
}

.og-details h3 {
	font-weight: 300;
	font-size: 52px;
	padding: 40px 0 10px;
	margin-bottom: 10px;
}

.og-details p {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #999;
}

.og-details a {
	font-weight: 700;
	font-size: 16px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 20px;
	border: 3px solid #333;
	display: inline-block;
	margin: 30px 0 0;
	outline: none;
}

.og-details a::before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}

.og-details a:hover {
	border-color: #999;
	color: #999;
}

.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@media screen and (max-width: 830px) {

	.og-expander h3 { font-size: 32px; }
	.og-expander p { font-size: 13px; }
	.og-expander a { font-size: 12px; }

}

@media screen and (max-width: 650px) {

	.og-fullimg { display: block; }
	.og-details { float: none; width: 100%; }
	
}