﻿@charset "utf-8";

/* Common */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

body,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}
body,input,textarea,select,button,table{font-family:'Nanum Gothic',Dotum,AppleGothic,sans-serif;font-size:12px; color:#000;}
img,fieldset{border:0}
ul,ol,li{list-style:none}
em,address{font-style:normal}
a{text-decoration:none; color:#d1d1d1}
a:hover,a:active,a:focus{text-decoration:underline}
body {background:url(../images/pattern_bg.jpg) 0 0 repeat; min-width:1200px;}






@charset "utf-8";

/* CSS 시작 */

#wrap {width:100%; margin:0 auto; position:relative;}
#wrap a {display:block; text-decoration:none;}
#wrap a.date_btn {display:inline-block; vertical-align:bottom; margin-left:5px;}

.blind {display:block; position:absolute; top:1000em; left:0; overflow:hidden; font-size:0; margin:0; padding:0;}
.logo:after, .gnbwrap:after, .lnbwrap:after, .q_reserv:after {display:block; clear:both; content:''}
.h_wrap, .visual, .c_wrap {width:1200px; margin:0 auto;}


.header {position:absolute; width:100%; height:300px; background:url(/images/header_bg.png) 0 0 repeat-X; z-index:9999; overflow:hidden;}
.logo {width:200px; float:left;}
.logo a {width:200px; height:233px;}
.logo h1 {height:233px; background:url(../images/logo.png) bottom center repeat-x; background-color:#716659; text-indent:-9999px;}
.logo li {width:66px; height:66px; float:left; margin-top:1px; margin-left:1px; background:url(../images/logo_btm_bg.png) 0 0 repeat-x; text-indent:-9999px;}
.logo li:first-child {margin-left:0px;}
.tlogo_lo a {background:url(../images/tlogo_01_on.png) no-repeat;}
.tlogo_gal a {background:url(../images/tlogo_02_on.png) no-repeat;}
.tlogo_cont a {background:url(../images/tlogo_03_on.png) no-repeat;}
.tlogo_lo a, .tlogo_gal a, .tlogo_cont a {display:block; width:66px; height:66px; background-position:center;}
.tlogo_lo a:hover {background:url(../images/tlogo_01_over.png) no-repeat;}
.tlogo_gal a:hover {background:url(../images/tlogo_02_over.png) no-repeat;}
.tlogo_cont a:hover {background:url(../images/tlogo_03_over.png) no-repeat;}
.tlogo_lo a:hover, .tlogo_gal a:hover, .tlogo_cont a:hover {display:block; width:66px; height:66px; background-position:center;}

.gnbwrap, .lnbwrap {width:1000px; float:right;}
.gnbwrap {height:30px;}
.gnb {float:right;}
.gnb li, .gnbbox li {float:left; padding:0 20px;}
.gnb li {line-height:30px;}
.officetel {background:#858130}
.officetel a {color:#fff !important; font-weight:bold;}
.gnbbox {background:#191919;}
.gnb .lang {position:relative;}
.gnb .gnbbox {position:absolute; display:none; top:30px; left:0; z-index:999}
li.gnbimg {padding:0px;}

.lnb {position:relative;}
.lnb li {float:left;}
.lnb a {height:60px; line-height:60px;}

.lnb .menu01, .lnb .menu02, .lnb .menu03, .lnb .menu04, .lnb .menu05, .lnb .menu06, .lnb .menu07 {
	margin-left:40px;
	font-size:15px;
	font-weight:bold;}

.lnb .submenu {
	display:none;
	position:absolute;
	overflow:hidden;
	top:60px;
	left:0;
	width:930px;
	height:160px;
	padding:30px 35px 20px;
	line-height:1;
	font-size:12px;
	background:url(../images/submenu_bg.png) 0 0 repeat-x;
	font-family: 'Nanum Myeongjo', serif;
	}
.submenu.on {display:block;}

.submenu .sub_L {width:444px; padding-right:20px; overflow:hidden; float:left; border-right:1px solid #5d5951;}
.sub_L p {font-size:18px; font-weight:normal; color:#ffffff;}
.sub_L span {font-size:15px; color:#c4b595}
.sub_L ul {margin-top:15px;}
.sub_L li {float:left;}
.sub_L .sub_img {width:190px;}
.sub_L .sub_txt {
	width:239px; padding-left:15px; font-family: 'Nanum Gothic', sans-serif; 
	font-weight:normal; line-height:15px; color:#b5b5b5
	}

.submenu .sub_R {width:445px; height:130px; margin-top:30px; float:right; padding-left:20px;}
.sub_R li {width:50%; margin-top:10px}
.sub_R a {font-size:13px; color:#c4b595; height:20px; line-height:20px; display:inline-block !important;}
.sub03 li {width:100%;}

.container {background:url(../images/main_container_bg.jpg) top center no-repeat;}

/*메인비주얼*/
.visual {width:1200px; height:700px; position:relative;  min-width:1200px; overflow:hidden;}
#slides {min-width:1200px;}
.visual .slideShow {height:700px;}
.sliderbutton { position:absolute; left:50%; top:325px; z-index:1000; width:42px; height:54px; }
.prev { margin-left:-575px; cursor:pointer;}
.next { margin-left:533px; cursor:pointer;}

.q_reserv {width:100%; height:120px; border-top:1px solid #b8b5a4; background:#120e0b;}
.qwrap {width:870px; height:100%; margin:0 auto; padding-left:340px; background:url(/images/q_reserv_bg.png) 0 0 no-repeat;}
.qwrap li {float:left; color:#b8b5a4; height:45px; margin-left:10px; padding-top:40px;}
.qwrap label {font-size:13px;}
.qwrap input {font-size:12px;}
.qwrap .date, .qwrap .guests, .qwrap .r_type {height:23px; line-height:23px; margin-top:5px; background:#434343; border:1px solid #646464;}
.qwrap .guests, .qwrap .r_type {height:25px; line-height:25px; color:#b8b5a4}
.qwrap .date, .qwrap .guests {width:140px; padding-left:5px; color:#b8b5a4;}
.qwrap .guests {width:85px;}
.qwrap .r_type {width:155px;}
li.typ_g {margin-left:30px;}
li.book_btn {margin-left:45px;}

.content {width:1200px; margin:0 auto; padding-top:40px;}
.in_1 {position:relative;}
.in_1:after {display:block; clear:both; content:''}
.in_1 li {float:left;}
.in_1 a {display:block; text-indent:-9999px;}
.in_1 .map a {width:350px; height:100px; background:url(/images/c_loaction_bg.png) 0 0 no-repeat;}
.in_1 .room a {width:850px; height:380px; background:url(/images/c_accommo_bg.jpg) 0 0 no-repeat;}
.in_1 .spof a {position:absolute; top:100px; left:0; width:350px; height:280px; background:url(/images/c_special_bg.jpg) 0 0 no-repeat;}

.in_2 {margin-top:30px;}
.in_2 li {float:left; margin-left:15px;}
.in_2 a {display:block; width:390px; height:280px;}
.in_2 li:first-child {margin-left:0px;}
.faci {float:right;}
.in_2:after {display:block; clear:both; content:''}


/* footer 영역 */
#footer {width:100%; margin-top:50px; height:140px; border-top:1px solid #747365;}
.fwrap {width:1200px; margin:0 auto; overflow:hidden;}
.f_logo {width:175px; padding:0 13px 0 12px; float:left;}
.f_logo .btm_line, .f_txt .com_inform {border-bottom:1px solid #0a0908;}
.f_logo .btm_line {display:block; width:175px; height:74px; margin-top:-1px;}
.f_logo .sns, .f_txt .address {border-top:1px solid #37342f;}
.f_logo .sns li {float:left;}
.f_logo .sns a {display:block; height:50px}
.f_txt {width:940px; height:100%; padding-left:60px; margin-top:20px; float:right; color:#777668}
.f_txt a {color:#777668}
.f_txt ul {width:100%; height:15px;}
.f_txt li {float:left; padding:0 12px; border-left:1px solid #6f6f6f;}
.f_txt li:first-child {border:none; padding:0 12px 0 0px}
.f_txt .com_inform {margin-top:10px; line-height:28px;}
.f_txt .address {line-height:28px;}
.address span {line-height:8px;}
.f_txt .com_inform, .f_txt .address {font-size:11px; color:#777668; text-transform:uppercase;}