@charset "utf-8";
/* DAINTEC Web Development Team KS 110420 */

/* Common  */
@font-face {
	font-family:se_NanumGothic;
	font-weight:400;
	src:url(https://ssl.pstatic.net/static.editor/static/font/NanumGothic_LW_R.eot);
	src:local("나눔고딕"), local(nanumgothic), local("나눔고딕OTF"), local(nanumgothicotf), url(https://ssl.pstatic.net/static.editor/static/font/NanumGothic_LW_R.woff2) format("woff2"), url(https://ssl.pstatic.net/static.editor/static/font/NanumGothic_LW_R.woff) format("woff"), url(https://ssl.pstatic.net/static.editor/static/font/NanumGothic_LW_R.ttf) format("truetype")
}
@font-face {
	font-family:se_NanumGothic;
	font-weight:600;
	src:url(https://ssl.pstatic.net/static.editor/static/font/NanumGothic_LW_B.eot);
	src:local("나눔고딕"), local(nanumgothic), local("나눔고딕OTF"), local(nanumgothicotf), url(https://ssl.pstatic.net/static.editor/static/font/NanumGothic_LW_B.woff2) format("woff2"), url(https://ssl.pstatic.net/static.editor/static/font/NanumGothic_LW_B.woff) format("woff"), url(https://ssl.pstatic.net/static.editor/static/font/NanumGothic_LW_B.ttf) format("truetype")
}
@font-face {
	font-family:se_NanumGothic_inapp;
	font-weight:400;
	src:url(https://ssl.pstatic.net/static.editor/static/font/NanumGothic_LW_R.woff2) format("woff2"), url(https://ssl.pstatic.net/static.editor/static/font/NanumGothic_LW_R.woff) format("woff"), url(https://ssl.pstatic.net/static.editor/static/font/NanumGothic_LW_R.ttf) format("truetype")
}
@font-face {
	font-family:se_NanumMyeongjo;
	font-weight:400;
	src:url(https://ssl.pstatic.net/static.editor/static/font/NanumMyeongjo_LW_R.eot);
	src:local("나눔명조"), local(nanummyeongjo), local("나눔명조OTF"), local(nanummyeongjootf), url(https://ssl.pstatic.net/static.editor/static/font/NanumMyeongjo_LW_R.woff2) format("woff2"), url(https://ssl.pstatic.net/static.editor/static/font/NanumMyeongjo_LW_R.woff) format("woff"), url(https://ssl.pstatic.net/static.editor/static/font/NanumMyeongjo_LW_R.ttf) format("truetype")
}
@font-face {
	font-family:se_NanumMyeongjo;
	font-weight:600;
	src:url(https://ssl.pstatic.net/static.editor/static/font/NanumMyeongjo_LW_B.eot);
	src:local("나눔명조"), local(nanummyeongjo), local("나눔명조OTF"), local(nanummyeongjootf), url(https://ssl.pstatic.net/static.editor/static/font/NanumMyeongjo_LW_B.woff2) format("woff2"), url(https://ssl.pstatic.net/static.editor/static/font/NanumMyeongjo_LW_B.woff) format("woff"), url(https://ssl.pstatic.net/static.editor/static/font/NanumMyeongjo_LW_B.ttf) format("truetype")
}
@font-face {
	font-family:se_NanumMyeongjo_inapp;
	font-weight:400;
	src:url(https://ssl.pstatic.net/static.editor/static/font/NanumMyeongjo_LW_R.woff2) format("woff2"), url(https://ssl.pstatic.net/static.editor/static/font/NanumMyeongjo_LW_R.woff) format("woff"), url(https://ssl.pstatic.net/static.editor/static/font/NanumMyeongjo_LW_R.ttf) format("truetype")
}
@font-face {
	font-family:se_NanumBarunGothic;
	font-weight:400;
	src:url(https://ssl.pstatic.net/static.editor/static/font/NanumBarunGothic_LW_R.eot);
	src:local("나눔바른고딕"), local(nanumbarungothic), local("나눔바른고딕OTF"), local(nanumbarungothicotf), url(https://ssl.pstatic.net/static.editor/static/font/NanumBarunGothic_LW_R.woff2) format("woff2"), url(https://ssl.pstatic.net/static.editor/static/font/NanumBarunGothic_LW_R.woff) format("woff"), url(https://ssl.pstatic.net/static.editor/static/font/NanumBarunGothic_LW_R.ttf) format("truetype")
}
@font-face {
	font-family:se_NanumBarunGothic;
	font-weight:600;
	src:url(https://ssl.pstatic.net/static.editor/static/font/NanumBarunGothic_LW_B.eot);
	src:local("나눔바른고딕"), local(nanumbarungothic), local("나눔바른고딕OTF"), local(nanumbarungothicotf), url(https://ssl.pstatic.net/static.editor/static/font/NanumBarunGothic_LW_B.woff2) format("woff2"), url(https://ssl.pstatic.net/static.editor/static/font/NanumBarunGothic_LW_B.woff) format("woff"), url(https://ssl.pstatic.net/static.editor/static/font/NanumBarunGothic_LW_B.ttf) format("truetype")
}
@font-face {
	font-family:se_NanumBarunGothic_inapp;
	font-weight:400;
	src:url(https://ssl.pstatic.net/static.editor/static/font/NanumBarunGothic_LW_R.woff2) format("woff2"), url(https://ssl.pstatic.net/static.editor/static/font/NanumBarunGothic_LW_R.woff) format("woff"), url(https://ssl.pstatic.net/static.editor/static/font/NanumBarunGothic_LW_R.ttf) format("truetype")
}
@font-face {
	font-family:'Source Code Pro';
	font-weight:400;
	font-style:normal;
	font-stretch:normal;
	src:url(https://ssl.pstatic.net/static.editor/static/font/SourceCodePro-Regular.eot) format("embedded-opentype"), url(https://ssl.pstatic.net/static.editor/static/font/SourceCodePro-Regular.ttf.woff2) format("woff2"), url(https://ssl.pstatic.net/static.editor/static/font/SourceCodePro-Regular.otf.woff) format("woff"), url(https://ssl.pstatic.net/static.editor/static/font/SourceCodePro-Regular.ttf) format("truetype")
}
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0; padding:0; font-family:se_NanumBarunGothic,'나눔바른고딕',나눔고딕, NG,NanumGothic, Tahoma, Geneva, sans-serif; font-size:13px; color:#404040; line-height:1.9; font-size:16px; color:#000}
hr,caption {display:none}
img,fieldset {border:0}
ul,ol {list-style:none}
li img     {vertical-align:top}
em,address {font-style:normal}
a {text-decoration:none}
a:hover,a:active,a:focus {text-decoration:underline}


/*form tag*/
input, select, textarea          { padding: 1px; vertical-align: middle; font-size: 1em; color: #333; }
input.type-image                 { border: 0 none; }
input.type-radio                 { border:none;}
input.type-checkbox              { border:none;}
input.no-border                  { border:none; background: #f7f7f7}
input.type-text:hover,
input.type-text:focus,
textarea:hover, textarea:focus,
select:hover, select:active      { background-color: #ffd; }


/*��ư, ��ũ �� Ŀ�� ������*/
span.button, img.button, a.button {cursor: pointer; vertical-align: middle; }



/*body&common*/
html { height: 100%; overflow-y:scroll; overflow-x: hidden; }
body {font-family:'NanumBarunGothic','Nanum Gothic', '�������', 'sans-serif'; color:#333; line-height:120%; font-size:16px}
#wrap		{width:100%; margin:auto; text-align:center; }
#top {width:100%; height:110px; margin:0 auto 0 ; position:fixed; top: 0; left: 0;  z-index:10000; background:#fff; border-bottom:1px solid #e1e1e1; }
#header		{margin: 0 auto 0; width:100%; text-align:center;}

/*navi*/
.navi td {width:115px; height:45px; line-height:60px}
.navi td a:link {color:#000; text-decoration: none; font-size:16px; font-weight:bold; }
.navi td a:visited {color:#000; text-decoration: none; font-size:16px; font-weight:bold;}
.navi td a:hover {color:#20a1b4; font-size:16px; font-weight:bold; border-bottom:2px solid #24b8ce; padding:4px 0 5px 0;}

.subGnb td {width:115px; height:23px; line-height:20px}
.subGnb td a:link { color:#666666; text-decoration: none; font-size:14px; }
.subGnb td a:visited { color:#666666; text-decoration: none; font-size:14px;}
.subGnb td a:hover {color:#24b8ce; font-size:14px; border-bottom:1px solid #bbbbbb; padding:3px 0 2px 0;}


#gnb		{width:100%; height:44px; margin:auto; text-align:center; }
#menu_bar {font-size:18px; font-weight:bold; font-color:#FFF;  text-align:center}


/*main*/
#visual_main	{width:100%; text-align:center; margin-top:110px; }
#visual_sub  {width:100%;  margin-top:110px; text-align:center; }
#m_container	{width:1200px; margin:25px auto 0; height:auto; text-align:center;}
.main_sut_t     {color:#111111; font-size:16px; font-weight:700;  line-height:20px}
.m_title1		{margin-top:70px; text-align:center; line-height:50px; font-size:40px;  padding-bottom:30px; font-family: "NanumBarunGothic",'Nanum Gothic', '�������';}
.m_title2		{color:#666; text-align:center; line-height:30px; font-size:25px; font-family: Arial, Helvetica, sans-serif }
.m_title3		{margin-top:10px; margin-bottom:20px; font-size:12px; color:#999999; font-family:"NanumBarunGothic",'Nanum Gothic', '�������';}

/*sub*/
#wrap_contents   {width:1200px; margin:0 auto 0; height:auto; text-align:center;}
#s_contents		{width:800px; margin:auto; margin-top:20px;  text-align:center;}
#wrap_body		{width:100%; height:auto; text-align:center; margin-top:35px}
#s_container	{width:1200px; height:auto; margin:auto; margin-top:10px; text-align:center; background:url(deco/sub_bg.jpg) no-repeat center top;}
.s_title1		{text-align:center; line-height:60px; font-size:70px;  font-family: "Times New Roman", Times, serif}
.s_title2		{color:#666; text-align:center; line-height:30px; font-size:25px; font-family: Arial, Helvetica, sans-serif }
.s_title3		{margin-top:50px; margin-bottom:40px; font-size:13px; line-height:18px; color:#999999; font-family:"NanumBarunGothic",'Nanum Gothic', '�������';}
.s_title4		{text-align:left; line-height:60px; font-size:60px;  font-family: "Times New Roman", Times, serif}
.about_ti1		{text-align:center; line-height:30px; font-size:30px;  font-family:"NanumBarunGothic",'Nanum Gothic', '�������';}

#enjoy	 {width:1200px; height:auto; margin:auto; margin-top:10px; text-align:left;}
.enjoy_ti		{text-align:left; line-height:70px; font-size:30px; font-weight:500; color:#3333cc; font-family:"NanumBarunGothic",'Nanum Gothic', '�������';}


#left			{width:500px; float:left; height:auto; text-align:center}
.menu			{width:100%; height:auto; margin:auto}
.menu li		{float:left}
#banner			{width:100%; height:auto}

#container		{width:600px; float:right; height:auto; text-align:center}
h3.title		{width:100%; height:45px; text-align:left; position:relative }
.icon			{position:absolute; right:0; top:7px; width:185px; height:165px; z-index:30}
.t_navi			{display:inline-block; padding:14px 0 0 30px; font-weight:normal; font-size:12px; color:#9a9a9a}
#content		{width:100%; height:auto;}

h4				{font-size:14px; color:#333; text-align:center; padding-left:5px; }

.reser_text		{padding:8px 0 30px 8px; text-align:left; line-height:25px}
.reser_text1		{padding:8px 0 30px 8px; text-align:left; line-height:20px; font-size:12px}


.img_board		{padding:3px; border:1px solid #ccc}

.food_text		{padding:8px 0 8px 8px; text-align:left; line-height:25px}
.food_img		{width:99%; padding:3px; border:1px solid #ccc}



.name_list 	{width:100%; margin-top:5px; border-collapse:collapse}  
 
.name_list td	{font-size:13px; color:#333; text-align:left; border:1px solid #ccc; padding:6px; line-height:17px}  
.name_list td.img	{padding:3px}
.name_list .t_name	{background:#f7f7f7; border:1px solid #ccc; font-size:13px; font-weight:bold; width:70px; text-align:center}   

.margin8px		{margin-top:30px}
.cafe_title		{width:99%; border-bottom:1px solid #ccc; padding-bottom:4px}


/*main_banner*/
.thumbnailWrapper { width:1100px; margin:0px auto; } 
.thumbnailWrapper ul {list-style-type: none; margin:0px; padding:0px;}
.thumbnailWrapper ul li {float:left; position:relative; overflow:hidden; margin-right:20px; margin-top:30px}
.thumbnailWrapper ul li:nth-child(4n+4) {margin-right:0}
.thumbnailWrapper ul li a img {width:260px; position:relative; border:none;}
.caption{position:absolute; bottom:0px; left:0px; width:100%; display:none; background:#000; color:white; opacity:0.9;}
.caption .captionInside{ padding:10px; margin:0px;}
.clear { clear:both; }

span.alert {font-weight:600; color:red;}
span.advantage {font-size:16px; font-weight:600; color:#d97a3c;}

/*title*/
h2	{height:70px; line-height:70px; font-size:18px; color:#000;  border-bottom:1px #dadada solid;margin-top:20px; margin-bottom:20px; }
h2 a {display:inline-block; width:150px;text-decoration:none; height:70px; line-height:70px; font-size:23px; color:#000;  border-bottom:1px #dadada solid ; background:url(deco/menu_v_line.jpg) no-repeat right 50%; }
h2 a:hover {color:#1a8be1;	text-decoration:underline;}
h2.title_sub {font-family:'NanumMalgunGothic','Segoe Script'; font-size:60px; line-height:60px; color:#5d5d5d; padding-bottom:10px;  margin-top:20px; border-bottom:1px solid #ccc; text-align:left;}
h2.title_sub .title_sub_en  {display:block; font-size:33px; line-height:33px; color:#c6e1f8; font-weight:600 }
h2.title_sub .title_sub_desc {font-size:13px; color:#777169; display:block; line-height:18px; margin-top:2px; font-family:'NanumBarunGothic'}

h2.room_name {font-family:'NanumBarunGothic';   padding-bottom:20px;  margin-top:50px;   text-align:left; }
h2.room_name .title { text-align:left;  font-size:40px; line-height:20px; color:#000; text-align:left;  vertical-align:top}
h2.room_name .room_desc {font-size:14px; color:#777169; line-height:20px; padding-left:20px; text-align:left; display:inline-block; vertical-align:top}
h2.room_name .room_en  {display:block; font-size:30px; line-height:50px; color:#d1d1cf; font-weight:600 }


h2.aboutUs {font-family:'NanumBarunGothic'; font-size:46px; line-height:60px; color:#000; padding-bottom:30px;  margin-top:60px; text-align:left}
h2.aboutUs .about_en  {display:block; font-size:28px; line-height:28px; color:#999; font-weight:600 }
h2.aboutUs .about_desc {font-size:16px; color:#777169; display:block; line-height:18px; margin-top:8px; font-family:'Nanum Gothic'}

h3.title_view   {margin-top:50px; font-size:30px; line-height:25px; color:#333333; font-family:"NanumBarunGothic",'Nanum Gothic', '�������', ; padding-bottom:30px; background:url(deco/title_view_bg.jpg) no-repeat center bottom}
h3.title_view span {display:block; font-size:18px; color:#cc0000; text-align:center; font-family:'Nanum Gothic'; font-weight:600; line-height:26px}

h3.title_sub   {margin-top:80px; font-size:25px; line-height:35px; color:#333333; font-family:'NanumBarunGothic','Segoe Script';  text-align:left; background:url(deco/title_sub_bg.jpg) no-repeat center bottom; padding-left:45px;}
h3.title_sub_kr   {margin-top:80px; font-size:28px; line-height:50px; color:#000; padding-bottom:8px; text-align:left; font-weight:600}
h3.first {margin-top:50px}


/* 예약안내 */

.reserv_guide * {font-weight:400; line-height:1.5;}
.reserv_guide .tt {margin-bottom:15px; text-align:left; }
.reserv_guide .tt strong {color:#000; font-weight:200 !important; font-size:30px; line-height:35px; height:35px; letter-spacing:-2px;}

.reserv_guide .charge {border-top:1px solid #ddd; margin-bottom:70px;}
.reserv_guide .charge ul {text-align:left; display:table; vertical-align:top; padding:40px; border:1px solid #ddd; color:#777;}
.reserv_guide .charge .stt {background:#cad3dd; color:#000; padding:8px 15px; margin-bottom:10px; width:1090px;}
.reserv_guide .charge .box {padding-left:20px; margin-bottom:20px;  }
.reserv_guide .charge table {width:100%;}
.reserv_guide .charge table th {text-align:center; border:1px solid #b6bcc5; padding:10px; background:#d8dff1;}
.reserv_guide .charge table td {border:1px solid #b6bcc5; padding:10px; text-align:center; font-size:15px;}
.reserv_guide .charge table tr:hover {background:#eee;}
.reserv_guide .charge .floor2 {background:#5e9235; color:#fff;}
.reserv_guide .charge .floor3 {background:#184cac; color:#fff;}
.reserv_guide .charge .floor4 {background:#5b3ebb; color:#fff;}
.reserv_guide .charge .price {font-family:"Rubik"; font-size:19px; font-weight:500;}
.reserv_guide .charge .price.p1 {color:#000;}
.reserv_guide .charge .price.p2 {color:#1383eb;}
.reserv_guide .charge .price.p3 {color:#9533e0;}
.reserv_guide .charge .who {font-family:"Rubik"; font-size:19px; color:#f77925; font-weight:500;}
.reserv_guide .charge .tip {text-align:right; color:#888; margin-top:10px; font-size:14px;}

.reserv_guide .default {border-top:1px solid #fff;}
.reserv_guide .default+ .tt {margin-top:70px;}
.reserv_guide .default {display:table; width:100%; table-layout:fixed; box-sizing:border-box; text-align:left; }
.reserv_guide .default ul {display:table-cell; vertical-align:top; padding:40px; border:1px solid #ddd; color:#777;}
.reserv_guide .default li {display:table-row; }
.reserv_guide .default .stt {background:#cad3dd; color:#000; font-size:16px; padding:8px 15px; margin-bottom:10px; width:1090px;}
/* .reserv_guide .default .stt {background:#cad3dd; color:#000; font-size:16px; border-radius:100px; padding:8px 15px; margin-bottom:10px;} */  /* 라운드처리 */
.reserv_guide .default .box {padding-left:20px; margin-bottom:20px;}
.reserv_guide .default .box strong {color:#ff4e10; text-decoration:underline;}
.reserv_guide .default .box em {color:#167be2; text-decoration:underline;}

.reserv_guide .default .box+ .stt {margin-top:30px;}

.reserv_guide .refund table {width:100%;}
.reserv_guide .refund table th {text-align:center; border:1px solid #b6bcc5; padding:10px; background:#d8dff1;}
.reserv_guide .refund table td {border:1px solid #b6bcc5; padding:5px; text-align:center;}
.reserv_guide .refund table tr:hover {background:#eee;}



/* 오시는길 */
.traffic_guide * {font-weight:400; line-height:1.5;}
.traffic_guide .tt {margin-bottom:15px; text-align:left; }
.traffic_guide .tt strong {color:#000; font-weight:200 !important; font-size:30px; line-height:35px; height:35px; letter-spacing:-2px;}

.traffic_guide .map {border-top:1px solid #fff; margin-bottom:70px;}
.traffic_guide .map ul {text-align:left; display:table; vertical-align:top;}

.traffic_guide .default {border-top:1px solid #fff;}
.traffic_guide .default+ .tt {margin-top:70px;}
.traffic_guide .default {display:table; width:100%; table-layout:fixed; box-sizing:border-box; text-align:left; }
.traffic_guide .default ul {display:table-cell; vertical-align:top; padding:40px; border:1px solid #ddd; color:#777;}
.traffic_guide .default li {display:table-row; }
.traffic_guide .default .stt {background:#cad3dd; color:#000; font-size:16px; padding:8px 15px; margin-bottom:10px; width:1090px;}
.traffic_guide .default .box {padding-left:20px; margin-bottom:20px;}
.traffic_guide .default .box strong {color:#ff4e10; text-decoration:underline;}
.traffic_guide .default .box em {color:#167be2; text-decoration:underline;}

.traffic_guide .default .box+ .stt {margin-top:30px;}



/*btn*/
.btn_roomList {margin-top:20px; text-align:center; padding-bottom:35px; overflow:hidden}
.btn_roomList a {display:inline-block; padding:10px 20px; color:#231f20; font-weight:500; border-radius:0px; background:#e4e4e4; border:1px solid #cccccc; text-decoration:none; margin:0 3px}
.btn_roomList a:hover {background-color:#b8d247; border:1px solid #cccccc; color:#fff;}
.btn_roomList:afrer {content:"" ; clear:left }

/*btn*/
.btn_bigList {margin-top:20px; text-align:center; padding-bottom:10px; background:url(deco/title_sub_bg.jpg) no-repeat center bottom; overflow:hidden}
.btn_bigList a {display:inline-block; padding:30px 30px; color:#fff; font-weight:500; border-radius:0px; background:#666666; border:1px solid #cccccc; text-decoration:none; margin:0 3px}
.btn_bigList a:hover {background:#666666; border:1px solid #cccccc;}
.btn_bigList:afrer {content:"" ; clear:left }

/*preview*/
.galleria{ width: 1200px; height: 800px; background:#fff;}

         
/*footer*/
#footer {width:100%; height:auto;   background:#383838;text-align:center; }
.footer_basic			{width:100%; height:auto; position:relative; margin-top:40px; background:#383838; }
.footer_basic .copyrigh_basic  {margin:auto; text-align:left; color:#e7e7e7; line-height:25px; padding-top:15px; font-size:12px }