@charset "utf-8";





/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../font/NotoSansKR-Thin.woff2) format('woff2'),
       url(../font/NotoSansKR-Thin.woff) format('woff'),
       url(../font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../font/NotoSansKR-Light.woff2) format('woff2'),
       url(../font/NotoSansKR-Light.woff) format('woff'),
       url(../font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../font/NotoSansKR-Regular.woff2) format('woff2'),
        url(../font/NotoSansKR-Regular.woff) format('woff'),
        url(../font/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../font/NotoSansKR-Medium.woff2) format('woff2'),
        url(../font/NotoSansKR-Medium.woff) format('woff'),
        url(../font/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../font/NotoSansKR-Bold.woff2) format('woff2'),
        url(../font/NotoSansKR-Bold.woff) format('woff'),
        url(../font/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(../font/NotoSansKR-Black.woff2) format('woff2'),
        url(../font/NotoSansKR-Black.woff) format('woff'),
        url(../font/NotoSansKR-Black.otf) format('opentype');
 }

/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */





/* 로보토 */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(../font/Roboto-Thin.eot);
  src: url(../font/Roboto-Thin.eot?#iefix) format('embedded-opentype'),
       url(../font/Roboto-Thin.woff) format('woff'),
       url(../font/Roboto-Thin.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(../font/Roboto-Light.eot);
  src: url(../font/Roboto-Light.eot?#iefix) format('embedded-opentype'),
       url(../font/Roboto-Light.woff) format('woff'),
       url(../font/Roboto-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Roboto-Regular.eot);
  src: url(../font/Roboto-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/Roboto-Regular.woff) format('woff'),
       url(../font/Roboto-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(../font/Roboto-Medium.eot);
  src: url(../font/Roboto-Medium.eot?#iefix) format('embedded-opentype'),
       url(../font/Roboto-Medium.woff) format('woff'),
       url(../font/Roboto-Medium.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(../font/Roboto-Bold.eot);
  src: url(../font/Roboto-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/Roboto-Bold.woff) format('woff'),
       url(../font/Roboto-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(../font/Roboto-Black.eot);
  src: url(../font/Roboto-Black.eot?#iefix) format('embedded-opentype'),
       url(../font/Roboto-Black.woff) format('woff'),
       url(../font/Roboto-Black.ttf) format('truetype');
}










/* 기본 스타일 */
body{font-size:14px; font-family:'Noto Sans KR', Malgun Gothic, dotum, gulim, Verdana, sans-serif; color:#444; line-height:1.2; letter-spacing:-0.05em;}

/* common */
img{border:none; vertical-align:top; font-size:0px;}
select,input,textarea, button{font-family:'Noto Sans KR', Malgun Gothic, dotum, gulim, Verdana, sans-serif; color:#585c63; line-height:1.2;}

/* 요소(element) 여백 초기화  */
html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, input, textarea, select, table, th, td {margin:0px; padding:0px;}

/* 제목요소 */
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal; margin:0px; padding:0px;}

/* 테두리 없애기 */
fieldset, img, abbr,acronym {border:0px none;}

/* 목록 */
ol, ul, li {list-style:none; margin:0px; padding:0px;}

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {border-collapse:separate; border-spacing:0;	border:0 none;}
caption, th, td {text-align:left; font-weight: normal;}

/* 텍스트 관련 요소 초기화 */
address, caption, em, cite {font-weight:normal;	font-style:normal;}
ins {text-decoration:none;}
del {text-decoration:line-through;}

/* button */
button{cursor:pointer; padding:0px; margin:0px;}

/* 인용문 */
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote,q {quotes:"" "";}

/* 수평선 */
hr {display:none;}

/* 인라인 요소 세로 정렬 부분 */
img, input, select, textarea, label{vertical-align:middle;}

/* 숨김 컨텐츠 */
.skipnav, .blind, legend, caption{display:none; position:absolute; top:-9999em; overflow:hidden; font-size:0px; line-height:0px;}

/* 링크스타일 */
a {text-decoration:none; cursor:pointer;}
a:link {color:#585c63; cursor:pointer;}
a:visited{color:#585c63; cursor:pointer;}
a:hover, a:focus, a:active {text-decoration:none; cursor:pointer; color:#000;}


/* 공통 */
.skip_navi{position:absolute; width:100%; font-size:12pt; top:-9999em; left:0; z-index:999999;}
.skip_navi a:active, .skip_navi a:focus, .skip_navi a:hover{position:absolute; padding-top:10px; width:100%;height:30px; top:9999em; text-align:center; font-weight:bold; background:#f2f2f2; text-decoration:underline; z-index:999999;}
.ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;}






html{}
body{}

.wrap{}

.txtleft{text-align:left !important;}
.txtright{text-align:right !important;}
.txtcenter{text-align:center !important;}
.floatleft{float:left !important;}
.floatright{float:right !important;}

.rbt{font-family:'Roboto', 'Noto Sans KR', Malgun Gothic, dotum, gulim, Verdana, sans-serif;}

.shadow{
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
}

.shadow2{
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
}





/******************************* 예약시스템 ***********************************/
/* top */

.top_rsvt_area{background:#15233d;}
.top_rsvt_box{width:1200px; height:100px; margin:0 auto; position:relative;}
.top_rsvt_box a.logo{display:block; padding:16px 0 0 0;color:#fff; font-weight:700;}
.top_rsvt_box .logo .logo_img{float:left;}
.top_rsvt_box .logo .logo_txt{float:left; margin:2px 0 0 20px; font-size:24px;}
.top_rsvt_box .logo .logo_txt span{font-size:18px; color:#878d98;}
.top_rsvt_box .home{position:absolute; top:38px; right:0px; color:#fff; font-size:18px; font-weight:500;}
.top_rsvt_box .home::before{content:''; width:25px; height:25px; background:url(../images/ic_home.png) no-repeat; position:absolute; top:-2px; left:-35px;}


/******************************* 입퇴실확인 ***********************************/
/* top */
.top_ckio_area{background:#171819;}
.top_ckio_box{display: flex; justify-content: space-between; align-items: center; max-width:1200px; height:100px; margin:0 auto;}
.top_ckio_box a.logo{display:flex; align-items: center; color:#fff; font-weight:700;}
.top_ckio_box .logo .logo_img img{display:block; transform: translateY(-11px);}
.top_ckio_box .logo .logo_txt{margin-left:20px; font-size:24px;}
.top_ckio_box .logo .logo_txt span{font-size:18px; color:#878d98;}
.top_ckio_box .home{display: flex; align-items: center; color:#fff; font-size:18px; font-weight:500;}
.top_ckio_box .home::before{content:''; width:25px; height:25px; background:url(../images/ic_home.png) no-repeat; padding-right: 20px;}


/* 하단 버튼과 안내전화번호 추가 */
.facilities{padding:70px 0 0 0;}
.facilities a{display: inline-block; font-size:20px; font-weight: 500; color:#fff; padding:20px 60px; border-radius: 999px; background:#3f59b0; }
.facilities a:hover{background:#263991;}
.infodesk{padding:20px 0 80px 0; font-size:20px; color:#fff;}
.infodesk span{color:#e99300; font-weight:600; padding-right:5px;}









/* 본문 */
.contents_area{}
.contents_box{width:1200px; margin:0 auto; padding:50px 0;}



/* 탭형식 버튼 */
.tab_5{}
.tab_5>li{width:20%;}

.tab_4{}
.tab_4>li{width:25%;}

.tab_3{}
.tab_3>li{width:33.3%;}

.tab_2{}
.tab_2>li{width:50%;}

.tab_1{}
.tab_1>li{width:100%;}

.tab{margin:0 auto;}
.tab li{float:left; margin-left:0px;}
.tab li a{display:block; color:#444; font-size:18px; text-align:center; padding-top:13px; height:37px; border:1px solid #ddd;}
.tab li a.gangnam:hover{color:#fff; background:#2abbb2; border:1px solid #2abbb2;}
.tab li a.yeouido:hover{color:#fff; background:#3595b6; border:1px solid #3595b6;}
.tab li a.gangnam.on{color:#fff; background:#2abbb2; border:1px solid #2abbb2;}
.tab li a.yeouido.on{color:#fff; background:#3595b6; border:1px solid #3595b6;}

.center_info{clear:both; padding:10px 0 30px 0;}

.tit{font-size:20px; font-weight:700; padding:0px 0 10px 0; color:#000;}
.tit_txt{font-size:14px; font-weight:400; color:#999;}
.tit_bt{font-size:14px; font-weight:400; color:#999; display:block; float:right;}
.seat_txt{float:right; display:block; color:#0072bc; font-weight:bold;}
.tab_no{padding-top:0;}

.stit{font-size:16px; font-weight:500; padding:0px 0 10px 0;}
.stit img.list_icon{width:28px; margin-right:10px; vertical-align:middle;}

/* 달력 */
.cld_box{border:1px solid #cccccc; margin-bottom:10px;}
.cld_navi{text-align:center; background:#fafafa;}
.cld_navi span{ display:inline-block; padding:15px 20px; line-height:50px; font-size:30px; font-weight:700; color:#000;}
.cld_navi a{display:inline-block; width:40px; height:40px; line-height:50px; text-indent:-9999px;}
.cld_navi a.prev{background:url(../images/ic_navi_prev.png) no-repeat center center;}
.cld_navi a.next{background:url(../images/ic_navi_next.png) no-repeat center center;}


.cld{border-collapse:collapse; width:100%; table-layout:fixed; border-top:0px solid #17304a; border-bottom:0px solid #17304a; font-size:16px; font-weight:500;}
.cld th, .cld td{border:1px solid #e6e7ee;}
.cld th{padding:7px; text-align:center; font-size:14px;}
.cld td{}
.cld .on{background:#fafafb;}
.cld .txt_red{color:#ed1c24;}
.cld .txt_blue{color:#0072bc;}
.cld .txt_gray{color:#999;}
.cld .day{min-height:60px; padding:15px;}
.cld .day:hover{cursor:pointer; background:#eee;}
.cld .day.finish{background:#fafafa;}
.cld .day.finish:hover{background:#fafafa; cursor:default;}







/* 기본 버튼 */
.bt_box{width:auto; margin:20px auto; overflow:hidden;}
.bt_list{float:right;}
.bt_list li{float:left; margin-left:4px;}

button.bt{font-size:14px; line-height:45px; height:45px; padding:0px 20px 0px 20px; background:#003987; color:#fff;  min-width:100px; border:none;}
button.bt:hover{background:#002962;}
button.bt.gray{background:#464646;}
button.bt.gray:hover{background:#262626;}


button.bt2{font-size:14px; line-height:42px; height:42px; padding:0px 20px 0px 20px; background:#3185bf; color:#fff;  min-width:80px; border:none; vertical-align:middle; display:inline-block; word-break:keep-all;}
button.bt2:hover{background:#126095;}

button.bt2.dis{font-size:14px; line-height:42px; height:42px; padding:0px 20px 0px 20px; background:#ccc; color:#fff;  min-width:80px; border:none; vertical-align:middle; display:inline-block; word-break:keep-all; cursor:default;}


.bt3_box{width:auto; margin:20px auto 0 auto; overflow:hidden; text-align:center;}
.bt3_list{display:inline-block;}
.bt3_list li{float:left; margin-left:4px;}
button.bt3{font-size:14px; line-height:38px; height:38px; padding:0px 20px 0px 20px; background:#1a273d; color:#fff;  min-width:80px; border:none; vertical-align:middle; display:inline-block;}
button.bt3:hover{background:#000;}
button.bt3.gray{background:#808080;}
button.bt3.gray:hover{background:#525254;}


button.bt4{font-size:0px; line-height:32px; height:32px; padding:0px 5px 0px 5px; color:#fff;  min-width:32px; border-radius:100px; border:none; vertical-align:middle; display:inline-block; word-break:keep-all; background:url(../images/ic_search3.png) no-repeat center; background-color:#3185bf;}
button.bt4:hover{background-color:#126095;}



button.bt5{line-height:32px; height:32px; padding:0px 5px 0px 5px; color:#fff;  min-width:35px; border-radius:2px; border:none; vertical-align:middle; display:inline-block; word-break:keep-all; background-color:#3185bf;}
button.bt5:hover{background-color:#126095;}
button.bt5.gray{background:#808080;}
button.bt5.gray:hover{background:#525254;}

button.bt6_prev{font-size:0; line-height:25px; width:25px; height:25px; color:#000; border-radius:50px; border:none; vertical-align:middle; display:inline-block; background:url(../images/ic_prev2.png) no-repeat 9px center; background-color:#ddd;}
button.bt6_next{font-size:0; line-height:25px; width:25px; height:25px; color:#000; border-radius:50px; border:none; vertical-align:middle; display:inline-block; background:url(../images/ic_next2.png) no-repeat 11px center; background-color:#ddd;}

button.bt6_prev:hover, button.bt6_next:hover{background-color:#787b81;}








/* New글쓰기 */
.tb_box{border-top:2px solid #000; margin-bottom:10px;}
.tb_box .must{position:relative;}
.tb_box .must::before{content:''; width:9px; height:8px; position:absolute; top:3px; right:-16px; background:url(../images/ic_must.png) no-repeat;}

.tb{border-bottom:1px solid #ddd;display:flex; clear:both;}
.tb>li{display:flex; width:20%; padding:8px 15px; background:#fafafa; text-align:center; min-height:44px;}
.tb>li>div{display:flex; align-items:center; justify-content:center; width:100%;}
.tb>li>span{display:flex; align-items:center; width:100%; flex-wrap:wrap;}
.tb>li.even{width:80%; background:#fff; text-align:left;}
.tb>li.flexcol{flex-direction:column; line-height:22px;}
.tb>li .etc{width:30px; text-align:center;}
.tb>li>span>p{width:100%; padding:2px 0;}

.tb>li p i{position:relative; font-style:normal; display:inline-block; padding:0 0px 0 20px; margin-left:5px;}
.tb>li p i:first-child{margin-left:0;}
.tb>li p i.send::before{content:''; position:absolute; top:2px; left:4px; width:13px; height:13px; background:url(../images/ic_send.png) no-repeat center;}
.tb>li p i.off::before{content:''; position:absolute; top:2px; left:4px; width:13px; height:13px; background:url(../images/ic_off.png) no-repeat center;}
.tb>li p i.nopc::before{content:''; position:absolute; top:2px; left:4px; width:13px; height:13px; background:url(../images/ic_nopc.png) no-repeat center;}
.tb .nolist{background:none; width:100%;}
.tb .nolist span{justify-content:center; color:#999;}



.bt_seat_list{margin-bottom:20px;}
.bt_seat_list li{float:left; margin:2px;}
.bt_seat_list li button{width:96px; height:38px; border:1px solid #0072bc; background-color:#fff;}
.bt_seat_list li button:hover{color:#000;}
.bt_seat_list li button.bt_seat_send{background:url(../images/ic_send.png) no-repeat 91% center;}
.bt_seat_list li button.bt_seat_send.on{background:url(../images/ic_send_on.png) no-repeat 91% center; background-color:#0072bc; color:#fff;}
.bt_seat_list li button.bt_seat_send.dis{background:url(../images/ic_send_dis.png) no-repeat 91% center; background-color:#eee; color:#999; border:none; cursor:default;}
.bt_seat_list li button.bt_seat_off{background:url(../images/ic_off.png) no-repeat 91% center;}
.bt_seat_list li button.bt_seat_off.on{background:url(../images/ic_off_on.png) no-repeat 91% center; background-color:#0072bc; color:#fff;}
.bt_seat_list li button.bt_seat_off.dis{background:url(../images/ic_off_dis.png) no-repeat 91% center; background-color:#eee; color:#999; border:none; cursor:default;}
.bt_seat_list li button.bt_seat_nopc{background:url(../images/ic_nopc.png) no-repeat 91% center;}
.bt_seat_list li button.bt_seat_nopc.on{background:url(../images/ic_nopc_on.png) no-repeat 91% center; background-color:#0072bc; color:#fff;}
.bt_seat_list li button.bt_seat_nopc.dis{background:url(../images/ic_nopc_dis.png) no-repeat 91% center; background-color:#eee; color:#999; border:none; cursor:default;}


.bt_time_list{}
.bt_time_list li{float:left; margin:2px;}
.bt_time_list li button{width:116px; height:38px; border:1px solid #000; background-color:#fff;}
.bt_time_list li button:hover{color:#000;}
.bt_time_list li button.on{background:#000; color:#fff;}
.bt_time_list li button.dis{background:#eee; color:#999; border:none; cursor:default;}

.bt_room{margin-bottom:20px;}
.bt_room li{float:left; margin:2px;}
.bt_room li button{width:96px; height:38px; border:1px solid #0072bc; background-color:#fff;}
.bt_room li button:hover{color:#000;}
.bt_room li button.on{background-color:#0072bc; color:#fff;}
.bt_room li button.dis{background:#eee; color:#999; border:none; cursor:default;}

.roomselect{height:38px; display:flex; align-items:center; color:#999;}



.tb_agree{display:flex; align-items:center;}
.tb_agree a{color:#0072bc; text-decoration:underline; margin:0 10px;}



.attendee_box{height:150px; padding:15px; margin-bottom:10px; border:1px solid #ddd; overflow-y:auto; line-height:1.5;}
a.attendee{display:inline-block; padding:3px 10px;}
.attendee_box .on{background:#5897c8; color:#fff;}


/* 개인정보처림방침*/
.agree_box{padding:30px 15px; margin-bottom:10px; border:1px solid #ddd; overflow-y:auto; line-height:1.5; line-height:1.4; height:450px;}
/*
.agree_box{padding:30px 15px; margin-bottom:10px; border:1px solid #ddd; overflow-y:auto; line-height:1.5; word-break:keep-all; line-height:1.4; height:450px;} <- 수정 1차
.agree_box{padding:30px 15px; margin-bottom:10px; border:1px solid #ddd; overflow-y:auto; line-height:1.5; word-break:keep-all; line-height:1.4; height:300px;} <- 원본
*/
.agree_box>.tb5{font-size:14px;}

/* 2023-10-11 hwson 개인정보처리방침 페이지 스크롤 2개현상으로 인한 별도 css 제작 */
.agree_box2{padding:50px 0; margin: 0 auto; border:1px solid #ddd; overflow-y:auto; line-height:1.5; line-height:1.4; height:auto; width: 1200px; border: 0px solid #ddd;}
.agree_box>.tb5{font-size:14px;}
/* 2023-10-11 hwson 추가 끝  */

.agree_top{background:#f2f4f6; padding:20px; border:1px solid #ddd;}
.list_00{padding-left:0px; text-indent:0px;}
.list_00>li{padding:4px 0;}
.list_01{padding-left:15px; text-indent:-13px;}
.list_01>li{padding:4px 0;}
.list_04{padding-left:15px; text-indent:-13px;}
.list_04>li{padding:4px 0; font-size:17px;}
.list_02{padding-left:18px; text-indent:-18px;}
.list_02>li{padding:3px 0;}
.list_03{padding-left:9px; text-indent:-7px;}
.list_03>li{padding:2px 0;}

.tb5{border-collapse:collapse; width:100%; table-layout:fixed; border-top:1px solid #000;}
.tb5 th, .tb5 td{border:1px solid #ddd;}
.tb5 th{padding:5px 10px; background:#fafafa; text-align:center; font-weight:500;}
.tb5 td{padding:5px 10px; text-align:center; word-break:break-all;}

.tb6{border-collapse:collapse; width:95%; table-layout:fixed; border-top:1px solid #000;}
.tb6 th, .tb5 td{border:1px solid #ddd;}
.tb6 th{padding:5px 10px; background:#fafafa; text-align:left; font-weight:500;}
.tb6 td{padding:5px 10px; text-align:left; word-break:break-all;}





/* 2025-09-09 hwson 개인정보처리방침 글자 굴기 공통 폰트 추가 */
.personFontWeight{font-weight: 510;}
/* 2025-09-09 hwson 개인정보처리방침 글자 굴기 공통 폰트 추가 끝 */
.liPersonFontWeight li{font-weight: 510;}




/* 입력폼 */
input, textarea{width:100%; font-size:14px;}
.form_size1{max-width:550px;}
.form_size2{max-width:200px;}
.form_size3{max-width:100px;}
.form_tel1{max-width:130px;}
.form_tel2{max-width:80px;}
.form_select{padding:10px 5px; min-width:160px; border:1px solid #dddddd;}
.form_select2{padding:4px 5px; border:1px solid #dddddd;}
.form_txt{padding:10px 5px; line-height:20px; border:1px solid #dddddd;}
.form_radio{width:14px; height:14px; vertical-align:middle;}
.form_check{width:14px; height:14px; vertical-align:middle;}
.form_file{}
.form_file_2{position:absolute; top:-9999em; width:1px;}
.form_textarea{padding:5px; border:1px solid #dddddd;}
.form_textsize{max-width:97%;}
.form_filebox{border:1px solid #CCC; padding:5px 10px; line-height:1.6; background:#f2f2f2; margin-top:5px; max-width:700px;}
.form_filebox span{color:#0072bc; text-decoration:underline; cursor:pointer;}

input::-ms-input-placeholder {color:#abb0b9;}
input::-webkit-input-placeholder {color:#abb0b9;}
input::-moz-placeholder {color:#abb0b9;}

.form_textarea::-moz-placeholder {color:#abb0b9;}
.form_textarea::-ms-input-placeholder {color:#abb0b9;}
.form_textarea::-webkit-input-placeholder {color:#abb0b9;}

.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}





/* 메세지, 알림 창 */
.msg_bg{position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/bg_bk_5.png); display:flex; align-items:center;}
.msg_box{background:#fff; width:400px; margin:0 auto;}
.msg_tit{height:35px; padding:15px 0 0 15px; font-weight:500; font-size:16px; color:#fff; background:#2abbb2;}
.msg_cont{padding:30px;}



/* 푸터 */
.footer_area{border-top:1px solid #ddd; font-size:16px; font-weight:500; color:#091731; padding:0; margin:0px 0 0 0;}
/* 2023-09-05 hwson */
.footer_info{padding:14px 0; background:#f4f4f4; text-align: left;}
.footer_area ul{width:1200px; margin:0 auto 0 auto; }
.footer_area ul li a{color:#1c2e4d;}
.footer_area ul li a:hover {color:#091731;}
/* 2023-09-05 hwson */
.footer_box{width:1200px; margin:0 auto; padding:24px 0; text-align: left;}

.main_footer .footer_area ul{width:1000px;}
/* 2023-09-05 hwosn  */
.main_footer .footer_box{width:1000px; text-align: left;}



/* 예약시스템 메인 */
.main_area{height:auto; padding-bottom:30px; background:url(../images/bg_main.png) no-repeat center;}
.main_box{width:1000px; margin:0 auto; position: relative;}

a.logo_main{display:inline-block; margin-top:30px;}
.main_tit{margin:30px 0 0 0; color:#fff; font-size:46px; font-weight:700; text-align:center;}
.main_tit span{font-size:42px; color:#878d98;}
.main_bar{margin:40px auto; height:1px; background:#444f65; width:186px;}

.center_list{width:490px; float:left; margin-right:20px;}
.center_list li{}
.center_gangnam{height:152px; padding:28px 23px 0 67px; background:#2abbb2; color:#fff; border-radius:24px 24px 0 0;}
.center_gangnam .tit{position:relative; font-size:30px; padding:0; font-weight:700; color:#fff;}
.center_gangnam .tit::before{content:''; width:23px; height:31px; position:absolute; top:3px; left:-30px; background:url(../images/ic_map.png) no-repeat;}
.center_gangnam .address{padding:3px 0; font-size:16px; font-weight:300;}
.center_gangnam .tel{font-size:22px; font-weight:500;}
.center_gangnam a.booking{display:block; float:right; width:130px; height:34px; line-height:34px; text-align:center; border-radius:38px; border:2px solid #c0ebe8; font-size:18px; color:#fff;}

.center_yeouido{height:152px; padding:28px 23px 0 67px; background:#3595b6; color:#fff; border-radius:0 0 24px 24px;}
.center_yeouido .tit{position:relative; font-size:30px; padding:0; font-weight:700; color:#fff;}
.center_yeouido .tit::before{content:''; width:23px; height:31px; position:absolute; top:3px; left:-30px; background:url(../images/ic_map.png) no-repeat;}
.center_yeouido .address{padding:3px 0; font-size:16px; font-weight:300;}
.center_yeouido .tel{font-size:22px; font-weight:500;}
.center_yeouido a.booking{display:block; float:right; width:130px; height:34px; line-height:34px; text-align:center; border-radius:38px; border:2px solid #c3dfe9; font-size:18px; color:#fff;}

.center_gangnam a.booking:hover, .center_yeouido a.booking:hover{border:2px solid #fff;}


.mybooking{width:430px; height:300px; padding:30px; float:left; border-radius:24px; background:#f4f4f4;}
.mybooking .tit{position:relative; font-size:22px; color:#000; padding:0 0 12px 38px;}
.mybooking .tit::before{content:''; width:30px; height:28px; position:absolute; top:0px; left:0px; background:url(../images/ic_calendar2.png) no-repeat;}


.tb4{display:flex; border-bottom:1px solid #ddd; align-items:center; padding:5px 0;}
.tb4 label{flex:1; text-align:center;}
.tb4 span{flex:3;}
.tb4 span select{margin-bottom:3px;}
.tb4 span input{width:93%;}

/* 연락처 입력 필드 - 3:4:4 비율 */
.tb4 span input#areaMbpnNo{width:60px; max-width:27%;}
.tb4 span input#middleMbpnNo{width:80px; max-width:36%;}
.tb4 span input#endMbpnNo{width:80px; max-width:36%;}
.tb4 span span.etc{display:inline-block; padding:0 5px;}


.bt_search_box{text-align:right; margin:20px 0;}
button.bt_search{font-size:14px; line-height:38px;width:120px; height:38px; padding:0px 20px 0px 40px;  background:url(../images/ic_search2.png) no-repeat 30px center; background-color:#1c2e4d; color:#fff;  min-width:80px; border:none; vertical-align:middle; display:inline-block; border-radius:38px;}
button.bt_search:hover{background-color:#0d1c34;}




/* 입퇴실메인 */
.entrance_area{min-height:100vh; height:auto; background:url(../images/bg_entrance.png) no-repeat center; background-size:cover;}
.entrance_box{width:1110px; margin:0 auto; text-align:center;}

.entrance_box a.logo{display:inline-block; margin:64px 0 66px 0;}
.entrance_box .txt1{padding:0; font-size:36px; color:#aaaaaa; margin-bottom:25px;}
.entrance_box .txt2{padding:0; font-size:30px; font-weight:700; color:#f8941c; }
.entrance_box .txt3{padding:0; font-size:50px; font-weight:500; color:#fff;}

.entrance_box .enter{margin-top:60px; text-align:center;}
.entrance_box .enter li{display:inline-block; margin:0 25px;}
.entrance_box .enter li:first-child{}
.entrance_box a.user1{background:url(../images/enterance_user1.png) no-repeat center 60px;}
.entrance_box a.user2{background:url(../images/enterance_user2.png) no-repeat center 50px;}
.entrance_box .enter a{display:inline-block; width:315px; height:145px; padding-top:170px; background-color:#2abbb2; border-radius:400px; color:#fff; font-size:40px; font-weight:700;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
}
.entrance_box .enter a:hover{ background-color:#f8941c;}
.entrance_box .enter a div{margin-top:5px; font-size:20px; font-weight:300; color:rgba(255, 255, 255, 0.7);}


/* 개인정보 처리방침 라벨링 */
ul.prvIconlist {border-top: 1px solid #e5e6e7; border-left: 1px solid #e5e6e7; overflow: hidden; min-height: 100px;}
ul.prvIconlist > li { width:25%; float: left; box-sizing: border-box;
	border-right: 1px solid #e5e6e7; border-bottom: 1px solid #e5e6e7;
}
ul.prvIconlist > li.header {background: #e5e6e7; width:100%;}
ul.prvIconlist > li.header > span {text-align: center; display: block; font-size: 1.1em; line-height: 40px; font-weight: 600;}
ul.prvIconlist > li > a {padding: 20px 0px;}
ul.prvIconlist > li > a, ul.prvIconlist > li > a > span {display: block;}
ul.prvIconlist > li > a > span {text-align: center;}
ul.prvIconlist > li > a > span > img {width: 55px;}

ul.prvList {border: 1px solid #e5e6e7; margin: 0 0 40px 0;}
ul.prvList > li.header {background: #e5e6e7; width:100%;}
ul.prvList > li.header > span {text-align: center; display: block; font-size: 1.1em; line-height: 40px; font-weight: 600;}
ul.prvList > li {box-sizing: border-box; border-bottom: 1px solid #e5e6e7;}
ul.prvList > li:last-child {border-bottom: none;}
ul.prvList > li > a {display: block; }
ul.prvList > li > a > span {display: block; line-height: 30px; padding: 0 0 0 20px;}
ul.prvList > li > a:hover > span {color: blue;}








/******************************* 관리자 ***********************************/
.admin_wrap{background:url(../images/bg_admin.png) repeat-y;}
/* left */
.left{position:absolute; top:0; left:0;  width:300px; height:100vh; background:#1a376d;}
.left a.logo{display:block; padding:30px 0 0 25px; height:88px; color:#fff; font-size:20px; font-weight:500; background:#193363;}
.left .logo .logo_img{float:left;}
.left .logo .logo_txt{float:left; margin:6px 0 0 15px; font-size:17px;}
.left .logo .logo_txt span{color:#878d98;}

.gnb{margin:30px 15px;}
.gnb>li{}
.gnb>li>a{position:relative; display:block; padding:14px 20px; border-bottom:1px solid #314b7c; color:#fff; font-size:17px; font-weight:500;}
.gnb>li>a:hover{color:#2abbb2;}
.gnb>li>a::after{content:''; width:11px; height:6px; position:absolute; top:22px; right:15px; background:url(../images/ic_arrow.png) no-repeat;}
.gnb>li>a.on{ color:#2abbb2;}
.gnb>li>a.on::after{content:''; width:11px; height:6px; position:absolute; top:22px; right:15px; background:url(../images/ic_arrow2.png) no-repeat;}
.gnb>li>a.off{ color:#fff; cursor:default; }
.gnb>li>a.off::after{content:''; width:11px; height:6px; position:absolute; top:22px; right:15px; background:url(../images/ic_arrow2.png) no-repeat;}
.gnb>li>a.noic::after{content:''; width:11px; height:6px; position:absolute; top:22px; right:15px; background:none}
.gnb>li>a.noic.on::after{content:''; width:11px; height:6px; position:absolute; top:22px; right:15px; background:none}

.snb{padding:20px; border-bottom:1px solid #314b7c; background:none;}
.snb>li{}
.snb>li>a{display:block; padding:8px 0; font-size:15px; color:#dee0e6;}
.snb>li>a:hover{color:#2abbb2;}
.snb>li>a.on{color:#2abbb2;}





/* right */
.right{margin-left:300px; min-width:1100px;}

.info_area{position:relative;  height:43px; background:#fafafb; border-bottom:1px solid #ecedef; /* width:calc(100% - 300px); min-width:1100px; */}
.loca_box{}
.loca_box li{float:left; position:relative;}
.loca_box li div{padding:12px 0 0 20px; color:#7d8085;}
.loca_box li div.home{width:20px; padding:0 0 0 27px; height:41px;  background:url(../images/ic_home2.png) no-repeat right; font-size:0;}
.loca_box li div.home::before{display:none;}
.loca_box li div::before{ content:''; width:5px; height:9px; position:absolute; top:16px; left:9px; background:url(../images/ic_loca.png) no-repeat;}

.info{position:absolute; top:13px; right:30px;}
.info li{float:left; margin-left:20px; position:relative;}
.info li a{display:inline-block;}
.info li a::before{content:''; position:absolute; top:8px; left:-10px; width:2px; height:2px; background:#999;}
.info li:first-child a::before{display:none;}



.admin_area{min-width:900px;}
.admin_box{padding:30px;}


/* 탭형식2 */
.tab2{height:44px; border-bottom:1px solid #2356b5; margin-bottom:30px;}
.tab2 li{float:left; margin-left:1px; margin-top:1px;}
.tab2 li:first-child{margin-left:0;}
.tab2 li a{display:block; color:#969da8; font-size:18px; text-align:center; height:32px; border:1px solid #dddddd; border-bottom:0px solid #fff; min-width:220px; padding:10px 15px 0 15px;}

.tab2 li a:hover{border:1px solid #2356b5;  border-bottom:1px solid #fff; color:#0f46ab;}
.tab2 li a.on{border:1px solid #2356b5;  border-bottom:1px solid #fff; color:#0f46ab;}



/* 테이블2 */
.tb2{width:100%; table-layout:fixed; border-top:1px solid #000;}
.tb2 th{border-bottom:1px solid #ddd; text-align:center; background:#fafafa;}
.tb2 td{border-bottom:1px solid #ddd; padding:7px 10px; height:40px; vertical-align:middle;}
.tb2 .must{position:relative;}
.tb2 .must::after{content:''; width:9px; height:8px; position:absolute; top:0; right:-18px; background:url(../images/ic_must.png) no-repeat;}
.tb2 .explain{ padding:8px 0; line-height:1.4; font-size:13px; color:#585c63;}
.tb2 .explain strong{}

.tb2 .slist{display:inline-block; margin:10px 5px;}
.tb2 .slist li{display:block; float:left; margin-right:15px;}

.tb2 .calendar{margin-left:5px;}
.tb2 .etc{display:inline-block; width:30px; text-align:center;}

.tr_hidden{visibility:hidden;}
.tb2 td img{margin-left:5px; cursor:pointer;}


/*  테이블3 */
.tb3_box{border-top:1px solid #000;}
.tb3_num{text-align:left; padding:0px 0px 10px 0;}
.tb3_num span{ color:#264e76; font-weight:500;}
.tb3{border-collapse:collapse; width:100%; table-layout:fixed; border-top:1px solid #000;}
.tb3 th, .tb3 td{border:1px solid #ddd;}
.tb3 th{padding:10px 10px; background:#fafafa; text-align:center; font-weight:500;}
.tb3 td{padding:10px 10px; text-align:center; word-break:break-all;}
.tb3 tr{}
.tb3 tr:hover{background:#f7f8fa;}
.tb3 tr.on{background:#e6f1ff;}

.tb3 .chk_box{}



/* paging */
.paging{text-align:center; margin:20px auto;}

.paging a{display:inline-block; min-width:34px; padding:0px 2px; height:36px; text-align:center; vertical-align:middle; line-height:36px ;border:1px solid #eaedf0; margin-left:0px;}
.paging a:hover{text-decoration:none; background:#444444; color:#FFFFFF; border:1px solid #444444;}

.paging a.paging_first{text-indent:-9999em; background:url(../images/ic_first.png) no-repeat center; border:1px solid #eaedf0;}
.paging a.paging_first:hover{background:url(../images/ic_first.png) no-repeat center; background-color:#f5f5f5;}
.paging a.paging_pre{text-indent:-9999em; background:url(../images/ic_prev.png) no-repeat center; border:1px solid #eaedf0;}
.paging a.paging_pre:hover{background:url(../images/ic_prev.png) no-repeat center; background-color:#f5f5f5;}
.paging a.paging_next{text-indent:-9999em; background:url(../images/ic_next.png) no-repeat center; border:1px solid #eaedf0;}
.paging a.paging_next:hover{background:url(../images/ic_next.png) no-repeat center; background-color:#f5f5f5;}
.paging a.paging_end{text-indent:-9999em; background:url(../images/ic_end.png) no-repeat center; border:1px solid #eaedf0;}
.paging a.paging_end:hover{background:url(../images/ic_end.png) no-repeat center; background-color:#f5f5f5;}

.paging .on{background:#444444; color:#FFFFFF; font-weight:normal; border:1px solid #444444;}





/* 팝업 */
.pop{}
.pop_top{height:60px; position:relative; background:#193363;}
.pop_top .pop_tit{color:#fff; font-size:18px; font-weight:500; padding:18px 0 0 20px;}
.pop_top .pop_close{ position:absolute; top:0; right:0; width:60px; height:60px; background:url(../images/ic_close.png) no-repeat center; background-color:#132850; font-size:0;}
.pop_box{padding:20px; overflow-y:auto;}


.txt1{font-size:18px;padding:10px 0;}
.txt1 img.list_icon{width:28px; margin-right:10px; vertical-align:middle;}
.txt2{padding:10px 0px;}
.txt2 li{padding:5px 0px;}
.txt2 li.indent{ text-indent:-17px; padding-left:17px;}

.txt3{padding:10px 0px; color:#7d8085; font-weight:300;}
.txt3 li{padding:5px 0px; text-indent:0; }
.txt3 li.indent{ text-indent:-18px; padding-left:18px;}

.txt_box{border:1px solid #ddd; background:#fafafb; padding:20px; margin:10px 0;}

.txt_tb{}

.txt_tb{border-collapse:collapse; width:100%; table-layout:fixed;}
.txt_tb th, .txt_tb td{border:1px solid #e6e7ee;}
.txt_tb th{padding:10px; background:#f4f4f6; text-align:center;}
.txt_tb td{padding:10px; text-align:center;}



/* 로그인 */
.login_area{background:url(../images/bg_main.png) no-repeat center; height:100vh; display:flex; align-items:center;}




.login_box{width:420px; padding:0px; margin:0px auto 50px auto;}
.login_logo{text-align:center;}
.login_logo a{display:block;}
.login_logo a.system{font-size:24px; color:#fff; font-weight:500; padding:20px 0 20px 0; }
.login_logo a.system span{font-size:20px; color:#878d98;}

.login_form{position:relative;}
.login_form .form_txt{padding:15px 10px; margin:0 0 7px 0; border:1px solid #7d8085; width:398px; }
.login_form button{font-size:20px; padding:15px 0; margin-top:17px; text-align:center; color:#fff; background:#003987; border:none; width:100%;}
.login_form button:hover{ background:#004cb3;}
.login_form .msg{position:absolute; top:114px; left:0; color:#ffffff; margin:0 0 7px 0;}



.login_footer{font-size:15px; font-weight:700; margin:20px auto 50px auto; text-align:center; color:#616774;}



.grid2_box{position:relative; border-top:1px solid #000;}
.grid2{border-collapse:collapse; width:100%; table-layout:fixed; border-top:0px solid #17304a; border-bottom:0px solid #17304a;}
.grid2 th, .grid2 td{border:1px solid #ddd;}
.grid2 th{padding:10px; background:#fafafa; text-align:center;}
.grid2 td{padding:10px; text-align:center;}

.grid2 thead{}
.grid2 tbody{}
.grid2 tr{}
.grid2 tfoot td{background:#eeeff0;}

.grid2_tbody{overflow-y:auto; overflow-x:hidden;}
.grid2_tbody .grid2{margin-top:-1px;}
.grid2 .on{background:#fafafb;}










@media (max-width:1023px) {
}

@media (max-width:768px) {
}

@media (max-width: 480px) {
}







/* 데이터픽커 작은 달력 */
.ui-datepicker{width:auto; padding:0;font-family:'Noto Sans KR', Malgun Gothic, dotum, gulim, Verdana, sans-serif; color:#444; letter-spacing:-0.05em;}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl{border-radius:0;}
.ui-widget-content{border:1px solid #ccc; padding:4px;}
.ui-datepicker .ui-datepicker-header{padding:7px 0;}
.ui-widget-header{border:none; background:#fafafa;}
.ui-datepicker .ui-datepicker-title{font-size:inherit; line-height:0;}
.ui-datepicker a.ui-datepicker-prev{width:40px; height:40px; top:2px; left:40px;}
.ui-datepicker a.ui-datepicker-prev:hover{border:none; background:none;}
.ui-datepicker a.ui-datepicker-next{width:40px; height:40px; top:2px; right:40px;}
.ui-datepicker a.ui-datepicker-next:hover{border:none; background:none;}
.ui-datepicker .ui-datepicker-prev span{width:40px; height:40px; background:url(../images/ic_navi_prev_s.png) no-repeat center center; top:0; left:0; margin:0;}
.ui-datepicker .ui-datepicker-next span{width:40px; height:40px; background:url(../images/ic_navi_next_s.png) no-repeat center center; top:0; right:0; left:auto; margin:0;}
.ui-datepicker .ui-datepicker-calendar{margin:0;}
.ui-datepicker .ui-datepicker-calendar th{padding:4px 0; font-weight:400; min-width:42px;}
.ui-datepicker .ui-datepicker-calendar th:nth-of-type(1){color:#ed1c24!important;}
.ui-datepicker .ui-datepicker-calendar th:nth-of-type(7){color:#0072bc!important;}
.ui-datepicker .ui-datepicker-calendar td:nth-of-type(1) a{color:#ed1c24!important;}
.ui-datepicker .ui-datepicker-calendar td:nth-of-type(7) a{color:#0072bc!important;}
.ui-datepicker .ui-datepicker-calendar td:nth-of-type(1) span{color:#ed1c24!important;}
.ui-datepicker .ui-datepicker-calendar td:nth-of-type(7) span{color:#0072bc!important;}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td{border:1px solid #f2f3f7;}
.ui-datepicker .ui-datepicker-calendar td:hover{background:#eee;}
.ui-datepicker td span,
.ui-datepicker td a{padding:3px 3px 25px 3px; text-align:left; border:none; background:none;}
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled{background:#fafafa; opacity:0.7;}
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span{color:#aaa;}

.ui-datepicker .ui-datepicker-title select{font-size:15px; font-weight:500; min-width:65px; margin:0 1px; padding:2px 8px; border:1px solid #ccc; text-align:right;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:auto;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:'Noto Sans KR', Malgun Gothic, dotum, gulim, Verdana, sans-serif;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:none; background:none;}










/* 데이터픽커 큰 달력*/
.contents_box .ui-datepicker{width:auto; padding:0;font-family:'Noto Sans KR', Malgun Gothic, dotum, gulim, Verdana, sans-serif; color:#444; letter-spacing:-0.05em;}
.contents_box .ui-corner-all,
.contents_box .ui-corner-bottom,
.contents_box .ui-corner-left,
.contents_box .ui-corner-bl{border-radius:0;}
.contents_box .ui-widget-content{border:1px solid #ccc;}
.contents_box .ui-datepicker .ui-datepicker-header{padding:15px 0;}
.contents_box .ui-widget-header{border:none; background:#fafafa;}
.contents_box .ui-datepicker .ui-datepicker-title{font-size:30px; font-weight:700; line-height:1.8em;}
.contents_box .ui-datepicker a.ui-datepicker-prev{width:40px; height:40px; top:23px; left:40%;}
.contents_box .ui-datepicker a.ui-datepicker-prev:hover{border:none; background:none;}
.contents_box .ui-datepicker a.ui-datepicker-next{width:40px; height:40px; top:23px; right:40%;}
.contents_box .ui-datepicker a.ui-datepicker-next:hover{border:none; background:none;}
.contents_box .ui-datepicker .ui-datepicker-prev span{width:40px; height:40px; background:url(../images/ic_navi_prev.png) no-repeat center center; top:0; left:0; margin:0;}
.contents_box .ui-datepicker .ui-datepicker-next span{width:40px; height:40px; background:url(../images/ic_navi_next.png) no-repeat center center; top:0; right:0; left:auto; margin:0;}


.contents_box .ui-datepicker .ui-datepicker-calendar{margin:0;}
.contents_box .ui-datepicker .ui-datepicker-calendar th{padding:7px 0; font-weight:400;}
.contents_box .ui-datepicker .ui-datepicker-calendar th:nth-of-type(1){color:#ed1c24!important;}
.contents_box .ui-datepicker .ui-datepicker-calendar th:nth-of-type(7){color:#0072bc!important;}
.contents_box .ui-datepicker .ui-datepicker-calendar td:nth-of-type(1) span{color:#ed1c24!important;}
.contents_box .ui-datepicker .ui-datepicker-calendar td:nth-of-type(7) span{color:#0072bc!important;}
.contents_box .ui-datepicker .ui-datepicker-calendar th,
.contents_box .ui-datepicker .ui-datepicker-calendar td{border:1px solid #e6e7ee;}
.contents_box .ui-datepicker .ui-datepicker-calendar td:hover{background:#eee;}

.contents_box .ui-datepicker td span, .contents_box .ui-datepicker td a{padding:10px 10px 60px 10px; text-align:left; border:none; background:none;}

.contents_box .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled{background:#fafafa; opacity:1;}
.contents_box .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span{color:#aaa;}

.contents_box .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day{background:#7c848c;}
.contents_box .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day:hover{background:#7c848c;}
.contents_box .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a{color:#ffffff;}
.contents_box .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day span{color:#ffffff;}


@media (max-width:1023px) {
.contents_box .ui-datepicker a.ui-datepicker-prev{left:35%;}
.contents_box .ui-datepicker a.ui-datepicker-next{right:35%;}
.entrance_area{min-height:100vh; height:auto;}
}

@media (max-width:768px) {
.contents_box .ui-datepicker a.ui-datepicker-prev{left:25%;}
.contents_box .ui-datepicker a.ui-datepicker-next{right:25%;}
.entrance_area{min-height:100vh; height:auto;}
.entrance_box .enter li{display:block; margin:15px;}
}
@media (max-width: 480px) {
.contents_box .ui-datepicker a.ui-datepicker-prev{left:17%;}
.contents_box .ui-datepicker a.ui-datepicker-next{right:17%;}
.entrance_area{min-height:100vh; height:auto;}
}

@media (max-width:1110px) {
	
/* 입퇴실메인 */
.entrance_area{min-height:100vh; height:auto; background:url(../images/bg_entrance.png) no-repeat center; background-size:cover;}
.entrance_box{width:auto;}

.entrance_box a.logo{display:inline-block;margin:40px 0 40px 0;}
.entrance_box .txt1{padding:0; font-size:24px; color:#aaaaaa; margin-bottom:25px;}
.entrance_box .txt2{padding:0; font-size:20px; font-weight:700; color:#f8941c; }
.entrance_box .txt3{padding:0; font-size:40px; font-weight:500; color:#fff;}

.entrance_box .enter{margin-top:45px;}
.entrance_box .enter li{display:inline-block; margin:15px;}

.entrance_box a.user1{background:url(../images/enterance_user1_m.png) no-repeat center 50px;}
.entrance_box a.user2{background:url(../images/enterance_user2_m.png) no-repeat center 50px;}
.entrance_box .enter a{display:inline-block; width:215px; height:95px; padding-top:120px; background-color:#2abbb2; border-radius:400px; color:#fff; font-size:26px; font-weight:700;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
}
.entrance_box .enter a div{font-size:16px;}	
	
}





/* 에러페이지 */
.error_area{display:flex; align-items:center; justify-content:center;height:500px;}
.error_box{text-align:center;}
.error_box .bg_404{display:inline-block; margin-bottom:30px; background:url(../images/ic_404.png) no-repeat; width:219px; height:235px; text-indent:-9999px;}
.error_box .bg_500{display:inline-block; margin-bottom:30px; background:url(../images/ic_500.png) no-repeat; width:219px; height:235px; text-indent:-9999px;}
.error_box .txt1{font-size:24px; font-weight:500; padding:0px;}
.error_box .txt2{font-size:14px; font-weight:400; padding:5px; color:#999;}
.error_box .bt{min-width:150px; margin:20px 0;}




/* 로딩 */
.loading_bg{position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/bg_bk_5.png); display:flex; align-items:center;}
.loading_box{margin:0 auto; text-align:center;}
.loading_cont{padding:30px;}




/* 숫자키패드 */
.numbase{ position:relative;}
.numpad_box{position:absolute; top:45px; left:0; border:1px solid #c5c5cc; background:#dadadf; width:284px; box-sizing: border-box;}
.numpad{display:flex; height:177px; flex-flow:wrap;justify-content:space-evenly; align-content: space-evenly; }
.numpad li{}
.numpad li button{width:90px; height:40px; border-radius: 4px; border:none; background-color:#ffffff; font-size:20px; font-weight:400; color:#000;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.numpad li button.numdelete{background:url("../images/ic_backspace.png") no-repeat center center; font-size:0;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}



/* 사용자 메뉴얼 다운로드 */
.bt_manual_area{clear:both; text-align:right; padding:10px; margin-bottom:0px;}
a.bt_manual{position:relative; display:inline-block; color:#dedfe1; font-size:16px; font-weight:500;}
a.bt_manual:hover, a.bt_manual:focus, a.bt_manual:active{color:#fff;}
a.bt_manual::before{content:''; position:absolute; top:0; left:-27px; width:21px; height:21px; background:url("../images/ic_downmanual.png") no-repeat;}

/* 메인 팝업창 파일다운로드 2023-05-22 eychoi 임시적용  */
.bt_file_down_area{clear:both; text-align:right; padding:10px; margin-bottom:30px;}
a.bt_file_down{position:relative; display:inline-block; color:#444; font-size:14px; font-weight:500;}
a.bt_file_down:hover, a.bt_manual:focus, a.bt_manual:active{color:#2abbb2;}
a.bt_file_down::before{content:''; position:absolute; top:0; left:-27px; width:21px; height:21px; background:url("../images/ic_downmanual.png") no-repeat;}
/* 메인페이지 수정 및 공지사항 추가 20230613 */


.center_list{width:490px; height:360px; float:left; margin-right:20px; border-radius: 24px;}
.center_list li{border-top:1px solid rgba(255,255,255,0.2); margin:auto 30px;}
.center_list li:first-child{border-top:none;}

.center_list_1{background:url(../images/bg_center.png) no-repeat 80% bottom; background-color:#2abbb2;}
.center_list_1 li{height:180px;}
.center_list_1 li:nth-child(2){display:none;}
.center_list_1 li:nth-child(3){display:none;}
.center_list_1 .center_item{height:auto; padding:28px 0 0 37px;  color:#fff;}
.center_list_1 .center_item .tit{position:relative; font-size:30px; padding:0; font-weight:700; color:#fff;}
.center_list_1 .center_item .tit::before{content:''; width:23px; height:31px; position:absolute; top:3px; left:-30px; background:url(../images/ic_map.png) no-repeat;}
.center_list_1 .center_item .address{padding:3px 0; font-size:16px; font-weight:300;}
.center_list_1 .center_item .tel{font-size:22px; font-weight:500;}
.center_list_1 .center_item a.booking{display:block; float:right; width:130px; height:34px; line-height:34px; text-align:center; border-radius:38px; border:2px solid rgba(255, 255, 255, 0.7); font-size:18px; color:#fff;}
.center_list_1 .center_item a.booking:hover{border:2px solid #fff;}

.center_list_2{background-color:#2abbb2;}
.center_list_2 li{height:180px;}
.center_list_2 li:nth-child(3){display:none;}
.center_list_2 .center_item{height:auto; padding:28px 0 0 37px;  color:#fff;}
.center_list_2 .center_item .tit{position:relative; font-size:30px; padding:0; font-weight:700; color:#fff;}
.center_list_2 .center_item .tit::before{content:''; width:23px; height:31px; position:absolute; top:3px; left:-30px; background:url(../images/ic_map.png) no-repeat;}
.center_list_2 .center_item .address{padding:3px 0; font-size:16px; font-weight:300;}
.center_list_2 .center_item .tel{font-size:22px; font-weight:500;}
.center_list_2 .center_item a.booking{display:block; float:right; width:130px; height:34px; line-height:34px; text-align:center; border-radius:38px; border:2px solid rgba(255, 255, 255, 0.7); font-size:18px; color:#fff;}
.center_list_2 .center_item a.booking:hover{border:2px solid #fff;}

.center_list_3{background-color:#2abbb2;}
.center_list_3 li{height:120px;}
.center_list_3 .center_item{height:auto; padding:15px 0 0 17px;  color:#fff;}
.center_list_3 .center_item .tit{position:relative; font-size:22px; padding:0; font-weight:700; color:#fff;}
.center_list_3 .center_item .tit::before{content:''; width:23px; height:21px; position:absolute; top:3px; left:-20px; background:url(../images/ic_map.png) no-repeat;background-size:contain;}
.center_list_3 .center_item .address{padding:3px 0; font-size:14px; font-weight:300;}
.center_list_3 .center_item .tel{font-size:18px; font-weight:500;}
.center_list_3 .center_item a.booking{display:block; float:right; margin-top:-15px; width:100px; height:28px; line-height:28px; text-align:center; border-radius:38px; border:2px solid rgba(255, 255, 255, 0.7); font-size:14px; color:#fff;}
.center_list_3 .center_item a.booking:hover{border:2px solid #fff;}


.layerpop_area{position:fixed; top:0; left:0; display: flex; align-items: center; justify-content: center;  background:rgba(0, 0, 0, 0.7); width:100%; height:100vh;}
.layerpop_box{width: 700px;padding:0px 50px 80px 50px; margin:auto 20px; max-height:800px; overflow-y: auto; background: #fff; border-radius: 24px;}
.layerpop_top{height:57px; padding-top:25px; position:relative;}
.layerpop_top .tit{text-align: center; font-size:24px; font-weight:700;}
.layerpop_top a.close{position:absolute; top:15px; right:-10px; width:50px; height:50px; background:url(../images/ic_close2.png) no-repeat center center; font-size:0;}

.layerpop_content{border-top:1px solid #182132; border-bottom:1px solid #dddddd;}
.layerpop_content .tit{padding: 12px 20px; font-weight:500; border-bottom:1px solid #ddd;}
.layerpop_content .date{font-size:14px; padding:12px 20px; color:#888;}
.layerpop_content .date span{color:#2abbb2;}
.layerpop_content .cont{padding:12px 20px 20px 20px;}
.layerpop_content .down{position:relative; padding:12px 20px 12px 45px; display: inline-block; text-decoration: underline;}
.layerpop_content .down::before{content: ''; position:absolute; top:10px; left:20px; width:20px; height:20px; background: url(../images/ic_file.png) no-repeat;}


.notice_box{padding:15px 30px 10px 30px; margin-bottom:20px; background:rgba(15,21,33,0.5); border-radius: 24px;}
.notice_box .notice_tit{position:relative; padding:0 0 10px 30px; color:#fff; font-size:20px; font-weight:700; border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.notice_box .notice_tit::before{content:''; width:26px; height:23px; position: absolute; top:0px; left:0px; background: url(../images/ic_notice.png) no-repeat center center;}
.notice_box .notice_list{padding:12px 10px;}
.notice_box .notice_list li{position: relative;}
.notice_box .notice_list li a{position: relative; display:block; padding:2px 8px; color:rgba(255, 255, 255, 0.9); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:80%;}
.notice_box .notice_list li a:hover{color:rgba(255, 255, 255, 1); text-decoration: underline;}
.notice_box .notice_list li a::before{content:''; position:absolute; top:10px; left:0px; width:2px; height:2px; background-color: #2abbb2;}
.notice_box .notice_list li span{position: absolute; top:2px; right:0px; color:rgba(255, 255, 255, 0.4); font-weight:300;}

/* 2023-10-13 개인정보처리방침 인쇄, top이동 버튼 추가   */
.bt_print{
	display:inline-block;
	width: 110px;
	padding-left: 40px;
	height: 40px;
	position:absolute;
	top:45px;
	right:0;
	margin-bottom:5px;
	background:url(../images/ic_print.png) no-repeat 0 center;
	border:none;
	background-color:none;
	font-weight:600;
	font-size:16px;
	text-align:left!important;
	cursor:pointer;
}
.bt_top{position:fixed; bottom:100px; right:100px; margin-left: 10px; margin-left: -20px;}


.person_bt_file_down{
	width: auto;
	max-width: 500px;
	height: 40px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 40px 0 15px;
	border: 1px solid #93c1e8;
	color: #4186c1;
	background: url("../images/file_download.svg") no-repeat; 
	background-position: calc(100% - 10px) center;
	background-color: #fff;
}

.person_bt_file_down:hover{border: 1px solid #1c527f; color: #1c527f;}