@charset "utf-8";
@import url("../css/NotoKR.css");

@keyframes slid-up {
    0%{opacity: 0;}
   40%{opacity: 0; transform: translateY(50px);}
}
/*-- 로그인 id pw --*/
.contents {margin:60px 2%; min-height: 500px }
.subTit {text-align: center; padding:10% 0; font-size: 1.3em;}
.txt {font-size: 0.7em}
.center {text-align: center!important}
.login {position:relative; padding: 5%; max-width:100%;box-sizing:border-box;}
.login .form {margin:30px 0;}
.login .form li + li {margin-top:10px;}
.login .form input {width:100%; height:2.5em; box-sizing:border-box; border:0 none; border-bottom:1px solid #212b46;}
.login ul.find { margin: 25% 0 0; text-align: center; font-size: 0.7em; border-top: 1px dashed #aaa; padding: 4% 0; border-bottom: 1px dashed #aaa; height: 40px;}
.login ul.find li { display: inline-block; float: left;width: 50%;}
.login ul.find li a {display: inline-block; font-size:1.2em; color: #132a88;    display: block;}
.login ul.find li:nth-child(1) {border-right: 1px solid #aaa}
.login .join {position:relative; padding:10% 0 0; color:#666; text-align: left;}
.login .join strong {display:block; font-size:1em; color:#333; line-height:30px}
.login .join span {font-size: 0.9em}
.login .join a {height: 30px; line-height: 30px; padding: 2% 5%; background-color: #f7f7f7; border: 1px solid #bfbfbf;   display: block; margin: 4% 0;}
.login .join a i {padding: 0 0 0 5px}
.login .btn01 {	margin: 0 0 5%;}
.btn01 { display: block;  width: 100% !important;  height:2.5em;  margin-top: 10%;  padding: 0 20px;  box-sizing: border-box;  background-color: #132a88;  font-size: 1.125em;  color: #fff !important;  text-align: center;  line-height: 2.5em; vertical-align: middle;}

.login > .checkbox { display: inline-block; float: left;}
.login > .checkbox p { width: 120px; text-align: left; padding: 0 0 0 40px; line-height: 30px; font-size: 0.8em}
.login > .checkbox input{opacity: 0; margin: 0 0 0 -16px;}
.login > .checkbox label{ width: 30px; height: 30px; display: inline-block; position: relative; background: #eee}
.login > .checkbox label:hover{ cursor: pointer}
.login > .checkbox label:after{ content: '';display: block; width: 5px; height: 10px; border: 3px solid #fff; border-top: transparent; border-left: transparent; position: absolute; transform: rotate(45deg) scale(1.3); top: 6px; left: 10px; opacity: 0; transition:opacity .1s ease-in-out}
.login > .checkbox input[id="checkbox"]:checked + label:after { opacity: 1}
.login > .checkbox input[id="checkbox"]:checked + label { background:#1f9bde}

div.idpwOkbox { padding:10%; font-size:0.8em; text-align:center; color:#666; line-height:1.5em; text-align:center; background: #f9f9f9;}
div.idpwOkbox span { border-bottom:1px solid #333; color:#000;}
div.idpwOkbox span.id {  font-size: 1.3em; display: block; width: 70%; margin-left: 50%; transform: translateX(-50%);padding: 4% 0 2%;}


/*-- 회원가입 --*/
/*step*/
.list_step:first-child {margin-top:0;}
.list_step {display:table; position:relative; z-index:0; width:100%; margin:5% 0; background:url('../../images/kor/sub/bg_title01.gif') repeat-x 0 55px; table-layout:fixed;}
.list_step:after { width: 70%; height: 1px; background-color: #ddd; content: ""; position: absolute; top: 65%; left: 18%; z-index: -1;}
.list_step li {display:table-cell; position:relative; z-index:0; padding-bottom:30px; text-align:center; width: 33.33%; margin: 0 auto}
.list_step li strong {position:absolute; left:50%; bottom:0; z-index:0; width:30px; height:30px; transform: translateX(-50%); border-radius:100%; background-color:#aaa; font-family:'NanumSquare'; font-size:1.3em; color:#fff; text-align:center; line-height:30px;}
.list_step li span {display:block; margin-bottom:10px; font-size:0.8em; color:#888;}
.list_step li:first-child:before {position:absolute; left:0; top:0; z-index:-1; width:50%; height:100%; background-color:#fff; content:'';}
.list_step li:last-child:before {position:absolute; right:0; top:0; z-index:-1; width:50%; height:100%; background-color:#fff; content:'';}
.list_step .on span {color: #273484; font-weight: bold;}
.list_step .on strong {background-color:#273484;}
.list_step .on strong:before {position:absolute; left:50%; bottom:0; z-index:-1; width:20px; height:20px; margin-left:-10px; background-color:#273484; content:''; transform:rotate(45deg);}
.list_step + .stay {position:relative; z-index:0; padding:30px 50px; background:none; font-size:1.125em; text-align:left;}
.list_step + .stay:before {position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background:url('../../images/kor/contents/bg_stay.gif') no-repeat 0 0 #364678; background-size:auto 100%; content:'';}
.list_step + .stay .bul01.function li {margin:0;}
.list_step + .stay .bul01.function li:before {top:17px;}
.list_step + .stay .bul01.function strong {float:none; position:absolute; left:135px; top:auto; font-family:'NotoSansKR'; font-weight:600;}
.list_step + .stay + .table02 {border-top:0 none;}
span.list_step {margin:0;}
.tipBox02 {border: 1px solid #ddd; background: #eee; padding:2% 1%; text-align: center; line-height: 1.4em;font-size: 0.8em;}
/*약관 영역*/
div.cntArea {margin-top: 20px;}
.agree_All_txt {text-align: center; margin: 20px 0; font-size: 15px;}
div.cntArea > h2 {font-size:15px; letter-spacing:1px; font-family: 'Noto Sans DemiLight';margin-bottom: 10px;}
div.iframe {border: 1px solid #ddd; }
p.subtxt_agree {color: #534c46;margin: 5px 1%; font-size: 13px;}
p.subtxt_agreeSub {color: #8A8A8A; font-size: 13px;margin-top: 5px; line-height: 15px;}
div.agree-box { margin: 5px 0 30px; text-align: right;}
div.agree-box > label {font-size: 13px;}
div.cntArea a {top: 120px; right: 60px;  font-size: 13px;}
div.cntArea iframe {border: 1px solid #ddd; background-color: #f5f5f5;}
div.pwBox input { margin-top: 10px; padding-left: 10px;  width: 200px;  height: 25px; font-family: 'Noto Sans Regular'; border: 1px solid #e0e0e0; box-sizing: border-box;}
div.idBox input { margin: 10px 80px;; width: 60%;  height: 25px; font-family: 'Noto Sans Regular';  border: 1px solid #e0e0e0; box-sizing: border-box;}
.new-txt01 { color: #192c49;  display: block; margin-top: 5px; font-size: 16px; font-weight: bold;font-family: 'Noto Sans Regular';}
.new-txt03 {  color: #c8003f; display: block; margin-top: 5px; font-size: 16px; font-weight: bold;font-family: 'Noto Sans Regular';}
.new-txt04 {display: block; margin-top: 5px; font-size: 13px;ont-family: 'Noto Sans Regular';}
ul.box_Allcheck {width: 100%;text-align: center;background-color: #f9f9f9; line-height: 42px; border: 1px solid #ddd; padding: 3% 1%;}
ul.box_Allcheck li input[type="checkbox"] { display: none;height: 22px;}
ul.box_Allcheck li input[type="checkbox"] + label { padding-left: 32px; display: inline-block; height: 25px; background: url(../img/checkbox.png) no-repeat;  background-position: 0 0; font-size: 17px;line-height: 25px; color: #444; margin-top: 10px;}
#wrap_basic_BGcol .loginInner ul.checkBox li input[type="checkbox"] { display: none;height: 22px;}
ul.box_Allcheck li input[type="checkbox"]:checked + label { background-position: 0 -25px;}
ul.box_Allcheck li p {font-size: 13px; line-height: 18px; margin-top: 20px; padding: 0 2%}

table.table_Mem02 {width: 100%; margin:10px auto; text-align: center; border-top: 2px solid #000;font-size:13px;font-family:'Noto Sans Regular';}
table.table_Mem02 tr th {line-height: 20px;background-color: #f1f1f1; border: 1px solid #c8c8c8; font-family:'Noto Sans Regular';font-weight:normal}
table.table_Mem02 tr td {line-height: 20px;background-color: #FDFDFD; border: 1px solid #c8c8c8; padding: 5px; font-size: 12px}
.joinTxt {font-size: 0.8em; line-height: 1.6em; text-align: justify; padding: 0 2%}

table.table_Mem {width:100%; margin: 0 auto; text-align: center; border-top: 2px solid #333;font-family:'Noto Sans Regular';}
table.table_Mem h3 {font-size: 13px; font-family: 'Noto Sans Medium'; font-weight: normal; color: #555; text-align: left;}
table.table_Mem tr th {line-height: 35px;background-color: #efefef; font-size: 13px;border: 1px solid #ddd;font-family:'Noto Sans Regular';}
table.table_Mem tr td {line-height: 35px;background-color: #FDFDFD; font-size: 13px;border: 1px solid #ddd; text-align: left; padding: 5px 20px;}
table.table_Mem tr td label { vertical-align: middle; line-height: 35px;}
table.table_Mem tr td select {padding-left: 15px;  width: 200px; height: 35px; border: 1px solid #d0d0d0; color: #666; box-sizing: border-box;background: url(../img/arrowDwon.jpg) no-repeat right 12px center;;  background-color: #fff; appearance:none; -moz-appearance: none;  -webkit-appearance:none;}
table.table_Mem tr td p.magin_pw { }
table.table_Mem tr td p.magin_pw > span {color: #961a1e; font-size: 13px;}
table.table_Mem tr td p.sub_txt {line-height: 20px;}
table.table_Mem input { line-height: 22px; padding-left: 10px;margin: 7px 0;}
table.table_Mem tr td a.btn_adress { display: inline-block;width:100%; text-align: center; line-height: 35px; height: 35px; color: #fff; box-sizing: border-box; background-color: #9a9a9a; vertical-align: middle}
.txt_ct > img { width:100%}
div.loginInner .loginForm {width: 100%;padding: 0 20px;}
div.loginInner .loginForm li {margin: 0 auto; text-align: center;}
div.loginInner .loginForm li input { width:81%; height: 30px; padding: 0 30px; position: relative; z-index: 1;  outline: 0; font-size: 13px; line-height: 30px;  background-color: #f5f5f5; border: 1px solid #ddd; color: #333; text-align: left;margin-bottom: 10px;}
div.loginInner .loginForm li input:nth-child(2) {margin-bottom: 0}
div.loginInner .loginForm li > span {margin:10px 5%; color:red; font-size: 12px; font-family: 'Noto Sans Light'; text-align: left; display: block;}
.mem_notice {border: 1px solid red; padding: 5%}
.conBox > p {font-size: 0.85em; line-height:1.4em}
.mem_notice > .txt {font-size: 0.8em}
/*--//회원가입--*/

/*--- 체크박스---*/
table.writeTbl tr td .select_box { padding-left: 20px; width: 100px; height: 30px; border: 1px solid #d0d0d0; color: #666; box-sizing: border-box; background: url(../img/arrowDwon.jpg) no-repeat right 12px center;  background-color: #fff; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
input, select { vertical-align: middle;}
ul.checkBox li input[type="checkbox"] { display: none;height: 22px;}
ul.checkBox li input[type="checkbox"] + label { padding-left: 32px; display: inline-block; height: 25px; background: url(../img/checkbox.png) no-repeat;  background-position: 0 0; font-size: 14px;line-height: 25px; color: #444;}
ul.checkBox li input[type="checkbox"]:checked + label { background-position: 0 -25px;}
input.calendar {line-height: 20px; padding-left: 20px; color: #777; border: 1px solid #d0d0d0; }
.input_text { padding-left: 15px; width: 100%; height: 30px; border: 1px solid #d0d0d0; box-sizing: border-box; color:#777}


/*-- 객실예약 --*/
.calBox { padding:2% auto 1%; width: 100%;  display:block; }
.calBox .calendar-haader {width: 100%;padding: 10% 10% 4%;border-bottom: none;font-weight: bold;letter-spacing: 2px; height: 90px;}
.calendar-haader > p {width: 60%; display: inline-block; float: left; line-height: 30px; font-size: 1.4em; text-align: center;}
.calendar-haader > p > .month {font-size: 1.6em}
.calBox .calendar-haader > a.btn-prev {width: 20%;  display: inline-block; height: 35px; background: url(../img/prev-01.png) 50% no-repeat; vertical-align: middle; font-size: 0;float: left;}
.calBox .calendar-haader > a.btn-next {width: 20%;  display: inline-block; height: 35px; background: url(../img/next-01.png) 50% no-repeat; vertical-align: middle; font-size: 0;float:right; }

.reserv .reser_box {width: 100%; text-align: center; height: 50px;background-color:#fff;margin-bottom: 20px; border: 1px solid;}
.reserv .reser_box > p {display: inline-block; color:#999; vertical-align: middle; margin: 17px 30px;  padding: 0 0 0 60px; border-left: 1px solid #c3a185;}
.reserv .reser_box > p > .fa, .far, .fas {margin-right: 5px}
.reserv .reser_box > p:nth-child(1) {border-left: none}
.reserv .reser_box > p > span {margin-left: 7px;width: 20%; color: #213046; font-size: 19px;font-family: 'Noto Sans Bold';}
.reserv .reser_box > p > i.fas, i.far {font-size:20px}
.reserv .reser_box03 {width: 100%; text-align:left; height:140px;background-color:#f6f5ef;margin-bottom: 20px}
.reserv .reser_box03 > p {display: inline-block; color: #333; vertical-align: middle; margin: 30px;  padding: 0 0 0 60px; border-left: 1px solid #c3a185;line-height: 25px;font-size: 14px;}

table.calenda {width:100%;}
.leftCnt {float:left; margin:0 80px 0 0; width:330px; text-align:center;}
.leftCnt > h3 >span {color:#c3a185; font-size: .9em;}
.leftCnt > div {background-color: #000}

table.calendar { width: 100%;  /*border: 1px solid #aaa; background:#fff;*/}
table.calendar tr td { text-align: center; font-size: 18px; border-bottom: 1px solid #eee; padding-bottom: 0;}
table.calendar tr:nth-child(7) td {border: none} 
table.calendar tr th { text-align: center; border-bottom: 1px solid #888 !important; padding:8px 4px; font-size: 15px; font-weight: normal; font-family: 'Noto Sans Medium';background-color: #f7f7f7}
table.calendar tr td { height:40px;}
table.calendar tr td a {display:block; color: #888; line-height: 40px; font-size: 20px; font-family: 'Noto Sans Regular'; box-sizing: border-box; padding: 0 0 10px;}
table.calendar tr td span {display:block; font-size:13px;/* border-top:1px solid #dadada;*/ line-height: 12px;}

.color_info_ul {overflow:hidden; margin: 0px; text-align: right;}
.color_info_ul li {display:inline-block; margin:0 0 0 2px; font-size:12px; color:#1d1d1d;}
.color_info_ul li span {display:inline-block; width:11px; height:11px; margin:0 6px 0 0; vertical-align:-1px; }
.color_info_ul li .reserve_cho {background-color:#da9a29} /* 선택 */
.color_info_ul li .reserve_sta {background-color:#b881c4} /* 대기 */
.color_info_ul li .reserve_end {background-color:#ddd} /* 마감 */
.color_info_ul li .reserve_x {background-color:#777; color: #fff} /* 휴장 */

/*color*/
table.calendar tr th.sun, table.calendar tr td.sun a, table.calendar tr td.reserved.sun a {color:#fc574a;}
table.calendar tr th.sat, table.calendar tr td.sat a, table.calendar tr td.reserved.sat a {color:#1168a9;}

/*closed 마감*/
table.calendar tr td.closed a { background-color:#f9f9f9; color:#aaa;}
table.calendar tr td.closed a span {color:#aaa;}

/*reserved 예약가능*/
table.calendar tr td.reserved a { /*background-color:#fff;*/ color:#000;}
table.calendar tr td.reserved a:hover { background: #000; color: #fff;}
table.calendar tr td.reserved a span {color:#000;}
table.calendar tr td.reserved a:hover span { color:#fff;}

/*ready 준비중*/
table.calendar tr td.ready a { color: #000; /*background: #fff;*/}
table.calendar tr td.ready a span {background: #fff; display: block; color: #999; font-size: 13px;}

/*reserved 오픈*/
table.calendar tr td.open a {background-color:#000; color:#fff;}
table.calendar tr td.open a span {background: #000; display: block; color: #fff; font-size: 13px;}

/*checked 입실체크 */
table.calendar tr td.checked a {background-color:#000; color:#fff;}
table.calendar tr td.checked a span {background: #000; display: block; color: #fff; font-size: 13px;}

/*valid 입실체크 */
table.calendar tr td.valiid a {background-color:#000; color:#fff;}
table.calendar tr td.valiid a span {background: rgba(0, 0, 0, 0); display: block; color: #fff; font-size: 13px;}

/*valid 체크아웃 */
table.calendar tr td.checkout a {background-color:#000; color:#fff;}
table.calendar tr td.checkout a span {background: rgba(0, 0, 0, 0); display: block; color: #fff; font-size: 13px;}


/*checkBox*/
.checkBox_R {position: relative;width:100%; background: #f1f1f1; display: inline-block; padding:5%;color: #555;}
.checkBox_R .checkBox_R01 { padding:10% 0;}
.checkBox_R .checkBox_R01 div{display: inline-block; float: left}
.checkBox_R .checkBox_R01 >.box01 {width: 35% }
.checkBox_R .checkBox_R01 >.box01 > p,.checkBox_R .checkBox_R01 >.box03 > p{color: #273484; font-weight: 600;}
.checkBox_R .checkBox_R01 >.box01 > div {position: relative; display: inline-block; float: left;margin: 20px 0 0;}
.checkBox_R .checkBox_R01 >.box01 > div > p {position: relative;  margin: 15px 0 0;font-size: 40px; top: -58px; left: 45px;color: #000; font-weight: bold;}
.checkBox_R .checkBox_R01 >.box01 > div > span {font-size: 16px; display: block;line-height: 20px;}

.checkBox_R .checkBox_R01 >.box02 {width:30%;position: relative; padding:0}
.checkBox_R .checkBox_R01 >.box02:before { display: block; position: absolute; top:50px; left: 50px; content: '';  width: 18px;   height: 1px; background: #999;transform: rotate(225deg); -webkit-transform: rotate(225deg);}
.checkBox_R .checkBox_R01 >.box02:after { position: absolute; top: 56px; left: 14px;display: block; content: ''; width: 50px; height: 1px; background: #999;}
.checkBox_R .checkBox_R01 >.box02 >p {margin:33px 20px }
.checkBox_R .checkBox_R01 >.box03 {width: 35% }
.checkBox_R .checkBox_R01 >.box03 > div {position: relative; display: inline-block; float: left;margin: 20px 0 0;}
.checkBox_R .checkBox_R01 >.box03 > div > p {position: relative; position: relative; margin: 15px 0 0;font-size: 40px; top: -58px; left: 45px;color: #000; font-weight: bold;}
.checkBox_R .checkBox_R01 >.box03 > div > span {font-size: 16px; display: block;line-height: 20px;}

.checkBox_R .checkBox_R02  { padding: 20px 0;}
.checkBox_R .checkBox_R02 > select {width:100%; border:0 none; border-bottom:1px solid #999;padding:10px}
.checkBox_R .checkBox_R02 > input { color: #333; border: solid 1px #b9b9b9; line-height: 1.375; font-size: 1em;}
.checkBox_R .checkBox_R02 > select >option {font-weight: normal; display: block; white-space: pre; min-height: 1.2em; padding: 0px 2px 1px;}
.checkBox_R .checkBox_R02 > li:nth-child(3)> p > span { font-weight: 600; letter-spacing: 2px; color: #da291c;}
.checkBox_R .checkBox_R03 {padding:0 0 5%}


/* stay */
.stay {margin-bottom:10px; padding:5%; background:#273484; background-size:auto 100%; font-size:1em; color:#fff; text-align:center; line-height:35px;}
.stay ul {display:inline;}
.stay li {display:inline; white-space:nowrap;}
.stay li + li {display: block}
.stay span {display:inline-block; width:15%; height:30px; margin-right:2%; border:1px solid #fff; font-size:.8em; text-align:center; line-height:30px; vertical-align:middle;}
.stay strong {font-family:'NanumSquare'; color:#fffed8;}
.stay p {display:inline; white-space:nowrap;}
.stay + .table01 {margin-top:30px;}
.stay + .table01 td {height:70px; box-sizing:border-box; white-space:nowrap;}
.stay + .table01 td input {margin-right:35px;}
.stay + .table01 select {width:100%; border:0 none;}
.stay + .table01 .txt_left {width:70%;}
.stay .bul01 {display:block;}
#resv_day {display: block; text-align: center}


/*--유의사항--*/
.conBox{position:relative; padding:4%; /*background-color:#f3f1eb;*/ font-size:.937em; color:#666;}
.conBox h2 {width:100%; height:20px;font-size:1.062em; font-weight:400; color:#666; text-align:center;margin: 0;}
.conBox .contents { margin: 2%;min-height: auto;}
.conBox h2:before {border-color:#7a7053; color:#7a7053;}
.conBox .icon_warning:before {position:relative; top:-2px; margin-right:10px;}
.conBox .list {overflow:hidden; padding:10px 50px 10px 100px;}
.conBox .list li {float:left; position:relative; width:33.333%; padding-left:75px; box-sizing:border-box; color:#333;}
.conBox .list li strong {position:absolute; left:0; top:0;}
.conBox .icon01 + strong {margin:0 5px; color:#333;}
.conBox .bul01 li { line-height: 1.4em; }
.conBox .bul01 li a {display:inline-block; position:relative; margin-left:10px; color:#666; white-space:nowrap;}
.conBox .bul01 li a:before {position:absolute; left:0; bottom:-3px; width:100%; height:1px; background-color:#626262; color:#626262; content:'';}
.conBox .bul01 li a:after {display:inline-block; position:relative; top:-2px; width:15px; padding-right:5px; font-size:6px; content:'->'; text-align:right; vertical-align:middle;}
.icon_warning:before { display: inline-block; position: absolute; left: 0; top:0; width: 16px;  height: 16px; box-sizing: border-box;  border-radius: 100%; border: 1px solid #830505; font-size: 12px; content: '!'; text-align: center; line-height: 14px; vertical-align: middle;}
/* bul */
.bul01 li {position:relative; padding-left:12px; box-sizing:border-box;line-height: 24px;  font-size: 14px;}
.bul01 li:before {position:absolute; left:0; top:9px; width:3px; height:3px; border-radius:100%; background-color:#a7a7a7; content:'';}
.bul01.function {overflow:hidden;}
.bul01.function li {float:left; width:50%; margin:6px 0;}
.bul01.function strong {float:left; width:100px;}


/*-- Room 리스트 --*/
.room {margin: 20px 0}
.room li {position:relative;width:100%;min-height:200px;padding:6% 2%;border:1px solid #e6e6e6; display: inline-block; margin:4% 0; background: #f9f9f9;}
.room li:hover {border: 1px solid #da291c} 
.room li:nth-child(2), .room li:nth-child(4), .room li:nth-child(6),.room li:nth-child(8),.room li:nth-child(10),.room li:nth-child(12),.room li:nth-child(14),.room li:nth-child(16) {margin:0 0 1% 0}
.room li > .contents {min-height:180px;margin:2% 0;position: relative;}
.room .img {position:absolute; left: 2%; top:25%; width: 100%;}
.room .contents li {min-height:0; padding:0; border:0 none; color:#666;}
.room .contents p {color:#888;}
.room .contents p strong {display:inline-block; margin-right:10px; font-size:1.25em; font-weight:400; color:#333;}
.room .choice {position:absolute; right:0; top:48px; padding:0; box-sizing:border-box;width: 35%;}
.room .choice select {width:100%; border:0 none; border-bottom:1px solid #939393;background: #f9f9f9;padding:8px 0px;}
.room .choice .pay {margin:0 0 40px; font-size:1em;}
.room .choice .pay strong {margin-right:5px; font-family:'NanumSquare'; font-size:1.4em; vertical-align:middle;    color: #da291c;}
.room .choice .btn01 {position:absolute; right:10px; top:50%; width:95px !important; height:95px; margin-top:-47.5px; padding:0; border-radius:100%; line-height:95px;}
.room .check {position:absolute; right:50px; top:50%; margin-top:-15px; line-height:30px;}
.room .check input {position:relative; top:-1px;}

@media screen and (min-width:280px) and (max-width:320px){
    .room .img {top:15% }
    .room li {min-height: 350px}
    .room li .img img{display: block; padding: 2% 10%; background: #ccc;}
    .room .choice {position: relative;  padding: 0; box-sizing: border-box; top: 170px; width: 100%;}
    .btn_cr {margin: 40% 0 0;}
    .room .choice .pay {margin: 0 0 10px;}
    table.timeTbl tr td a {font-size: 0.85em}
    input[id*="popup"] + label {font-size: 0.9em}    
}


/*-- 투숙객 정보입력 --*/
.table02 {display: block; overflow: hidden; width:100%; padding-top: 4%;  margin: 0 auto;font-size: 0.8em;padding: 0 1%;}
.table02 table {width: 100%}
.table02 table tbody {border-top: 2px solid #2a2a2a; width: 800px}
.table02 th {width: 37%; height:60px; padding:2%; box-sizing:border-box; font-weight:400; }
.table02 th .label {position:relative; padding-left:10%;}
.table02 th .label .point01 {position:absolute; left:0; top:auto; padding-top:4px; color:#ff6161;}
.table02 td {width: 63%}
.table02 td input {vertical-align:middle;}
.table02 td input[type='text'],
.table02 td select {max-width:98%; height:35px; box-sizing:border-box; border:0 none; border-bottom:1px solid #939393;}
.table02 td .btn04 {margin:0 10px 0 5px;}
.table02 td .point01 {color:#ff6161;}
.member_no {}
#accept_tel_1, #tnum1 {width: 20%}
#accept_tel_2, #tnum2 {width: 25%}
#accept_tel_3, #tnum3 {width: 25%}

/*-- 콘도예약완료 --*/
.revLast {text-align: center;}
.revLast p:nth-child(1) {font-size:1.2em; margin: 50px 0 10px} 
.revLast p:nth-child(2) {margin-bottom: 30px;font-size: 0.7em;} 

/*-- 골프예약 --*/
.revBox_R {width:100%; background: #f1f1f1; display: inline-block; padding: 3%;color: #555;}
.revBox_R div:nth-child(1) { padding: 0 0 20px; border-bottom: 1px solid #ccc;text-align: center;}
.revBox_R div:nth-child(1) > p {font-size: 16px;line-height: 33px;}
.revBox_R div:nth-child(1) > p > span {color: #273484; font-weight: 600;letter-spacing: 1px;} 
.revBox_R ul:nth-child(2)  { padding: 20px 0;} 
.revBox_R ul:nth-child(2)> li:nth-child(3) {background: #fff}
.revBox_R ul:nth-child(2)> li> p {line-height: 2.5em;padding: 0 0 0 12px;text-align: center;} 
.revBox_R ul:nth-child(2)> li> p > i {width: 20px}
.revBox_R ul:nth-child(2)> li> p > span { font-size: 1.2em;}
.revBox_R ul:nth-child(2)> li:nth-child(3) { border: 1px solid #ccc;}
.revBox_R ul:nth-child(2)> li:nth-child(3)> p > span { font-weight: 600; letter-spacing:-0.5px; color: #da291c;}
.revBox_R div:nth-child(3) {padding:30px 0;border-top: 1px solid #ccc;}
.revBox_R div:nth-child(3) > p { padding: 0 0 10px; text-decoration: underline; font-size: 14px;text-align: center;}
.revBox_R div:nth-child(3) > ul {padding:0;}
.revBox_R div:nth-child(3) > ul > li {width: 50%; display: inline-block;float: left;border: 0px !important;text-align: center;}
.revBox_R div:nth-child(3) > ul > li > p {line-height: 30px; padding: 0; background: #f1f1f1;}
.revBox_R div:nth-child(3) > ul > li > p > span{font-size: 16px; color:#333 !important; font-weight: 600;}
.revBox_R div:nth-child(3) > ul > li:nth-child(2), .revBox_R div:nth-child(3) > ul > li:nth-child(4) {padding: 0 0 0 2%}

/*--- 골프 예약 테이블 ---*/
div.rightCnt {border-bottom: 1px solid #ddd;}
div.rightCnt > p {margin-top: 30px; font-size: 14px; line-height:22px}
div.timeHead {position:relative; width:100%;}
table.timeTbl {  width:100%;}
.rightCnt ul.time_tabbox {clear:both; overflow:hidden; margin: 20px 0 2px;}
.rightCnt ul.time_tabbox li {float:left; height:35px; border-width:1px 1px 1px 0; border-style:solid; border-color:#c8c8c8;width:25%; background-color: #f1f1f1;}
.rightCnt ul.time_tabbox li:first-child {border-left:1px solid #c8c8c8}
.rightCnt ul.time_tabbox li a {display:block; width:100%; height:100%; text-align:center; line-height:35px; font-size:0.8em; text-decoration:none}
.rightCnt ul.time_tabbox li:hover {background:#000; border-color:#000}
.rightCnt ul.time_tabbox li:hover a {color:#fff}
.rightCnt ul.time_tabbox li.on {background:#46403c; border-color:#000;}
.rightCnt ul.time_tabbox li.on a {color:#fff}

.rightCnt_02 {float:left; width:790px;}
.time_notice {width: 100%;padding: 20px; border: 1px solid #cd042a;}
.time_notice p{  color: #cd042a; font-weight: bold; margin-bottom: 10px}
.time_notice span {font-size: 13px; line-height: 20px;}

.time-tbl .tabBtn li:nth-child(5) {width: 40%;}
.time-tbl .tabBtn li { margin-right: 0px; float: left; width: 15%; height: 35px; background-color: #e5e5e5;  text-align: center; line-height: 35px; font-size: 15px;}

div.scrollBox { height:590px; overflow-y:scroll;}
table.timeTbl {font-size:0.8em}
table.timeTbl tbody tr:hover { background-color:#eee}
table.timeTbl tr th {border:1px solid #c8c8c8; border-bottom:2px solid #c3a185; height:45px; background:#777; font-family: 'Noto Sans DemiLight'; color:#fff; padding: 2px 0;}
table.timeTbl tr td {border:1px solid #c8c8c8; height:50px;text-align:center; color:#333;}
table.timeTbl tr td.fees { text-decoration:line-through;}
table.timeTbl tr td.sale { color:#e67337;}
table.timeTbl tr td a {font-family: 'Noto Sans Medium'; color: #111; display: block; line-height:25px; width: 70%;  margin: 0 auto;     border-radius: 2px; border: 1px solid #aaa; padding: 2px;  border-radius: 2px; background-color: #f4f4f4;}
table.timeTbl tr td a:hover {color: #fff; background-color:#273484;font-family: 'Noto Sans Regular'; }

/*-- 패키지 골프텔 객실예약--*/
/*코스 및 시간선택*/
.revBox .pkgBox01, .revBox .pkgBox02 {background: #fff; display: block;  border-top:2px solid #aaa !important;;padding:4%}
.revBox .pkgBox01 {border: 1px solid #ddd; position: relative}
.revBox .pkgBox01 >h2, .revBox .pkgBox02 >h2{font-size: 20px; color: #000; text-align: center; padding: 10px 0 0;}
.revBox .pkgBox01 >h2:after {position: absolute; top: 60px; left: 43%; width: 15%; height: 1px; background-color: #777; content: "";}
.revBox .pkgBox01 .pkg_01 { margin:10% 0 5%;}
.revBox .pkgBox01 .pkg_01 p {color: #ce0000;font-size: 16px;}
.revBox .pkgBox01 .pkg_01 h3 {font-size: 24px; line-height: 40px;color: #273484;}
.revBox .pkgBox01 .pkg_02 {}
.revBox .pkgBox01 .pkg_02 div, .revBox .pkgBox01 .pkg_02 p {z-index: 99999;}
.revBox .pkgBox01 .pkg_02 .pkgCon { width: 100%; padding:5%; background: #eee;}
.T_data {padding:5%;  width: 100%;}
.T_data > .revBox .pkgBox01 .pkg_02 div, .revBox .pkgBox01 .pkg_02 p {z-index: 99999;padding: 2%;}
.T_data >.rightCnt >.scrollBox {height: 400px !important;}
.revBox .pkgBox01 .pkg_02 .pkgCon h2 {padding: 2%;color: #273484; font-size: 1.4em;}
.revBox .pkgBox01 .pkg_02 .pkgCon button {cursor:pointer; background: #273484; color: #fff; padding:5px 10px;width: 100%;}
.revBox .pkgBox01 .pkg_02 .pkgCon button:hover {color: aqua}
.revBox .pkgBox01 .pkg_02 .pkgCon .pkg_sel {width: 100%; padding: 5% 10%; border-bottom: 1px dashed #aaa;min-height: 80px;} 
.revBox .pkgBox01 .pkg_02 .pkgCon .pkg_sel > p {display: inline-block; float: left; padding: 5px 10px 10px 0; font-size: 20px;} 
.revBox .pkgBox01 .pkg_02 .pkgCon .pkg_sel > p > span { display: block; padding: 5px 0 0 0; font-size: 16px;} 
.revBox .pkgBox01 .pkg_02 .pkgCon .pkg_sel > h3 {display: inline-block;float: left; font-size: 50px;text-align: right;} 
.revBox .pkgBox01 .pkg_02 .pkgCon .pkg_data > span { padding:4% 0 4% 10%; display: inline-block; font-size: 20px;}
.revBox .pkgBox01 .pkg_02 .pkgCon .pkg_data > p {display: block; font-size: 1.4em;color: #ea0000; padding: 5%;   text-align:center; background: #ffff;}
.revBox .pkgBox01 .pkg_02 p:nth-child(2) {width: 2%}
.revBox .pkgBox01 .pkg_02 div:nth-child(3) {width: 100%}
.pkgCon > div > div {width: 95% !important}

.revBox .pkgBox02 {border-left: 0;position: relative}
.revBox .pkgBox02 
table.pkgtbl { width:100%; border-top: 2px solid #000;border-bottom:1px solid #777;margin: 10% 0 5%;}
table.pkgtbl caption {text-align: right; font-size: 14px;}
table.pkgtbl tr th {padding:12px; height:20px; font-size:15px;font-weight:500; color:#454545; text-align: left;position: relative;}
table.pkgtbl tr th:before { position: absolute; left: 3px; top: 22px; width: 3px; height: 3px; border-radius: 100%; background-color: #a7a7a7; content: '';}
table.pkgtbl tr td { padding:14px; height:20px; border-top:1px solid #b7b7b7; font-size:16px; color:#454545; line-height:24px; vertical-align: middle;}
table.pkgtbl tr td a:hover {  text-decoration:underline;}
table.pkgtbl tr td select {width: 100%}
table.pkgtbl tr td .roomtype {max-width: 98%; height: 35px; box-sizing: border-box;  border: 0 none; border-bottom: 1px solid #999; background-color:#273484; padding: 0 7px; color:#fff}
table.pkgtbl tr td.point01 {font-weight: 600; border: 0px}
table.pkgtbl tr td.point02 {color:#ea0000}

/*--- modal popup ---*/
* {padding:0;margin:0;line-height:1;} 

input[id*="popup"] {display:none;}
input[id*="popup"] + label {display:block;padding:5%;background:#273484;color:#fff;width: 100%; }
input[id*="popup"] + label:hover {cursor: pointer; color: aqua; text-decoration: underline}
input[id*="popup"] + label + div {position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;}
input[id*="popup"] + label + div > div {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;min-height: 500px;background:#fff;z-index:2;}
input[id*="popup"] + label + div > div > label {position:absolute;top:-3%;right:8%;transform:translate(40%,-40%);padding:1% 3%;background-color:#999;border-radius:50%;z-index:1;}
input[id*="popup"] + label + div > div > label i {font-size: 40px; color: #fff; padding: 10%;}
input[id*="popup"] + label + div > label {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1;}
/*input[id*="popup"] + label + div {display:none;}
input[id*="popup"]:checked + label + div {display:block;}*/
input[id*="popup"] + label + div {opacity:0;visibility:hidden;transition:all 0.5s;}
input[id*="popup"]:checked + label + div {opacity:1;visibility:visible;}

/*-- tab --*/
.tabs_sub02,.tabs_sub03,.tabs_sub04,.tabs_sub05,.tabs_sub06 { display: flex; flex-wrap: wrap; font-size: 0.8em}
.tabs_sub02 label,.tabs_sub03 label,.tabs_sub04 label,.tabs_sub05 label,.tabs_sub06 label {order: 1; display: block; padding:3% 0px; text-align:center; cursor: pointer; font-weight: 500; transition: background ease 0.2s; border: 1px solid #aaa; border-left: 0; display: block}
.tabs_sub02 > label {width: 50%; display: block; }
.tabs_sub03 > label {width: 33.33%; display: block; }
.tabs_sub04 > label {width: 25%; display: block; }
.tabs_sub05 > label {width: 20%; display: block; }
.tabs_sub06 > label {width: 16.66%; display: block; }
.tabs_sub02 > label:nth-child(2),.tabs_sub03 label:nth-child(2),.tabs_sub04 label:nth-child(2),.tabs_sub05 label:nth-child(2),.tabs_sub06 label:nth-child(2)  
{border-left: 1px solid #aaa;}
.tabs_sub02 .tab,.tabs_sub03 .tab,.tabs_sub04 .tab,.tabs_sub05 .tab,.tabs_sub06 .tab     
{order: 99; flex-grow: 1; width: 100%; display: none; padding:40px 0; }
.tabs_sub02 > input[type="radio"],.tabs_sub03 input[type="radio"],.tabs_sub04 input[type="radio"],.tabs_sub05 input[type="radio"],.tabs_sub06 input[type="radio"]    
{display: none;}    
.tabs_sub02 > input[type="radio"]:checked + label,.tabs_sub03 input[type="radio"]:checked + label,.tabs_sub04 input[type="radio"]:checked + label,.tabs_sub05 input[type="radio"]:checked + label,.tabs_sub06 input[type="radio"]:checked + label
{ border-top:3px solid #1f9bde; border-bottom: 0;}
.tabs_sub02 > input[type="radio"]:checked + label + .tab,.tabs_sub03 input[type="radio"]:checked + label + .tab,.tabs_sub04 input[type="radio"]:checked + label + .tab,.tabs_sub05 input[type="radio"]:checked + label + .tab,.tab,.tabs_sub06 input[type="radio"]:checked + label + .tab  
{ display: block;}

/*-- 예약확인 페이지 --*/
div.list_board {position:relative; padding:2%; border-top-width:2px; border-bottom:1px solid #dadada;background-color: #fdfdfd;}
div.list_board .bul01 li {padding-left:40%;}
.list_board {border-top:2px solid #282828;}
.list_board > li {position:relative; padding:25px 30px; border-bottom:1px solid #dadada;}
.list_board .point01 {font-weight:bold; color:#810000;}
.list_board .point02 {font-weight:bold;}
.list_board .disable {background-color:#f9f9f9; color:#888;}
.list_board .disable .point01,
.list_board .disable .point02 {color:#888 !important;}
.list_board .title {display:block; margin-bottom:30px; font-size:1.375em;}
.list_board .bul01 li {margin-top:30px; padding-left:135px;}
.list_board .bul01 li:nth-child(1) {margin-top:0;}
.list_board .bul01 strong {position:absolute; left:12px; top:5px}


/*-- 이벤트 보드 --*/
ul.eventBoard {width: 100%; padding: 4%; padding: 4%;}
ul.eventBoard li { float:left; position:relative; margin-bottom:30px;  width:100%; border:1px solid #fff; overflow:hidden; animation-name: slid-up; animation-duration: 1s;}
ul.eventBoard li:nth-child(1),ul.eventBoard li:nth-child(2),ul.eventBoard li:nth-child(3) {animation-duration: 1.4s;}
ul.eventBoard li:nth-child(4),ul.eventBoard li:nth-child(5),ul.eventBoard li:nth-child(6) {animation-duration: 2s;}
ul.eventBoard li:nth-child(7),ul.eventBoard li:nth-child(8),ul.eventBoard li:nth-child(9) {animation-duration: 2.6s;}
ul.eventBoard li img { width:100%; height:auto;}
ul.eventBoard li:nth-child(3n) { margin-right:0;}
ul.eventBoard li a { position:relative; display:block; width:100%;}
div.eventInner { padding:2% 2% 5%; width:100%; background-color:#fbfbfb;}
div.eventInner p.tit { font-size:1.4em; font-family: 'Noto Sans Bold'; color:#333; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; line-height: 30px}
div.eventInner p.date { margin-top: 1%; font-size: 1em; color:#366889;}
div.eventInner p.price { margin-top:20px; font-size:24px; color:#366889;}
div.eventBoard span.viewBtn { position:absolute; bottom:25px; display:block; width:105px; height:25px; background-color:#000; line-height:25px; text-align:center; font-size:13px; color:#fff;}
ul.eventBoard li:hover span.viewBtn { background-color:#9f1e32;}
div.imgBox { width: 100%; height:auto; overflow: hidden}

/*--공지사항 보드 / 조인 보드--*/
table.noticeTbl {  width:100%;  text-align:center; border-top:2px solid #333; margin-top: 20px;font-size: 0.8em;}
table.noticeTbl tr { border-bottom:1px solid #ccc;}
table.noticeTbl tr th { position:relative;line-height:40px;height:0px; background-color:#f4f4f4;font-weight:500;color:#454545;border: none;padding:2px;}
table.noticeTbl tr th:first-child::after { display:none;}
table.noticeTbl tr th::after { position:absolute; top:50%;left:0; margin-top:-8px; content:''; display:block; width:1px; height:14px; background-color:#e0e0e0; font-size: 17px;}
table.noticeTbl tr td {height:44px; color:#555; padding:0 1%; line-height:20px;letter-spacing: -0.5px;}
table.noticeTbl tr .boardTit { padding:4% 1%; text-align:left; }
table.noticeTbl tr td span.noticePoint {padding: 2px; background-color: #666; color: #fff;}
table.noticeTbl td.listtitle {text-align: left; padding-left:4px}
table.noticeTbl td.listtitle a {color:#191919; font-family:'Noto Sans Medium';}
table.noticeTbl td.notice {text-align:left; padding-left:4px}
table.noticeTbl td.notice a{color:#534c46; font-family:'Noto Sans Regular';}
table.noticeTbl tr td.boardTit a {color:#333; font-family:'Noto Sans Regular'; }
table.noticeTbl tr td.boardTit a:hover {text-decoration:underline}
table.noticeTbl tr td span.joinbBtn { background-color: #213046; color: #fff; font-size: 18px;} 
table.noticeTbl tr td span.joinbBtn_close { background-color: #ddd; color: #213046; font-size: 18px;} 
table.noticeTbl tr.joinbBtn_close { background-color: #f5f5f5; color: #213046; font-size: 14px;} /*마감*/
table.noticeTbl tr td.invite { color:#f26421; background-color:#fff; font-size: 14px} /*초대*/
table.noticeTbl tr td.join { color: #1a4686; background-color:#fff;  font-size:14px} /*조인*/
table.noticeTbl tr td.send { color: #806334; background-color:#fff; font-size: 14px} /*양수*/

/*view*/
div.viewBox { border-top:2px solid #0c2c40;}
p.viewTit { padding:3% 3.5%; height:2.5em; border-bottom:1px solid #ccc; font-size:16px; font-weight:600; line-height:1.5em; color:#222;display: inline-table;width: 100%;}
ul.viewDate { border-bottom:1px solid #ccc; height:2.5em; font-size:13px;}
ul.viewDate li { position:relative; display:inline-block; padding:2.5% 3.5%; color:#777;}
ul.viewDate li:first-child::after { display:none;}
ul.viewDate li::after { position:absolute; top:50%; left:-2px; content:''; display:block;  margin-top:-6px; width:1px; height:12px; background:#ddd;}
ul.viewDate li span { color:#222;}
div.viewCnt { padding:4%;  border-bottom:1px solid #ccc;}
div.viewCnt img {text-align: center;width: 100%;display: block; height: 100%}
div.viewCnt p {font-size:15px; line-height:1.5em;}
div.viewControl {font-size: 14px}
div.viewControl dl { display:table;  width:100%; border-bottom:1px solid #ccc;  line-height:50px; padding: 4% 0;}
div.viewControl dl dt { display:table-cell;width:15%;  font-weight:600; color:#667985;}
div.viewControl dl.prev dt {  background:url('../img/boardArrow_up.png') no-repeat center right;}
div.viewControl dl.next dt {  background:url('../img/boardArrow_down.png') no-repeat center right;}
div.viewControl dl dd { display:table-cell; width:65%; color:#999;}
div.viewControl dl dd a {color:#666;}
div.viewControl dl dd a:hover { text-decoration:underline;}
div.viewControl dl dd.date { width:20; text-align:right;}

.b01 {padding:1%; background: #132a88}
.b02 {padding:1%; background: #f26421}
.b03 {padding:1%; background: #ddd}


/*--조인게시판 --*/
div.replyArea {margin-top:50px; width:100%;}
h2.replyTit {padding: 5px 10px;; font-size:14px;color:#a6927a; font-family: 'Noto Sans Regular'; background-color: #f4f4f4;}
ul.listComment li { position:relative; margin-bottom:10px; padding:10px; background-color:#f9f9f9;}
ul.listComment li p.data { margin-right:20px; display:inline-block; font-size:14px; color:#111;padding: 5px 0 0;}
ul.listComment li p.data span { margin-left:20px; font-size:13px; color:#999;}
ul.listComment li p.data span.checkStyle { margin-left:10px; margin-right:5px;}
ul.listComment li p.data span.checkStyle input { display:none;}
ul.listComment li p.data span.checkStyle input[type="checkbox"] + label {padding-left:25px;display:inline-block;height:20px;  background:url('../img/checkbox.png') no-repeat;background-size:20px 40px;font-size:14px;    color:#999;	line-height:20px;}
ul.listComment li p.data span.checkStyle input[type="checkbox"]:checked + label {background-position: 0 -20px;}
ul.listComment li p.text { margin-top:15px; font-size:14px; line-height:26px; color:#666;background-color: #fff; padding: 2%; border: 1px solid #ddd;}
ul.listComment li div.editBtn { position:relative;}
ul.listComment li div.editBtn > .btn_small { margin: 0 auto;  display: inline-block; width: 15%; height: 22px; line-height:22px; background-color: #aaa !important; text-align: center; text-decoration: none; font-size: 13px;  color: #fff;  border-radius: 3px;}
div.comment { width:100%; border:2px solid #bbb; overflow:hidden;}
div.comment textarea { padding:2%; width:100%; max-width:100%;box-sizing:border-box;border: 1px solid #ddd}
div.commentInner { position:relative; width: 100%; font-size: 0.8em} 
div.commentInner ul.commentAgree {text-align:left; width: 80%; float: left;}
div.commentInner ul.commentAgree li { border-right:1px solid #eee;}
div.commentInner ul.commentAgree li input[type="checkbox"] + label {display:inline-block; color:#999;}
div.commentInner ul.commentAgree li input[type="checkbox"]:checked + label {background-position: 0 -25px;}
div.commentInner ul.commentAgree li p { display:inline-block; color: #132a88; padding: 1%; line-height: 2em;}
div.commentInner ul.commentAgree li p.flipBtn { padding-left:10px; color:#132a88; cursor:pointer; }
a.miniBtn { width: 20%; display:inline-block; background-color:#132a88; text-align:center; color:#fff;line-height: 2.5em;}
div.replyArea div.panel { margin-top:30px; display:none;}
div.replyArea div.panel h3.subTit02 { font-size:18px;}
div.replyArea div.panel p.joinTxt { margin-top:15px; font-size:14px; line-height:24px; color:#454545;}
.w100 {width:100% !important}


/*--글쓰기 --*/
table.writeTbl { width: 100%; margin-bottom:30px; border-top:2px solid #4d622e;font-size:13px;font-family:'Noto Sans Regular'} 
table.writeTbl tr th { font-family:'Noto Sans Regular'; line-height:4em; background-color: #f1f1f1; border: 1px solid #c8c8c8; font-weight: normal;}
table.writeTbl tr td {line-height:20px; background-color: #FDFDFD;  border: 1px solid #c8c8c8;padding:5px 10px;}
table.writeTbl tr td .select_box {padding-left: 20px; width:100px; height: 20px; border: 1px solid #d0d0d0;
    color: #666; box-sizing: border-box; background: url(../img/arrowDwon.jpg) no-repeat right 12px center;
    background-color: #fff; appearance: none;  -moz-appearance: none; -webkit-appearance: none;}
table.writeTbl tr td a { display:inline-block; width:120px; height:50px; background-color:#153041; line-height:50px; color:#fff; text-align:center;}
table.writeTbl tr td a.btn_adress {display: inline-block; width: 100%; text-align: center; line-height: 35px; height: 35px; color: #fff; box-sizing: border-box; background-color: #9a9a9a; vertical-align: middle;}
table.writeTbl tr td span {font-size:15px; color:#777;}
table.writeTbl tr td input.iptStyle { height:30px; width: 97.5%; text-align: left; padding-left: 20px; border:1px solid #d0d0d0;}
table.writeTbl tr td select.selStyle { width:20%; height:30px; font-size:13px;}
table.writeTbl tr td p { display:inline-block; padding-left:10px; font-size:13px; text-align:left;}
table.writeTbl tr td ul.checkBox { top:0; margin-right: 5px; float: right}
table.writeTbl tr td ul.checkBox li input[type="checkbox"] + label {display:inline-block;	height:20px;background-size:20px 40px;font-size:13px;  color:#999;	line-height:20px;}
table.writeTbl tr td ul.checkBox li input[type="checkbox"]:checked + label {background-position: 0 -20px;}
table.writeTbl tr td textarea { width:100%; min-width:100%; padding: 10px; height:300px;  border:1px solid #e0e0e0;  box-sizing:border-box;}

/*-- 오시는길 --*/
.address {}
.address p {line-height: 25px}
.address p:nth-child(2) a {color: #333}


/*-- 이용안내 --*/
.subtitle02 { position: relative; margin:20px 0 10px; padding-left: 12px;  font-size:16px;  font-weight: 600;}
.subtitle02:before {position:absolute; left:0; top:0; width:3px; height:18px; background-color:#1f9bde; content:'';}

.table03 {overflow:hidden; border-top:2px solid #2a2a2a; font-size: 14px}
.table03 table {position:relative; left:-1px;width: 100%;table-layout: fixed}
.table03 th {position:relative; padding:4% 1%; border-bottom:1px solid #2a2a2a; text-align:center;}
.table03 th:before {position:absolute; left:0; top:-1px; width:1px; height:20px; background-color:#2a2a2a; content:'';}
.table03 td {padding:4% 1%; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; word-break:keep-all;line-height: 22px;}
.table03 td.ellipsis {text-align: left; }
.table03 td.weather_ic {padding:20px}
.table03 td.weather_ic span img { width:30%;padding: 0 0 10px}
.table03 td.weather_ic span p { line-height: 30px;}
.p2 {padding: 0 4%; text-align: justify; line-height: 22px}


/*-- 콘도 --*/
.title h2 {position: relative;font-size:1.7em; margin:4% 0; font-style: italic; font-family: 'NanumMyeongjo'; text-align: center; color: #777}
.title h2:after {position: absolute; top: 25px; left: 50%; width: 40%; height:4px; content: ""; background-color: #ddd; transform: translateX(-50%); z-index: -1; border-radius:1% }
.title p {font-size: 0.8em; text-align: center;line-height: 20px; letter-spacing: -0.5px}
.title p b {font-size:1em; line-height: 1.4; margin-bottom:20px;font-style: italic; font-family: 'NanumMyeongjo'; display: block;text-align: center}


/*-- 콘도 안내 --*/
.mainslide { width: 100%; float: left;  position: relative}
.mainslide > img {position: absolute; top:2%; left:5%; z-index: 99; width: 30%}
ul.slide { width: 100%; height: 100%}
ul.slide li img { width: 100%; height: 100%}
.mainslide > div { font-size: 1.2em; padding: 2%}
.mainslide > div .slide_text {font-size: 1.2em; }
.mainslide > div .slide_text01 {font-size:0.8em; line-height: 2em}
.bx-wrapper { position: relative; margin-bottom: -2px}
.bx-pager { position: absolute; bottom: 0; left: 0; padding: 0 5px; height: 30px; text-align: center; z-index: 100;}
.bx-pager-item { display: inline-block; vertical-align: middle; text-align: center;}
.bx-pager-item > a { margin: 0 5px; display: block; width: 10px;  height: 10px; background-color: #a3bac7; border-radius: 10px;
font-size: 0;color: transparent; opacity: 0.5;}
.bx-pager-item > a.active { background-color: #ffffff; opacity: 1}
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 20px; height: 61px;  text-indent: -9999px; z-index: 100;}
.bx-prev { display: block; left: 10px; background-image: url(../img/btn-pre.png); background-repeat: no-repeat}
.bx-next { display: block; right: 10px; background-image: url(../img/btn-next.png); background-repeat: no-repeat}

.infobox01 {padding:5%; border:5px solid #f5f5f5;}
.infobox01_wrap {display:inline-block; width:103%; margin-left:-3%;}
.infobox01_wrap .box01 {float:left; width:30.333%; min-height:170px; margin-left:3%; padding:30px 40px; box-sizing:border-box;}
.infobox01_wrap .box01 .bul01 li {margin-bottom:10px;}
.infobox01_wrap .box01 strong {display:block; margin-bottom:15px; font-size:1.125em;}
.infobox01 > .bul01 > li{margin: 5% 0}
.infobox01 > .bul01.function strong{width: 100%}

/*객실 어메니티*/
.table01 {overflow:hidden; border-top:2px solid #2a2a2a;}
.table01 table {position:relative; left:-1px;  width: 100%;}
.table01 th {padding:4% 1%; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;line-height: 20px;}
.table01 td {padding:4% 3%; border-left:1px solid #ddd; border-bottom:1px solid #ddd;line-height:20px;}
.table01.txt_center + .stay {margin-top:30px; padding:15px; font-size:1em;}
.table01.txt_center + .stay span {width:80px; font-size:1em;}
.table01.txt_center + .stay + .title01 + .table03 td {vertical-align:top;}
.table01.txt_center + .stay + .title01 + .table03 .point01 {margin-top:10px; color:#810000;}

/*list_facilities*/
.list_facilities {display:table; width:100%; table-layout:fixed;border: 3px solid #eee; padding: 2%;}
.list_facilities li {display:inline-block; width: 25%;padding: 5% 0; text-align:center;}
.list_facilities li:nth-child(1) > span { margin: 0}
.list_facilities li img {max-width:90%;}
.list_facilities span {display:block; margin-top:15px; line-height: 15px;}
.list_facilities + .title02 + .table01.txt_center {table-layout:fixed;}
.list_facilities + .title02 + .table01.txt_center td > img:first-child {display:inline-block; width:100%; margin:0 -50px;}
.icon_warning {position:relative; margin-left:10px; padding-left:20px; color:#e50113; font-family: 'Noto Sans Regular';}
.icon_warning:before {display:inline-block; position:absolute; left:0; top:4px; width:16px; height:15px; box-sizing:border-box; border-radius:100%; border:1px solid #830505; font-size:12px; content:'!'; text-align:center; line-height:14px; vertical-align:middle;}

/*예약버튼*/
.btn-11 {overflow: hidden;transition: all 0.3s ease;}
.btn-11:hover {/* background: #000; */color: #fff;}
.btn-11:before { position: absolute; content: ''; display: inline-block;  top: -180px;  left: 0;  width: 30px;  height: 100%;  background-color: #fff; animation: shiny-btn1 3s ease-in-out infinite;}
.btn-11:active{ box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3),   -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.2),   inset 4px 4px 6px 0 rgba(0, 0, 0, .2);}
@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
.custom-btn {color: #fff;line-height: 0px;padding:4%;border: 2px solid #000;font-family: 'Noto Sans Regular';font-weight: 500;cursor: pointer;position: relative;display: inline-block;font-size:16px;width: 100%;margin: 0;background: #444;}
.custom-btn > i {margin-left: 20px} 


/* amenity */
.amenity {margin: 0 auto; position: relative;}
.amenity > .accd-title { cursor: pointer;  display: block;  font-size: 16px;  line-height: 1; width: 200px;    border-bottom: 1px solid;}
.amenity > .accd-title:nth-child(2) {border: none}
.amenity > .accd-title i {  font-size: 0.9em;  position: absolute; left: 200px;  top: 15px;  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease; }
.amenity > input:checked + .accd-title i {  -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg);  -ms-transform: rotate(180deg);  -o-transform: rotate(180deg);  transform: rotate(180deg);}
.amenity > .accd-wrap { border-bottom: 1px solid; }
.amenity > .accd-wrap .accd-cont {  line-height: 1.35;  padding: 0 1em;}
.amenity > input {  display: none;}
.amenity > .accd-wrap {  max-height: 0;  overflow: hidden;  transition: max-height .6s;}
.amenity > input:checked ~ .accd-wrap {  max-height: 400px;}