.msg_sound_only{display:none;}
/* login tab */
.login_tab{width:100%;display:flex;align-items:cener;justify-content:space-between;;}
.login_tab button{padding:20px 0px;width:calc(50% - 3px);border:1px solid #ccc;background-color:#fafafa;color:#333;font-size:15px;font-weight:bold;}
.login_tab button.on{border-color:#333;background-color:#333;color:white;}

.tab_content{padding-top:20px;}
.tab_content > div{display:none;}
.tab_content.id > div.tab_id{display:block;}
.tab_content.hp > div.tab_hp{display:block;}

.user-top{width:100%;display:flex;align-items:center;}

.user-top .logout{margin-left:auto;font-size:15px;color:#333;}

.user-top .logout a, 
.user-top .admin a, 
.user-top .mypage a{display:flex;align-items:center;padding:0px 15px;height:34px;border-radius:17px;background-color:#555;color:white;}
.user-top .mypage a{margin-left:10px;background-color:#ccc;color:black;}
.user-top .admin a{background-color:#025EFF;margin-left:10px;}
.login-pg .input-form .certi_hp{display:flex;align-items:center;}
.login-pg .input-form .certi_hp input[type='text']{padding-left:29px;width:calc(100% - 150px);height: 80px;border:1px solid #b5b9ce;border-radius: 14px; font-size: 20px; font-family: 'paybooc'; font-weight: 500;}
.login-pg .input-form .certi_hp button{margin-left:15px;width:135px;height:80px;font-size:18px;background-color:#1E2A52;color:white;border-radius: 14px; }
.readonly{background-color:#f4f4f4 !important;}
.mdSe{width:100%;padding-bottom:0px;}
.mdSe .mdSeCon{margin-bottom:10px;display:flex;align-items:center;justify-content:center;}
.mdSe .mdSeCon input,
.mdSe .mdSeCon button{display:inline-block;height:40px;border:1px solid #aaa;}
.mdSe .mdSeCon input{width:200px;padding-left:10px;margin-right:5px;}
.mdSe .mdSeCon button{padding:0px 15px}
.mdSe .mdSeList{margin-bottom:10px;width:100%;height:60vh;max-height:500px;}
.mdSe .mdSeList ul{border-top:2px solid #aaa;}
.mdSe .mdSeList ul li{padding:5px 10px;display:flex;align-items:center;border-bottom:1px solid #ccc;}
.mdSe .mdSeList .subject{text-align:left;flex:1;}
.mdSe .mdSeList .subject a{display:block;}
.mdSe .mdSeList .subject a:hover{color:black;}
.mdSe .mdSeList button{margin-left:5px;height:30px;padding:0px 10px;}
.mdSe .result{margin-top:20px;text-align:center;}


.mb_birthCon{display:flex;align-items:center;font-size:16px;}
.mb_birthCon span , 
.mb_birthCon input{display:inline-block;}
.mb_birthCon input.mb_birth{width:200px !important;}

.mb_birthCon span.line{margin:0px 10px;}
.mb_birthCon input.mb_birth2{width:60px !important;margin-right:10px;padding-left:0px !important;text-align:center !important;}
.mb_birthCon span.text{line-height:25px;}



#floginFind .mbidCon{display:block;}
#floginFind .pwChange{display:none;}
#floginFind.on .pwChange{display:block;}

.datepicker td,th{
    text-align: center;
    padding: 8px 12px;
    font-size: 14px;
}

.flex_center{display:flex;align-items:center;}
.flex_center{display:flex;align-items:center;}

.Accordion_wrap{ padding: 16px 28px;margin-bottom: 25px;}

#visitCon .cc_name_form{display:flex;align-items:center;}

#visitCon .cc_name_form button{padding-left:0px;margin-left:5px;width:30%;height:70px;background-color:#1E2A52;color:white;}





#visitCon .birth_form{display:flex;align-items:center;}
#visitCon .birth_form .vi_birth{width:50%;}
#visitCon .birth_form .vline{margin:0px 10px;}
#visitCon .birth_form .star{letter-spacing:.5em;}
#visitCon .birth_form .vi_birthf{padding-left:0px;margin-right:10px;width:50px;text-align:center;}

.join-pg .request-form ul.w-flex{display:block;}

#visitCon .vi_inputCon li{margin:0px 0px 10px 0px;display:flex;align-items:center;justify-content:space-between;}
#visitCon .vi_inputCon li .vi_input{width:calc(100% - 80px);}
#visitCon .vi_inputCon li button{width:70px;}
.join-pg #visitCon .wrap02{padding-bottom:0px;margin-bottom:0px;}

#visitCon .delete_con{margin-left:auto;}
#visitCon .delete_con button{padding:0px 20px;margin-right:80px;height:40px;background-color:tomato;color:white;}
#visitCon > div:nth-child(1) .delete_con{display:none;}
.join-pg .request-form{padding-bottom:20px;}

.join-pg .request-form .date-wrap{padding-left:0px;}
.join-pg .visitorCon.request-form .date-wrap{padding-left:0px;}

button.load_date{padding:0px 10px;border:1px solid #aaa;}
#visitForm.onlyView .texter{font-size:16px;}


/*visit list */
.tit_title{display:flex;align-items:center;padding:0px 20px 15px 25px;font-size:23px;font-weight:bold;text-align:left}

.tit_title a{padding:0px 20px;height:35px;margin-left:auto;margin-right:10px;display:inline-flex;align-items:center;justify-content:center;background-color:#333;color:white;font-size:15px;font-weight:normal;}

.vi_list li > div.vi_term .text{display:flex;align-items:center;}
.vi_list li > div.vi_term .text .vi_certi{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;height:25px;padding:0px 15px;border-radius:5px;background-color:lightslategrey;color:white;}
.vi_list li > div.vi_term .text .vi_certi.vi_certi1{background-color:royalblue;}
.vi_list li > div.vi_term .text .vi_certi.vi_certi2{background-color:tomato;}
.vi_list li > div.vi_term .text .vi_certi.vi_certi3{background-color:yellowgreen;}
.vi_list li > div.vi_term .text .vi_certi.vi_certi4{background-color:tomato;}


.vi_list{margin:0px 20px;padding:0px;width:cac(100% - 40px);}
.vi_list li{padding:20px 20px 10px 20px;display:flex;flex-wrap:wrap;margin-bottom:10px;border:1px solid #aaa;border-radius:10px;font-size:17px;}

.vi_list li > div{margin-bottom:10px;width:100%;display:flex;align-items:center;}
.vi_list li div.head{width:100px;font-weight:500;text-align:left;}
.vi_list li div.text{flex:1;text-align:left;}

.vi_list li > div.vi_term{width:100%;}
.vi_list li > div.vi_ship{width:50%;}
.vi_list li > div.vi_project{width:50%;}

.vi_list li > div.vi_type{width:100%;}

.vi_list li > div.vi_birth{width:50%;}
.vi_list li > div.vi_blood{width:50%;}

.vi_list li > div.vi_company{width:50%;}
.vi_list li > div.vi_car{width:50%;}

.vi_list li > div.vi_input{width:100%;}

.vi_list li .vi_btn{margin-top:10px;display:flex;justify-content:flex-end;}
.vi_list li .vi_btn a{padding:0px 30px;display:inline-flex;align-items:center;justify-content:center;height:40px; background-color:steelblue;color:white;}

.user-info .u-box a{width:100%;height:100%;}
.user-main .section02.user-section{position:relative;width:100%;}
.user-main .login-user{width:100%;position:absolute;top:-100px;z-index:100;}
.user-main .login-user ul.user-info{position:relative;width:100%;}
.user-main .login-user ul.user-info li.u-box::after{display:none;}


/*bbs*/
.visit_bbs{margin-bottom:30px;padding:0px 20px 50px 20px;}
.visit_bbs .visit_title{margin-bottom:20px;font-size:28px;font-weight:bold;text-align:left;}


.searchCon{margin-bottom:10px;display:flex;align-items:center;}
.searchCon input[type='text'], 
.searchCon select,
.searchCon button{padding:0px 15px;margin-right:5px;border:1px solid #aaa;height:40px;}
.searchCon a{margin-left:auto;display:inline-flex;align-items:center;}
.searchCon a span.icon{margin-right:5px;}
.searchCon .total_num{margin-left:10px;}

/*page css*/
.pageCon{width:100%;margin-bottom:50px;}
.pageCon .pg_wrap{display:flex;align-items:center;justify-content:center;}

.pg_wrap .pg{display:flex;align-items:center;justify-content:center;}
.pg_wrap a , .pg_wrap strong{display:flex;align-items:center;justify-content:center;margin:10px 2px 50px;width:40px;height:40px;border:1px solid #aaa;color:#333;}

.page_list{padding:25px 0px 60px 0px;}
.pg_wrap strong {background-color: #294152;color:white;}
.pg_wrap a, .pg_wrap strong{font-size:19px;font-family:'Nanum Myeongjo';}

.pg_wrap .font-simbol{font-family:'Nanum Myeongjo';}



.ul_list{padding:0px;border-top:2px solid #aaa;}
.ul_list li{display:flex;align-items:center;padding:15px 5px;border-bottom:1px solid #ccc;font-size:16px;}
.ul_list li .num{width:50px;}
.ul_list li .date{width:80px;}
.ul_list li .subject{padding-left:10px;width:calc(100% - 140px);text-align:left;line-height:25px;}
.ul_list li.head div{text-align:center;font-weight:bold;}
.btnGroup{text-align:center;}
.btnGroup a{display:inline-flex;align-items:center;height:40px;padding:0px 30px;font-size:16px;border:1px solid #aaa;}
.visit_view .wr_file{display:flex;align-items:center;font-size:16px;}
.visit_view .wr_file a i{font-size:20px;}


.visit_bbs .visit_view{text-align:left;}
.visit_bbs .go_list{margin-top:10px;margin-bottom:20px;text-align:left;font-size:18px;}

.visit_bbs .go_list a{display:inline-flex;align-items:center;height:40px;padding:0px 20px;border:1px solid #aaa;font-size:16px;}
.visit_bbs .go_list .arrow{margin-right:10px;font-family:'Nanum Myeongjo';}
.visit_view .wr_subject{margin-bottom:15px;font-size:21px;font-weight:500;}
.visit_view .wr_date{margin-bottom:20px;font-size:16px;color:#777;}
.visit_view .wr_info{margin-bottom:30px;}
.visit_view .wr_info .wr_img{margin-bottom:10px;}
.visit_view .wr_info .wr_cont{font-size:16px;line-height:26px;}

.visit_view .wr_file{margin:20px 0px;padding:0px;}
.visit_view .wr_file li{padding:10px 0px;}


.weekCont{width:100%;padding:30px 25px;border-radius:30px;margin-bottom:20px;background-color:white;font-size:16px;}
.week_list{padding:0px;margin:0px;border-top:2px solid #aaa;}
.week_list li {width:100%;}
.week_list li > a{display:block;width:100%;padding:13px 5px;margin:0px;display:flex;align-items:center;flex-wrap;border-bottom:1px solid #ccc;}
.week_list li > a > div{margin-right:10px;}
.week_list li > a > div.date{font-weight:bold;width:100px;}
.week_list li > a > div.sh_name{width:calc(100% - 100px);text-align:left;}

.inoutButton{margin-bottom:20px;display:flex;align-items:center;justify-content:center;}
.inoutButton button{display:inline-block;width:300px;height:180px;background-color:#555;color:white;font-size:28px;font-weight:bold;border-radius:20px;font-family: 'paybooc';}

.visite_date{padding-left:26px;font-family: 'paybooc';  font-weight: 500;font-size: 20px;color:#7c819a;background-color: #F3F5F9; height: 70px; border: 1px solid #b5b9ce;border-radius: 14px;}

.login-pg ul.btn-wrap button.chk-btn.chk-del{background-color:red;}
@media (max-width: 720px){
	.agree-cont{padding-left:0px;}
	.agree-cont .a-cont{padding-left:0px;}
	.ul-code{padding-left:0px;}
	.login-pg .input-form ul.ul-top{padding-left:0px;}
	.tab_content .btn-wrap{padding-left:0px;}
}

@media (max-width: 500px) {
	.login_tab button{padding:15px 0px;width:calc(50% - 3px);font-size:13px;font-weight:normal;}
}