@charset "euc-kr";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic'); /* 'Nanum Gothic', sans-serif */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo'); /* 'Nanum Myeongjo', serif */
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800');
@import url('https://fonts.googleapis.com/css?family=Roboto'); /* 'Roboto', sans-serif */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif'); /* 'Noto Serif', serif */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans'); /* 'Noto Sans', sans-serif */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i');
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css); /* 'Nanum Barun Gothic', sans-serif */
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
body {margin:0; padding:0; word-break:keep-all; /**word-break:break-all;-ms-word-break:break-all;*/ cursor: default;}

body {*word-break:break-all;-ms-word-break:break-all;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button {margin:0; padding:0;}
ul, ol, dl, dd, dt, li {list-style:none;}

table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse; border-spacing:0;}
/* 6 */* html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse}
/* 7 */* + html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse}
img, fieldset, iframe {border:0 none; margin:0; padding: 0;}

/* font */
body, th, td, p, input, button, textarea, select, h1, h2, div, li, ul {font-family:'Noto Sans',sans-serif;font-size:14px; color:#000; line-height:100%;}
b, th {font-family:'Noto Sans', sans-serif; color:#000;}
a:link, a:visited, a:active {text-decoration:none; color:#000; line-height:100%; font-family:'Noto Sans', sans-serif;}
a:hover {text-decoration:none; color:#3e0e0e; line-height:100%; font-family:'Noto Sans', sans-serif;}

br {letter-spacing:0}

/* form */
form, fieldset, iframe {margin:0; padding:0; border:0;}
input {outline:none; margin:0; vertical-align:top}
select {vertical-align:middle}
input,select,button {vertical-align:middle}
label {cursor:pointer;}

/* float clearfix */
.clearfix {*zoom:1}
.clearfix:after {content:"";display:block;clear:both}

/* //////////////////// ž¸Þ´º //////////////////// */
#tlogo {display: block; position: absolute; top: 0; left: 40px; z-index: 999; width: 204px; height: 70px; cursor: pointer;}
#tlogo img {display: block;}
.transAll03_ease {z-index: 998;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
}
#bt_reser {position: absolute; top: 0; right: 0; z-index: 999; width: 190px; font-family: 'Nanum Gothic', sans-serif; font-size: 14px; line-height: 70px; text-align: center; /*text-transform: uppercase;*/ letter-spacing: 0.5pt; background: #000; color: #fff; box-sizing: border-box; cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
}
#bt_reser:hover {background: #ec6941;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
}
#bt_kakao {display: inline-block; position: absolute; top: 0; right: 190px; z-index: 999; width: 70px; text-align: center; background: #ffea01; padding: 10px 0;}
#bt_kakao img {display: block; margin: 0 auto;}
#gnbArea {position: absolute; z-index: 998; width: 100%; height: 70px; background: rgba(255,255,255,0.5);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
}
#gnbArea:hover {background: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
}
.gnb {position: absolute; top: 0; right: 290px; z-index: 20; height: 70px; padding:0; margin: 0;}
.gnb > li {position: relative; float: left;}
.gnb a.depth1 {display:inline-block; font-family: 'Nanum Gothic', sans-serif; font-size: 15px; font-weight: 700; line-height: 70px; /*text-transform: uppercase;*/ letter-spacing:0.05em; color:#1b1b1b; margin: 0 25px;}
.gnb a.depth1:hover, .gnb a.depth1:focus, .gnb li:hover a.depth1, .gnb li.this a.depth1 {color: #000;}
.gnb li.this a.depth1 {}
.gnb_sub {display:none; position: absolute; font-size: 14px; line-height: 34px; background: #000; padding: 25px 0 45px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
}
.gnb > li:hover .gnb_sub {display: block;}
.gnb1 .gnb_sub {right: -13px; width: 120px;}
.gnb2 .gnb_sub {right: -11px; width: 120px;}
.gnb3 .gnb_sub {right: -7px; width: 120px;}
.gnb4 .gnb_sub {right: -25px; width: 150px;}
.gnb5 .gnb_sub {right: -30px; width: 150px;}
.gnb6 .gnb_sub {right: -31px; width: 150px;}
.gnb_sub li {font-size: 13px; text-align: center; margin: 0 8px;}
.gnb_sub li a {font-size: 13px; line-height: 30px; color:#c9c9c9;}
.gnb_sub li a:hover, .gnb_sub li a:focus {color: #fff;}
.gnb_sub li.this a {}


/* //////////////////// ½ºÅ©·Ñ ¾Ö´Ï //////////////////// */
.main_slide_mouse {position: absolute; bottom: 80px; z-index:999; width:55px; height:30px; left: 50%; margin-left: -27.5px;}
.main_mus_d {width:55px; height:30px; background:url('/nhroot/images/common/scroll.png') center bottom no-repeat; margin:auto;}

/* //////////////////// fac ½ºÅ©·Ñ ¾Ö´Ï //////////////////// */
.fac_slide_mouse {position: absolute; bottom: 100px; z-index:5; width:55px; height:30px; left: 50%; margin-left: -27.5px;}
.fac_mus_d {width:55px; height:30px; background:url('/nhroot/images/common/scroll2.png') center bottom no-repeat; margin:auto;}

@media  (max-height: 900px){
	.fac_slide_mouse {bottom: 50px;}
}

/* //////////////////// ¸ÞÀÎ txt //////////////////// */
#mtxt {position: absolute; top: 42%; left: 50%; width: 1000px; height: 215px; background:url('/nhroot/images/main/deco.png') 493px 20px no-repeat; margin: 0 0 0 -500px;}
#mtxt div {position: relative; left: 50%; font-weight: 100; color: #fff;}
#mtxt .t1 {font-size: 25px; line-height: 40px; letter-spacing: 0.05em; margin: 0 0 0 -300px;}
#mtxt .t2 {top: -35px; font-family: 'Roboto', sans-serif; font-size: 72px; line-height: 90%; text-transform: uppercase; margin: 0 0 0 -120px;}

/* //////////////////// ¸ÞÀÎ °´½Ç //////////////////// */
#mrsv {width: 100%; text-align: center; background: #1d1d1d; padding: 130px 0 120px;}
#mrsv .titbox {text-align: center; margin: 0 0 70px;}
#mrsv .titbox div {font-family: 'Roboto', sans-serif; font-size: 36px; letter-spacing: 0.1em; text-transform: uppercase; color: #fff;}
#mrsv .titbox .line {display: inline-block; width: 90px; height: 3px; background: #fff; margin: 0 0 40px;}
#mrsv .titbox .t1 {font-weight: 700; line-height: 80%; margin: 0 0 25px;}
#mrsv .titbox .t2 {font-weight: 100; line-height: 80%; margin: 0 0 30px;}
#mrsv .titbox .t3 {font-size: 14px; font-weight: 100; letter-spacing: 0.05em; color: #bfbfbf;}
#mrsv .rbox {position: relative; left: 50%; width: 1280px; margin: 0 0 0 -640px;}
#mrsv .rbox a {display: inline-block; position: relative; margin:  0 16px 50px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#mrsv .rbox a:hover {box-shadow: 10px 10px 25px rgba(0,0,0,0.35);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#mrsv .rbox a img {display: block;}
#mrsv .rbox a .txtbox {position: absolute; top: 28px; left: 50%; width: 545px; height: 165px; text-align: center; background: rgba(255,255,255,0.5); padding: 135px 0 0; border: 1px solid #fff; margin: 0 0 0 -273.5px; opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#mrsv .rbox a:hover .txtbox {opacity: 1;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#mrsv .rbox a .txtbox div {letter-spacing: 0.02em; color: #000;}
#mrsv .rbox a .txtbox .tit {font-size: 30px;}
#mrsv .rbox a .txtbox .txt {font-size: 14px; margin: 10px 0 0;}
#mrsv .bt_reser {display: inline-block; width: 200px; font-size: 15px; line-height: 70px; text-align: center; background: #ec6941; color: #fff; box-sizing: border-box; margin: 25px 0 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#mrsv .bt_reser:hover {background: #fff; color: #ec6941;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

/* //////////////////// ¸ÞÀÎ ½ºÆä¼È //////////////////// */
#msp {position: relative; width: 100%; text-align: center; padding: 327px 0 130px;}
#msp .titbox {position: absolute; top: 120px; left: 50%; text-align: left; margin: 0 0 0 -750px;}
#msp .titbox div {font-family: 'Roboto', sans-serif; font-size: 50px; line-height: 80%; letter-spacing: 0.1em; text-transform: uppercase; color: #131313;}
#msp .titbox .line {display: inline-block; width: 140px; height: 5px; background: #313131; margin: 0 0 50px;}
#msp .titbox .t1 {font-weight: 700; margin: 0 0 20px;}
#msp .titbox .t2 {font-weight: 100;}

#msp .deco {display: block; position: absolute; left: 50%; z-index: -1;}
#msp .deco1 {top: 303px; margin: 0 0 0 -698px;}
#msp .deco2 {top: 728px; margin: 0 0 0 611px;}

#msp .spIntro .spArea {}
#msp .spIntro .spArea .spA {position: relative; left: 50%; width: 1201px; height: 605px; margin: 0 0 0 -600.5px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#msp .spIntro .spArea .spA.spA1 {display:block;}
#msp .spIntro .spArea .spA.spA2 {display:none;}
#msp .spIntro .spArea .spA.spA3 {display:none;}
#msp .spIntro .spArea .spA.spA4 {display:none;}
#msp .spIntro .spArea .spA.spA5 {display:none;}
#msp .spIntro .spArea .spA.spA6 {display:none;}

#msp .spIntro .overArea {width: 100%; text-align: center; padding: 25px 0 0;}
#msp .spIntro .overArea a {display: inline-block; min-width: 60px; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 300; line-height: 40px; letter-spacing: 0.25em; text-transform: uppercase; vertical-align: bottom; background: rgba(255,255,255,0.2); color: #000; padding: 0 15px; border: 1px solid rgba(0,0,0,0.2); margin: 0 12.5px 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#msp .spIntro .overArea a.current {background: #000; color: #fff; border: 1px solid #000;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}


/* //////////////////// top¹öÆ° //////////////////// */
#tm_bt {display: none; position: fixed; right: 0; bottom: 0; z-index: 100; width: 41px; height: 41px; cursor: pointer;}
#tm_bt:hover {}

/* //////////////////// foot //////////////////// */
#copy_box {position: relative; z-index: 20; width: 100%; min-width: 1200px; height: 130px; background: #282828;}

#copy_box >.inner {width: 1200px; margin: 0 auto;}
#copy_box > .inner div,
#copy_box > .inner div li,
#copy_box > .inner div b {color: #c9c9c9; font-size: 12.5px;}

#copy_box > .inner > div {float: left; border-right: #535353 1px solid; box-sizing: border-box; padding-top: 35px; height: 130px; line-height: 24px;}
#copy_box > .inner > div.tx1 {width: 635px; padding-left: 40px; border-left: #535353 1px solid;}
#copy_box > .inner > div.tx2 {width: 245px; text-align: center; padding-top: 30px;}
#copy_box > .inner > div.tx2 b {font-size: 18px; font-weight: normal;}
#copy_box > .inner > div.tx3 {width: 320px; text-align: center; padding-top: 45px;}
#copy_box > .inner > div.tx3 > .tx3a {text-align: center;}
#copy_box > .inner > div.tx3 > .tx3a li {display: inline-block; border-right: #c9c9c9 1px solid; padding: 0 15px; line-height: 15px !important; cursor: pointer;}
#copy_box > .inner > div.tx3 > .tx3a li:last-child {border-right: none;}
#copy_box > .inner > div.tx3 > .tx3a li:hover {color: #fff;}
#copy_box > .inner > div.tx3 > .tx3b {font-size: 0; text-align: right; margin: 10px 35px 0 0;}
#copy_box > .inner > div.tx3 > .tx3b li {display: inline-block; width: 85px; line-height: 27px !important; text-align: center; cursor: pointer;}
#copy_box > .inner > div.tx3 > .tx3b li:first-child {background: #ffffff; color: #282828;}
#copy_box > .inner > div.tx3 > .tx3b li:last-child {background: #000000; color: #ffffff;}


/* //////////////////// ¿ÜºÎÀü°æ //////////////////// */
#extit {position: absolute; bottom: 43%; left: 50%; z-index: 10; width: 1000px; text-align: center; margin: 0 0 0 -500px;}
#extit div {color: #fff;}
#extit .t1 {font-family: 'Nanum Barun Gothic', sans-serif; font-size: 25px; font-weight: 700; line-height: 80%; letter-spacing: 0.25em; margin: 0 0 20px;}
#extit .t2 {font-size: 15px; font-weight: 100; letter-spacing: 0.05em;}


/* //////////////////// °´½Ç °¶·¯¸® //////////////////// */
#rtit {position: absolute; bottom: 325px; left: 50%; z-index: 10; width: 1000px; text-align: center; margin: 0 0 0 -500px;}
#rtit div {color: rgba(255,255,255,0.8);}
#rtit .line {display: inline-block; width: 55px; height: 1px; background: #fff; margin: 0 0 20px;}
#rtit .t1 {font-size: 30px; letter-spacing: 0.1em; margin: 0 0 15px;}
#rtit .t2 {font-family: 'Nanum Gothic', sans-serif; font-size: 14px; letter-spacing: 0.2em; text-transform: uppercase;}
/* infobox */
#rinfobox {width: 100%; text-align: center; padding: 130px 0 0;}
/* info */
#rinfobox .rinfo {position: relative; left: 50%; width: 1214px; text-align: left; margin: 0 0 150px -607px;}
#rinfobox .rinfo div {color: #313131;}
#rinfobox .rinfo > .tit {font-size: 50px; font-weight: 100; letter-spacing: 0.05em; margin: 0 0 -17px 10px;}
#rinfobox .rinfo > .tit span {display: inline-block; font-family: 'Nanum Gothic', sans-serif; font-size: 24px; text-transform: uppercase; letter-spacing: 0.02em; margin: 0 0 0 20px;}
#rinfobox .rinfo .info {position: relative; text-align: center; padding: 0 0 55px; border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 0 auto;}
#rinfobox .rinfo .info > .tit {position: absolute; top: -25px; right: 0; width: 185px; font-size: 16px; font-weight: 100; line-height: 34px; letter-spacing: 0.03em; background: #000; color: #fff;}
#rinfobox .rinfo .info > .vbt {position: absolute; top: -25px; right: 190px; width: 185px; font-size: 16px; font-weight: 100; line-height: 34px; letter-spacing: 0.03em; background: #cb3c3e; color: #fff; display: inline-block;}
#rinfobox .rinfo .info > .txt {font-size: 14px; font-weight: 100; line-height: 24px; text-align: left; padding: 40px 50px 30px;}
#rinfobox .rinfo .info .wbox {display: inline-block; text-align: center; vertical-align: top;}
#rinfobox .rinfo .info .wbox.left {width: 540px; margin: 0 32px 0 0;}
#rinfobox .rinfo .info .wbox.right {width: 538px;}
#rinfobox .rinfo .info .wbox .box {float: left; width: 250px; vertical-align: top;}
#rinfobox .rinfo .info .wbox.left .box:nth-child(1) {margin: 0 40px 0 0;}
#rinfobox .rinfo .info .wbox.left .box:nth-child(3) {width: 100%;}
#rinfobox .rinfo .info .wbox.right .box {width: 100%;}
#rinfobox .rinfo .info .wbox .box div {text-align: left;}
#rinfobox .rinfo .info .wbox .box .tit {font-size: 15px; font-weight: 700; line-height: 33px; padding: 0 0 0 11px; border-bottom: 1px solid #000;}
#rinfobox .rinfo .info .wbox .box .txt {font-size: 14px; font-weight: 100; line-height: 24px; padding: 25px 0 40px 10px;}
#rinfobox .rinfo .info .wbox .box .txt .red {color: #e60012;}
#rinfobox .rinfo .info .wbox.right .box .rooms {position: relative;}
#rinfobox .rinfo .info .wbox.right .box .rooms img {display: block;}
#rinfobox .rinfo .info .wbox.right .box .rooms a {display: inline-block; position: absolute; left: 50%; font-size: 12px; font-weight: 100; line-height: 27px; text-align: center; letter-spacing: 0.03em; padding: 0 15px; border-radius: 27px;}
#rinfobox .rinfo .info .wbox.right .box .rooms a.r1 {top: 222px; background: #000; color: #fff; margin: 0 0 0 -117px;}
#rinfobox .rinfo .info .wbox.right .box .rooms a.r2 {top: 222px; background: #000; color: #fff; margin: 0 0 0 -207px;}
#rinfobox .rinfo .info .wbox.right .box .rooms a.r3 {top: 45px; background: #fff; color: #000; margin: 0 0 0 153px;}
#rinfobox .rinfo .info .wbox.right .box .rooms a.r4 {top: 45px; background: #fff; color: #000; margin: 0 0 0 60px;}
#rinfobox .rinfo .info .wbox.right .box .rooms a.r5 {top: 45px; background: #fff; color: #000; margin: 0 0 0 -27px;}
#rinfobox .rinfo .info .wbox.right .box .rooms a.r6 {top: 45px; background: #fff; color: #000; margin: 0 0 0 -117px;}
#rinfobox .rinfo .info .wbox.right .box .rooms a.r7 {top: 45px; background: #fff; color: #000; margin: 0 0 0 -207px;}
#rinfobox .rinfo .info .wbox.right .box .txt {text-align: right; padding: 0; margin: 6px 0 0;}
#rinfobox .img {width: 100%; text-align: center;}
#rinfobox .img img {display: block; width: 100%;}


/* //////////////////// sp _ ½ºÆä¼È°¶·¯¸® //////////////////// */
#sptit {position: absolute; bottom: 43%; left: 50%; z-index: 10; width: 1000px; text-align: center; margin: 0 0 0 -500px;}
#sptit div {font-family: 'Nanum Barun Gothic', sans-serif; letter-spacing: 0.05em; color: #fff;}
#sptit .t1 {font-family: 'Nanum Barun Gothic', sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0.15em; margin: 0 0 15px;}
#sptit .t2 {font-size: 25px; font-weight: 700; letter-spacing: 0.15em; margin: 0 0 20px;}
#sptit .info_bt {display: block; position: relative; left: 50%; width: 60px; font-family: 'Nanum Gothic', sans-serif; font-size: 13px; line-height: 60px; letter-spacing: 0.1em; vertical-align: bottom; background: #000; color: #fff; cursor: pointer; border-radius: 100%; margin: 0 0 0 -35px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#sptit .info_bt:hover {background: #ec6941; box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#spinfo {display: none; position: absolute; width: 100%; text-align: center; background: rgba(27,27,27,0.9); padding: 50px 0 0;}
#spinfo div {color: #fff;}
#spinfo .t1 {font-family: 'Nanum Barun Gothic', sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0.15em; margin: 0 0 15px;}
#spinfo .t2 {font-family: 'Nanum Barun Gothic', sans-serif; font-size: 25px; font-weight: 700; letter-spacing: 0.15em; margin: 0 0 25px;}
#spinfo .line {display: inline-block; width: 65px; height: 1px; background: rgba(255,255,255,0.7); margin: 0 0 20px;}
#spinfo .t3 {font-size: 20px; font-weight: 100; margin: 0 0 25px;}
#spinfo .t4 {font-size: 14px; font-weight: 100; line-height: 26px; letter-spacing: 0.03em; color: #dcdcdc; margin: 0 0 50px;}
#spinfo .close_bt {display: block; position: absolute; bottom: -36px; left: 50%; width: 60px; font-family: 'Nanum Barun Gothic', sans-serif; font-size: 14px; line-height: 60px; letter-spacing: 0.04em; vertical-align: bottom; background: #000; color: #fff; cursor: pointer; border-radius: 100%; margin: 0 0 0 -35px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#spinfo .close_bt:hover {background: #ec6941; box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* spm */
#spm {display: inline-block; margin: 0 0 65px;}
#spm a {display: inline-block; width: 176px; vertical-align: bottom; text-align: left; margin: 0 10px;}
#spm a img {display: block; width: 100%; box-shadow: 8px 8px 15px rgba(0,0,0,0.4);
filter: url(filters.svg#grayscale); /* Firefox */
filter: gray; /* IE */
-webkit-filter: grayscale(1); /* Webkit */
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#spm a:hover img, #spm a.active img {
filter: none;
-webkit-filter: grayscale(0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#spm a span {display: inline-block; font-family: 'Nanum Gothic', sans-serif; font-size: 14px; font-weight: 700; line-height: 38px; letter-spacing: 0.04em; color: #fff; padding: 0 5px 0 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#spm a:hover span, #spm a.active span {color: #48dcf9;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}


/* //////////////////// travel _ ¿©ÇàÁö //////////////////// */
#top_tr {width: 100%; height: 400px; text-align: center; background:url("/nhroot/images/travel/bg.jpg") top center no-repeat; background-size: cover;}
#top_tr .titbox {display: inline-block; width: 1000px; padding: 215px 0 0;}
#top_tr .titbox div {text-align: center; color: #fff;}
#top_tr .titbox .tit {font-family: 'Nanum Barun Gothic', sans-serif; font-size: 25px; font-weight: 700; letter-spacing: 0.15em; margin: 0 0 22px;}
#top_tr .titbox .txt {font-family: 'Noto Sans CJK', sans-serif; font-size: 15px; font-weight: 100; letter-spacing: 0.05em;}

#trm {width: 100%; font-family: 'Noto Sans CJK', sans-serif; font-size: 11px; line-height: 40px; text-align: center; background: #ffa566; color: #fff;}
#trm a {display: inline-block; font-size: 14px; line-height: 11px; letter-spacing: 0.03em; vertical-align: middle; color: #fff; padding: 0 15px; border-right: 1px solid #fff;}
#trm a:last-child {border: none;}
#trm a:hover {color: #fff; text-shadow: 0px 0px 5px rgba(0,0,0,0.3);}

#trcon {width: 1200px; text-align: center; margin: 0 auto 100px;}
#trcon .tr {padding: 118px 0 40px;}
#trcon .tr > div {width: 100%;}
#trcon .tr.left > div {text-align: left;}
#trcon .tr.right > div {text-align: right;}
#trcon .tr .cn1 {margin: 0 0 25px;}
#trcon .tr .cn1 > div {display: inline-block; vertical-align: top;}
#trcon .tr.left  .cn1 .img {margin: 0 0 0 57px;}
#trcon .tr.right  .cn1 .img {margin: 0 57px 0 0;}
#trcon .tr .cn1 .txtbox {width: 440px; text-align: left; padding: 80px 0 0;}
#trcon .tr .cn1 .txtbox div {color: #1b1b1b;}
#trcon .tr .cn1 .txtbox .t1 {font-family: 'Nanum Barun Gothic', sans-serif; font-size: 16px; letter-spacing: 0.15em; margin: 0 0 15px;}
#trcon .tr .cn1 .txtbox .t2 {font-size: 30px; font-weight: 100; letter-spacing: 0.05em; margin: 0 0 25px;}
#trcon .tr .cn1 .txtbox .line {width: 100%; height: 1px; background: #626262; margin: 0 0 35px;}
#trcon .tr .cn1 .txtbox .t3 {font-size: 17px; font-weight: 100; color: #313131; margin: 0 0 25px;}
#trcon .tr .cn1 .txtbox .t4 {font-size: 13px; font-weight: 100; line-height: 25px; letter-spacing: -0.07em; color: #313131;}
#trcon .tr .cn2 {}
#trcon .tr .cn2 img:nth-child(1) {margin: 0 25px 0 0;}

/* //////////////////// Àλ縻. ¿À½Ã´Â±æ. ¿¹¾à. °Ô½ÃÆÇ »ó´Ü ŸÀÌƲ //////////////////// */
#toptit {width: 100%; min-width: 1100px; height: 400px; text-align: center;}
#toptit .txtbox {display: inline-block; width: 1000px; padding: 215px 0 0;}
#toptit .txtbox div {text-align: center; color: #000;}
#toptit .txtbox .tx1 {font-family: 'Nanum Barun Gothic', sans-serif; font-size: 25px; font-weight: 700; letter-spacing: 0.15em; margin: 0 0 22px;}
#toptit .txtbox .tx2 {font-family: 'Noto Sans CJK', sans-serif; font-size: 15px; font-weight: 100; letter-spacing: 0.05em;}

#toptit.top_ab .txtbox div, #toptit.top_mem .txtbox div {color: #fff;}
#toptit.top_ab .tx1, #toptit.top_mem .tx1 {border-bottom: 1px solid rgba(255,255,255,0.5);}

#toptit.top_map {background: url("/nhroot/images/common/timg_map.jpg") top center no-repeat; background-size: cover;}
#toptit.top_re {background: url("/nhroot/images/common/timg_reser.jpg") top center no-repeat; background-size: cover;}
#toptit.top_bd {background: url("/nhroot/images/common/timg_board.jpg") top center no-repeat; background-size: cover;}

#top_con {width: 1100px; min-height: 400px; line-height: 150%; margin: 50px auto;}

.intx1 {width:500px; left:50%; margin-left:-250px; top:178px; text-align:center; font-size: 33px; font-family:'Nanum Myeongjo'; font-weight: normal; display: inline-block; color: #fff; line-height: 55px; opacity: 0; position: absolute;}
.intx2 {width:500px; left:50%; margin-left:-250px; top:233px; text-align:center; font-size: 9px; font-weight: normal; line-height: 11px; color: #fff; letter-spacing: 0.5pt; opacity: 0;position: absolute;}
.stit {width:100%; color:#313131; font-size:14pt; text-align:left; font-weight: 600;height:30px;letter-spacing:-0.5px;}
.stit1 {width:100%; color:#313131; font-size:20pt; text-align:left; font-weight: bold; height:30px;vertical-align:top;}
.stit2 {color:#403d33;}
.stit3 {color:#dc1616; font-weight: bold;}

/* ¿¹¾à */
#ptable {border-bottom:#d9d9d9 1px solid; border-right:#d9d9d9 1px solid; width:100%; margin-left:auto; margin-right:auto;}
#ptable.ptable2 {width: 70%; margin: 10px 0 20px;}
#ptable th {font-size:13px; font-weight: 600; line-height: 130%; background: #f7f7f7; color:#323232; padding: 5px 0; border-top:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid;}
#ptable td {font-size:13px; line-height: 120%; text-align: center; padding: 12px 0; border-top:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid;}
#ptable td.sale {color: #dc1616;}
#ptable td.sale s {color: #2a2a2a;}
#ptable tr:hover td {background: #f9f9f9;}
.con {width:100%; margin:0 auto;}
.con1 {width:98%; margin:20px auto; color: #666666; line-height: 180%; font-size: 13px;}
.reser_tit {width: 98%; border-bottom: #434343 1px solid; color: #2d2d2d; font-size: 15px; height: 50px; line-height: 50px; letter-spacing: -0.5pt; font-weight: bold; position: relative;}
.reser_tit > .reser_mbt {
	position: absolute;
	cursor: pointer;
	top: 10px;
	right: 0;
	background: #be2121;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	color: #fff;
	padding: 0 10px;
}

/* Àλ縻 */
#top_con.about {width: 100%; text-align: center; color: #000; margin: 135px 0 0;}
.about .tit {font-family: 'Roboto', sans-serif; font-size: 40px; font-weight: 100; margin: 0 0 95px;}
.about .box {display: inline-block; margin: 0 0 80px;}
.about .box div {display: table-cell; height: 92px; font-size: 20px; line-height: 24px; vertical-align: middle; padding: 0 90px; border-right: 1px solid #313131;}
.about .box div:last-child {border-right: none;}
.about .txt {font-size: 15px; font-weight: 100; line-height: 36px; margin: 0 0 100px;}
.about .txt .t1 {margin: 0 0 35px;}
.about .txt .t3 {margin: 30px 0 0;}
.about .txt .t1, .about .txt .t3 {font-size: 20px; font-weight: 400; line-height: 100%;}
.about .img {width: 100%; height: 444px; background: #eef0f1;}
.about .img img {display: block; margin: 0 auto;}