@media (max-width: 480px) {
	


/******************************* 예약시스템 ***********************************/
/* 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; text-indent:-9999px;}
.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:5px; 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;}


/* 탭형식 버튼 */
.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{margin:0 auto;}
.tab li{float:left; margin-left:0px;}
.tab li a{display:block; color:#444; font-size:15px; text-align:center; padding-top:13px; height:32px; border:1px solid #ddd;}
.tab li a.kangnam: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.kangnam.on{color:#fff; background:#2abbb2; border:1px solid #2abbb2;}
.tab li a.yeouido.on{color:#fff; background:#3595b6; border:1px solid #3595b6;}









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


/* 예약시스템 메인 */
.main_area{height:auto; background:url(../images/bg_main.png) no-repeat center; background-size:cover;}
.main_box{width:auto; margin:0 auto; padding:0 20px; overflow:hidden;}

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

.center_list{width:auto; float:none; margin-right:0px; margin-bottom:20px;}
.center_list li{}
.center_gangnam{height:auto; min-height:152px; padding:28px 23px 0 40px; background:#2abbb2; color:#fff; border-radius:24px 24px 0 0; overflow:hidden;}
.center_gangnam .tit{position:relative; font-size:24px; padding:0; font-weight:700; color:#fff;}
.center_gangnam .tit::before{content:''; width:23px; height:31px; position:absolute; top:3px; left:-24px; background:url(../images/ic_map.png) no-repeat; background-size:75%;}
.center_gangnam .address{padding:3px 0; font-size:14px; font-weight:300;}
.center_gangnam .tel{font-size:18px; 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:auto; min-height:152px; padding:28px 23px 0 40px; background:#3595b6; color:#fff; border-radius:0 0 24px 24px; overflow:hidden;}
.center_yeouido .tit{position:relative; font-size:24px; padding:0; font-weight:700; color:#fff;}
.center_yeouido .tit::before{content:''; width:23px; height:31px; position:absolute; top:3px; left:-24px; background:url(../images/ic_map.png) no-repeat; background-size:75%;}
.center_yeouido .address{padding:3px 0; font-size:14px; font-weight:300;}
.center_yeouido .tel{font-size:18px; 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:auto; height:300px; padding:30px; margin-bottom:10px; float:none; 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:40px; max-width:27%;}
.tb4 span input#middleMbpnNo{width:50px; max-width:36%;}
.tb4 span input#endMbpnNo{width:50px; max-width:36%;}
.tb4 span span.etc{display:inline-block; padding:0 3px;}






/* 입퇴실메인 */
.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:20px; color:#aaaaaa; margin-bottom:25px;}
.entrance_box .txt2{padding:0; font-size:16px; font-weight:700; color:#f8941c; }
.entrance_box .txt3{padding:0; font-size:30px; font-weight:500; color:#fff;}

.entrance_box .enter{margin-top:40px;}
.entrance_box .enter li{float:none; display:block;}
.entrance_box .enter li:first-child{margin:20px 0;}
.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);}




/* 메인페이지 수정 및 공지사항 추가 20230613 */
.center_list{width:auto; height:auto; float:auto; margin-right:0px; border-radius: 24px;}
.center_list li{border-top:1px solid rgba(255,255,255,0.2); margin:auto 10px;}
.center_list li:first-child{border-top:none;}

.center_list .center_item{overflow:hidden; height:auto; min-height: 120px; padding:20px 0 0 24px;  color:#fff;}
.center_list .center_item .tit{position:relative; font-size:24px; padding:0; font-weight:700; color:#fff;}
.center_list .center_item .tit::before{content:''; width:23px; height:22px; position:absolute; top:3px; left:-22px; background:url(../images/ic_map.png) no-repeat; background-size:contain;}
.center_list .center_item .address{padding:3px 0; font-size:14px; font-weight:300;}
.center_list .center_item .tel{font-size:18px; font-weight:500;}
.center_list .center_item a.booking{display:block; float:right; 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 .center_item a.booking:hover{border:2px solid #fff;}


.center_list_1{background:none; background-color:#2abbb2;}
.center_list_1 li{height:auto;}
.center_list_1 li:nth-child(2){display:none;}
.center_list_1 li:nth-child(3){display:none;}

.center_list_2{background-color:#2abbb2;}
.center_list_2 li{height:auto;}
.center_list_2 li:nth-child(3){display:none;}

.center_list_3{background-color:#2abbb2;}
.center_list_3 li{height:auto;}

.notice_box{padding:15px 15px 10px 15px; 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{}
.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:75%;}
.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;}



} 




@media all and (max-width:320px){

}



/* 끝 */