@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/hanna.css);

/* Reset */
* {margin:0; padding:0}
body {margin:0; padding:0; height:100%; font-size:14px; line-height:1.8; color:#5f5f5f; 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:-0.1em;}
address,em {font-style:normal; color:#5f5f5f;}
hr {display:none}
table {border-collapse:collapse; width:100%}
table, td, th {border:none}
th {font-weight:normal}
a {color:#5f5f5f; 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: #fefefe; 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;}
#con_wrap {width:1280px; margin:60px auto;}

/* header */
.header_wrap {position:relative; width:1280px; margin:0 auto;}
.header {position:absolute; height:130px; right:0px; z-index:999;}
.header h1 {position:absolute; top:20px; left:50%; margin-left:-75px; width:144px; height:127px; background:url('../images/logo_n.png') no-repeat;  text-indent:-9999px;}
.header h1 a {display:block; width:100%; height:100%;}
.header>ul {width:1280px; margin:0 auto; padding:60px 60px 0;}
.header>ul>li {position:relative; float:left; margin:0 15px; width:120px; padding-bottom:5px}
.header>ul>li:nth-child(3) {margin-right:260px;}
.header ul li a {display:block; text-align:center; font-size:16px; font-weight:600; color:#fff; padding:4px 0 6px;}
.header ul li a:hover {color:#40d4e1;}
.header ul li .sub2 {display:none; position:absolute; top:34px; left:-15px; width:150px; padding:10px 0 7px; 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:12px; font-family:dotum, 'µ¸¿ò', Arial; line-height:20px; font-weight:normal; color:#5f5f5f; letter-spacing:-0.05em;}
.header ul li .sub2 li a:hover {color:#40d4e1; font-weight:600;}

/* main visual */
.main_visual .bx-wrapper .bx-pager
.main_visual {position:relative; width:100%; height:980px; min-width:1280px;}
.main_visual .visual_txt {position:absolute;  top:480px; left:50%; margin-left:-290px; width:550px; height:95px; z-index:999;}
.main_visual ul {padding-top:-100px;}
.main_visual ul li {width:100%; height:980px; background-size:cover; background-position:center; background-repeat:no-repeat;}
.main_visual .bx-wrapper .bx-pager {bottom:60px;}

/* m_spe */
.m_spe {width:100%; height:1570px; background:#3a3a3a;}
.m_spe_wrap {position:relative; width:1280px; margin:0 auto; padding-top:80px; }
.m_spe_title {width:486px; height:86px; margin:0 auto; padding-top:80px; background:url('../images/main/m_spe/m_spe_title.png');}
.m_s {position:absolute; top:0; left:50%;}
	.spe01_img {width:418px; height:301px;  margin-top:253px; margin-left:-640px;}
	.spe02_img {width:552px; height:359px; margin-top:1050px; margin-left:-600px;}
	.spe03_img {width:418px; height:301px; margin-top:586px; margin-left:-368px;}
	.spe04_img {width:416px; height:546px; margin-top:470px; margin-left:160px;}
	.spe05_img {width:421px; height:420px; margin-top:1020px; margin-left:-640px;}
.m_spe_box {position:absolute; border:1px solid #40d4e1; padding:30px; line-height:1.6; color:#fff; }
.m_s_le {text-align:right;}
.m_s_ri {text-align:right;}
	.p_title_mini {font-family:'Hanna'; font-size:13px; color:#40d4e1; margin-bottom:-10px;}
	.p_title {font-family:'Hanna'; font-size:34px; color:#40d4e1; margin-bottom:40px;}
	.m_spe01_txt {width:356px; height:226px; margin-top:130px; margin-left:335px;}
	.m_spe02_txt {width:540px; height:303px; margin-top:900px; margin-left:480px;}
	.m_spe03_txt {width:367px; height:236px; margin-top:570px; margin-left:0px;}
	.m_spe04_txt {width:331px; height:241px; margin-top:80px; margin-left:900px;}
	.m_spe05_txt {width:421px; height:245px; margin-top:1080px; margin-left:335px;}

/* sub_top */
.top_bg {position:relative; width:100%; height:388px; min-width:1280px;}
.t_pro {background:url('../images/sub/top_bg/1_prologue.jpg') 50% 0 no-repeat;}
.t_out {background:url('../images/sub/top_bg/1_out.jpg') 50% 0 no-repeat;}
.t_trf {background:url('../images/sub/top_bg/1_traffic.jpg') 50% 0 no-repeat;}
.t_room {background:url('../images/sub/top_bg/2_room.jpg') 50% 0 no-repeat;}
.t_spe {background:url('../images/sub/top_bg/3_special.jpg') 50% 0 no-repeat;}
.t_reser {background:url('../images/sub/top_bg/4_reserve.jpg') 50% 0 no-repeat;}
.t_tra {background:url('../images/sub/top_bg/5_travel.jpg') 50% 0 no-repeat;}
.t_com {background:url('../images/sub/top_bg/6_community.jpg') 50% 0 no-repeat;}
.t_line {position:absolute; top:300px; left:50%; margin-left:-5px;}

/* prologue */
.pro_wrap {width:1280px; margin:0 auto;}
.pro_title {width:519px; height:254px; margin:50px auto;}
.pro_txt {text-align:center; font-weight:600; margin-bottom:80px;}
.pro_img {position:relative; height:680px;}
.pro_img .img01 {position:absolute; width:372px; height:505px; top:0; left:0;}
.pro_img .img02 {position:absolute; width:638px; height:430px; top:247px; left:271px;}
.pro_img .img03 {position:absolute; width:343px; height:342px; top:54px; left:719px;}
.pro_img .img04 {position:absolute; width:271px; height:270px; top:241px; left:1010px;}
.pro_bot_deco {width:278px; height:179px; margin:80px auto;}

/* out */
/*.out_wrap {width:1280px; margin:0 auto;}*/
.out_title {width:111px; height:53px; margin:60px auto;}
.out_img {width:1280px; margin-bottom:140px;}
.out_img {position:relative; width:1280px; text-align:center; margin:20px auto 50px; height:740px;}
.out_img .bx-wrapper  {width:100%;  height:740px;}
.out_img .bx-wrapper .bx-viewport {width:100%;  height:740px;}
.out_img .bx-wrapper .bx-viewport .bxsilider {width:100%;  height:740px;}
.out_img .bx-wrapper .bx-viewport .bxsilider li {width:100%;  height:740px;}
.out_img img {text-align:center; margin:0 auto; width:100%;  height:740px;}

/* traffic */
.trf_wrap {width:1280px; margin:0 auto;}
.trf_title {width:97px; height:53px; margin:60px auto;}
.trf_info ul {margin:30px 0 0;}
.trf_info ul li {letter-spacing:0px; color:#5f5f5f; font-size:14px; line-height:1.8; }
.trf_info ul li span {font-weight:600; color:#00a3b1; font-size:14px;}
.trf_info ul li b {font-weight:600; color:#00a3b1;}

/* preview */
.pre_wrap {width:1080px; margin:0 auto;}
.pre_title {width:142px; height:53px; margin:60px auto;}
.pre_list {width:1100px; height:600px;}
.pre_list ul {margin-left:0px}
.pre_list ul li {float:left; width:203px; height:202px; margin-left:10px; margin-bottom:54px;}
.pre_r_txt {margin:0 auto;}
.pre_r_txt p {text-align:center; color:#5f5f5f; font-size:14px; }
.pre_r_txt p span {font-family:'Hanna'; font-size:22px; color:#40d4e1; letter-spacing:2px;}

/* rooms */
.rooms_wrap {width:1280px; margin:0 auto;}
.rooms_title {width:97px; height:53px; margin:60px auto;}
/* gallery size : 1280*740 */
/*.room_img {position:relative; width:1280px; height:860px;}*/
.room_img {position:relative; width:1280px; text-align:center; margin:20px auto 50px; height:860px;}
.room_img .bx-wrapper  {width:100%;  height:740px;}
.room_img .bx-wrapper .bx-viewport {width:100%;  height:740px;}
.room_img .bx-wrapper .bx-viewport .bxsilider {width:100%;  height:740px;}
.room_img .bx-wrapper .bx-viewport .bxsilider li {width:100%;  height:740px;}
.room_img img {text-align:center; margin:0 auto; width:100%;  height:740px;}
.room_box {position:absolute; width:590px; height:160px; background:#fff; top:0; left:50%; margin-top:800px; margin-left:-295px; vertical-align:top; text-align:center; font-family:'Hanna'; color:#3fd3e0; font-size:120px; z-index:99;}
.room_info {width:670px; height:100px; margin:10px auto 0;}
.room_info ul {}
.room_info ul li {float:left; margin-left:30px;}
.room_info ul li p {}
.room_rate {position:relative; width:100%; height:300px; margin:0 auto;}
.r_online_btn {position:absolute; width:262px; height:179px; top:0; left:50%; margin-left:-640px;}
.rate {position:absolute; width:1000px; top:0; left:50%; margin-left:-360px;}
.rate table {width:1000px; height:179px;}
.rate table tr {}
.rate table tr th {height:50px; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; }
.rate table tr td {height:50px; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; }
.rate table tr th, .rate table tr td:first-child {border-left:0}
.rate table th { font-size:14px; letter-spacing:1px; text-align:center; color:#5f5f5f; background-color:#b3eef3; /*border-left:1px solid #d6d6d6;*/}
.rate table td { color:#000; font-size:14px; padding:5px 0; line-height:20px; text-align:center; font-weight:bold;}
.rate table span { font-weight:bold; color:#ff0000;}
.rate p {margin-top:20px; letter-spacing:0.5px; color:#000; font-size:14px;}
.rate b {letter-spacing:0.5px; color:#000; font-size:14px; font-weight:600;}

/* special */
.spe_wrap {width:1280px; margin:0 auto;}
.spe_title {width:76px; height:53px; margin:60px auto;}
/*.spe_img {position:relative; width:861px;}*/
.spe_img {position:relative; width:861px; height:575px;}
.spe_img .bx-wrapper  {width:100%;  height:575px;}
.spe_img .bx-wrapper .bx-viewport {width:100%;  height:575px;}
.spe_img .bx-wrapper .bx-viewport .bxsilider {width:100%;  height:575px;}
.spe_img .bx-wrapper .bx-viewport .bxsilider li {width:100%;  height:575px;}
.spe_img img {text-align:center; margin:0 auto; width:100%;  height:575px;}
.spe_box {position:absolute; width:640px; height:530px; border:1px solid #5f5f5f; top:0; left:50%; margin-top:85px; margin-left:210px; z-index:-1;}
.spe_txt_b {position:absolute; width:350px; height:510px; top:0; left:50%; margin-top:70px; margin-left:460px;}
.spe_num {height:104px; margin-bottom:30px;}
	.s01 {width:166px; background:url('../images/sub/special/spe01_num.png');}
	.s02 {width:169px; background:url('../images/sub/special/spe02_num.png');}
	.s03 {width:169px; background:url('../images/sub/special/spe03_num.png');}
	.s04 {width:169px; background:url('../images/sub/special/spe04_num.png');}
.spe_t {font-family:'Hanna'; font-size:60px; color:#40d4e1; line-height: 1.2; margin-bottom:60px;}
.spe_txt {letter-spacing:-1px;}
.bg_txt {height:135px; margin:0 auto; z-index:-3;}
	.bt01 {width:1207px;}
	.bt02 {width:816px;}
	.bt03 {width:794px;}
	.bt04 {width:1138px;}
.spe_bot_img {width:1280px; height:484px; margin:70px auto;}
.spe_menu {height:100px; position:relative;}
.spe_menu ul {width:740px; position:absolute; top:0; left:50%; margin-left:-290px;}
.spe_menu ul li {float:left; margin-right:7px;}
.spe_menu ul li a {display:block; color:#40d4e1; padding:15px 24px; border:1px solid #40d4e1; font-weight:600;}
.spe_menu ul li a:hover {background:#40d4e1; color:#fff; font-weight:600;}

/* reservation */
.reser_wrap {width:1280px; margin:0 auto;}
.reser_title {width:97px; height:53px; margin:60px auto;}
.reser_rate {top:60px; width:1280px; margin:0 auto; padding-bottom:20px; }
.reser_rate table {width:1280px; border-top:1px solid #cfcfcf; border-left:1px solid #fff;}
.reser_rate table tr {}
.reser_rate table tr th, .reser_rate table tr td {height:45px; border-left:1px solid #ddd;  border-bottom:1px solid #ddd; }
.reser_rate table tr th:first-child, .reser_rate table tr td:first-child {border-left:none; }
.reser_rate table th { font-size:14px; letter-spacing:1px; text-align:center; color:#5f5f5f; font-weight:600; background:#b3eef3;}
.reser_rate table td { color:#89817f; font-size:14px; padding:15px 0; line-height:20px; text-align:center; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.reser_rate table span { font-weight:bold; color:#ff0000;}
.reser_rate p { letter-spacing:0.5px; color:#89817f; font-size:12px; }
.reser_info {width:1280px; margin:0 auto; text-align:left;}
.m_title {width:100%; margin-bottom:20px;}
.reser_info ul {margin:30px 0 0;}
.reser_info ul li {letter-spacing:0px; color:#5f5f5f; font-size:14px; line-height:1.8; }
.reser_info ul li span {font-weight:600; color:#00a3b1; font-size:14px;}
.reser_info ul li b {font-weight:600; color:#00a3b1;}
.refund {width:100%; margin-top:40px;}
.refund table {width:1200px;}
.refund table tr {}
.refund table tr th {height:35px;  } 
.refund table tr td {height:35px;}
.refund table th { font-size:14px; letter-spacing:1px; text-align:center; color:#5f5f5f; background-color:#b3eef3; border-left:1px solid #fff;font-weight:bold;}
.refund table td { color:#5f5f5f; font-size:14px; padding:5px 0; line-height:20px; text-align:center; font-weight:bold; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.refund table th, .refund table td:first-child {border-left:1}
.solid {width:1280px; border-top:dotted 1px #ddd; margin:60px auto 60px;}


.online_area { text-align:center; }
.online_title {width:121px; height:53px; margin:60px auto;}

/* travel */
.tra_wrap {width:1280px; margin:0 auto;}
.tra_title {width:123px; height:53px; margin:60px auto;}
.tra_contents { width:100%; height:740px; background:url('../images/sub/travel/tra_bg.jpg') no-repeat; margin-bottom:100px;}
.tra_contents .tra_button { position:absolute; z-index:2000; top:160px; left:50%; margin-left:-560px;}
.tra_contents .tra_button ul li { margin-bottom:5px; }
.tra_contents .tra_button ul li a { display:block; width:200px; height:40px;  }
.tra_contents .tra_button ul li a.tra_button1 { background:url('../images/sub/travel/tra_title01.png') no-repeat; }
.tra_contents .tra_button ul li a.tra_button2 { background:url('../images/sub/travel/tra_title02.png') no-repeat; }
.tra_contents .tra_button ul li a.tra_button3 { background:url('../images/sub/travel/tra_title03.png') no-repeat; }
.tra_contents .tra_button ul li a.tra_button4 { background:url('../images/sub/travel/tra_title04.png') no-repeat; }
.tra_contents .tra_button ul li a.tra_button5 { background:url('../images/sub/travel/tra_title05.png') no-repeat; }
.tra_contents .tra_button ul li a.tra_button6 { background:url('../images/sub/travel/tra_title06.png') no-repeat; }
.tra_contents .tra_button ul li a.tra_button7 { background:url('../images/sub/travel/tra_title07.png') no-repeat; }
.tra_contents .tra_button ul li a.tra_button8 { background:url('../images/sub/travel/tra_title08.png') no-repeat; }

.tra_contents .tra_button ul li { position:relative; }
.tra_contents .tra_button ul li > .tra_info { position:absolute; width:400px; top:2px; left:230px; padding:30px; background:url('../images/sub/travel/white_background.png') repeat; display:none; }
.tra_contents .tra_button ul li > .tra_info p { text-align:justify; color:#000; line-height:1.8; }
.tra_contents .tra_button ul li:hover > .tra_info { display:block; }

.tra_img1 { background:url('../images/sub/travel/tra_img01.jpg') no-repeat; }
.tra_img2 { background:url('../images/sub/travel/tra_img02.jpg') no-repeat; }
.tra_img3 { background:url('../images/sub/travel/tra_img03.jpg') no-repeat; }
.tra_img4 { background:url('../images/sub/travel/tra_img04.jpg') no-repeat; }
.tra_img5 { background:url('../images/sub/travel/tra_img05.jpg') no-repeat; }
.tra_img6 { background:url('../images/sub/travel/tra_img06.jpg') no-repeat; }
.tra_img7 { background:url('../images/sub/travel/tra_img07.jpg') no-repeat; }
.tra_img8 { background:url('../images/sub/travel/tra_img08.jpg') no-repeat; }

/* community */
.com_wrap {width:1280px; margin:0 auto;}
.com_title {width:95px; height:53px; margin:60px auto;}
.menu { position:relative; width:100%; margin-top:30px; 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:#40d4e1; padding:15px 40px; border:1px solid #40d4e1;  }
.menu ul li a:hover { background:#40d4e1; color:#fff; font-weight:600; }
.menu1 { margin-left:373px;}

/* m_room */
.m_room {position:relative; width:100%; height:443px; background:url('../images/main/m_room/m_room_bg.jpg') 50% 0; min-width:1280px;}
.m_room_title {position:absolute; width:484px; height:151px; top:0; left:50%; margin-top:245px; margin-left:160px; }
.m_r_wrap {width:1280px; margin:0 auto; padding-top:65px; }
.m_r_wrap ul {width:1100px; margin-left:-15px}
.m_r_wrap ul li {float:left; width:134px; height:134px; margin-left:10px; margin-bottom:45px;}
.m_r_wrap ul li:hover {opacity:0.7;}
.m_r_txt {margin:10px auto;}
.m_r_txt p {text-align:center; color:#5f5f5f; font-size:14px; letter-spacing:3px;}
.m_r_txt p b {font-weight:600; }

/* footer */
.footer {min-width:100%; height:180px; background-color:#136a77; }
.footer ul {width:1000px; height:70px; margin:0 auto; padding-top:16px; }
.footer ul li { height:100%; text-align:center;}
.footer ul li p {margin-top:0px; color:#fff; font-size:12px; letter-spacing: 1px;}
.bot_info {width:647px; height:24px; margin:10px auto 0;}
.count {margin:20px auto 0;}
.count p {display:inline-block; margin:0 5px;}
.count p span {font-weight:bold;}
.copy {text-align:center; margin-top:40px;}
.copy p { color:#fff; text-align:center; line-height:22px;}

.top { position:fixed; bottom:50px; right:50px; z-index:999;}