@media (max-width:768px) {



/******************************* 예약시스템 ***********************************/
/* top */
.top_rsvt_area{background:#15233d;}
.top_rsvt_box{width:auto; height:80px; margin:0 20px; 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_img img{width:80%; height:80%;}
.top_rsvt_box .logo .logo_txt{float:left; margin:2px 0 0 0px; font-size:18px;}
.top_rsvt_box .logo .logo_txt span{font-size:16px; color:#878d98;}
.top_rsvt_box .home{position:absolute; top:30px; right:0px; color:#fff; font-size:16px;}
.top_rsvt_box .home::before{content:''; width:25px; height:25px; background:url(../images/ic_home.png) no-repeat; position:absolute; top:-4px; left:-35px;}




/******************************* 입퇴실확인 ***********************************/
/* top */
.top_ckio_area{background:#171819;}
.top_ckio_box{display: flex; justify-content: space-between; align-items: center; width:auto; height:80px; margin:0 20px;}
.top_ckio_box a.logo{display:flex; align-items: center; color:#fff; font-weight:700;}
.top_ckio_box .logo .logo_img img{width:80%; height:80%; display:block; transform: translateY(-11px);}
.top_ckio_box .logo .logo_txt{margin-left: 0px; 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;}





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





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

.tb{border-bottom:none;display:flex; flex-direction:column; clear:both;}
.tb>li{display:flex; width:100%; padding:20px 0px 10px 0px; background:none; text-align:center;  min-height:auto;}
.tb li.even{width:100%; background:#fff; text-align:left; padding:0 0 10px 0; color:#666;}
.tb li>div{display:flex; align-items:center; justify-content:left; width:100%; font-weight:500; font-size:16px;}
.tb li>span{display:flex; align-items:center;}
.tb li .etc{width:15px;}
.tb li>span>p{width:100%; padding:5px 0;}

.tb_agree{display:flex; align-items:center; flex-wrap:wrap;}
.tb_agree a{color:#0072bc; text-decoration:underline; margin:0; display:inline-block; width:100%; line-height:1.5;}





/* 입력폼 */
input, textarea{width:100%; font-size:14px;}
.form_size1{max-width:none;}
.form_size2{max-width:180px;}
.form_size3{max-width:none;}
.form_tel1{max-width:110px;}
.form_select{padding:10px 5px; min-width:180px; 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_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;}







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

.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 .enter li:first-child{}
.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:hover{ background-color:#f8941c;}
.entrance_box .enter a div{margin-top:5px; font-size:16px; font-weight:300; color:rgba(255, 255, 255, 0.7);}








.contents_box .ui-datepicker td span, .contents_box .ui-datepicker td a{padding:5px 5px 20px 5px;}

.tit_bt{font-size:14px; font-weight:400; color:#999; display:block; float:none; padding-top:10px;}
.seat_txt{float:none; display:block; padding-top:10px;}

/* 2022-10-31 jhjeong : 개인정보처리방침 라벨링 모바일화면용 */
ul.prvIconlist > li {width:50%;}

}







/* 끝 */