/* Reset */
* {margin:0; padding:0}
body {min-width:1200px; margin:0; padding:0; height:100%; font-size:0.8em; line-height:1.2; color:#323232; background-color:#fff; font-family:'NanumGothic','Nanum Gothic',Dotum, Arial, sans-serif; }
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;font-family: 'NanumGothic','Nanum Gothic',Dotum, Arial, sans-serif;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%}
ul,ol,dl,dt,dd,li {list-style:none}
fieldset {border:none}
img {border:0; vertical-align:middle}
strong {font-family:'Malgun Gothic','NanumGothic','Nanum Gothic'; font-weight:bold; letter-spacing:0em;}
address,em {font-style:normal; color:#fff}
hr {display:none}
table {border-collapse:collapse; width:100%}
table, td, th {border:none}
th {font-weight:normal}
a {color:#fff; text-decoration:none; cursor:pointer}
a:hover,a:focus {text-decoration:none}
caption,legend {visibility:hidden; width:0; height:0; font-size:0; line-height:0}
button {cursor:pointer;border:0;background-color:transparent;padding:0;margin:0;}
button > span,button > em {position:relative;top:0;left:0;}
label {line-height:13px;}
mark {background:none; color:inherit;}
textarea {padding:10px; background: #fff; border:1px solid #e2e2e2; border-radius: 3px;box-shadow: inset 1px 3px 4px -3px rgba(0,0,0,0.1); resize:none; behavior: url( 'PIE.htc' );}
select {padding: 6px 4px 6px 4px; border-radius: 3px; border: 1px solid #e2e2e2; background: #FFF; color: #696F74; font-size: 13px !important; line-height: 18px !important; font-weight: normal; }
input[type="text"], input[type="password"] {height:32px; padding:0 5px; line-height:18px; text-indent:3px; color: #696F74; vertical-align:middle;
background: #fefefe; border:1px solid #e2e2e2 /*!important*/; border-radius: 3px; box-shadow: inset 1px 3px 4px -3px rgba(0,0,0,0.1);}
/*input[type=file] {padding:5px; border:1px solid #bfbfbf\0/IE8+9; .border:1px solid #bfbfbf; color:#666; background:none; border:none}*/
input[type="file"] {padding:5px; border:1px solid #e2e2e2; color:#666; background:none; border:none}
input[type="image"], input[type="checkbox"] {border:0 none !important; vertical-align: middle; margin-right: 2px;}
input[type='checkbox'], input[type="radio"] {width:16px; height:16px; position:relative; top:-1px; vertical-align:middle; margin-right:3px;}
input[type="submit"] {-webkit-appearance: none; border-radius: 0;}

@media \0screen {input[type=text], input[type=password]{line-height:30px;}}

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.blind {position:absolute;left:0;top:0;font-size:0;visibility:hidden;width:0;height:0;line-height:0}
.hidden {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999px}
.none    {position:absolute; top:-5000px; left:-5000px; height:0;}
.png24 {tmp:expression(setPng24(this));}

.clearfix:after {  content:" "; display:block; clear:both; height:0; visibility:hidden; font-size:0;}

#contents {width:100%; position:relative;}
#sub_con_1200 {width:1200px; min-width:1200px; margin:0 auto;}
#sub_con_1000 {width:1000px; margin:0 auto;}
#main_bot {width:100%; height:1162px; margin:0px auto;}

/* header */
.header_bg {position:relative; width:100%; height:170px; background:#fff; border-bottom:1px solid #e8ecf5;}
.header_wrap {position:relative; width:1200px; height:130px; margin:0 auto;}
.header {position:absolute; height:0; z-index:9999; width:100%; min-width:1200px; }
.header h1 {position:absolute; top:40px;}
.header h3 {position:absolute; top:40px; right:0px;}
.header>ul {width:1200px; margin:75px auto 0; }
.header>ul>li {position:relative; float:left; margin:0 15px 0 0;}
.header>ul>li:first-child {margin-left:220px;}
.header ul li a {float:left; text-align:center; font-size:18px; color:#726c69;  font-family:'DINM','NanumGothic'; height:30px; padding:6px 0 10px; margin-left:10px;}
.header ul li a:hover {color:#b8976e; }
.header ul li .sub2 {display:none;position:absolute;top:20px;left:0px;height:30px;margin-top:10px;padding:0 0 30px;/* background:#fff; */}
.header ul li:hover .sub2 {display:block;}
.header ul li .sub2 li {}
.header ul li .sub2 li a {display:block; text-align:center; font-size:14px; font-family:dotum, 'µ¸¿ò', Arial; line-height:20px; font-weight:normal; color:#afafaf; letter-spacing:-0.05em;}
.header ul li .sub2 li a:hover {color:#000;}
.sub2_01 {width:170px;}
.sub2_02 {width:550px;}
.sub2_03 {width:700px;}
.sub2_04 {width:200px;}
.sub2_05 {width:110px;}
.sub2_06 {width:110px;}
.sub2_07 {width:500px;}

/* main */
.main_visual .bx-wrapper .bx-pager
.main_visual {position:relative; width:100%; height:730px; min-width:1200px; margin-top:-100px;}
.main_visual .visual_txt {position:absolute; top:50%; left:50%; margin-top:20px; margin-left:-370px; width:473px; height:565px; z-index:999;}
.main_visual ul {padding-top:-100px;}
.main_visual ul li {width:100%; height:730px; background-size:cover; background-position:center; background-repeat:no-repeat;}
.main_visual .bx-wrapper .bx-pager {bottom:60px;}
.m_special{width:100%; height:1162px; margin:0 auto; background:url('../images/m_special_bg.jpg') no-repeat center center;}
.m_link{width:1200px; height:476px; margin:0 auto; padding-top:80px;}
.m_link li{float:left; margin:10px;}

/* main_room_slider */
.m_room_wrap {width:1000px; height:130px; margin:0 auto;}
.m_room_title {width:197px; height:70px; margin:66px auto 0;}
.slider .bx-wrapper {margin:0; min-width:600px;}
.slider .bx-wrapper .bx-pager {display:none;}
.m_room_slider {height:304px;}

/* prologue */
.pro_bg{width:100%; height:1717px; margin:0 auto; background:url('../images/prologue.jpg') no-repeat center center;}
.pro_txt {position:absolute; width:480px; left:50%; top:0; right:0; margin:490px 0 0 45px;}
.pro_txt p {color:#5d6b77; font-size:13px; text-align:left; line-height:26px;}

/* out */
.out_title {width:100%; height:320px; margin:0 auto; background:url('../images/landscape_title.jpg') no-repeat center center;}
.bx-wrapper {}

/* workshop */
.workshop_title {width:100%; height:320px; margin:0 auto; background:url('../images/workshop/workshop_title.jpg') no-repeat center center;}
.workshop_bg {width:100%; height:939px; margin:0 auto; background:url('../images/workshop/workshop_bg.jpg') no-repeat center center;}
.work_img {width:768px; height:528px; margin:0px auto; margin-top:-433px; margin-left:406px;}
.workshop_warp { width:1200px; margin:0 auto; text-align:center;}
.workshop_pre {height:696px;  position:relative; margin:0 22px;}
.workshop1 { width:384px; height:263px; position:absolute; z-index:10; left:0px; top:527px; }
.workshop2 { width:384px; height:263px; position:absolute; z-index:10; left:384px; top:0px; }
.workshop3 { width:384px; height:263px; position:absolute; z-index:10; left:768px; top:0px; }
.workshop4 { width:384px; height:263px; position:absolute; z-index:10; left:0px; top:263px; }
.workshop5 { width:384px; height:263px; position:absolute; z-index:10; left:0px; top:0px; }
.workshop_text { width:768px; height:90px; position:absolute; z-index:9999; left:384px; top:263px;  background-color:rgba( 0, 0, 0, 0.7 );}
.workshop_text p{ padding:10px 0 0 20px; text-align:left; color:#fff; line-height:35px;}
.workshop_text p a{ padding:10px 0 0 20px; text-align:left; color:#ff0000; line-height:35px; font-weight:600;}

/* preview */
.preview_bg {width:100%; height:1150px; margin:0 auto; background:url('../images/preview/preview_title.jpg') no-repeat center center;}
.pre ul {width:1200px; padding-top:320px;}
.pre li {float:left; margin:10px; }

/* rooms */
.rooms_title {width:100%; height:320px; margin:0 auto; background:url('../images/preview/rooms_title.jpg') no-repeat center center;}
.room_img {width:100%; margin:100px auto;}
.room_con {width:1000px; margin-top:80px;}
.r_title {width:100%; height:100%; margin:38px 0 40px;}
.r_info {width:100%; height:100%; margin-bottom:45px;}
.r_info p {color:#959595; font-size:12px; line-height:1.5;}
.bot_img {width:100%; height:100%; margin:80px auto;}

.rate {width:1200px;}
.rate table {width:100%;}
.rate table tr {}
.rate table tr h1 {font-size:50px; color:#1e2e3b; }
.rate table tr th {height:70px; font-weight:bold; border:1px solid #ebebeb;} 
.rate table tr td {height:70px;  border:1px solid #ebebeb;}
.rate table th { font-size:13px; letter-spacing:1px; text-align:center; color:#000; background-color:#fcfcfc;}
.rate table td { color:#000; font-size:13px; padding:5px 0; line-height:20px; text-align:center; }
.rate table tr td span{ text-align:left; }
.rate p {margin-top:20px; letter-spacing:0.5px; color:#000; font-size:12px;}


/* reservation */
.reservation_title {width:100%; height:320px; margin:0 auto; background:url('../images/reservation_title.jpg') no-repeat center center;}
.online_title {width:100%; height:320px; margin:0 auto; background:url('../images/online_title.jpg') no-repeat center center;}
.guide {width:100%; height:258px; margin-top:120px;}
.guide ul {margin-right:-40px;}
.guide ul li {float:left; width:100%; height:100%; margin-right:40px;}
.reser_info {position:relative; width:100%; border:1px solid #ebebeb; padding:15px;}
	.r_info01 {height:auto;}
	.r_info02 {height:250px;}
	.r_info03 {height:100px; margin-top:100px;}
.reser_info p {color:#515151; line-height:1.7; font-size:13px; }
.reser_info span {color:#ff0000;}
.reser_info b {font-weight:600; color:#323232}
.g_title {position:absolute; top:0; left:0; margin-top:-50px; margin-left:10px; color:#1e2e3b; font-size:18px; font-weight:600;}

.reser_info p {font-size: 18px;}

/* traffic */
.traffic_title {width:100%; height:320px; margin:0 auto; background:url('../images/traffic_title.jpg') no-repeat center center;}
.trf_img {width:100%; height:100%; margin-top:77px;}
.guide_t {width:100%; height:202px; margin-top:120px;}
.guide_t ul {margin-right:-40px;}
.guide_t ul li {float:left; width:1200px; height:100%; margin-bottom:100px;}
.trf_info {position:relative; width:1200px; border:1px solid #ebebeb; padding:15px;}
	/* .r_info01 {height:450px;} */
	.r_info02 {height:240px;}
	.r_info03 {height:110px; margin-top:100px;}
.trf_info p {color:#515151; line-height:1.7; font-size:13px; }
.trf_info span {color:#ff0000;}
.trf_info b {font-weight:600; color:#323232}

/* travel */
.travel_title {width:100%; height:320px; margin:0 auto; background:url('../images/travel/travel_title.jpg') no-repeat center center;}
.travel_b {width:100%; height:290px; margin:0 auto; background:url('../images/travel/travel_b.jpg') no-repeat center center;}
.clearfix:after {  content:" "; display:block; clear:both; height:0; visibility:hidden; font-size:0;}
.con_t {width:1200px; margin:0 auto;}
.con_t .travel {position:relative; padding:100px 0;}
.con_t .travel #bx-pager {position:absolute; width:500px; right:0; margin-top:-320px; z-index:9998;}
.con_t .travel #bx-pager li {width:200px; height:16px; margin:0 50px 12px 0; float:left;  text-align:left; display:inline-block; font-size:13px; color:#192e3e;}
.con_t .travel #bx-pager li img{padding-right:10px;}
.con_t .travel #bx-pager a {display:block; color:#192e3e; width:100%; height:100%; text-align:left; font-family:'Georgia', 'nanumbarungothic'; opacity:0.6; background-size:cover; background-position:center;}
.con_t .travel #bx-pager a.active {opacity:1.0;color:#192e3e; font-weight:600;}
.con_t .travel #bx-pager a:hover {opacity:1.0;color:#192e3e; font-weight:600;}
.con_t .travel #bx-pager a::last-letter {font-size:30px;color:#fff;}
.con_t .travel .travel_preview {position:relative; height:800px;}
.con_t .travel .travel_preview .room_info {position:absolute; top:140px;}
.con_t .travel .travel_preview .room_info h4 {width:1200px;font-size:30px; padding-top:400px; text-align:center; color:#192e3e; font-family:'nanumbarungothic';}
.con_t .travel .travel_preview .room_info p {color:#192e3e; text-align:center; font-size:14px; margin-top:30px; line-height:25px;}
.con_t .travel .travel_preview .room_info p img {margin:0 auto;padding-bottom:30px;}
.con_t .travel .travel_preview .room_info a {display:block; border:1px solid #515151; padding:8px 14px; width:130px; font-size:15px; background:url('../images/btn_arrow2.png') 80px 10px no-repeat; margin-top:30px;}
.con_t .travel .travel_preview .r_img {background-size:cover; background-position:center; width:1200px; height:500px; margin-top:0px;}

/* community */
.board_title {width:100%; height:320px; margin:0 auto; background:url('../images/board_title.jpg') no-repeat center center;}
.menu { position:relative; width:100%; margin-top:100px; margin-bottom:100px;}
.menu ul {position:absolute; top:20px; left:50%; margin-left:-290px;}
.menu ul li { float:left; margin-right:-1px; margin-left:7px; }
.menu ul li a { color:#323232; padding:15px 40px; border:1px solid #323232;  }
.menu ul li a:hover { background:#323232; color:#fff; font-weight:600; }
.menu1 { margin-left:373px;}

/* footer */
.clearfix:after {  content:" "; display:block; clear:both; height:0; visibility:hidden; font-size:0;}
.footer {width:100%; height:430px; min-width:1200px; background:#e8ecf5; border-top:55px solid #1e2e3b;}
.footer .bottom {background:#e8ecf5; padding-top:15px; padding-bottom:20px;}
.footer .bottom ul {text-align:center; padding:4px;}
.footer .bottom ul li {display:inline; font-size:12px; font-family:dotum; color:#464646;line-height:22px;}
.footer .bottom .icon {text-align:center; margin-top:-50px; padding-bottom:10px; }
.footer .bottom .icon li {width:50px;display:inline; padding-left:25px; font-size:12px; font-family:dotum; color:#000; text-align:center;}
.footer .bottom .icon li a:hover {color:#fff; padding:7px 7px 3px 7px; border:2px solid #b8976e; box-sizing:border-box; }
.footer .bottom .copy {height:20px; text-align:center;}
.footer .bottom .info {padding:30px 0; text-align:center;}
.footer .bottom .b_logo {padding-top:30px; text-align:center;}
.con {width:350px; margin:0 auto;}
.con .foot {position:relative; }
.con .foot #bx-pager {position:absolute; left:0;  margin-top:-60px; z-index:9998;}
.con .foot #bx-pager li {width:50px; height:25px; margin-right:7px; float:left; text-align:center; display:inline-block; font-size:15px; color:#fff; }
.con .foot #bx-pager a {display:block; color:#fff; text-align:center; font-family:dotum, 'µ¸¿ò', Arial; line-height:30px; background-size:cover; background-position:center;}
.con .foot #bx-pager a.active {color:#fff;}
.con .foot #bx-pager a:hover {border:2px solid #b8976e; color:#fff; margin-top:-2px;}