@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://webfontworld.github.io/sunn/SUIT.css');

body {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

/* base */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0; }
html, body {width:100%;}
* {margin: 0; padding: 0; box-sizing: border-box;}
body{font-size:16px; color:#666; word-break:keep-all; /* word-break:normal; */ font-weight:normal; color:#000; -webkit-text-size-adjust:none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: 300;}
a:link {color:#666; text-decoration:none; }
a:visited {color:#666; text-decoration:none; }
a:hover {color:#666; text-decoration:none; }
a:active {color:#666; text-decoration:none; }
a:focus {color:#666; text-decoration:none; }
a, span {display: inline-block;}
input,textarea,select,button{border: 0; font-size: inherit; font-family: inherit; font-size: inherit; resize: none;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0; border:none; }
button * {position:relative; overflow:hidden;}
input:focus, textarea:focus, select:focus {outline: none;}
/* button{border:none; text-indent:-9999px} */
ol, ul {list-style: none;}
u{text-decoration:none}
label {cursor: pointer;}
dfn, address{font-style:normal;}
legend, caption {width:1px; height:1px; font-size:0; line-height:0; margin:-1px;}
img {vertical-align: top;}
textarea{resize:none;}
table{/* border-collapse:collapse;table-layout:fixed; */ border-collapse:collapse;border-spacing:0}
/*  img, a{outline: none; select-dummy: expression(this.hideFocus=true); }  */
/* HTML5 Reset */
select, option {-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;}

.blind {position: absolute; left:-9999px; top:-9999px; width:0; height:0; font-size:0; line-height:0;}


input[type="text"] {box-sizing:border-box; -webkit-appearance:none;}
input[type="checkbox"] {}
input::placeholder {
  color: #666;
}


.tc {text-align:center;}
.tr {text-align:right;}
.tl {text-align:left;}

.b2{width:50%; float:left;}
.b3{width:33%; float:left;}

.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.clearfix:after{content:''; display:block; clear:both;}

/* 객실 시스템 */
.content {
  width: 450px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 122px 0;
}
.content_header {
  text-align: center;
}
.content_header img {width: 190px;}
.content_header h1 {
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: 500;
  color: #292929;
  font-family: 'SUIT';
  margin-top: 8px;
  letter-spacing: 0.3px;
}
.content_wrap {width: 100%;}
.content_wrap .info {
  color: #656565;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: -0.2px;
}
.content_wrap .info .strong {
  font-weight: 600;color: #495057;margin-left: 5px;
}
.content_wrap .info + .info {margin-top: 20px;}
.content_wrap .call_box {
  background: #F7F7F7;
  border-radius: 4px;
  padding: 40px 25px;
  text-align: center;
  margin: 25px 0;
}
.content_wrap .title {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 22px;
  color: #495057;
}
.content_wrap .dep {
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 16px;
  color: #495057;
}
.content_wrap .num {
  font-weight: bold;
  font-size: 20px;
  color: #495057;
  line-height: 1.8;
  font-family: SUIT;
}

.content_footer {width: 100%;text-align: center;}
.content_footer ul {
  padding-bottom: 20px;
  border-bottom: 1px solid #dedede;
  text-align: left;
}
.content_footer li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 35px;
  color: #333333;
  width: 100%;
  font-weight: 300;
}
.content_footer li::before {
  content: "";
    display: inline-block;
    background: #00B59F;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    margin: -3px 8px 0 0;
    vertical-align: middle;
}
.content_footer li a {
  color: #495057;
  display: inline-block;
  text-align: center;
  border: 1px solid #D1D1D1;
  border-radius: 50px;
  width: 109px;
  height: 35px;
  line-height: 35px;
  position: absolute;
  right: 0;
  font-size: 14px;
}
.content_footer img {margin-top: 15px;}

/* 반응형 */
@media screen and (max-width: 445px) {
  .content {width: 100%;padding: 100px 20px;height: auto;}
  .content_wrap .call_box {padding: 20px 15px;}
  .content_wrap .num {font-size: 16px;}
  .content_wrap .title {font-size: 18px;}
  .content_wrap .dep, .content_footer li {font-size: 14px;}
  .content_footer li a {width: 90px;}
}