@charset "UTF-8";
@import url("base.css");
@import url('https://fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps');
@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);

@import url('https://fonts.googleapis.com/css?family=Saira+Semi+Condensed:400,600,700'); /* font-family: 'Saira Semi Condensed', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:400,600,700'); /* font-family: 'Saira Extra Condensed', sans-serif; */
@font-face { font-family: "CoreGT"; font-style: normal; font-weight: 400; src: url("./fonts/CoreGT-Regular.eot"); src: url("./fonts/CoreGT-Regular.woff2") format("woff2"), url("./fonts/CoreGT-Regular.woff") format("woff"), url("./fonts/CoreGT-Regular.ttf") format("truetype"); }
@import url('https://fonts.googleapis.com/css?family=Sacramento');
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
/*@font-face { font-family: "CoreGT"; font-style: normal; font-weight: 700; src: url("./fonts/CoreGT-Bold.eot"); src: url("./fonts/CoreGT-Bold.woff2") format("woff2"), url("./fonts/CoreGT-Bold.woff") format("woff"), url("./fonts/CoreGT-Bold.ttf") format("truetype"); }*/
@font-face { font-family: 'RIDIBatang'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {	font-family: 'GothamLight';font-style: normal;  font-weight: normal;src: url('./fonts/GothamLight.eot');src: /*local('Gotham Thin'),*/ url('./fonts/GothamLight.woff') format('woff'), url('./fonts/GothamLight.ttf') format('truetype');}
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@500&display=swap');
@font-face { font-family: 'Cafe24Simplehae'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Simplehae.woff') format('woff'); font-weight: normal; font-style: normal; }


/* common */
* {max-height: 1000000px;}
body{width:640px;margin:0 auto;}

/* header */
header hgroup {background:#88a8c6;}
header h1 {width:300px;margin:0 auto;}
header h1 img{padding:40px 0 30px 15px !important;}
header h2 img{padding: 52px 0 20px 20px !important;}
header nav {width:100%;border-top:2px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
header nav > ul {overflow:hidden;}
header nav > ul > li {float:left;width:20%;}
header nav > ul > li > a {padding:15px 0;text-align:center;font-size:16px;font-weight:bold;display:block;}
header nav > ul > li > a.active {color:#3b6688;}

header nav > div {position:relative;height:0;overflow:hidden;}
header nav > div > ul > li > a {display:block;text-align:center;font-size:16px;padding:10px 0;color:#181818;border-bottom:1px solid #e8e8e8;}
header nav > div > ul > li.end > a {border:none;}

/*main*/
.mainTypo { right:38%; top:43%; opacity:1; color:rgba(255, 255, 255, 0.75); z-index:5; padding:15px; text-align:center; color:#000;}
.mainTypo p { font-family: 'GothamLight', sans-serif; font-size:2.5em; line-height:1em; text-transform:uppercase; opacity:0; text-align:center;}
.mainTypo div {  font-family: 'GothamLight', sans-serif; font-size:1.2em; line-height:1.5em; padding:0 0 16px 0;  opacity:1; filter:}
.mainTypo .tit{  font-size: 35px; font-family: 'Ubuntu';  line-height: 1; word-break: keep-all; text-transform: uppercase;}
.mainTypo. subtit{  font-size: 15px; font-family: 'Montserrat', sans-serif;  word-break: keep-all;}
.mainTypo .txt{ font-size: 20px; }


/*map*/
#location_bottom{text-align:center;}
.subTypo_t01{display:block; font-size:2em; margin:5%; font-family:'RIDIBatang';}
.title02{ display:block; font-size:1.5em; margin:2%;  font-family: 'GothamLight', sans-serif; font-weight:bold;}
#location_bottom dd {font-size:20px; line-height:1.5;  font-family: 'GothamLight', sans-serif; display:block; margin-bottom:5%;}
/* section */
.swiper-container {width:640px;height:430px;margin-left:auto;margin-right: auto;}
.section {margin-bottom:60px;}
.section_list ul {width:100%;overflow:hidden;}
.section_list ul li {float:left;width:25%;height:160px;}
.section_list ul li a {display:block;}
.section h3{margin-bottom:10px;}
.detail_btn {display:block;width:100px;padding:10px 15px;color:#fff;background:#3b6688;font-size:14px;text-align:center;margin:0 auto;}


#pooltxt {margin:5%; text-align:center;}
#pooltxt .tx1{font-size: 40px;  box-sizing: border-box; line-height: 70px; font-family: 'Ubuntu', sans-serif;}
#pooltxt .tx1 span {font-size: 25px; font-weight: 400; vertical-align: middle; margin-left: 10px;}
#pooltxt .txline{ min-height: 2px;  background:#3e3e3e;}
#pooltxt .tx2{  text-indent: 30px; font-size: 11px;font-weight:600; letter-spacing: 8pt;line-height: 45px;}


/* service */
.service h2 {margin:60px 0 20px;}
.event {color:#313131;margin-bottom:30px;overflow:hidden;}
.event img {display:block;float:left;width:50%;height:auto;}
.event .e_txt {float:left;width:50%;margin-top:45px;}
.event .e_txt h3 {text-align:center;font-size:18px;}
.event .e_txt h3 strong {font-size:30px;display:block;font-weight:bold;margin:10px 0 15px;}
.event .e_txt {text-align:center;line-height:1.5em;font-size:13px;}
.event .e_txt span {font-size:12px;font-weight:bold;}
.img {margin-bottom:10px;}
.img_0 {position:relative;}
.mttl {padding:20px 10px;background:#ffcc00;margin-top:-4px;}

/* special */
.special_lst {width:100%;overflow:hidden;}
.special_lst li {width:16.66%;float:left;}
.special_lst li a {display:block;font-size:13px;font-weight:bold;text-align:center;background:#e9e9e9;}
.special_lst li a.t_size img {margin-bottom:13px;}
.special_lst li a img {display:block;margin-bottom:5px;}
.special_lst li a span {display:block;font-size:12px;font-weight:normal;margin-top:3px;}
.special_lst li a.t_size span {margin-top:10px;}

/*txt*/
.txt h1 {text-align:center;font-size:25px;}
.txt h2 {text-align:center;font-size:25px;}
.txt h1.ttl {font-size:30px; letter-spacing:1px; color:#FFF;font-family: 'Cafe24Simplehae', sans-serif;  width:100%; line-height:1.5;}
.txt span {font-size:18px; letter-spacing:2px; display:block;text-align:center;line-height:1.2em;color:#FFF; margin-left: -30px}
.txt span.notice {font-size:15px;line-height:1.5em;}
.txt span.sf {font-size:17px;line-height:0.7em;font-weight:bold;padding-bottom:0px;} 
.txt p {font-size:14px;}
.txt .box {padding-top:30px;}
.txt .small {font-size:14px;}
.txt > strong {font-weight:bold;}

.txt2 h1 {text-align:center;font-size:25px;}
.txt2 h2 {text-align:center;font-size:25px;}
.txt2 h1.ttl {font-size:35px; letter-spacing:1px; color:#0e336a;font-family: 'Oleo Script Swash Caps', cursive;}
.txt2 span {font-size:18px; letter-spacing:2px; display:block;text-align:center;line-height:1.2em;color:#000;}
.txt2 span.notice {font-size:15px;line-height:1.5em;}
.txt2 span.sf {font-size:17px;line-height:0.7em;font-weight:bold;padding-bottom:0px;} 
.txt2 p {font-size:14px;}
.txt2 .box {padding-top:30px;}
.txt2 .small {font-size:14px;}
.txt2 > strong {font-weight:bold;}

.Now_Box{text-align:center;}
.Now_Box a{ display:block; height:125px; width:100%;background-color:#5d98b4; color:#FFF; font-size:30px; font-family: 'NanumSquare', sans-serif;}

.check_info li {font-size:18px;display:block;text-align:center; line-height:1.5em;padding-bottom:10px;}
.check_info li span {font-weight:bold;}

.reserve-b {overflow:hidden;width:245px;margin:15px auto 0;}
.reserve-b li{float:left;text-align:center;}
.reserve-b li a {width:100px;padding:10px;display:block;color:#fff;font-size:20px;}
.reserve-b li.reserve_btn {margin-right:5px;background:#1498d5;}
.reserve-b li.info_btn {background:#6bc0e7;}

/*reservation_guide */
table {width:600px;margin:0 auto;border:1px solid #777777;}
table tr th,td {text-align:center;}
table {border-collapse:collapse;border-spacing:0;margin-bottom:10px;}
table .room {color:#030303;}
table > thead {line-height:1.1em;}
table > thead tr th{font-weight:bold;padding:5px;}
table > tbody tr td{line-height:1.3em;padding:10px 5px; font-size:13px;}


/*tour*/
.tourCon{text-align:center; margin:5%;}
.tourCon dt .title01{font-size:2em;}
.tourCon dd{font-size:20px;}

/* footer */
footer {background:#88a8c6;padding-bottom:24px; padding-top:20px;}
footer ul {overflow:hidden;padding:35px 0;width:520px;margin:0 auto;}
footer ul li {float:left;padding:0 25px;}
footer ul li a > span {display:block;color:#cdcdcd;font-size:13px;text-align:center;font-weight:normal;}
footer ul li a img {display:block;}
footer > address > span {line-height:1.5em;display:block;text-align:center;font-style:normal;font-size:18px;color:#fff;font-weight:normal;}
footer > address > span a {color:#fff;}	

footer span a b:before {content: "";display: inline-block;background-image: url("http://hi-web.co.kr/web/img/hi_web_s.png");vertical-align: middle;width: 20px;height: 20px;background-size: cover;background-position: center;margin: 0 1px 4px 4px;}