@charset "utf-8";
/*20210305 - 센터모바일 처음부터 만들어야함..*/
body.lock {overflow: hidden;}
.disible{display: none}
.d_blok{display: block}
.bold {font-weight: bold;}
.lock {overflow: hidden;}

/*헤더부분*/
header{position: fixed; background: #fff; width: 100%; z-index: 5; height: 60px; line-height: 60px; }/*헤더에 zindex수정 11 → 5로 조건검색에서 이상해짐;*/
header .container{overflow: hidden; position: relative; background: #fff; text-align: center; line-height: 40px;}
header h1{width: 70px; height: 28px; margin-top: 5px;}
header .top_name_center {text-align: center;  margin-top: -0.5em; font-weight: bold; font-size: 18px; line-height: 60px;}

.con_top{padding-top: 35px;}
.con_top1{padding-top: 48px;}
.con_top4{padding-top: 46px;}
.con_top2{padding-top: 60px;}
.con_top3{padding-top: 70px;}
.con_top5{padding-top: 85px;}

.mt0{margin-top:0px !important;}
.mb8{margin-bottom:8px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}

.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}

.pd0{padding: 0 !important}
.pd10{padding: 10px !important}

.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}

.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}

.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}

.w_100{width:100%}
.lsps-em{letter-spacing: -0.2em}
.border_none{border:0 !important; border-bottom: none}
.text_center{text-align: center !important}

/*기타 공용*/
h3{font-size: 1.3em; font-weight: 500; letter-spacing: -0.05em;}
.ab_50{position: fixed !important; left: 50%; top:50%;}
.shadow{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.bbb_line{border: 1px solid #eee}
.btm{padding-bottom: 70px !important;}/*버튼크기만큼 내려야함*/
.bt_con{width:100%; position:fixed; bottom: 85px; left:0}/*푸터위에 항상고정*/
.bt_con2{position:fixed; left:0; padding: 10px 10px 90px 10px; width:100%; top: inherit; bottom: 0px; z-index: 10}/*푸터위에 항상고정*/
.bt_con3{padding-bottom: 150px; width:100%; position:absolute; bottom:0;}/*★★★★★★★★★푸터위에 항상고정 대화창만★★★★★★★★*/
.test_btn button{padding: 15px 0; border: none; font-size: 16px; float: left; cursor: pointer; font-weight: 700;}
.test_btn .next{background: #4182fb; color: #ffffff; width:74%; border-radius: 10px; float: right}
.test_btn .next.on, .test_btn .next:focus, .test_btn .result:focus{background: #1a54c0; color: #fff;}

/*대상자 보는 팝업*/
.wait_pop {display: none;}
.consult_info .pop_con{background: #f5f5f7;}
.consult_info .test_con ul li{padding: 0 10px ;}
.cate {font-size: 1.3em;}

/* S : 20200914 남보나 */
header .top_menu li .vc-switch span.vc-switch-label {top:0px;}
header .top_menu li .vc-switch span.vc-handle {top:4px;}
header .top_menu li .vc-switch span::before {content: ' '; right:0px !important;}

/*배경색*/
.wrap{width: 100%; position:relative;}/*min-height:100vh; */
.wrap_map{background: #f6f7f9;}
.container{padding: 10px;}
.container2{padding: 20px;}
.container3{padding: 20px 10px;}
.container4{padding: 0px 10px;}
.g_bar{background: #f5f5f7; padding: 10px; font-weight: 400; color: #242426; line-height: 1.3em;}
.b_bar{background: #3a69dd; padding: 10px 10px; font-weight: 400; color: #fff; line-height: 1.3em;}
.bb_bar{background: #445eb2; padding: 10px 10px; font-weight: 400; color: #fff; line-height: 1.3em;}
.w_bar{background: #ffffff; padding: 10px; font-weight: 400; border-bottom: 1px solid #ddd;}
.bg_bar{background: #f5f5f7; }

/*앱 사용권한*/
.auth_list{margin-top: 20px; margin-left: 10px; width: 90%}
.auth_list > ul{margin-left: 10px;}
.auth_list > p{margin-bottom: 5px; font-weight: bold;}
.auth_list .list{padding: 5px 5px 5px 10px;}
.auth_list .auth ul{display: inline-block;}
.auth_list .auth ul li{float:left; font-weight: bold;}
.auth_list .auth .icon{margin-right: 5px;}
.auth_list .auth .icon i{font-size: 20px; min-width: 20px; text-align: center;}
.auth_list  .list:nth-child(even) i{background-color: white; color: #2277c8;}
.auth_list  .list:nth-child(odd) i{background-color: white; color: #034baf;}
.auth_list .auth .icon p:nth-child(1){font-weight: bold; font-size: 30px;}
.auth_list .tit{font-size:18px; font-weight: 900; margin-bottom: 10px; padding-left: 30px; background-size: 25px 25px; background: url("../images/resources/info.svg") no-repeat; line-height: 25px;}
.auth_footer p, .auth_list .auth a{color: #999; font-size: 12px;}
.auth_footer{float: left; margin-left: 25px;}
.auth_footer p:before{content:"※"; margin:0px 5px 5px 5px; float:left;}

/*로그인 부분*/
.join_wrap .join_input dt{color:#726f70; line-height: 0.9em; font-size: 15px}
.join_wrap .join_input dd{color:#2a2829; font-size:30px; font-weight: 300; letter-spacing: -0.06em; margin-bottom: 10px;}
.join_wrap .join_input dd::after{display: block; line-height: 0}	
.join_wrap .join_input dd img{display: inline-block; width: 28px; height: 28px; margin-bottom: 10px;}
.join_wrap .join_input input{margin-bottom: 10px; font-size: 15px;}
.join_wrap .join_input button.btn_login{background: #2a2829; color: #fff; width: 100%; padding: 15px; border: 1px solid #333; height: 48px; line-height: 10px; }
.join_wrap .join_input button.btn_login:hover{background: #1a1819; }

/*이미지 부분..*/
.img_center img{width:100%; max-width:500px;}
.img_center{text-align: center;}
.del .img_center{max-width: 220px; padding-right: 10px; display: block; margin: auto;}
.carelist_empty .text_center {text-align:center;}

/*탭 - 2021.01.28 수정*/
.att_tab li{padding: 8px 8px; font-size:12px; font-weight:500; color:#747474;}
.care_card.bg{background:#F6F6F6; }
.care_card{position: fixed; top: 94px; left: 20px; right: 20px;}
.test_top.care_card{left:0; right: 0}
.tabs {display: flex; width: 100%;  padding:8px 0 8px 0px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; border:none; border-bottom: 1px solid #ccc;}
.tabs .tab_line.on a{border-bottom:3px solid #333; width:100%; color:#333; font-size:12px;font-weight:600;}
.tabs .tab_line a{padding: 8px 8px; width:100%; font-size:12px;font-weight:500; color:#747474;}
.tabs.menu .tab_line {width:25%;text-align:center;;}
.tab_line:target  {font-weight: 600; border-bottom: none;}
.tab_line:target ~ .t_con1{ display: block;}
.tab_line.on {border-bottom:3px solid #333; font-weight: 600; border-bottom: none;}

.att_tab .tabs {padding: 0}

/*상담목록: 센터에서*/
.img_human{width:45px; height: 45px; border-radius: 20px; border:none}
.alarm{background: #ff621d; padding: 1px 6px 2px 6px; line-height: 14px; border-radius: 10px; color: #fff; font-size: 10px; font-weight: 600; position: absolute; top:1px; margin-left: 2px;}

/*수급자목록 테이블 */
ul.message li{border-bottom: 1px solid #ddd; padding: 10px 5px;}
ul.message dl{height: 44px;  display: inline-block; width: 75%;}/*안되서 울것같다. 100%로 잡으면 너무 넓고.. 어찌해야할까.. width:230px;;*/
ul.message dt.Short{font-weight: 600; line-height: 1.3em; position: relative; margin-top: 2px; height: 18px;}
ul.message dd.Short{height: 17px; margin-top: -5px; font-size: 14px;}
ul.message .date{font-weight: 400; font-size:12px; color:#777; letter-spacing: -0.05em; margin-left: 5px;}
ul.message .sub{font-size:11px; color:#829CF3;  margin-top: -2px;}
ul.message .sub2{font-size:12px; color:#504e4f;}
ul.message .img_human{display: inline-block; margin: 8px 5px 10px 5px}
ul.message .stars{display: inline-block; padding: 20px 0px 20px 5px; vertical-align: top}
ul.message li:hover{background: #f7f7f9; cursor: pointer}
ul.message li:active{background: #eaeaef; }
ul.message li.blocking, ul.message li.blocking:hover{filter: grayscale(100%); opacity: 0.5; background: #ededf6; }
ul.message li.blocking dt img{width: 13px; height: 13px; margin-left: 3px;}

/*상담목록 없을때*/
.img50{max-width: 500px; display: block; margin: auto}
.img50 img{text-align: center; display: block; margin: auto;}
.text_center b{display: block}
.carelist_empty {width:70%;margin:0 auto; padding-top: 25px;}

/*말풍선*/
.chating .comment.centers, .chating .comment .alram {max-width: 800px;}
/*말풍선*/
.chating .comment{overflow: hidden; margin-bottom: 10px; position: relative; }
.chating .comment .txt{padding: 10px; position: relative; border-radius: 5px; font-weight: 400; font-size:1em;}
.chating .comment img{width:100%; height: auto;}
.chating .comment button{border: none; border-radius: 5px; padding: 5px; width:100%; background: #f1f2f4; margin-top: 7px; font-size:14px}
.chating .comment button:active{background: #e4e6ec}
.chating .comment .alram {max-width: 70%; background: #fff; position: relative; border-radius: 5px; float: right; display: inline-block; margin-right: 2%}/*overflow: hidden; max-width: 250px;*/
.chating .comment .alram .conss{padding: 10px; font-weight: 400; font-size:1em;}
.chating .comment .alram .soundss{background: #ff6c13; color:#fff; text-align: center; padding: 5px; font-size:1.1em;}
.chating .comment .alram .soundsss{background: #3dafe0; color:#fff; text-align: center; padding: 5px; font-size:1.1em; border-radius: 5px 5px 0 0;}
.alram .stay, .alram .bill__{height: 130px; text-align: center; padding: 5px; font-size:16px; font-weight: bold; line-height: 45px;  border-radius: 5px 5px 0 0; }
.alram .stay{background: url("../images/resources/stay.jpg"); background-size: 100%; }
.alram .bill__{background: url("../images/resources/bills.jpg"); background-size: 100%; color: #fff;}
.alram .requisition__ {background: url("../images/resources/requisition.jpg"); background-size: 100%; color: #000; }

/*20210302 - 공지사항 알람*/
.chating .comment .alram .notices{background: #ff6c13; color:#fff; text-align: center; padding: 5px; font-size:1.1em; border-radius: 5px 5px 0 0;}

.chating .comment.my .txt{float: right; max-width: 70%; color:#fff; margin-right:2%;}
.chating .comment.centers .txt{max-width: 65%; margin-left:7%; background: #fff; display: inline-block}
.chating .comment.centers .txt::before{background: url("../images/resources/center_chat_tail.svg") no-repeat center center;left: -7px;}
.chating .comment.centers .txt::before, .chating .comment.my .txt::before , .chating .comment.my.other .txt::before
{content: ''; position: absolute; top: 0;width: 13px; height: 17px; background-size: 100%; display: block;}
.chating .comment.my.other .txt{background: #fff;float: right; max-width: 70%; color:#000; margin-right:2%; overflow-wrap:break-word; -ms-word-wrap:break-word}
.chating .comment.my.other .txt::before {background: url("/images/resources/myother_chat_tail.svg") no-repeat center center;right: -7px; }

/*채팅 컬러_잘계시죠/상담해죠*/
ol.chatting .comment.my .txt{background: #0a5fcc;}
ol.chatting .comment.my .txt::before {background: url("../images/resources/my_chat_tail.svg") no-repeat center center;right: -7px; }
ol.chatting .date_line p {background:#e2ecf4;}
ol.well .comment.my .txt::before {background: url("../images/resources/my_chat_tail2.svg") no-repeat center center;right: -7px; }
ol.well .comment.my .txt{background:#445eb2}
ol.well .date_line p{background:#e2ecf4}

.comment.my .lose_img_data{width: 100%; height: 200px; background: #f8f8f8 no-repeat; background-image: url("../images/resources/lose_img_date.svg"); float: right; max-width: 70%; position: relative; cursor: pointer; border-radius: 10px; background-position: 50% 50%; background-size: 100px 76px; }/* overflow: hidden;*/
.comment.centers .lose_img_data{width: 100%; height: 200px; background: #f8f8f8 no-repeat; background-image: url("../images/resources/lose_img_date.svg"); background-position: 50% 50%; background-size: 100px 76px;; 
	max-width: 65%; margin-left:3%; border-radius: 10px; overflow: hidden; cursor: pointer; display: inline-block}

/*파일 첨부시 - 공통*/
.file .state:hover{background-color: rgba( 0, 0, 0, 0.05 ); display: block;}
.file.openss .state{background-image: url("../images/resources/pen_icon_file.png")}
.file.savess .state{background-image: url(/images/resources/pen_icon_save2.png)}
.file.sandss .state{background-image: url("../images/resources/pen_icon_cancel.png")}
.file .state{width:40px; height: 40px; float: right; border:1px solid #ddd; border-radius: 50%; cursor: pointer;}
.file.openss .state, .file.savess .state, .file.sandss .state {background-repeat: no-repeat; background-size: cover; background-size: 40px 40px; position: relative; z-index: 1;}

/*파일 첨부시 - 채팅쪽 파일첨부*/
.comment.centers .file{width: 65%; margin-left:3%; display: inline-block; background: #fff}
.comment.my .file{float: right; width: 70%; background: #fff; position: relative}
.comment.centers .file, .comment.my .file{ border-radius: 5px; padding:10px; max-width: 460px;}
.comment .file .text{margin-bottom: 4px; width:160px; height: auto; display: inline-block; white-space:pre-line;}
.comment .file span{font-size:11px; display: block; line-height: 1.3em; opacity: 0.7;}
.comment .file ul{overflow: hidden; margin-top: 6px;}
.comment .file ul > li{font-size: 12px; float: left; cursor: pointer; }
.comment .file ul > li:hover{text-decoration: underline}
.comment .file ul > li::after{content: '·'; margin-left: 5px; }
.comment .file ul > li:last-child::after{content: ''}

/*상담해죠 상단*/
.who_chat{position: absolute; top:60px; width:100%; z-index: 1}
.chat_counseling dl.chat_center {display: flex; float: left;}
.chat_counseling dl.chat_center dt{width:2em; height: 2em; border: 1px solid #ddd; border-radius: 1.1em; background-repeat: no-repeat; }
.chat_counseling dl.chat_center dd {font-size:15px; font-weight: 400; line-height:2em; padding-left:5px;}
.chat_counseling dl.chat_my {display: flex; float: right;}
.chat_counseling dl.chat_my dd {font-size:1em; font-weight: 400; line-height:2em; padding-left:5px;}
.chat_counseling dl.chat_my dt {width: 2em; height: 2em; border: 1px solid #ddd; border-radius: 1.1em; background-repeat: no-repeat;}
.chat_counseling ul.chat_info li{font-size:12px; font-weight:500; color:#666; padding:5px; border:1px solid #ccc; background:#fff; float:right; margin-left:5px; cursor: pointer}
.chat_counseling ul.chat_info li i{font-size:0.5em; margin-left:4px;}
.chat_info li:focus, .chat_info li:active{background: #ccc;}
.chat_counseling ul.well_info li{font-size:14px; font-weight:500; color:#fff; padding: 3px 10px; border:1px solid #fff; float:right; margin-left:5px; border-radius:20px}

.chat_counseling .progress-bar{margin-bottom: -8px;}
.chat_counseling .progress-bar i{font-size:0.5em; position: absolute; font-style: normal; bottom:8px; color:#888; font-weight:500;}
.chat_counseling .chat_btn{background:#fff; border: 1px solid #ddd; color:#888; border-radius:50px; font-size:0.8em; font-weight:500; padding:4px 0; width:18%; float:right;}
.chat_counseling .progress-bar i.on{color:#1898fb;}
.chat_counseling .chat_btn.on, .chat_counseling .chat_btn:focus, .chat_counseling .chat_btn:active{background:#1898fb; border: 1px solid #1898fb; color:#fff; }

/*상담해죠 메시지 창*/
/*날짜*/
.chating .date_line {margin: 20px 0; border-bottom: 1px solid #bdc8d0; text-align: center; position: relative;}
.chating .date_line p {position: absolute; display: inline-block; top:-20px; margin-left: -35px; padding: 10px; font-size: 12px;}
.chating .time{font-size:0.95em; font-weight: 400; color: #555; }
.chating .comment.my .time, .comment.alss .time{left: 0; margin-left: -68px; position: absolute; bottom: 0;}
.comment.centers .time{width:24%; display: inline-block;  margin-left: 7px; vertical-align: bottom}


/*이미지 첨부시*/
.comment.centers .img{max-width: 65%; margin-left:3%; border-radius: 10px; overflow: hidden; cursor: pointer; display: inline-block}
.comment.centers .img img, .comment.my .img img{width:100%; height: auto;}
.comment.centers .img, .comment.my .img{padding-bottom: 0; margin-bottom: 0; line-height: 0;  border-bottom:none}
.comment.my .img{float: right; max-width: 65%; position: relative; background: none; cursor: pointer; }
.comment.my .time{left: 0; margin-left: -70px; position: absolute; bottom: 0;}
.comment.my .wrap_imgssss{border-radius: 10px; overflow: hidden;}
	
/****************************공통****************************/
/*top menu*/
header{position: fixed; background: #fff; width: 100%; z-index: 5; height: 60px; line-height: 60px; }/*헤더에 zindex수정 11 → 5로 조건검색에서 이상해짐;*/
header .container{overflow: hidden; position: relative; background: #fff; text-align: center; line-height: 40px;}
header h1{width: 70px; height: 28px; margin-top: 5px;}
header p img{width:20px; }
header .top_menu li{ margin-left: 1em;  cursor: pointer; height: 20px; display: inline-block; padding: 10px 5px;}
header .top_menu_left li{margin-left: 0}
header .top_menu li > .vc-toggle-container{margin-top: -8px;}
header .top_menu li img{width:20px; }
header .top_menu{float: right; right:  1.5em;}
header .top_menu_left{ float: left;}

/*헤더*/
.pop_header{height: 60px; position: fixed; background: #fff; width: 100%; z-index: 4; line-height: 40px;}
header.page_header{height: 60px; line-height: 60px;}
.pop_header .btn_close{height: auto}
.headersss{position: fixed; top: 10px; right: 10px; left: 10px; height: 60px; line-height: 60px; z-index: 5}

/*footer*/
footer{position: fixed; background: none; width: 100%; bottom: 0; border-top: 1px solid #ddd; z-index: 4;-webkit-tap-highlight-color: rgba(0,0,0,0);}
footer ul{display: flex; justify-content: center;}
footer > ul > li{flex: 1; text-align: center; font-size:0.9em; display: block; padding-top: 3em; position: relative; cursor: pointer;}
footer li.menu01{background: url('../images/resources/footer_interest.svg') no-repeat top center; background-size: 30px;}
footer li.menu02{background: url('../images/resources/footer_chat.svg') no-repeat top center; background-size: 30px;}
footer li.menu03{background: url('../images/resources/footer_home_2.svg') no-repeat center 4px; background-size: 30px !important;  z-index: 1; font-size: 0}
footer li.menu04{background: url('../images/resources/footer_care.svg') no-repeat top center; background-size: 30px;}
footer li.menu05{background: url('../images/resources/footer_more.svg') no-repeat top center; background-size: 30px;}

/*footer :: 수정*/
.btn_home{width: 60px; height: 60px; border-radius: 50%; background: #fff; border: 2px solid #ddd; position: absolute; position: absolute; bottom:10px; left: 50%; margin-left: -30px; z-index: 0}
.footerbg1, .footerbg2{width:50%; height: 80px; background: #fff; position: fixed; bottom: 0; z-index: -1; }
.footerbg1{border-radius: 0 40px 0 0;}
.footerbg2{right: 0; border-radius: 40px 0 0 0;}
footer.footers{position: fixed; background: rgba(0, 0, 0, 0.1);  width: 100%; bottom: 0; border-top: none; z-index: 10; box-shadow: 0px -15px 10px 0px rgba(0, 0, 0, 0.1);}
footer > ul > li{padding-top: 2.6em;}

footer li.detail_footer01{background: url('../images/resources/footer_speech.png') no-repeat top center; background-size: 30px;}
footer li.detail_footer02{background: url('../images/resources/footer_heart.png') no-repeat top center; background-size: 30px;}
footer li.detail_footer03{background: url('../images/resources/footer_share.png') no-repeat top center; background-size: 30px;}
footer li.detail_footer04{background: url('../images/resources/footer_call.png') no-repeat top center; background-size: 30px;}
footer li.detail_footer05{background: url('../images/resources/footer_info.png') no-repeat top center; background-size: 30px;}

/*footer :: 컬러 2020.12.30 - 해당 위치일때 클래스 on 붙임  */
footer li.menu01.on{background: url('../images/resources/footer_interest_b.svg') no-repeat top center; background-size: 30px;}
footer li.menu02.on{background: url('../images/resources/footer_chat_b.svg') no-repeat top center; background-size: 30px;}
footer li.menu03.on{background: url('../images/resources/footer_home.svg') no-repeat center 4px; background-size: 30px;}
footer li.menu04.on{background: url('../images/resources/footer_care_b.svg') no-repeat top center; background-size: 30px;}
footer li.menu05.on{background: url('../images/resources/footer_more_b.svg') no-repeat top center; background-size: 30px;}
footer li.menu01.on, footer li.menu02.on, footer li.menu04.on, footer li.menu05.on{color:#0f7fd3}


/* 우측 마이페이지 메뉴 시작*/
#right-menu.opened .menu-container {right: 0; overflow-y: scroll; padding-bottom: 10px;}
#right-menu .menu-container {top: 0;right: -80vw;width: 80vw;background-color: #fff;}
#right-menu .btn-close {font-weight:normal;}
#right-menu .right-menu-header {height: 8em; background: #fff ;-webkit-display: flex; align-items: center; border-bottom: 8px solid #f0f0f0;
	display: -ms-flex; display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;}
#right-menu .right-menu-header .user-profile {width: 5em; height: 5em; border-radius: 2em; background-size: cover;}
#right-menu .right-menu-header .user-intro {margin-left: 15px;-ms-flex: 1;-webkit-box-flex: 1;flex: 1;color: #1b1b1b;font-size: 1.2em;font-weight: 500;}
#right-menu .btn-close:not([disabled]):not(.disabled) {cursor: pointer;}
#right-menu .btn-close span::before {content: '\f129'; font-family: 'Ionicons'; font-size: 1.5em; line-height: 30px;}
#right-menu .btn-close {display: inline-block;margin: 0;font-weight: 300;text-align: center;white-space: nowrap;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;text-decoration: none;outline: 0;vertical-align: middle;color: #000;border: 0;background: 0 0;padding: 0; width: 25px; height: 40px;}
#right-menu .right-nav {list-style: none;padding: 0;margin: 0;}
#right-menu .right-nav>li {display: block;border-bottom: 1px solid #f0f0f0; text-align: left}
#right-menu .right-nav>li {display: block;background-color: #fff;padding: 0.9em 1.2em 0.9em 4em;font-size: 1.1em; font-weight: 400; position: relative;}

[class*=" mtcon2-"], [class^=mtcon2-] {font-family: mtcon2!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
[class*=" mtcon2-"], [class^=mtcon2-] {font-family: mtcon2!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
[class*=" mtcon2-"], [class^=mtcon2-] {font-family: mtcon2!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.others p{font-size:0.9em; font-weight: 400; padding-left: 2.8em; margin-top: 1em; color: #666;}

/*alarm*/
.alarm_New{position: absolute; top:0; left: 50%; width: 20px; height: 20px; line-height: 20px; background: #ff6c13; border-radius: 50%; color: #fff; font-size:1em; text-align: center;}
footer .alarm_New{margin-left: 0.5em; margin-top: -0.5em;}
.right-nav .alarm_New{top:50%; left: auto; margin-top: -0.65em; margin-left: 0.2em;}

/*▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩경계선▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩*/



/* 상담해죠 목록 탑 고정 */
.fixed_menu_top {position:fixed;top:45px;right:0;left:0;z-index:11;}
.container.total_search.fixed {position:fixed;top:0;right:0;left:0;z-index:11;background:#fff;}
.total_search .chat_counseling.fixed {position:fixed;top:60px;right:15px;left:15px;z-index:1;}

/* 상담해죠 탭 메뉴 고정 */
.chat_counseling.fixed_tab_menu {position:fixed;top:60px;left:0;right:0;z-index: 4;}

/*채팅창*/
.chating {position: relative}
.chating .info{overflow: hidden; font-weight: 500; margin-bottom: 5px}
.chating .infos{background: #fff; border: 1px solid #ccc; font-weight: 400; padding: 5px 8px; margin-bottom: 10px; text-align: center;}
.chating .infos b{color: #1b6bf0; text-decoration: underline; cursor: pointer}
.chating .infos b:focus, .chating .infos b:active{color: #1554bd;}

/*대상자 정보 입력*/
.chating .test_con{z-index: 5; top: 0;left: 0; width: 100%; height: 100%; visibility: visible; display: none; overflow-y: scroll;}


/*채팅 입력창*/
.chat_type{border-bottom: 1px solid #ddd; background: #f8f8f8; width: 100%; padding: 10px; overflow: hidden;}
.chat_type input{padding: 10px; border-radius: 30px; height: 40px;}
.chat_type li{float: left;}
.chat_type li:nth-of-type(1), .chat_type li:nth-of-type(3){width: 10%; text-align: center; line-height: 40px;}
.chat_type li:nth-of-type(2){width: 80%}
.chat_type li:nth-of-type(1) img, .chat_type li:nth-of-type(3) img{width: 25px; height: auto; margin-bottom: -5px}

/*채팅안됨*/
.chat_type.no_chat input{background: #f9f9f9; border-color: #e4e4e4}
.chat_type.no_chat.chat_type li:nth-of-type(3) img{-webkit-filter: grayscale(100%); filter: gray;}
.chat_type li{float: left;}


/*잘계시죠 상단*/
.care_message {overflow: hidden; border-top: 1px solid #dbdae4; background:#fff; border:none; border-bottom:1px solid #dbdae4;}
.care_message li{background: #f1f2f4;  width: 25%; float: left; border-left: 1px solid #dbdae4; text-align: center; font-size:12px; padding: 10px 0; font-weight: 400;}
.care_message li:focus, .care_message li:active{background: #ccd0d8}
.care_message li.on{background: #7a83d1; color: #fff;}/*기존 배경색 #0a5fcc::상단에 시설명이 생겨서 색이 겹쳐보여서 변경..*/
.care_message li:first-child{border-left:none; border:none;}
.care_message li.on a{color: #fff !important;}

/*팝업_글보기_창 등*/
.pop_con {position: fixed; top: 0; left: 0; width: 100%; display: none; overflow-y: scroll; bottom:0;z-index: 12;}
.pop_con .date, .contents .date{color:#666}
.pop_con .sub, .contents .sub{font-size:1.1em; margin-top: 25px;}
.pop_con .img_heart, .contents .img_heart {margin-left: 2px;}
.pop_con .btn_close span::before {content: '\f129'; font-family: 'Ionicons'; font-size: 1.5em; line-height: 20px;}
.pop_con .btn_close {margin: 0;font-weight: 300;white-space: nowrap;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;outline: 0;vertical-align: middle;color: #000;border: 0;background: 0 0;padding: 0; height: 20px; position: absolute; top:10px; right: 10px;; cursor: pointer}

/* 잘계시죠 케어일지 */
.container.care .info {width:10%;float:left;}
.container.care .comment.centers .txt {margin-left:12%;}
.container.care .comment.centers .txt::before {top:13px;}
.container.care .comment.centers .time {width:20%;}

/* 공유내역 팝업 */
.popup.share .popup_content {top:5%;bottom:5%;}
.popup.share .pop_content .share_del {font-size:13px;color:#68696d;font-weight:600;position: absolute;right:20px;border:none;background:none;}

/*영수증*/
.pop_con.bills .title{font-size:1.6em; font-weight: 400; color: #152638;}
.pop_con.bills .img_heart img{width: 100%; max-width: 37px; margin-top: -20px}
.pop_con.bills .popcon_top{margin: 1.5em}
.pop_con.bills .contents{ width:95%; margin: auto; background: #fff; border-radius: 5px}
.pop_con.bills .test_top.title {font-weight:600; padding: 0; margin-left: 0;}

/*영수증 내용*/
.bill_top{ text-align: center; padding: 2em 0; border-bottom: 1px solid #000;}
.bill_top .centers{font-size: 1.05em; line-height: 1.5em}
.bill_top .price{font-size: 1.5em; padding-bottom: 10px;}
.bill_top .price b{font-size: 1.7em; letter-spacing: -0.05em}
.bill_top .payments{color:#999}
.bill_one, .bill_two{margin-top: 12px}
.bill_one button{border: none; background: #fff; margin-left: 3px;}
.bill_one button img{width:1.05em; height: auto;}
.bill_one{border-bottom: 1px dashed #999; width: 100%; }
.bill_one th, .bill_one td, .bill_two th, .bill_two td{padding: 0px 6px 12px 6px;}
.bill_one th, .bill_two th{font-size: 0.9em; color: #666; font-weight: normal; text-align: left; }
.bill_one td{font-size: 1em; font-weight: 500; text-align: right;}
.bill_two{width: 100%;}
.bill_two td{text-align: right; font-size:1.3em;}

/*영수증*/
.pop_con.bills .title{font-size:1.6em; font-weight: 400; color: #152638;}
.pop_con.bills .img_heart img{width: 100%; max-width: 37px; margin-top: -20px}
.pop_con.bills .popcon_top, 
.pop_con.knowledge .popcon_top, 
.pop_con.notice .popcon_top{margin: 1.5em}
.pop_con.receipt .title{font-size:1.6em; font-weight: 400; color: #152638;}
.pop_con.receipt .img_heart img{width: 100%; max-width: 37px; margin-top: -20px}
.pop_con.receipt .popcon_top{margin: 1.5em}
.pop_con.bills .contents,  
.pop_con.receipt .contents, 
.pop_con.notice .contents,
.pop_con.knowledge .contents
{width:100%;margin: auto; background: #fff; border-radius: 5px;padding:10px;}
.pop_con.notice .contents{padding-right:15px;padding-left:15px;}
.pop_con.notice .popcon_top{ margin-top: 50px;}
.pop_con.notice .img_heart img{width: 100%;max-width: 37px;margin-top: -20px;}
.pop_con.notice .contents {padding:20px;}
.pop_con.notice .contents .date {font-size:13px; margin-bottom:20px;color:#A6A6A6;font-weight:600;}


/*팝업_글보기_창 등*/
.pop_con.daily, .pop_con.bills .content, .pop_con.receipt {padding-left:15px;padding-right:15px;}
.pop_con .sub{font-size:1.1em; margin:10px 0;}
.pop_con .subtitle {font-size:1.3em; margin:10px 0;}
.pop_con .btn_close span::before {margin-right:5px;}
header .top_menu li span::before, header .top_menu li p::before{content: '\f129'; font-family: 'Ionicons'; font-size: 20px; line-height: 20px;}
header .top_menu li span{ position: relative; top: -1px;}
header .top_menu li p{ position: relative; top: 2px;}

/*채팅창만큼 여백*/
.pop_con.daily , .pop_con.bills , .pop_con.receipt { padding-bottom: 30px; display: none;}

/*영수증*/
.pop_con.bills .title{font-size:1.6em; font-weight: 400; color: #152638;}
.pop_con.bills .img_heart img{width: 100%; max-width: 37px; margin-top: -20px}
.pop_con.bills .popcon_top{margin: 1.5em}
.pop_con.receipt .title{font-size:25px; font-weight: 400; color: #152638;}
.pop_con.receipt .img_heart img{width: 100%; max-width: 37px; margin-top: -20px}
.pop_con.receipt .popcon_top{margin: 1.5em}
.pop_con.bills .contents,  .pop_con.receipt .contents{width:100%;margin: auto; background: #fff; border-radius: 5px;padding:10px;}

/* 잘계시죠 케어일지 상세보기 팝업*/
.bt_con3 {width:92%;margin:0 auto;}
.pop_con .fine {margin-top:20px;}
.pop_con .pop_top {overflow: hidden; position: relative;background: #fff;}
.pop_con .pop_top .top_name {margin-top: 0.15em;text-align:center;}
.pop_con .container{padding:0; padding-top:4px;}
.pop_con .top_name {font-weight:500;}
.pop_con .fine .img_wrap img {width:100%;height:200px;margin-bottom:10px;}
.pop_con .fine .contents .title {font-size:18px;font-weight:500;}
.pop_con .fine .contents .date{font-size:14px;font-weight:300;color:#8C8C8C;margin-bottom:30px;}
.pop_con .fine .contents .date span {margin-right:10px;}
.pop_con .fine .contents .content {font-size:14px;font-weight:300;color:#8C8C8C;}
.pop_con .info {width:20%;float:left;}
/* .pop_con.bills .contents, .pop_con.receipt .contents {padding:0 10px;} */
.pop_con.bills .bt_con3, .pop_con.receipt .bt_con3 {padding-bottom:76px;}

/*작성된 글이 없습니다.*/
.empty { width: 300px; height: 284px; position: fixed; top:50%; margin-top: -35%; left: 50%; margin-left: -150px;}
.empty img {width:100%;}
.btn_area.white {background:#fff;}
.empty .text_empty {font-size:18px; padding:80px 20px;}
.knowledge .empty .text_empty, .wrap_map .empty .text_empty{padding:0px 20px;}
.empty .text_empty img {opacity:0.5;margin-bottom:20px;}
.empty .text_empty li {font-size:15px;color:#333;}
.empty .text_empty li i {font-size:70px;margin-bottom:10px;color:#ddd}
.empty .text_empty li.txt {font-weight:600;}

/* 추가 : 20201202 박현주*/
.mypage_container_wrap .admin_info_form .btn{width: 100%;height: 40px;color: #fff;border: #333;background: #333;border-radius: 5px;text-align: center;}
.bottom2 {position: fixed; bottom:10px; left:0; width:100% !important;}
.write_btn{width: 94%; height: 48px; color: #fff; border: #333; background: #333;border-radius: 5px;text-align: center; margin: 0 3%; font-size: 16px}
.bottom2 .fil_next{width: 94%; height: 48px; color: #fff; border: #4182fb; background: #4182fb;border-radius: 5px;text-align: center; margin: 0 3%; font-size: 16px}

/*추가  : 20210125 박현주*/
.wrap_list{position: fixed; top: 184px; bottom: 80px; left: 0;  width: 100%; overflow-y: scroll; background: #fff;}
.wrap_c_c{position: fixed; top:133px; bottom: 145px; background: #f5f5f7;}
.chating ol.well{top: 148px; bottom: 60px;}
.chating ol.well.foot_no{bottom:0}

.chatting{position: fixed; top: 110px; bottom: 65px; overflow-y: scroll; width: 100%; padding: 10px;}
.chatting.no_chat{bottom:10px;}
.contents.wrapping{left:0; right:0; width:100%; padding: 0 10px;}
.foot_btn{position: fixed; left:0; right:0; bottom: 10px; width:100%; padding: 0 10px;}

/* 페이지 타이틀 */
.test_top.title, .pop_con.bills .test_top.title {font-weight:600;font-size:25px !important; padding-left: 25px; margin-top: 0; float: left}
.con_top.page {margin-top:20px;}
.pst_title{position: fixed; top:60px; z-index: 3; width:100%}
.tab_list{position: fixed; top:70px;}
.tit_name{padding-top: 120%; text-align: center; font-size: 18px; font-weight: bold;}

.wrapping3_1 ol{overflow: hidden;}

/* 추가 */
.pop_con .btn_close {top:20px;z-index: 5;position: fixed;}
.pop_header {top: 0px;left: 0;z-index: 4;line-height: 40px; text-align: center;}
.pop_header > b { font-size: 18px; line-height: 60px;}
.pop_header .btn_close > b{color:#888; font-weight: normal; font-size:12px;}
.cent_detail{z-index: 11;; background: #fff}
.wrap_keyword{position: fixed; top: 55px;; left: 0; z-index: 5; background: #fff; width: 100%; padding-bottom: 5px;}

/*잘계시죠에 있는 css 복사*/
.pop_bg2 .join_input li{padding-left: 10px;}
.pop_bg2 .join_input li:last-child{text-align: left;}
.pop_bg2 .join_input {margin-bottom: 10px;}
.pop_bg2 .checkbox{line-height: 15px; padding-bottom: 10px; text-align: left}
.btn_one.bt_con.bg_gray2{padding-bottom: 30px; bottom: 55px; padding-top: 6px;}

.sky_box{width: 100%; background: #3dafe0; border-radius: 5px; color: #fff}
.sky_box dl{padding: 10px;}
.sky_box dt{font-size: 12px;}
.sky_box dd{font-size: 18px;}
.sky_box .title{font-size: 22px; font-weight: bold; text-align: center; padding: 20px 5px 35px;;}
.sky_box .btn{display: flex; border-top: 1px solid #fff;}
.sky_box .btn li{flex: auto; text-align: center; color: #fff; border-right: 1px solid #fff; padding: 10px; cursor: pointer;}
.sky_box .btn li:last-child{border-right: 0;}

/*탭고정*/
#lnd{position: fixed; left: 0; top: 20px; width: 100%; background: #fff;}


/*2020.12.30 이미지첨부시, 앱에 맞게 디자인*/
.Photo_view{position: fixed; z-index: 10080;  width: 100%; Top: 0px}
.Photo_view h3{background: #fff; height: 45px; width: 100%; text-align: center; line-height: 45px; font-weight: 700;}
.Photo_view h3 .btn_close{top:5px;}
.Photo_view .img_save{background: #f8f8f8; position: fixed; bottom: 0; width: 100%; height: 62px; line-height: 62px; text-align: right}
.Photo_view .img_save button{border: none; background: none; padding-right: 20px; font-weight: bold; color: #585858; font-size: 15px;}
.Photo_view .img_save button:hover{color:#000}
.Photo_view .pop_wraps2 {position: fixed; top:44px; bottom: 62px; width: 100%}
.Photo_view .pop_wraps2 .w_100{overflow-y: scroll; width: 100%; height: 100%}
.Photo_view .img2{display: block}
.Photo_view .img2 img{width: 100%; display: block}
	
.Photo_view .pop_wraps1{height: 79vh; position: relative}
.Photo_view .pop_wraps1 .img2 {position: absolute; top: 50%;}
.Photo_view .pop_wraps3{height: 90vh; position: relative}
.Photo_view .pop_wraps3 .img2 {position: absolute; top:50%; left: 50%; margin-left: -90px; margin-top: -72px;;}

/* 상담 대상자 선택 팝업 */
.popup.target_select .popup_content {bottom:5%;}
.popup.target_select .pop_footer {position: absolute;bottom:10px;}

/* 팝업 내 버튼 검정 */
.test_btn button.black {background:#333;}
.btn_area .btn.black {width:100%;margin:0 auto;height:49px;background-color:#333;color:#fff;font-size:13px;border:none;}
.pop_header .container {padding:10px;}
.text_left {text-align:left;}
.border_bottom_gray {border-bottom:1px solid #ddd;}

.hj_overflow{overflow:hidden; width:100%;}
.no_float{float:none !important; margin-left:0 !important}
.g_bar.hj_overflow{background: #f6f7f9; margin-top: 10px; width:100%; border-bottom: 1px solid #e6e7ec; border-top: 1px solid #ccc; font-size: 13px; color: #888;}


/* 시설검색 */
.popup.search .pop_content {margin-bottom:20px;}
.popup.search .pop_content .title {font-size:13px;list-style: none;}
.popup.search .pop_content ul {padding:0;}
.popup.search input[type="radio"] + label::before {top:0px;height:14px;width:14px;}
.popup.search input[type="radio"] + label {padding:0px 0px 1px 22px;font-weight:600;color:#4C4C4C;}
.popup.search input[type="radio"]:checked + label::after {width:8px;height:8px;left:4px;}
.popup.search .pop_content .list .address {font-size:11px;color:#8C8C8C;margin-bottom:20px;margin-left:22px;}
.popup .popup_content.bottom {bottom:5%;}
.popup .pop_footer.bottom {position: absolute;bottom:10px;}

/*말줄임*/
.Short{ display: inline-block; width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*팝업*/
.pop_bg{width:80%; height: auto; padding: 4em 2em 3em 2em; border-radius: 1em; background: #fff; z-index: 10000; margin-left: -40%; top:40px !important; text-align: center; position: relative}
.pop_bg h2{font-size: 1.5em; letter-spacing: -0.06em;}
.pop_bg img{margin: 2em 0; max-width: 180px !important;}
.pop_bg .text{font-size:1.1em;}
.pop_bg .text b{text-decoration-line: underline; font-weight: 500;}
.pop_bg p{font-weight: 400; color: #999; margin-top: 10px;}
.pop_bg .btn_pop{border-top: 1px solid #ccc; margin-top: 10px; }
.pop_bg .btn_pop ul{float: right;}
.pop_bg .btn_pop li{display: inline-block; text-align: right; padding: 10px 0  0 10px;}
.pop_bg .btn_pop li:first-child{color: #999}
.pop_bg .btn_pop li:active{color: #48a0fa;}

.pop_con .agree_container h3,
.pop_con .privacy_container h2 {font-size:1.1em;font-weight:600;}
.pop_con .privacy_container dl {margin-bottom:20px;color:#999;font-size:0.9em;}
.pop_con .agree_container p, 
.pop_con .agree_container li, 
.pop_con .privacy_container p, 
.pop_con .privacy_container li,
.pop_con .privacy_container table {font-size:0.9em;color:#999;margin-bottom:20px;}
.pop_con .privacy_container table tr, .pop_con .privacy_container table td {border: 1px solid #ddd;}

.center_layer{
  position:absolute; z-index: -1;
  top:0;right:0;bottom:0;left:0;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;

  align-items:center;
  justify-content:center;
  -webkit-align-items:center;
  -webkit-justify-content:center;

  -webkit-box-pack:center;
  -webkit-box-align:center;
  -moz-box-pack:center;
  -moz-box-align:center;
  -ms-box-pack:center;
  -ms-box-align:center;
}
/* 입/퇴소 내역, 메모 */
.popup {display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.popup .popup_content {position: absolute;top:5%;left:5%;border-radius:10px;padding:10px;width:90%;z-index:100;background:#fff; max-height:600px;}
.popup .pop_top {width:100%;margin-bottom:10px;text-align:left;padding:10px 10px 15px 10px;border-bottom:1px solid #ddd;font-weight:600;}
.popup .pop_top i {margin-right:5px;}
.popup .pop_content {padding:10px;text-align:left;}
.popup .pop_content ul {padding-left:15px;}
.popup .pop_content .title {font-size:13px;list-style: disc;}
.popup .pop_content .date {font-size:11px;color:#8C8C8C;margin-bottom:20px;}
.popup .pop_content textarea {height:300px;resize:none;}
.popup .pop_footer {padding:15px 0px;width:90%;margin: 0 auto;text-align:right;}
.popup .pop_footer .btn {background:none;border:none;width:50px;font-size:14px;font-weight:600;}
.popup .pop_footer .btn.cancel {color:#8C8C8C;}
.popup .btn_close {right:1.5em;font-size:11px;color:#5D5D5D;}
/*케어 대상자 등록*/
.inforsss{width:100%; border-top: 1px solid #333;}
.inforsss td, .inforsss th{padding: 3px 5px; border-bottom: 1px solid #ddd; font-size: 13px;}

/* E : 20200917 박현주*/
.pop_con.bills .contents,  
.pop_con.receipt .contents, 
.pop_con.notice .contents,
.pop_con.knowledge .contents
{width:100%;margin: auto; background: #fff; border-radius: 5px;padding:10px;}
.pop_con.knowledge .contents{padding: 15px;}
.pop_con.knowledge .img_heart img, .pop_con.notice .img_heart img{width: 100%;max-width: 37px;margin-top: -20px;}
.pop_con.bills .popcon_top, .pop_con.knowledge .popcon_top, .pop_con.notice .popcon_top{margin: 1.5em}
.pop_con.knowledge .contents .title, .pop_con.notice .contents .title{font-size:16px;font-weight:600;}
.pop_con.knowledge .contents .date, .pop_con.notice .contents .date{font-size:14px; font-weight:400; margin-bottom:20px; color:#a6a6a6;}
.pop_con.knowledge .contents .contents{font-size:13px; font-weight:500; padding:0;}
.pop_header.pop_bg_gray{background: #f5f5f7; height: 60px; z-index: 3}/*20210226 z-index추가 : 잘계시죠 팝업에서 하트가 짤려서..*/
.pop_con.knowledge .popcon_top, .pop_con.notice .popcon_top{margin-top: 50px ;}
.pop_con.knowledge{padding-right:15px; padding-left: 15px;}
.pop_con .sub{font-size:1.1em;}
.pop_con .pop_header .btn_close{top:19px;}
.review_wrap .review_title{height:35px; line-height:35px;}
.review_wrap{width:100%}
.fixed_menu_top {position:fixed;top:45px;right:0;left:0;z-index:11;}
.container.bt10{margin-top:10px}
 button.review_btn{color:#fff;font-weight:600;padding:2px 10px; margin-top: 10px; font-size:12px;border: 1px solid #3dafe0;border-radius: 20px; height:30px; background: #3dafe0; float: right}
/*하트 뒤로 있는 것*/
.pop_con .img_heart{position: relative; z-index: 1000}
.pop_con .contents.shadow{overflow-y: scroll; position: fixed; bottom: 76px; right:15px; left: 15px; top:110px; width:auto}
.like{text-align: right; display: block; font-size: 12px;  color: #445eb2; margin-top: 3px;}

.btn_close span::before {content: '\f129'; font-family: 'Ionicons'; font-size: 1.5em; line-height: 30px;}
.btn_close {margin: 0;font-weight: 300;white-space: nowrap;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;outline: 0;vertical-align: middle;color: #000;border: 0;background: 0 0;padding: 0; height: 40px; position: absolute; top:1em; right: 2em; cursor: pointer}

/*오류*/
.error_body {padding: 10px;}
.error_body .text{text-align: center;}
.error_body b{font-size: 15px;}
.error_body .blue{color: #2277c8;}
.error_body .gray{color: #999;}

.pop-layer.opened {background: rgba(0, 0, 0, 0.4);}
.hit {z-index: 999;display: block;}
.main_bottom dl dt {filter: none;}
.unknown {z-index: -1; display: none;}
.guide {position: absolute; padding: 10px; left: 13em; top: 2em; background: white; border-radius: 1em;}
.guide2 { position: absolute; padding: 10px; left: 0em; top: 18em; background: white; border-radius: 1em;}

/*메뉴 검은화면*/
.pop-layer.opened {display: block; width: 100%; height: 100%;visibility: visible; opacity: 1; background: rgba(0, 0, 0, 0.4);}
.pop-layer {position: fixed;top: 0;left: 0;width: 0;height: 0;z-index: 800;visibility: hidden;opacity: 0;}
.pop-layer.opened .pop-layer-content {opacity: 1;visibility: visible;width: 100%;height: 100%;}
.pop-layer .pop-layer-content {position: absolute;background-color: #fff;z-index: 1002;bottom: 0;opacity: 0;visibility: hidden;-webkit-transition: all .25s ease;transition: all .25s ease;}


/*버튼 타원*/
.btn_one{text-align: center; margin-top: 1em;}
.btn_one button{width: 70%; padding: 0.8em; font-size:1.1em; border-radius: 3em; border: none; color: #fff; background: #445eb2; }
	.btn_one button:disabled {
		background: #c3c3c3;
	}
.btn_one button.w30, .btn_one button.w70{padding: 0.8em 0.2em; font-size:1.1em; border-radius: 3em; border: none; color: #fff; background: #445eb2;}
.btn_one button.w30{width: 25%; margin-right: 10px;}
.btn_one button.w70{width: 65%;}
.btn_one.bottom {position: fixed; bottom: 0px;left:0;right:0;padding:0;margin:0 auto;}
.btn_one button{margin-bottom:15px;}

.btn_one_ct {text-align: center; margin-top: 1em;}
.btn_one_ct button{width: 70%; padding: 0.8em; font-size:1.1em; border-radius: 3em; border: none; color: #fff; background: #445eb2; }
.bt_con_ct {padding-bottom: 15px; width:100%; position:fixed; bottom:0;left:0}/*푸터위에 항상고정*/

/*정보입력*/
.input_title{padding-top: 1em; padding-bottom: 0.5em; display: block;}
.input_box{position: relative; }
.input_box i{position: absolute; right:0.7em; top:45%; margin-top: -0.5em;}
.star::after{content: '*'; color:#F33639; font-size: 16px; padding-left: 2px;}

.t_btn_02 input[type='radio'] + label{width:49%}
.test_con input[type='radio'] + label.v_line {border-left:1px solid #ddd !important;}
.t_btn_03 .btn_3, .t_btn_02 .btn_2, .t_btn_01 .btn_1, .t_btn_04 .btn_4, .t_btn_02 .btn_4{float: right;}
.test_con input[type='radio']:checked + label {display: inline-block; background: #34bbeb; border: 0; color: #fff; border: 1px solid #34bbeb; }
.test_con input[type='radio'] + label {padding: 12% 10px 5% 10px; background: #fff; border: 1px solid #ddd; margin-bottom: 0.5em; text-align: left; color: #555; border-radius: 8px; font-size: 20px; font-weight: bold; }	
.test_con input[type="radio"] + label::before, .test_con input[type="radio"] + label::after {display:none;}
.test_con .input_title{font-weight: 900}
.t_btn_02 .btn_2{float: right;}
.t_btn_02 img{margin: 20px 0}

/*wrapping - 쓰인것 :: wrapping 3_1번*/
.wrapping, .wrapping1, .wrapping1_1, .wrapping2, .wrapping2_2, .wrapping2_3, .wrapping3, .wrapping3_1, .wrapping4, .wrapping5, .wrapping5_1, .wrapping6, .wrapping7, .wrapping8, .wrapping9, .wrapping10, .wrap_c_c, .chating ol.well{position: fixed; overflow-y: scroll; width: 100%;}
.wrapping{top: 60px; bottom: 75px;}/*앱이용을 위한 권한안내*/
.wrapping1{top: 60px; bottom: 65px; left: 0; right: 0; padding: 10px;}
.wrapping1_1{top: 60px; bottom: 65px;}
.wrapping2{top: 100px; bottom: 0px;}/*제목글씨 제외 - 글씨포함 100*/
.wrapping2_2{top: 100px; bottom: 65px;}/*대상자 팝업에 쓰임*/
.wrapping2_3{top: 100px; bottom: 80px;}
.wrapping3{top: 140px; bottom: 75px;}
.wrapping3_1{top: 133px; bottom: 80px; }
.wrapping4{top: 130px; bottom: 0px;}
.wrapping5{top: 200px; bottom: 155px;}
.wrapping5_1{top: 170px; bottom: 65px;}
.wrapping6{top: 100px; bottom: 155px;}
.wrapping7{top: 60px; bottom: 260px; left: 0px; right: 0px; }
.wrapping8{top: 125px; bottom: 155px;}
.wrapping9{top: 98px; bottom: 85px;}
.wrapping10{top: 60px; bottom: 80px;}

/*잘계시죠 컬러변경*/
.well .comment .alram .soundsss{background: #445eb2 !important}

/* 로딩 background */
.loading-layer.opened {display: block; width: 100%; height: 100%;  visibility: visible; opacity: 1; background: rgba(0, 0, 0, 0.4); -webkit-transition: all .25s ease;transition: all .25s ease;}
.loading-layer {position: fixed;top: 0;left: 0;width: 100%; height: 100%; z-index: 80;visibility: hidden;opacity: 0;}

.pop_con.notice, .pop_con.knowledge{background: #f5f5f7;}

.slick-dots-care {position: absolute; top: 190px;left: 40%;display:flex;border:none;color:1px;margin:10px;}
.slick-dots-care .slick-active button {background: #3e97eb;}
.slick-dots-care li button {width: 10px;height: 10px;background: #ddd;border: none;border-radius: 5px;font-size: 0;margin:3px;}
.pop_con.daily .contents .slider {margin-bottom:30px}
.pop_con.daily .contents .slider img, .pop_con.notice .contents .slider img {width:100%;height:200px; margin-bottom: 30px}

.keyword { position: relative; display: inline-block; margin-top: 4px; margin-left: 10px; float: left; width: 190px; }
.keyword input { padding: 6px 35px 6px 10px; }
.keyword button { border: none; width: 20px; height: auto; margin-top: 6px; background: none; position: absolute; right: 10px; top: 1px; }