@charset "utf-8";

body.lock {overflow: hidden;}
.disible{display: none}
.d_blok{display: block}
.bold {font-weight: bold;}
p.bold {margin-bottom: 10px;}
.lock {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; -webkit-tap-highlight-color:transparent;}
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}

.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: 10px;}

.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}

/*footer*/
footer{position: fixed; background: none; width: 100%; bottom: 0; border-top: 1px solid #ddd; z-index: 10;}
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.svg") no-repeat center 4px !important; 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);-webkit-tap-highlight-color: rgba(0,0,0,0);}
footer > ul > li{padding-top: 2.6em;}

footer li.detail_footer01{background: url('/images/resources/footer_speech.svg') no-repeat top center; background-size: 30px;}
footer li.detail_footer02{background: url('/images/resources/footer_heart.svg') no-repeat top center; background-size: 30px;}
footer li.detail_footer03{background: url('/images/resources/footer_share.svg') no-repeat top center; background-size: 30px;}
footer li.detail_footer04{background: url('/images/resources/footer_call.svg') no-repeat top center; background-size: 30px;}
footer li.detail_footer05{background: url('/images/resources/footer_info.svg') 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.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}

/*footer :: 더보기*/
.btn_more{background: #4182fb; position: absolute; bottom: 0px; left: 50%; margin-left: -40px; width: 80px; padding: 20px 5px; margin-bottom: 60px; border-radius: 50px; display: none;
		box-shadow: rgba(0,0,0,0.2); }
.btn_more li{display: block; color: #fff; line-height: 40px; font-size: 16px;}
.btn_more .tail{ position: absolute; bottom: -10px; left: 50%; margin-left: -7px; width: 0px;height: 0px; 
		border-top:12px solid #4182fb; border-bottom:12px solid none; border-right: 7px solid transparent; border-left: 7px solid  transparent;}

/*톻합검색_최근본 목록*/
.foot_img {position: fixed; bottom: 60px; height: 200px; width: 100%}
.foot_img.g_bar{padding-bottom: 10px;}
.foot_img.g_bar .recent{position: absolute; right: 10px; left: 10px; overflow-y: scroll; padding-top: 6px; padding-left: 5px;}
.foot_img.g_bar .recent dl{min-width: 120px;}
.foot_img .recent dd{height: 18px;}
.recent .local{height: 14px;}

.key_contents .t_con1 {position: fixed; top: 100px; bottom: 260px; left: 0px; right: 0px; overflow-y: scroll;}
.key_contents .text_empty {position: fixed; left: 10px; right: 10px; overflow-y: scroll;}

/* 우측 마이페이지 메뉴 시작*/
#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: url("/images/resources/menu_login_image.svg"); 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: -2em; margin-top: -0.5em;}
.right-nav .alarm_New{top:50%; left: auto; margin-top: -0.65em; margin-left: 0.2em;}

/*title*/
.textdot {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 라인 */
.bt_line {border-bottom: 1px solid #dbdae4;}

/*메뉴 검은화면*/
.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;}

/*팝업*/
.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;}

.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}

.con_hide{visibility: hidden;}
.con_show{visibility: visible;}

.con_display_none {display: none;}
.con_display_block {display: block;}

/*버튼 타원*/
.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.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_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}/*푸터위에 항상고정*/

/*기타 공용*/
h3{font-size: 1.3em; font-weight: 500; letter-spacing: -0.05em;}
.ab_50{position: fixed; 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;
	z-index: 2;
}/*푸터위에 항상고정*/
.bt_con2{left:0;padding: 10px 10px 90px 10px; width:100%; position:absolute; bottom:0;}/*푸터위에 항상고정*/
.bt_con3{padding-bottom: 150px; width:100%; position:absolute; bottom:0;}/*★★★★★★★★★푸터위에 항상고정 대화창만★★★★★★★★*/

/*배경색*/
.wrap{min-height:inherit; width: 100%; position:relative;}
.wrap_map{background: #f6f7f9;}
.container{padding: 10px;}
.container2{padding: 20px;}
.container3{padding: 20px 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; }
.img_center{text-align: center;}
/*.img_center img{width:80%;margin-top:20px;}*/

/*부연설명*/
.footnote{color:#4c83de; font-weight: normal; font-size: 0.9em;}
.footnote2{color:#999; font-weight: normal; font-size: 0.9em; margin: 1em; }

.g_bar .tabCon{height: 100vh}

/***********등급/매칭/치매 공통부분***********/
/*상단 제목*/
.test_top li{margin: 0.1em 0}
.test_top ul{margin-bottom: 0.7em;}
.test_top .subs{font-size:1.2em; font-weight: 400; }
.test_top .title{font-size:1.7em; font-weight: 400; color: #152638; letter-spacing: -0.08em}

/*등급매칭 진행도*/
.progress_name{color: #1898fb;}
.progress-bar {
  background-color: #ebecef;  border-radius: 1.25em;  width: 90%;  height: 8px;  display: inline-block; position: relative;}
.progress-value {
  background-color: #49a0fa;  transition: 0.3s all linear;  border-radius: 1.25em;  height: 8px;  display: inline-block; position: absolute;}
.prog_dot{background-color: #c0c4cf;  border-radius: 1.25em;  width: 8px;  height: 8px;  display: inline-block; position: absolute;}
.progress_num{float: right}
.test_ooo{position: fixed; top:35px; width: 100%;}

/*등급 제목*/
.rank_body p.tit_name{font-size: 18px; font-weight: 600; }
.tit_name .pop_detail{color: #888; text-decoration: underline; margin-bottom: 1.5em;-webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer}
.tit_name .pop_detail::after {content: '\f3d1'; font-family: 'Ionicons'; color: #888;}
.test_top .title span {float: left;}
.test_top .title .img_heart{margin-left: 5px;}
.test_top .title .img_heart img{width: 100%; max-width: 30px;  margin-top: -30px;}
.tit_name .pop_detail:hover,.tit_name .pop_detail:hover::after{color:#6693EC}
.tit_name .pop_detail:active, .tit_name .pop_detail:active::after{color:#2D45B8}

/*등급 테스트*/
.test_con ul{padding: 0.4em 0;}
.test_con li.tit{padding: 0px 15px}
.test_con .t_btn_01 li, .test_con .t_btn_02 li, .test_con .t_btn_03 li, .test_con .t_btn_04 li{overflow: hidden; padding: 20px 15px 10px 15px;;}/* border-bottom: 10px solid #f6f7f9;*/
.test_con b{color: #122ccb; font-size: 1.3em;}
.test_con li p .sub{font-size: 0.9em; font-weight: normal; display: block; padding-left: 2.1em;}
.test_con li p .sub::before{content: ''; margin-left: -1em;}
.test_con .small{font-size:0.95em; font-weight: normal; display: block; margin-bottom: 1em; line-height: 1.5em}
.test_con button{padding: 0.85em 0; background: #fff; border: 1px solid #ddd; border-left: none; font-size: 1em; margin: 0; float: left; margin-bottom: 0.5em; cursor: pointer}
.test_con button:focus, .test_con button:active, .test_con button:checked, .test_con button.on{border: 1px solid #48a0fa; background: #48a0fa; color: #fff;}
.test_con .input_title{font-weight: 900}
.test_con ul.t_btn_03 input[type='radio'] + label{text-align: center}

.t_btn_04.f_l {float:left;}
.t_btn_04 button{width:25%}
.t_btn_03 button{width:30%}
.t_btn_02 button{width:49.9%}
.t_btn_01 button{width:99.9%}
.t_btn_03 .btn_2{margin: 0 1%}

.t_btn_04 input[type='radio'] + label{width:25%}
.t_btn_03 input[type='radio'] + label{width:32%}
.t_btn_02 input[type='radio'] + label{width:49%}
.t_btn_01 input[type='radio'] + label{width:99.9%}

.t_btn_04 input[type='checkbox'] + label{width:25%}
.t_btn_03 input[type='checkbox'] + label{width:32%}
.t_btn_02 input[type='checkbox'] + label{width:49%}
.t_btn_01 input[type='checkbox'] + label{width:99.9%}

.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: 15px 10px; background: #fff; border: 1px solid #ddd; margin-bottom: 0.5em; text-align: left; color: #555; border-radius: 8px; font-size: 15px;}	
.test_con input[type="radio"] + label::before, .test_con input[type="radio"] + label::after {display:none;}

.test_con input[type='checkbox']:checked + label {display: inline-block; background: #34bbeb; border: 0; color: #fff; border: 1px solid #34bbeb; }
.test_con input[type='checkbox'] + label {padding: 15px 10px; background: #fff; border: 1px solid #ddd; margin-bottom: 0.5em; text-align: left; color: #555; border-radius: 8px; font-size: 15px;}
.test_con input[type="checkbox"] + label::before, .test_con input[type="radio"] + label::after {display:none;}
.test_con input[type="checkbox"] + label::after {background: none}

/*.test_btn{overflow: hidden}*/
.test_btn button{padding: 15px 0; border: none; font-size: 16px; float: left; cursor: pointer; font-weight: 700;}
.test_btn .prev{background: #dfe0e5; color: #68696d; width:24%; border-radius: 10px;}
.test_btn .next{background: #4182fb; color: #ffffff; width:74%; border-radius: 10px; float: right}
.test_btn .result{background: #d7d7df; color: #68696d; width:100%; border-radius: 10px;}
.test_btn .next.on, .test_btn .next:focus, .test_btn .result:focus{background: #1a54c0; color: #fff;}

/*정보입력*/
.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;}

/*등급 매칭 대상 추가*/
.test_list{position: fixed; top: 142px; bottom: 142px; width:100%; overflow-y: scroll}
.test_result{border-bottom: 10px solid #f6f7f9; padding: 30px 20px; overflow: hidden}
.rst_man{font-size: 18px; font-weight: bold; margin-bottom: 2px;}
.rst_date{margin-bottom: 10px; font-size: 14px; font-weight: 400; color: #666;}
.rst_btn {overflow: hidden}
.rst_btn .m_result{padding: 0.5em; border: 1px solid #ddd; float: left;  background:#fff; cursor: pointer}
.rst_btn .m_control{padding: 0.5em; float: right;}
.rst_btn .m_result, .rst_btn .m_control{font-size: 0.95em; font-weight: 400;}
.rst_btn .m_result:active, .rst_btn .m_result:focus,.rst_btn .m_result.on{background: #f5f5f7}
.rst_btn .cng, .rst_btn .del{cursor: pointer; color:#666}
.rst_btn .cng:hover, .rst_btn .del:hover{color:#6693EC}
.rst_btn .cng:active, .rst_btn .del:active{color:#2D45B8}

/*상담해죠 상단*/
.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 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{left: 0; margin-left: -68px; position: absolute; bottom: 0;}
.comment.centers .time, .comment.alss .time{width:24%; display: inline-block;  margin-left: 7px; vertical-align: bottom}

/* 상담해죠 목록 탑 고정 */
.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: 11;}

/*채팅창*/
.chating {position: relative}
.chating .info{overflow: hidden; font-weight: 500}
.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;}

/*말풍선*/
.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: 65%;  max-width: 250px; margin-left:7%; background: #fff; position: relative; border-radius: 5px; overflow: hidden; display: inline-block}
.chating .comment .alram .conss{padding: 10px; font-weight: 400; font-size:1em;}
.chating .comment .alram .conss a{text-decoration: underline; color: blue;}
.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__, .alram .requisition__ {
	height: 130px;
	text-align: center;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 45px;
}
.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 
{content: ''; position: absolute; top: 0;width: 13px; height: 17px; background-size: 100%; display: block;}

/*채팅 컬러_잘계시죠/상담해죠*/
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:#e9eaf2}

/*채팅 입력창*/
.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;}

/*★★★★★★★★★★★★★★★★★★★★★★★★★잘계시죠케어카드 9월1일 수정★★★★★★★★★★★★★★★★★★★★★★★★★*/
/*잘계시죠 케어카드*/
.go_card.opa{opacity: 0.6;}
.go_card.grays{filter: grayscale(100%); }
.go_card{padding: 20px 10px 20px 10px; position: relative; border: 1px solid #ccc; border-radius: 5px; background: #fff; width: 95%; margin: 10px auto 10px; display: flex;
	background-image: url('/images/resources/care_card_bg.png'); background-repeat: no-repeat; background-position: center left;}
.go_card dl{width:30%; float: left}
.go_card dt{width:3.5em; height: 3.5em; border: 1px solid #ddd; border-radius: 1.5em; margin: 1em auto; background-repeat: no-repeat; position: relative;}
.go_card dt .alarm_New{left: -5px; top: -5px;}
.go_card dd{border: 1px solid #ccc; border-radius:30px; width: 60%; margin: auto; font-size:0.8em; text-align: center}
.go_card ul{width: 70%; margin-top: 1.1em;  float: left}
.go_card .title{font-size: 1.2em; font-weight: 600}
.go_card .names{font-size: 1.1em; font-weight: 400; letter-spacing: 1.5em; margin-bottom: 6px;}
.go_card .date{font-size: 0.95em; color: #999;}
.go_card .go_btn{position: absolute; bottom: 5px; font-size:12px;}
.go_card .del{right: 10px; color: #999; text-decoration: underline;}
.go_card .list_pay{left: 31%;}
.go_card .list_put{left:10px; width: 30%; text-align: center;}
.go_card .using{position: absolute; top:10px; right: 10px; font-size:0.95em; line-height: 1.2em;}
.go_card .using img{width: 15px; height: 15px; padding-top: 2px;}


/*잘계시죠 상단*/
.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}

/*채팅창만큼 여백*/
.pop_con.input_pd{ padding-bottom: 150px; }

/*일지,공지,지식창고 등*/
.pop_con.daily, .contents.daily{background: #fff; padding-left: 10px; padding-right: 10px;}
.pop_con.daily .title, .contents.daily .title{font-size:1.35em; font-weight: 700; color: #152638;}
.pop_con.daily .popcon_top, .contents.daily .popcon_top{margin-bottom:1.5em;}
.pop_con.daily .img_heart img, .contents.daily .img_heart img{width: 100%; max-width: 15px; }

/*영수증*/
.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;}

/****************************************************************************************************************************************************/
/***************************************************************9월 1일 추가**************************************************************************/
/****************************************************************************************************************************************************/
/*버튼 타원*/
.btn_sky{text-align: center; margin-top: 1em;}
.btn_sky button{width: 80%;  padding: 0.8em; font-size:1em; font-weight: 300; border-radius: 4px; border: none; color: #fff; background: #49a0fa; }
/*배경색*/
.g_bar2{background: #f5f5f7; padding: 5px 10px; font-weight: 500; color: #242426; position: relative; border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}

/*검색_지도*/
.keyword{background: #fff; border-radius: 10px; width:95%; margin: auto; position: relative; 
	background-image: url("/images/resources/list_location.svg"); background-repeat: no-repeat; background-size: 20px 20px; background-position: 6px center }
.keyword input,.keyword input:focus{border: none; background: none;padding: 10px 10px 10px 30px; width: 90%;}
.keyword button{border: none; background: #fff; width: 20px; height: auto; margin-top: 8px; position: absolute; right: 10px; top:1px;}

/*검색*/
.keyword2{background: #fff; border-radius: 10px; width:88%;position: relative; display: inline-block; border: 1px solid #ddd; margin-top: 8px;
	background-image: url("/images/resources/search2.svg"); background-repeat: no-repeat; background-size: 20px 20px; background-position: 10px center }
.keyword2 input, .keyword2 input:focus{border: none; background: none;padding: 8px 10px 8px 35px; width: 90%;}
.cancel{padding-left: 5px; cursor: pointer}
.cancel:focus{color:#137BE8}

/*검색리스트*/
.find_list{overflow: hidden; margin-top: 5px; padding: 15px 20px 20px 20px; border-bottom: 10px solid #f6f7f9;}
.find_list dt{height: 100px; border-radius: 20px; background-repeat: no-repeat; margin-left: 5%; width: 32%; float: right; position: relative}
.find_list dd{width:63%; float: left;}
.find_list .title{font-size:18px; font-weight: 700; display: block; margin: 6px 0 1px; height: 30px;}
.find_list .Short span, .find_list .list_status .Short{font-size: 12px; font-weight: 300; color: #aaa;}
.find_list .Short span::after{content: "\0399";  padding-left: 5px; font-weight: 300; color: #aaa;}
.find_list .Short span:last-of-type::after{color:#fff}
.find_list dd.list_local {width:63%; font-size: 14px; font-weight: 400; color: #666;}
.find_list .grade{display: inline-block; font-size:11px; color: #fff; background: #a9afb5; padding: 2px 8px 1px 5px; border-radius: 0 10px 10px 0; border: none;}
.find_list .division{font-size:12px; color: #888; margin-left: 4px;}
.find_list .division img{ margin-bottom: -4px; margin-right: 4px}
.find_list dd.list_local .name, .find_list dd.list_local .date, .find_list dd.list_local .more, .find_list dd.list_local .close
{font-size:0.9em; font-weight: 400; color: #999; line-height: 0.2em}
.find_list dd.list_local .close{display: none}
.find_list dd.list_local .more {display: block; padding-top: 10px; cursor: pointer}
.find_list dd.list_local .name::after{content: ''; border-right: 1px solid #ddd; padding-left: 4px; margin-right: 4px;}
.detail_con .g_bar .tit_name dd a { display: block;}
.find_list .division img {width:18px;height:18px;}
.talk_ok img {width:13px;height:13px;}
.detail_con .box_intro .Brief dt img {width:24px;height:24px;}

/*상담가능*/
.talk_ok{position: absolute; bottom: 0; font-size:12px; border:1px solid #dadadf; background: rgba(254, 254, 254, 0.85); padding: 2px 5px; border-radius:  0 5px 0 20px }
.talk_ok img{margin-bottom: -2px; margin-right: 5px;}

/*하투*/
.find_list .fa-heart{position: absolute; bottom: 2px; right: -2px; color: #ddd; margin-right: 5px; margin-top: 8px; font-size:25px;}
.find_list .fa-heart.active {color: #ff4e50;}

/*키워드검색*/
.keyword_list li{padding-left: 30px; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;}
.keyword_list li:first-child{font-size:1.15em; font-weight: 600; padding-left: 0; background:none;}
.keyword_list li .date{float: right; font-size:0.9em; color:#999;}
.keyword_list .ion-android-close{margin: 0 5px;}
.keyword_list.bg_time li,.keyword_list.bg_know li{background-repeat: no-repeat; background-size: 15px 15px; background-position: 5px 2px }
.bg_time li{background-image: url("/images/resources/keyword_time.svg");}
.bg_know li{background-image: url("/images/resources/keyword_knowledege_k.svg");}

/*검색리스트*/
.recent_title{font-size:1.15em; font-weight: 600; }
.recent{display: flex}
.recent dl{flex: 3}
.recent dt{height: 6em; border: 1px solid #ddd; border-radius: 5px; background-repeat: no-repeat; margin: 2% 5%; position: relative;}
.recent dd{font-size:1em; font-weight: 600;}
.recent .local{font-size:0.85em; color: #999; font-weight: 400}
.recent dt .alarm_New{left: -8px; top: -5px;}

/*약관동의*/
.agree_top{width:90%; margin: 5px auto; border-bottom: 1px solid #ddd; padding-bottom: 10px; font-weight: bold;font-size: 1.35em;}
.agree_top span{float: right; width: 25px; height: 25px; margin-top: 2px;}
.agree{margin: 10px auto}
.agree li:first-child{color: #000; font-size:1.2em; font-weight: 500;}
.agree li{color:#999;}

/*가입*/
.text_join{font-size:1.6em; font-weight: 400;}
span.jump, .recall{float: right; font-weight: 400; text-decoration: underline; }
span.jump{color: #999;font-size:0.6em; }
.recall{color: #EF1D21;font-size:0.95em; }
.join_input{overflow: hidden; border: 1px solid #ddd; border-radius: 5px;}
.join_input li{padding: 10px; border-bottom: 1px solid #ddd; font-weight: 400; padding-left: 30px; letter-spacing: 0.5em;}
.join_input li:first-child{text-align: center; font-weight: 600; letter-spacing: -0.05em;}
.join_input li:last-child{ border-bottom: none}
.join_wrap{position: relative; min-height: 48vh;}
.join_wrap .join_us{padding-left: 10px; font-weight: 100; font-size: 13px; margin-top: 5px;}

.join_img{height: 8em; width: 8em; border-radius: 3.6em; background-repeat: no-repeat; margin: 20px auto 5px}
.join_name{width: 80%; margin: auto; border-bottom: 1px solid #ccc;}
.join_name input{border: none; background: none; text-align: center; font-size: 1.2em; padding:0.5em; font-size:15px;}
.join_name input:focus{border: none; }
.join_agree li{margin-bottom: 1em;}
.join_agree li b{color:#2268e7; text-decoration: underline}

/*상담해죠 리스트*/
.chat_list li.line{border-bottom: 1px solid #eee; padding-bottom: 14px; margin-bottom: 10px; width: 100%;}
.chat_list ol{width:68%; display: inline-block}
.chat_list li .center_logo{width:30%; margin: auto; float: left;}
.chat_list ol li:first-child{font-size:0.8em; font-weight: 400; color:#3882d6; position: relative;}
.chat_list .ion-android-close{position: absolute; right:0px;font-size:1.5em; color: #999;}
.chat_list ol li.title{font-size:1.3em;font-weight: 600; }
.chat_list ol li.text{font-weight: 400;margin: 2px 0;}
.chat_list ol li.date{font-size:0.8em; font-weight: 400; color: #999;}
.chat_list p {width:5em; height: 5em; border: 1px solid #ddd; border-radius: 2em; background-repeat: no-repeat; position: relative;  margin: auto; }
.chat_list p .alarm_New{left: -5px; top: -5px;}


/****************************************************************************************************************************************************/
/***************************************************************9월 2일 추가**************************************************************************/
/****************************************************************************************************************************************************/
.bg_know{margin-top: 20px}
.wrap0{position:relative; padding-bottom: 0px;}
.wrap1{position:relative; padding-bottom: 60px;}/*푸터에서 항상 밑으로고정*/
.wrap2{position:relative; padding-bottom: 240px;}/*푸터에서 항상 밑으로고정*/
.wrap3{position:relative; padding-bottom: 150px;}/*푸터에서 항상 밑으로고정*/
.test_list ol p {max-width: 50%; margin: 1em auto}
.test_list ol{text-align: center; display: none}
.phone_join{width: 15%; margin: 2em auto; padding-left: 10px}
.btn_one button{margin-bottom:15px;}

/*버튼*/
.joins button{background: #445eb2}
.joins button .certify_end{display: none;}
.joins button:focus {background: #ccc}
.joins button:focus .certify_start{display: none;}
.joins button:focus .certify_end{display: block}

/*키워드 검색 이미지 넣기*/
.key_contents .tabCon dl{padding-left: 40px; margin: 15px 0; background-repeat: no-repeat; background-size: 17px 17px; background-position: 15px 5px }
.key_contents .tabCon dl.know{background-image: url("/images/resources/keyword_knowledege_g.svg")}
.key_contents .tabCon dl.web{background-image: url("/images/resources/keyword_web.svg")}
.key_contents .tabCon dl.center{background-image: url("/images/resources/keyword_center.svg")}
.key_contents .tabCon dt{font-size:1.15em; font-weight: 600;}

.join_img, .join_name{position: relative}
h3.joins{font-size:1.15em; font-weight: 600;}
.join_name button{position: absolute; right: 0; top:20%; background: #48a0fa; color: #fff; border:none; border-radius: 5px; padding: 4px 8px;}
.join_name button:focus, .join_name button:active, .join_name button:target{background: #0a5fcc;}
.camera{width: 2.5em; height: 2.2em; position: absolute; bottom: 0; left: 50%; margin-left: 20px;
	background: #fff url("/images/resources/camera.svg"); background-size: cover; border: 1px solid #ccc; border-radius: 15px; background-repeat: no-repeat; background-size: 20px 20px; background-position: center;}

/*앱설정*/
.setting{margin: 5px 0;}
.setting li{margin-bottom: 10px;  border-bottom: 1px solid #eee; padding-bottom: 10px; padding-left: 10px;}
.setting button{background: #fff; border: none;}
.setting button:focus, .setting button:checked{color:#2368e7}

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

/*z카드*/
.slide_box .list {margin: 10px}
.slide_box h3{font-size:1.15em; font-weight: 600; text-align: center; margin:20px 0 10px 0;}
.slide_box .card.on{background: #9ebac5;  background-image: url("/images/resources/pay_card_light.png"); background-size: cover;}
.slide_box .card{background: #c7cbd6;  background-image: url("/images/resources/pay_card_light.png"); background-size: cover;}
.slide_box .card{width:100%; border-radius: 5px; height: 13em; margin: auto; position: relative;}
.slide_box .no_card {max-width: 100px; height: auto; margin: auto;}
.slide_box .no_card img{width: 100%; padding-top: 40px;}

/*토글*/
.vc-toggle-container.rights{float: right}
.vc-toggle-container * { -webkit-transition:  0.15s ease-out; -moz-transition: 0.15s ease-out; -o-transition:  0.15s ease-out;transition:  0.15s ease-out;}
.vc-switch { width: 40px; height: 20px;}
.vc-toggle-container label { position: relative; display: inline-block; vertical-align: top; border-radius: 30px; cursor: pointer;}
.vc-switch-input { position: absolute; transform: translate3d(5px, 5px, 0);}
.vc-switch-label { position: relative; display: block; height: inherit; background: #ccc; border-radius: inherit;}
.vc-handle {width:15px; height: 12px; position: absolute !important; top: 4px; left: 5px; background: #fff;  border-radius: 30px;  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);}
.vc-handle:before { content: ""; top: 50%; left: 50%; position: absolute !important; margin: -6px 0 0 -6px; width: 12px; height: 12px; border-radius: 6px;}
.vc-switch-label:active ~ .vc-handle, .vc-handle:active {width: 30px;}
.vc-switch-input:checked ~ .vc-handle {  left: unset;  right: 5px;}
.vc-switch-input:checked ~ .vc-switch-label{background:#2368e7;}

/****************************************************************************************************************************************************/
/***************************************************************9월 3일 추가**************************************************************************/
/****************************************************************************************************************************************************/

/*검색결과_리스트_광고*/
.slide_box .list .ad{background: #fff; border-radius: 5px;  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); padding: 10px 10px 15px 10px; overflow: hidden}
.slide_box .list .ad dl{overflow: hidden; padding-top: 5px}
.slide_box .list .ad dt, .slide_box .list .ad dd{float: left}
.slide_box .list .ad .title{font-size:1.1em; font-weight: 700;}
.slide_box .list .ad .local{font-size:0.9em; color: #999; margin-top: 0;}
.slide_box .list .ad dd{width:74%;}
.slide_box .list .ad dt{width:25%; margin-right: 1%;}
.slide_box .list .ad dt p{width:3em; height: 3em; border: 1px solid #ddd; border-radius: 1.25em; background-repeat: no-repeat; position: relative; margin: auto}
.slide_box .list .ad dt .alarm_New{left: -5px; top: -5px;}

/*검색결과 리스트_광고_ 연락부분*/
.slide_box .ad .contact {margin-top: 5px;}
.slide_box .ad .contact .grade{border: 1px solid #eee; font-weight: 600;border-radius: 30px; color: #000; padding: 2px; margin-top: -2px;}
.slide_box .ad .contact li img{width:13px; height: auto; display: inline-block; margin-bottom: -2px; margin-right: 3px;}
.slide_box .ad .contact li{border: 1px solid #eee; float: left; width: 37%; padding: 2px 5px; border-right: none; font-size:0.85em; color: #666; text-align: center}
.slide_box .ad .contact li:last-child{border-right:1px solid #eee;}
.slide_box .ad .contact li:first-child{border: none; width: 25%; margin-right: 1%}

/*카드 등록_슬릭*/
.slide_box .list .text{margin-top: 19%; width: 80%; margin: auto;text-align:center;}
.slide_box .list .num{text-align: center}
.slide_box .list .card_img{margin: 15px 20px; }
.slide_box .list .card_img span{float: right; color: #fff; font-size:0.85em; }
.slide_box .list .card_img img{height: 20px; float: left}
.slide_box .list .date{font-size:0.95em; color: #999; margin-top: 5px;}
.slide_box .list .card{position: relative; overflow: hidden}
.slide_box .list .card_info{position: absolute; bottom: 15px; left: 20px; color: #fff;}
.slide_box .list .card_info .number{font-size:1.2em;}

.d_info .test_btn{margin: 10px 0}

.facility{width: 20px; float: right}
.mains_top .maintop_text .subs{margin-bottom: 0}
#right-menu .right-nav>li:focus,#right-menu .right-nav>li:active{background: #eee;}
#right-menu .right-nav>li{background-size: 27px 27px !important;}
.img_center img{width:100%;}

.star_grade{display: inline-block; }
.star_grade li{display: inline-block; color: #ccc; text-align: center}
.star_grade li.on{color: #fdc700;}
.star_grade li{font-size: 1em;}

.question_write .star_grade li{font-size: 2em; flex: auto}
.question_write .star_grade{margin: auto; width:175px; display: flex;}

.pop_bg2{overflow: hidden; position: fixed}
.pop_bg2 .test_btn .result{padding: 10px 0}
.pop_bg2 .btn_close{color:#fff; top:6px;}
.pop_bg2 h2{background: #3dafe0; color:#fff; text-align: center; padding: 12px 5px 12px 5px; position: relative;font-size: 1.2em;  letter-spacing: -0.06em;}
.pop_bg2 .text_input{ margin: 12px 0 5px; height: 150px;}
.pop_bg2{width:80%; height: auto; border-radius: 1em; background: #fff; z-index: 10000; margin-left: -40%; top:40px !important;text-align: center;}
.pop_bg2 .pop_wraps{padding: 10px 1.5em 1.5em 1.5em;}
.pop_bg2 textarea{resize: none}

/****************************************************************************************************************************************************/
/***************************************************************9월 4일 추가**************************************************************************/
/****************************************************************************************************************************************************/

.no_search{padding:5px;}
.no_search .txt{font-size:1.2em; margin:20px 0; text-align: center; font-weight: 600; list-style: none; color:#000}
.no_search li{color:#666}
.no_search li.txt::before{content: ''}
.no_search li::before{content: '·'; padding-right: 10px;}

/*첫사용자*/
body.counseling .menu.hit, .chat_type{position: relative; z-index: 999999; display: block}
body.counseling .guide{max-width: 200px;}

/*안겹치게*/
.position_a{position: absolute}
.check_box li{margin-bottom: 10px; font-size: 1.15em; font-weight: 600;}
.check_box li input[type="radio"] + label::before{margin-top: 4px}

/*슬릭 점*/
.slick-dots{position: fixed; top: 24%; left: 50%; margin-left:-40px;} /*top:70px;*/ 
.slick-dots li{display: inline-block; margin-right: 10px; }
.slick-dots li button{width: 10px; height: 10px; background: #ddd; border: none; border-radius: 5px; font-size:0;}
.slick-dots .slick-active button{background: #3e97eb; }
.quiz_cover {height: 100vh;}
.quiz_slider .img_center img{text-align: center; display: inline-block; }
.quiz_slider .img_center{}
.w_2222 .slick-dots{margin-left:-20px;}
.w_333 .slick-dots{margin-left:-25px;}

p.check_box {float:right; margin-top: -10px;}
.wrap.join .bt_con2 {position: relative;padding:10px 10px 20px 10px;}

header .btn_close {height: 20px; position: static; margin-top: -10px; }
/*.popcon_top{padding-top:40px;}*/
.rm_header{text-align: center;}
.rm_header .btn_close{ height: 10px; margin-top: -10px; right: 10px;}
.care_header{text-align: center; top: 0; left: 0;}
.care_header .container{line-height: 35px;}

.list_header{text-align: center; top: 0; left: 0;}
.list_header .btn_close{ height: 10px; top:6px;  right: 10px !important;}
.popcon_top .sub2{margin-bottom: 0 !important}
.popcon_top .subtitle.sub2{font-size: 25px !important; margin-left: -5px; letter-spacing: -0.06em}

/* S : 이하륜 */
.match_percent .blue, .blue, .btn.sort_active {color: #48a0fa;}
.att_tab {background: #f6f7f9; position: fixed; top:148px; width:100%; border-bottom: 1px solid #e6e7ec; border-top: 1px solid #ccc}
.att_tab > .tabs, .att_tab > .tabs > .tab_line:target{ border-bottom : none;}
.pipe::after{content: "|"; color: #999999;}
.detail_con{text-align: center;}
.detail_con .tit_name p {font-size: 1.1em; font-weight: 600;}
.detail_con .addr p {font-size: 1em; font-weight: 400;line-height: 1.5em;color: #999;margin: 0.3em;}
.locaion span { padding: 5px 10px; border-radius: 30px; width: 60%; margin: auto; font-size: 13px; text-align: center; font-weight: 400;}
.locaion span {background-color: #83898f;  color: #fff;}
.locaion {position: fixed; right: 20px; display: inline-block}
.locaion p {margin-top: 15px;}
.locaion span.filt_active, .filt_active {color: #fff; border: 1px solid #3399ff; background-color: #3399ff;}

.review_b {color: #48a0fa; border: 1px solid #48a0fa;}
.options{
  overflow: hidden;
  display: flex;
}
.options button{
  padding: 1.2em 0.1em; border: none; font-size: 0.9em; cursor: pointer;
}
.detail_con .g_bar, .detail_con .test_con{
  text-align: left;
}
.detail_con .tit_name dt{ font-size: 1.1em; font-weight: 600;}
.detail_con .tit_name dd{ margin: 10px;}
.detail_con .footnote2 { font-size: 12px;;}
.detail_con .footnote2 span{  float: right;}
.kakao_content { width: 100%;  position: fixed; top:0; bottom:0; left: 0; right:0}
#map {
  width: 100%;
  height: 100%;
}
.map_font{
  font-weight: bold;
  color: coral;
}

#search_list{
	display: none;
  padding: 5px 10px;
  font-weight: 500;
  color: #242426;
  /*position: relative;*/
  position: absolute;
  z-index: 999;
  background : #fff;
  width: 100%;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
	margin-left: -10px;
}
.keyword_list.bg_location li{background-repeat: no-repeat; background-position: 5px 2px }
.bg_location li{
  background-image: url("./Asset/images/resources/list_location.png");
}
.yoyang_detail .c100{
  float: right;
}
.yoyang_detail .verticals{
  width: 8.5em;
}
.fav > dd a{
  color: #999999;
  font-weight: bold;
}
.tit_name p .facility{
  position: absolute;
  margin-left: 3px;
}
.graph.yoyang_detail{
  border-top: 1px solid #ddd;
}
.pb25{
  padding-bottom: 25px;
}
.waiting_btn {
  border: none;
  border-radius: 5px;
  padding: 5px;
  width: 100%;
  background: #f1f2f4;
  margin-top: 4px;
}
.pop_bg {
  display: none;
}
.active {
  color: red;
}
.wait_pop {display: none;}

.pop_con .filter_close{
  left: 10px;
}
.bb_line, .bt_line {
  border-bottom: 1px solid #ddd;
}

.test_btn .fil_prev{width:32%; float: left;height: 48px; line-height: 16px; color: #68696d; border: #4182fb; background: #e9e9ef;border-radius: 5px;text-align: center; font-size: 16px}
.test_btn .fil_next{width: 100%; height: 48px; line-height: 16px; color: #fff; border: #4182fb; background: #4182fb;border-radius: 5px;text-align: center; font-size: 16px}
.test_btn.mini .fil_next{width:65%; float: right;}


/*지도위에 필터*/
.filter_section {background: #fff; border-radius: 10px; width:90%; margin: auto; position: relative; height: 41px;line-height: 41px; padding: 5px;}
.filter_section .map_filter{width:87%;}
.filter_section .test_btn button{padding: 0.4em 0;}
.map_filter .filter_btn {overflow-x: scroll; white-space: nowrap;}

/*맞춤조건 - 필터*/
.filter_btn{overflow: hidden;}
.filter_btn li{background: #fbfcff; border: 1px solid #f1f1f1; display: inline-block; margin-left: 2px; padding: 4px 10px; font-size:13px;}
.filters{position: absolute; top:5px; right: 5px; background: #fbfcff; border: 1px solid #f1f1f1; width: 31px; height: 31px; }
/*.filter_btn li.active_btn { background: #3399ff; color:#fff;}*/

/*조건_필터팝업*/
.filter_option li p {color: #060606; font-weight: 600; font-size: 13px;}
.filter_option li p.tit{ margin-top: 20px;}
.filter_option input[type="checkbox"].type_btn + label::before {content:none;}
.filter_option input[type="checkbox"].type_btn + label {background:#f8f8f8; color:#737576; font-size:16px; padding: 15px; margin-top:10px; width:47%; border-radius: 5px;}
.filter_option li {overflow: hidden;}
/*.filter_option li:nth-of-type(even){margin-bottom: 20px;}*/
.filter_option li:last-child{margin-bottom: 0}
.filter_option label:nth-of-type(even){float: right}
.filter_option label:nth-of-type(odd){float: left}
.filter_option li label span{position: absolute; right: 15px;}
.filter_option input[type="checkbox"]:checked.type_btn + label {background:#34bbeb;color:#fff;}
.filter_option input[type="checkbox"]:checked.type_btn + label::after {background:none !important;}


.filter_option li button{padding: 15px; width:47%; background: #f8f8f8; border-radius: 5px; display: block; margin-top : 10px; border:none; }
.filter_option li .active{ background-color : #48a0fa; color: white;}
.filter_option li button span::before {content: '\f129'; font-family: 'Ionicons';}

/*지도_필터 위치검색*/
.filter_option2 .keyword_list li{padding-left: 30px; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; font-size: 14px}
.filter_option2 .filter_title {color: #060606; font-weight: 600; font-size: 13px;}

.crpopup { color: #000000 !important }
.crpopup li { color: #242426 !important; font-size: 1em !important }
.crpopup p { color: #242426 !important; font-size: 1em !important }
.crpopup p { color: #242426 !important; font-size: 1em !important }
.crpopup dd { color: #242426 !important; font-size: 1em !important }
.crpopup dt { color: #242426 !important; font-size: 1em !important }
.crpopup th { color: #242426 !important; font-size: 1.1em !important }
.crpopup td { color: #242426 !important; font-size: 1.1em !important }

.option {display: none; position: absolute; width: 100%; z-index: 997; background: #fff; left: 0; border-radius: 5px; margin-top: 10px;  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.option .filter_option li{ display: none;}
.mt_20 { margin-top: 20px;}
.mt_30 { margin-top: 30px;}
.test_con button.review_button {background: #0a5fcc; color: #fff; font-weight: 600; padding: 10px 10px; width: 90px; font-size: 0.8em; border: none; border-radius: 5px;  height: 35px; 
 position: absolute; top: -10px; right: 0px;}

.find_list .match_percent {
  background: none;
  font-weight: bold;
}
.pb_20 {
  padding-bottom : 20px;
}
.other_search {
  position: fixed;
  width: 100%;
  top: 80%;
}
.other_search button{
  display: block;
  margin: 0 auto;
  padding: 0.5em;
  background: #48a0fa;
  color: #fff;
  border: none;
}
.bt_button{
  width: 100%;
  padding-bottom: 20px;
  position: absolute;
  bottom: 0;
  text-align: center;
  margin-top: 1em;
}
.bt_button button{
  width: 70%;
  padding: 0.8em;
  font-size: 1.1em;
  /*border-radius: 3em;*/
  border: none;
  color: #fff;
  background: #445eb2;
  margin-bottom: 15px;
}
.info_title {
  font-size: 1.2em;
  font-weight: 600;
}
.info_content {
  margin-top: 1em;
  text-decoration: none;
  color: #333;   
}

.con_top111{padding-top: 15px;
}

.pop_bg{
  padding: 3em 2em 1em 2em;
}
.pop_bg img{
  margin: 0px;
}
.pop_bg .text{
  font-size: 0.9em;
}
.wd_100{
  width: 100%;
}
.test_btn .list{
  background: #7d8494;
  color: #ffffff;
  width: 100%;
  border-top-right-radius: 0.15em;
  border-bottom-right-radius: 0.15em;
}
.test_con.chat input[type='radio'] + label {
  padding: 0.85em 0;
  background: #fff;
  border: 1px solid #ddd;
  float: left;
  margin-bottom: 0.5em;
  text-align: center;
}

.n_select .text{
  text-align:left;
}

.text_empty li {
  font-size: 15px;
  color: #333;
  text-align: center;
}

.bg_no {
  background: none;
}

.bt_btn_set, .test_btn .result.bt_btn_set {
  color: #fff;
  background-color: #2457BD;
  border: none;
  font-size: 14px;
}

.btn_blue{
  width: 100%;
  height: 49px;
  color: #fff;
  background-color: #2457BD;
  border: none;
  font-size: 14px;
}

.container.chima{
  text-align: center;
}
.search_tit{
  font-weight: 600;
  font-size: 25px;
  padding-left: 15px;
  padding-top: 2px;
}

.tabs.favorite .tab_line a {
  padding : 35px;
}
/* E : 이하륜 */

/* S : 고재학 */
.visible {
  display: none;
}
.join_input .input_li {
  padding: 0px;
}
.join_input .input_li input {
  border: none;
  padding-left: 0px;
  width: 59%;
}
.join_input .input_li img {
  margin-left: 15px;
  margin-right: 15px;
}
.btn_gray button {
  width: 80%;
  height:40px;
  font-size: 1em;
  font-weight: 300;
  text-align:center;
  border-radius: 4px;
  border: none;
  color: #fff;
  background: #a0a4ad;
}
.btn_gray {
  text-align: center;
  margin-top: 1em;
}

.btn_sky .visible {
  display: inline;
  padding-left:10px;
}

.btn_gray :hover {
  background-color: #49a0fa;
}

.bottom_btn {
  padding: 10px 10px 10px 10px;
  width: 100%;
  position: absolute;
  bottom: 6em;
}
.bottom_btn .btn_black {
  padding: 1em 0;
  border: none;
  font-size: 1em;
  float: left;
  cursor: pointer;
  background-color: #434955;
  color: #ffffff;
  width: 100%;
  border-top-right-radius: 0.15em;
  border-bottom-right-radius: 0.15em;
}

.bottom_btn2 {
  padding: 10px 10px 10px 10px;
  width: 100%;
}

.bottom_btn2 .btn_black {
  padding: 1em 0;
  border: none;
  font-size: 1em;
  float: none;
  cursor: pointer;
  background-color: #434955;
  color: #ffffff;
  width: 100%;
  border-top-right-radius: 0.15em;
  border-bottom-right-radius: 0.15em;
}

/*.select {background-color: #4182fb !important; color: white; width: 100%; border-radius: 10px;}*/
.select {background-color: #4182fb; color: white; width: 100%; border-radius: 10px;}

header .top_name_center {
  text-align: center;
  line-height: 2.5em;
  margin-top: -0.5em;
  font-weight: bold;
font-size: 18px;
	line-height: 60px;
}

.top_menu {bottom: 0em; right: 0.5em;}
.top_menu_left { bottom: 0.5em; left: 0em;}

.join_img i{
  border-radius: 3.6em;
  border: 1px solid #999;
  width: 42px;
  bottom: -3px;
  left: 85px;
  position: absolute;
  background: url(/images/resources/camera.svg)no-repeat;
  background-size: 25px, 25px;
  height: 40px;
  background-position: center;
  background-color: white;
}

.pop_bg p{font-size: 12px;}

/*앱 사용권한*/
.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;}

/*오류*/
.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;}

@keyframes shadowPulse {
0% {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px white;}
50% {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 15px white;}
100% {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px white;}
}

.hit.menu {
animation-name: shadowPulse;
animation-duration: 1.2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}

.m_con_main.menu {
border-radius: 8em;
background: white;
}
.t_btn_02 {margin-top:5px;}
.text_join {font-size:1.4em;}
.test_con button {margin:0;}
.pop_con.use .popcon_top .sub,
.pop_con.privacy .popcon_top .sub,
.pop_con.marketing .popcon_top .sub {margin-top:5px;margin-bottom:10px;}
.wrap.join header {position: relative;z-index:0;}

.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;}

.header_logo img {padding-top:10px;padding-left:10px;}

.mains_top .maintop_text li {margin:0;}
.mains_top .maintop_text .memvers {margin-top:10px;}

.btm {padding-bottom: 82px !important;}

.wrap.join .bt_con2, .bottom_btn {position:fixed;bottom:0; padding:5px 10px 10px 10px;background:#fff;}

.btn_bottom {
  padding: 10px 10px 10px 10px;
  width: 95%;
  position: absolute;
  bottom: 0;
}
.btn_bottom .btn_black {
  padding: 1em 0;
  border: none;
  font-size: 1em;
  float: left;
  cursor: pointer;
  background-color: #434955;
  color: #ffffff;
  width: 100%;
  border-top-right-radius: 0.15em;
  border-bottom-right-radius: 0.15em;
}

.progress_name.step1{
margin-left: 10%;
}
.progress_name.step2{
margin-left: 27%;
}
.progress_name.step3{
margin-left: 43%;
}
.progress_name.step4{
margin-left: 60%;
}
.progress_name.step5{
margin-left: 77%;
}
.progress_name.step6{
margin-left: 90%;
}
/* E : 고재학 */

/* S : 남보나 */
.wrap {float:left;}
.wrap .header .top_name {text-align:center;}
.go_card .list_memo{left: 65%; width: 30%; text-align: center;}
.go_card .fa-share-alt {margin-right:5px;color:#5d5d5d;}

/*잘계시죠 케어카드*/
.test_top {float:left;width:100%;}
.care_card{background: #fff;;padding:0;}
.carelist_empty {width:70%;margin:0 auto;}
.go_card .list_share {left:47%;}
.go_card .list_pay {width:22%;left:30%;}
.go_card .list_put {width:22%;left:22px;}
.pop_bg2.send_share {display:none;text-align:left;}
.test_top.test_top2 {float:left;width:100%; margin-top:0 !important}

/* 잘계시죠 케어일지 */
.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.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;}

/* 잘계시죠 대상자 추가 */
.test_con.on {display:block;}
.top_name {text-align:center !important;}
.container .add_info {font-size:12px; color:#8C8C8C;}
.btn_area {-webkit-display:flex;  display:-ms-flex;  display:flex; width: 100%; margin: 10px auto 0;border:none;padding:20px 0;}
.btn_area .btn.gray {width:70%;margin:0 auto;height:40px;background-color:gray;color:#fff;border-radius:30px;font-size:13px;border:none;}
.btn_area .btn a {color:#fff;}
.btn_area .btn.greenblue {width:70%;margin:0 auto;background:#005766; border:none; border-radius:40px;}
.btn_area .btn {width:100%;height:50px;color:#fff;background-color:#2457BD;border:none;font-size:16px; font-weight: bold}
.btn_area.bottom {position: fixed;bottom:0;left:0;background:#fff;width:100% !important;margin:0 auto !important;padding:10px}
.btn_area.footer_bottom {position: fixed;bottom:80px;left:0;background:#fff;width:100% !important;margin:0 auto !important;padding:10px 0;}
/*.btn_area.footer_bottom .btn, .btn_area.bottom .btn {margin:0;width:90%;margin-left:5%;}*/
.img_wrap {margin-bottom:40px;}
.img_wrap img {width:50px;height:50px;}
.chat_counseling .img_wrap {text-align:center;position: relative;}




.text_r {text-align:right;margin:10px 4% 0 0;color:#8C8C8C;}
.pay_card{padding: 15px 10px 18px 20px; position: relative; border-radius: 10px; background: #fff; width: 95%; margin:5px auto 20px; box-shadow:0px 0px 20px #EAEAEA;float:left; width:95%;left:2%;color:#4C4C4C;}
.pay_card.opa{opacity: 0.6;}
.pay_card .title {float:left;width:100%;font-size:13px;font-weight:600;margin-bottom:20px;}
.pay_card .title i {color:#8C8C8C;}
.pay_card .title ul li {width:5%;}
.pay_card .title ul li:first-child {width:95%;}
.pay_card .title ul li.float_l {float:left;}
.pay_card .title ul li.float_r {float:right;}
.pay_card .content {float:left;width:100%;text-align:right;font-weight:600;padding-right:10px;}
.pay_card .content .con_title {font-size:13px;}
.pay_card .content .con_price {font-size:20px;color:#333;}
.pay_card .content .con_price span{font-size:30px;color:#333;}

/* 문의하기 */
.ask .search_btn {background:#368AFF; border:none; color:#fff; padding: 6px 10px; position: absolute; right: 0}
.question .main .container {padding:4px 15px 0px 15px;background:#fff; border-bottom: 10px solid #f6f7f9}
.question .question_list {padding:15px 0;}
.question .question_list li{padding:0;border:none;}
.question .question_list .date, .knowledge .main .container ul .date{font-size:12px;color:#616161; margin-bottom:10px;}
.question .question_list .date span{padding: 2px 7px; border-radius: 10px; font-size: 11px; margin-right: 5px;}
.question .question_list .date .complet{background: #4182fb; color: #fff;}
.question .question_list .date .stay{background: #d5d7db; color: #888; height: 130px;}
.question .question_list .title, .knowledge .main .container ul .title{font-size:16px; color:#333; margin:0; font-weight:600;}
.question .container {padding-bottom:0;}

/* 지식창고 */
.knowledge .container {padding-bottom:0;}
.knowledge .main .container{padding:4px 15px 0px 15px;background:#fff; border-bottom: 10px solid #f6f7f9}
.knowledge .main .container ul{padding:15px 0;border:none;}
.knowledge .keyword2 {width:100%;}
.knowledge .cancel {padding-left: 5px;cursor: pointer;position: absolute;top: 20%;right: 4%;}
.con_wrap, .con_wrap .container, .con_wrap .main {float:left; width:100%;}
.knowledge .main .knowledge_list .date span{padding: 2px 7px; border-radius: 10px; background: #f5f5f7;}
.knowledge .main .knowledge_list .date span img{width: 17px; height: 17px; margin-bottom: -2px;}

.question .main .container .search {background:#ddd;float:left;width:100%;}
.question .main .container .search .text {background:#F6F6F6;border:none;height:30px;width:80%;float:left;line-height:30px; font-size:12px;padding-left:15px;}
.question .cancel {padding-left: 5px;cursor: pointer;position: absolute;top: 20%;right: 4%;}
.con_wrap, .con_wrap .container, .con_wrap .main {float:left; width:100%;}

.pop_con .btn_area {display:block; text-align: right; color:#8C8C8C;margin-bottom:10px;}
.pop_con .btn_area.bg_n {background:none;}
.pop_con .answer {position:relative;width:100%;background:#F6F6F6;padding:25px 15px 20px 15px;}
.pop_con .answer .bedge {position:absolute;top:-10px; padding:1px 7px 5px 6px;text-align:center;background:#5D5D5D;color:#fff;font-weight:600;font-size:20px;border-radius:50%;}
.pop_con .btn_area .pop_btn {border:none;  color:#8C8C8C;background:none; font-size:12px;padding:0 5px;}
.pop_con .answer .title {font-size:15px;}
.pop_con .answer .date{font-size:12px;color:#A6A6A6;margin-bottom:20px;}
.pop_con.question_write .btn_area {width:100%;}

/* 문의하기 등록 */
.question_write {background: #f5f5f7;width:100%;}
.question_write .input_box_line{position: relative; }
.question_write .input_box_line i{position: absolute; right:0.7em; top:45%; margin-top: -0.5em;}
.question_write .input_box_line {margin:10px 0;}
.question_write .input_box_line input, .question_write .input_box_line textarea {padding:0; border:none; background:none;}
.question_write .input_box_line textarea {resize:none;height:200px;}
.question_write .input_box_line, .question_write .input_box select, .question_write .input_box input[type='file'] {padding:10px;border: 1px solid #ddd;background:#fff;}
.question_write .input_box .file_size {width:100%;text-align:right; font-size:13px;color:#747474;}
.question_write .chat_counseling .container {padding:0;}

/* 입/퇴소 내역, 메모 */
.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;}

/* 시설검색 */
.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;}


/* 검색창 */
.input_box.search_form {background:#fff;border:1px solid #ddd;}
.input_box.search_form input[type="text"] {border:none;background:none;width:90%;color:#333;}
.input_box.search_form button.search {border:none;background:none;width:10%;float:right;height:48px;}

/* 공지사항 */
.wrap.notice {background:#F6F6F6;}
.wrap.notice .container.chating .date_line p {background:#F6F6F6;}
.wrap.notice .container.chating .info dd {font-size:15px;font-weight:600;}
.wrap.notice .container.chating {padding-bottom:20px;}
.wrap.notice .container.chating .comment .txt p {font-size:14px}

/* 잘계시죠 사용자 설명 */
.first_info_pop {display:none;position:fixed;z-index:99;left:0;top:0;width:100%;height:100%;overflow:auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.first_info_pop .txt {background:#fff;position: absolute;z-index: 100;padding:7px 15px;border-radius: 5px;}
.first_info_pop .txt {background:#fff;position: absolute;z-index: 100;padding:7px 15px;border-radius: 5px;}
.first_info_pop .txt.opa {opacity: 1;}
.first_info_pop .info01 {top:74%;left:28%;opacity: 0;}
.first_info_pop .info02 {top:70%;left:28%;opacity: 0;}
.first_info_pop .info03 {top:80%;left:28%;opacity: 0;}
.first_info_pop .info04 {top:65%;left:28%;}
.first_info_pop .info05 {top:50%;left:2%;opacity: 0;}
.first_info_pop .info06 {top:58%;left:17%;opacity: 0;}
.first_info_pop .info07 {top:50%;left:2%;opacity: 0;}
.basic_info, .btn_area {background:#f5f5f7;}
.first_info_pop .pop_content .tit {font-size:14px;font-weight:600;}
.first_info_pop .pop_content .con {font-size:13px;}
.point {z-index:100;position: relative;animation-name: pointShadow;animation-duration: 1.2s;animation-iteration-count: infinite;animation-timing-function: linear;}

@keyframes pointShadow {
    0% {
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px white;
    }
  
    50% {
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 15px white;
    }
  
    100% {
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 10px white;
    }
  }


/* 회원탈퇴 약관 */
#sub_nav span.title {   border-top:1px solid #ddd; font-size: 14px;display: block;padding: 15px;}
#sub_nav.fixed {width: 100%;background: #fff;text-align: center;border-bottom: 1px solid #ddd;z-index: 1;}
.mypage_container_wrap.fixed {width: 100%;padding: 20px 10px 10px;background: linear-gradient(180deg,#F6F6F6 0,#F6F6F6 100px,#F6F6F6 0,#F6F6F6);}
.mypage_container_wrap .admin_info_form{ font-weight: 400;font-size: 13px;}
.mypage_container_wrap .bottom {margin-bottom: 5px;}
.withdraw .admin_info_form {background: #fff;padding: 20px;margin-bottom: 80px;border-radius: 5px;-webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.06);box-shadow: 0 1px 10px 0 rgba(0,0,0,.06);}
.f_center {text-align: center;}
.mypage_container_wrap .admin_info_form .withdraw-notice {font-size: 15px;font-weight: 500;}
.mypage_container_wrap .admin_info_form .withdraw-notice .emphasis {color: #7026f3;}
.info_form dl {width: 100%;margin-bottom: 30px;}
.mypage_container_wrap .admin_info_form .withdraw-box dt {font-size: 14px;}
.info_form dt {font-weight: 500;margin-top: 29px;font-size: 13px;}
.mypage_container_wrap .admin_info_form .withdraw-box .checkbox {padding: 5px 0 20px;}
input[type=checkbox] {vertical-align: top;opacity: 0;width: 0;max-width: 0;height: 0;line-height: 0;font-size: 1px;position: absolute;}
.mypage_container_wrap .admin_info_form .withdraw-box input[type=checkbox]+label {float: right;}
.info_form input[type=checkbox]+label {padding: 1px 0 1px 27px;}
input[type=checkbox]+label {content: none;font-size: 14px;position: relative;display: inline-block;padding: 3px 0 2px 27px;}
.wrap.withdraw {padding-bottom:0;}

/* 회원탈퇴 팝업1 */
.pop_con.withdraw .note {font-size:13px;}
.pop_con.withdraw .popcon_top .title {font-size:1.35em;margin-top:10px;}
.pop_con.withdraw .contents, .pop_con.withdraw .notice {float:left;width:100%;}
.pop_con.withdraw .contents ul {width:100%;padding-left:20px;}
.pop_con.withdraw .contents ul li {width:100%;list-style-type: disc;font-size:13px;}
.pop_con.withdraw .notice {padding: 20px 0;font-size:13px;font-weight:600;}
.pop_con.withdraw .notice .pt {color:red;}
.pop_con.withdraw .btn_wrap {width:100%;float:left;margin:10px auto 0;}
.pop_con.withdraw .btn_wrap .btn {background:red;color:#fff;font-weight:600;border:none;height:40px;width:100%;border-radius: 5px;border:1px solid red;}
.pop_con.withdraw .btn_wrap .btn.bt50 {width:48%;}
.pop_con.withdraw .btn_wrap .btn.white {background:#fff;border:1px solid #ddd;color:#333;margin-right:4%}
.pop_con.withdraw.wd2 .popcon_top .title {font-size:1.1em;margin-bottom:10px;}
.pop_con.withdraw.wd2 .popcon_top .select {margin-bottom:10px;}
.pop_con.withdraw.wd2 .notice {font-size:1.1em;margin-bottom:0px;padding-bottom:5px;}
.pop_con.daily .contents .slider img, .pop_con.notice .contents .slider img {width:100%;height:200px; margin-bottom: 30px}
.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}

/* 페이지 상단 색상 */
/* 팝업 상단 색상 */
.page_header.gray .container {background:#F6F6F6; height: 60px; padding: 10px;}
.pop_header.gray {background:#F6F6F6;}



/* 팝업 상단 (footer 보이지 않게) */
.pop_con {position: fixed;top:0;bottom:0;left:0;right:0;z-index: 11;}
.chating .comment.my .time {margin-left:-68px;}

/* 영수증 팝업 다운로드 버튼 */
.btn_one.bottom {position: fixed; bottom: 0px;left:0;right:0;padding:0;margin:0 auto;}

/* common css 수정 내용 */
.pop_header {text-align:center;}
.slide_box .list .text {text-align:center;}
.bt_con2 {left:0;}
/* .chating .test_con min-height: 수정 */

/* 잘계시죠 결제내역 첫 사용 설명 */
.pop_con.care .contents,.pop_con.care .contents .img_center, .pop_con.care .contents .img_center img {position: relative;}
.join_wrap.usermenu {margin:23px;}

.con_top4.bg_white {background:#fff;}
.container.bt10 {margin-top:10px;}
.test_con input[type='radio'] + label.v_line {border-left:1px solid #ddd !important;}

.test_btn.one .next {width:100%;margin-top:20px;}

.container.bg_gray {background:#f5f5f7;}
.container li.text_center {text-align:center;}


.filter_option li label.close span::before {content: '\f129';font-family: 'Ionicons'; font-weight: 100;}

.total_search .tabs {display: flex; width: 100%; border-bottom: 1px solid #ccc;padding:10px 0 8px 0px;}
.total_search .tabs .tab_line.on a{border-bottom:3px solid #333; width:100%}
.total_search .tabs .tab_line a{padding: 8px 8px; width:100%;font-weight: 400;}
.total_search .tabs.menu .tab_line {width:25%;text-align:center;;}
.total_search .tab_line:target  {font-weight: 600; border-bottom: none;}
.total_search .tab_line:target ~ .t_con1{ display: block;}
.total_search .tab_line.on {border-bottom:3px solid #333;font-weight: 600; border-bottom: none;}
.carelist_empty .text_center {text-align:center;}

/* 회원가입 selectbox */
select.join_input {background:#fff;border-radius: 0;}
/* 회원가입 이용약관 */
.pop_con .agree {background: url(/images/resources/agree_checked.svg) no-repeat !important;}
.pop_con .agree.on {background: url(/images/resources/agree_checked_on.svg) no-repeat !important;}
.agree_top.title {width:100%;margin:0 auto;margin-top:10px;}
.container.bg_w {background:#fff;}
.g_bar.line_bg {float:left;width:100%;}

/*잘모르겠음.. 바뀐건지.. 일단 냅둠_이용약관 */
.wrap.user .agree_top {margin:0;width:100%;font-size:15px;font-weight:600;}
.wrap.user .agree_top span.check {background: url(/images/resources/agree_checked.svg) no-repeat;background-size: 20px 20px;}
.wrap.user .agree_top span.check.on {background: url(/images/resources/agree_checked_on.svg) no-repeat;background-size: 20px 20px;}
.wrap.user .container .agree .title {font-size:14px; font-weight:600;color:#353535;}
.wrap.user .container .agree .content, .wrap.user .container .agree .content ul li, .wrap.user .container .agree .content ol li {font-size:13px; font-weight:500;color:#8C8C8C;margin-bottom:20px;}
.wrap.user .btn_area .btn {margin-bottom:20px;}
.wrap.user .btn_area .btn.off {background:#ddd;}

/*가입하기_이용약관*/
.agree_container h3 {margin-top: 10px;}
.agree_container p, .agree_container ol li {color: #999;}
.agree_container > ol > li:nth-child(1)::before { content: "①";}
.agree_container > ol > li:nth-child(2)::before { content: "②";}
.agree_container > ol > li:nth-child(3)::before { content: "③";}
.agree_container > ol > li:nth-child(4)::before { content: "④";}
.agree_container > ol > li:nth-child(5)::before { content: "⑤";}
.agree_container > ol > li:nth-child(6)::before { content: "⑥";}
.agree_container > ol > li:nth-child(7)::before { content: "⑦";}
.agree_container > ol > li:nth-child(8)::before { content: "⑧";}
.agree_container > ol > li:nth-child(9)::before { content: "⑨";}
.agree_container > ol > li > ol > li:nth-child(1)::before { content: "1.";}
.agree_container > ol > li > ol > li:nth-child(2)::before { content: "2.";}
.agree_container > ol > li > ol > li:nth-child(3)::before { content: "3.";}
.agree_container > ol > li > ol > li:nth-child(4)::before { content: "4.";}
.agree_container > ol > li > ol > li:nth-child(5)::before { content: "5.";}
.agree_container > ol > li > ol > li:nth-child(6)::before { content: "6.";}
.agree_container > ol > li > ol > li:nth-child(7)::before { content: "7.";}
.agree_container > ol > li > ol > li:nth-child(8)::before { content: "8.";}
.agree_container > ol > li > ol > li:nth-child(9)::before { content: "9.";}


/* 상단고정 */
.mt38 {padding-top:38px;} 
.chat_counseling.tab_menu {position: fixed;top:109px;left:0;right:0;z-index:11;}
/* E : 남보나 */

/* 맞춤매칭 리스트 - 고재학*/
.matchmaking li{
  overflow: initial;
}
.popupHeader{
  position: fixed; background: #f5f5f7; width: 100%; height: 35px; top: 0px; left: 0px
}

.popupHeader button{
  top: 0.5em !important;
}
.bcBlack{
  background-color: #7d8494 !important;
}


/* S : 20200914 이하륜*/
.cate {font-size: 1.3em;}
.headersss{position: fixed; top: 10px; right: 10px; left: 10px; height: 60px; line-height: 60px; z-index: 5}

/* E : 20200914 이하륜*/

.chima_header, .favor_header{
  position: fixed; 
  z-index: 3; 
  width: 100%;
  background: #fff;
}
.chima_list {
  position: absolute; 
  top: 170px; 
  width: 100%; 
}
.favor_list{
  position: absolute;
  top: 195px;
  width: 100%;
}
.favor_list2{
  position: absolute;
  top: 180px;
  width: 100%;
}
.favor_list.btm, .favor_list2.btm{
  padding-bottom: 100px !important;
}

.chima_btn, .btn_area.chima_btn{padding : 10px;}/*position: static;*/

.btn_area.bottom .mg_bt_btn {
  margin-top: 3em;
  margin-bottom: 15px;
}

.progress_name.step4_5{
  margin-left: 75%;
}

.filt_match .back_btn{
  position: absolute;
  left: 23px;
  margin-top: 6px;
}

.filt_match .filt_menu{
  width: 20px;
  position: absolute;
  right: 15px;
  top: 20px;
}

.keyword.hit, .filters.hit, .container.default.hit{
  animation-name: shadowPulse;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.chima_list .test_con{
  padding-top: 3.8em;
}
.chima_list .chima_info{
  padding-top: 0px;
}

.chima_list.chima_test{
  padding-bottom: 150px !important;	
}

.go_chima {
  position: fixed;
}

.chima_check_info{
  position: relative;
  top: 135px;
}
.pop_con .ist_info {
  top : 10px
}
/* E : 20200914 이하륜*/

/* 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;}
/* E : 20200914 남보나 */


/* S : 20200915 고재학*/
.main.rank_body {position: fixed; top:131px; bottom: 145px; left: 0; right: 0; overflow-y: scroll}
.rank_body .tit_name dt{font-size:18px; color: #2c3033}
.agree_body{overflow: auto; height: 70vh;}
.rank_body > .test_top li{padding-left: 10px;}
.rank_body > .test_list{position: fixed; top:145px; bottom: 145px; overflow-y: scroll; width: 100%;}
header .test_top {text-align: initial;}


/* E : 20200915 고재학*/

.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;
}


/*2020.12.31 - 슬라이드*/	
/*설명 : 이미지가 하나일때는 주석처리한 thumb... 두개이상일때는 slider로 된 클래스를 보여준다. 슬라이드일때는 하단에 … 이 있기때문에 여백을 준다.*/
.thum_section .slider img {width:100%;height:240px;}
.thum_section .slider{padding-bottom: 15px;}
/*2020.12.31 - 슬라이드*/	
.bon{overflow: hidden}	
.bon li{float: left; width: 49.9%;}
.bon input[type="radio"] {vertical-align: top; opacity: 0; width: 0; max-width: 0; height: 0; line-height: 0; font-size: 1px; position: absolute;}
.bon input[type="radio"]:checked + label::before {background:#fff; width: 14px !important; height: 14px !important; border: 1px solid #ddd;}
.bon input[type="radio"]:checked + label::after {content: ''; background: #0a5fcc}
.bon input[type="radio"] + label {content: none; font-size: 14px;}
.bon input[type="radio"] + label {position: relative; display: inline-block; padding:3px 0px 1px 27px;}
.bon input[type="radio"] + label::before, input[type="radio"] + label::after {position: absolute; display: inline-block; vertical-align: top; left:0; top:0; }
.bon input[type="radio"] + label::before {border: 1px solid #ddd; content: ''; width: 14px; height: 14px; border-radius: 10px; top:6px;}
.bon input[type="radio"] + label::after {transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 8px; height: 8px; top: 50%; margin-top: 1px; left: 4px; border-radius: 10px;}

.bon input[type="checkbox"] {vertical-align: top; opacity: 0; width: 0; max-width: 0; height: 0; line-height: 0; font-size: 1px; position: absolute;}
.bon input[type="checkbox"]:checked + label::before {background:#fdfdfd; border: 1px solid #ddd;}
.bon input[type="checkbox"]:checked + label::after {content: '';}
.bon input[type="checkbox"] + label {content: none;}
.bon input[type="checkbox"] + label {position: relative; display: inline-block; padding-left:27px;}
.bon input[type="checkbox"] + label::before {position: absolute; display: inline-block; vertical-align: top; left:0px; top:5px;}
.bon input[type="checkbox"] + label::before {border: 1px solid #ddd; content: ''; border-radius: 0; width: 14px; height: 14px; transition: all 0.2s; -webkit-transition: all 0.2s;}
.bon input[type="checkbox"] + label::after { width: 16px; height: 16px; position: absolute; top: 10px;  left: 5px; background: url("/images/resources/v.png") no-repeat 0px 0px; }

.moneyss{font-size: 16px; margin-bottom: 5px;}
.moneyss span{width: 49.9%; display: inline-block}
.moneyss b{color: #445eb2;}
.moneysss{font-size: 17px; margin-bottom: 5px; text-align: center; border-top: 1px dashed #ddd; padding-top: 15px;}
.moneysss span{font-weight: bold; margin-right: 10px;}
.moneysss b{color: #0a5fcc;}

/*2020.12.30 이미지 첨부시, 센터에서 복붙*/
/*이미지 첨부시*/
.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: 70%; 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;}
	
.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; overflow: hidden; background-position: 50% 50%; background-size: 100px 76px; }
.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}
	
/*2020.12.30 이미지첨부시, 앱에 맞게 디자인*/
.Photo_view{position: fixed; z-index: 10080;  width: 100%;}
.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;;}

/* 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}

.new_notice .Short{width: 79%; font-size:14px; padding-left: 6px;}
.new_notice .footnote2{width:18%; float: right; margin: 0;}
.new_notice p{margin-bottom:2px;}

.img_center.w_100 img{width:100% !important; max-width: 500px;}
.pop_con.notice .contents .contents {font-size:14px; font-weight:500; padding:0; line-height: 1.6em}
.pop_header .container{padding: 10px; }
.pop_con.notice .contents{padding: 15px}
.popup.target_select .popup_content{bottom:5%}
.go_card .list_memo{left: 65%; width: 30%; text-align: center;}

/* 추가 09.14 */
.pop_con.care_add {background:#f5f5f7 !important;}
.pop_con.care_add .pop_header {background: #f5f5f7;top:0 !important;}
.pop_con.care_add .btn_area {width:100%;margin:0 auto;}
.pop_con.care_add .btn_area .btn.wd70 {margin-left:15%;}
.pop_con.notice, .pop_con.knowledge {background:#f5f5f7;}
.join_agree li {padding-bottom:1px;}

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

/* 사용자 메뉴 > 이용약관 */
.user_menu {float:left;width:100%;}
.user_menu.title {font-size:20px;font-weight:600;height:50px;color:#333;}
header .float_l.title {font-size:1.3em;font-weight:600;}
.pt50 {padding-top:50px;}
.pt78 {padding-top:78px;}
.pt199 {padding-top:184px;}
.pt98 {padding-top:98px;}
.pt200 {padding-top:210px;}
.pt135 {padding-top:135px;}

/* 메모 팝업 */
.popup.memo .popup_content{padding: 0 !important; border-radius: 1em !important;}
.popup.memo .pop_top {background:#3dafe0;color:#fff;font-size:1.2em;text-align:center;padding:12px 5px 12px 5px;border-top-left-radius: 0.8em;border-top-right-radius: 0.8em;margin-bottom:0;}
.popup.memo .pop_top .btn_close {top:0.5em;}
.popup.memo .pop_top .mtcon-times {color:#fff;font-size:1.2em;}
.popup.memo .pop_content {padding:10px 1.5em 0.5em 1.5em;}
.popup.memo .test_btn {width:100%;padding:0px 1.5em 1.5em 1.5em;}
.popup.memo .test_btn .result {width:100%;padding:10px 0;background: #d7d7df;color: #68696d;}

/* 팝업 내 버튼 검정 */
.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;line-break:anywhere;}
.border_bottom_gray {border-bottom:1px solid #ddd;}

.key_contents .img_center img, .text_empty .img_center img, .wrap.white .img_center img{max-width:200px;}
.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;}

/* E : 20200918 박현주*/
/*별점*/
.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;}

/* 후기 페이징*/
.pagings {text-align: center; }
.pagings button, .pagings button.front, .pagings button.back {display: inline-block; text-align: center; border: 1px solid #ddd; color:#adadad; padding: 0 10px; transition: all 0.2s; -webkit-transition: all 0.2s; width: 30px; height: 30px; position: relative; overflow: hidden; background: #fff; border-radius: 4px;}
.pagings button:hover, .pagings button.on {border: 1px solid #3dafe0; background:#3dafe0; color:#fff;}
.pagings .front, .pagings .back {padding: 16px;}
.pagings .front, .pagings .prev, .pagings .next, .pagings .back {font-size: 0; vertical-align: bottom;}

.pagings .front i, .pagings .back i {font-size: 12px; position: absolute; left: 50%; margin-left: -5px; top:50%; margin-top: -8px;}
.pagings .prev i, .pagings .next i {font-size: 17px; line-height: 5px;}
.bg_gray2{background: #f5f5f7 }
.comfort{position: fixed; top:46px; z-index: 1;}
table.bill_one .agree_container p{line-height: 1.6em !important;}

/*잘계시죠_ 재이용 신청*/
.go_card.grays .using::after{content: '재이용 신청'; display: block; font-size: 0.8em; text-align: right; border:1px solid #ddd;  padding: 2px 5px; margin-top: 38px; margin-right: -5px; border-radius: 30px; background: #f1f1f1}
.go_card.grays .using{text-align: right}

.star::after{content: '*'; color:#F33639; font-size: 16px; padding-left: 2px;}

/* 추가 : 20201109 박현주*/
/*케어 대상자 등록*/
.inforsss{width:100%; border-top: 1px solid #333;}
.inforsss td, .inforsss th{padding: 3px 5px; border-bottom: 1px solid #ddd; font-size: 13px;}

/* 추가 : 20201117 박현주*/
.medi_depart .test_btn{position: fixed; bottom: 8px; width: 100%; padding: 0 15px;}
.medi_depart .test_btn .fil_next{width:100% !important;}
.pst_rl{position: fixed; width: 100%; top:50px; bottom: 90px;  overflow-y: scroll; padding: 0 15px;}
.medi_depart .pop_con {padding: 0;}


/*파일 첨부시 - 공통*/
.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: ''}


/*문의하기 파일 첨부시*/
.file_qna .file{width: 100%; display: inline-block; background: #fff; border-radius: 5px; padding:10px; margin-top: 20px;}   
.file_qna .file .text{width:90%; height: auto; display: inline-block; }
.file_qna .file span{font-size:11px;  opacity: 0.7; margin-right: 10px;}
.file_qna.borderss .file{border: 1px solid #f1f1f1;}
.file_qna .file.openss .state{background-image: url("/images/resources/pen_icon_file.png")}
.file_qna .file .state{margin-top: 5px; margin-right: 5px;}
.file_qna .file p, .file_qna .file p.Short{width:80%; display: inline-block}

/*작성된 글이 없습니다.*/
.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 박현주*/
.img50{max-width: 500px; display: block; margin: auto}
.img50 img{text-align: center; display: block; margin: auto;}
.text_center b{display: block}
.del .img_center{max-width: 220px; padding-right: 10px; display: block; margin: auto;}
.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 박현주*/
.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; z-index:2;}/*전체화면 움직임 - 상단 60만고정*/

.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;}
.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}
.con_top.page {margin-top:20px;}
/*.pst_title{position: absolute; top:60px; z-index: 3}*/
.pst_title {
	position: fixed;
	top: 60px;
	z-index: 3
}

.wrapping3_1 ol{overflow: hidden;}

/*지도검색_수정*/
.map_location_section .map_view_list{ width: 45px; height: 45px; background: #4182fb; border-radius: 22px; position: fixed; bottom: 90px; z-index: 3; padding: 8px; right: 20px;}
.map_location_section .map_view_list img{width:30px; height: 30px; display: block;}
.map_location_section .map_my_location{ width: 45px; height: 45px; background: #fff; border-radius: 22px; position: fixed; bottom: 145px; z-index: 3; padding: 8px; right: 20px;}

/*탭 - 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: absolute; top: 94px; left: 20px; right: 20px;}*/
.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}

/* 추가 */
.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;}


/*상세 조건 버튼 가운데*/
.detail_btn{position: fixed; bottom: 0px; left: 0px; right: 0px; padding: 10px; background: #fff; display: flex;}/*백그라운드가 없어서 뒤에 보인다고함..*/
.detail_btn button{flex: auto}
.detail_btn .btn_call, .detail_btn .btn_interest{width: 48px; float: left;height: 48px; line-height: 16px; margin-right: 10px; color: #68696d; border: 1px solid #dfe0e5; background: #fff; border-radius: 5px;text-align: center; font-size: 11px; }
.detail_btn .btn_call img, .detail_btn .btn_interest img{width:25px; height: 25px; display: block; margin: auto; margin-bottom: -2px;}
.detail_btn .btn_advice{width: 60%; height: 48px; line-height: 16px; color: #fff; border: #4182fb; background: #4182fb;border-radius: 5px;text-align: center; font-size: 16px}
.cent_detail .wrapping1_1{background: #fff}

/*상세_간략소개*/
.box_intro{background: #fff; border-radius: 10px; padding: 30px 15px;}
.box_intro .tit_name{font-size:20px; font-weight: 900}
.box_intro .addr{font-size: 13px; color: #666}

.box_intro .Brief{display: flex; width: 90%; margin: 15px auto 0;}
.box_intro .Brief dl{flex: auto; width: 25%; position: relative}
.box_intro .Brief dl::after{content: "|"; color: #ddd; position: absolute; right: 0 ; top: 10px; font-size: 18px; font-weight: 100;}
.box_intro .Brief dl:last-of-type::after{content: "";}
.box_intro .Brief dd{color:#717171; font-size: 12px;}
.box_intro .Brief dt{height: 24px; line-height: 24px; font-size: 22px; font-weight: bold; margin-bottom: 5px;}
.box_intro .Brief dt.num{font-size: 18px;}
.box_intro .talk_ok{bottom: auto; top: -30px; left: 0; border-radius: 5px;}

/*상세 네모네모*/
.box_infoss{border-bottom: 10px solid #f6f7f9}
.box_infoss p.title, .ttt{font-size: 13px; font-weight: bold; text-align: left}

.main_title{font-size:16px; font-weight: bold; line-height: 35px; text-align: left; margin-bottom: 5px;}
.main_title img{width:35px; height: 35px; margin-bottom: -10px; margin-right: 5px;}
.expected_cost{width:100%; border-top: 1px solid #888; border-bottom: 1px solid #888; margin-top: 10px; }
.expected_cost td, .expected_cost th{ padding: 15px 5px; width:25%; border-bottom: 1px dotted #eee;}
.expected_cost th{font-weight: normal; text-align: left; font-size: 12px; color: #777}
.expected_cost td{text-align: right; font-weight:bold;}
/*.expected_cost td::before{content: "|"; float: left; font-weight: normal; color: #eee;}*/

.b_t_f, .b_t_f3{overflow: hidden}
.b_t_f li:nth-child(2n){float: right}
.b_t_f li:nth-child(2n-1){float: left}
.b_t_f li{background:#f8f8f8; color:#737576; padding: 14px; margin-top:10px; width:48%; border-radius: 5px;}

/*인력정보같은 1줄짜리*/
.b_t_f li dl.line_1 dt{font-size:12px; color:#737576; float: left; line-height: 16px}
.b_t_f li dl.line_1 dd{font-size:16px; color:#242424; float: right; line-height: 16px; font-weight: bold}

/*인원현황같은 2줄짜리*/
.b_t_f li dl.line_2 dt{font-size:12px; color:#737576; text-align: left; margin-bottom: 5px;}
.b_t_f li dl.line_2 dd{font-size:16px; color:#242424; line-height: 16px; font-weight: bold; display: inline-block}
.b_t_f li dl.line_2 dd:nth-of-type(1){border-right: 1px solid #ccc; padding-right: 10px; margin-right: 5px;}

/*요양프로그램같은 1줄짜리*/
.b_t_f3 li{background:#f8f8f8; color:#737576; padding: 15px; margin-top:10px; border-radius: 5px; text-align: left; }
.b_t_f3 li .line_3 dt{font-size:12px; color:#737576; text-align: left; margin-bottom: 5px;}
.b_t_f3 li .line_3 dd{font-size:14px; color:#242424; text-align: left; line-height: 14px; font-weight: normal; display: inline-block}
.b_t_f3 li .line_3 dd{border-right: 1px solid #ccc; padding-right: 10px; margin-right: 5px;}
.b_t_f3 li .line_3 dd:nth-last-child(){border-right: none}


.color .b_t_f li{background: #34bbeb; color: #fff}

/*본인부담금 선택*/
.box_infoss input[type='radio']:checked + label {display: inline-block; background: #34bbeb; border: 0; color: #fff; }
.box_infoss input[type='radio'] + label {background:#f8f8f8; color:#737576; padding: 15px; margin-top:10px; border-radius: 5px;}
.box_infoss input[type="radio"] + label::before, .box_infoss input[type="radio"] + label::after {display:none;}

.box_infoss input[type="checkbox"] + label::before {content:none;}
.box_infoss input[type="checkbox"] + label {background:#f8f8f8; color:#737576; font-size:16px; padding: 15px; margin-top:10px; width:48%; border-radius: 5px;}
.box_infoss input[type="checkbox"]:checked + label {display: inline-block; background: #34bbeb; border: 0; color: #fff; }
.box_infoss input[type="checkbox"]:checked + label::after {background: none}

.box_infoss p.two_btn{overflow: hidden}
.box_infoss p.one_btn input[type='radio'] + label {width:100%;}
.box_infoss p.two_btn input[type='radio'] + label {width:48%;}
.box_infoss p.two_btn label:nth-of-type(odd){float: left}
.box_infoss p.two_btn label:nth-of-type(even){float: right}
.box_infoss .price{float: right}
.box_infoss p.text_left{margin-top: 15px;}

/*상세_썸네일*/
.thum_section { width: 100%; max-height: 240px;}
.thumb {width: 100%;  height: auto; max-height: 325px;}
.thumb img{height: auto}
.go_map { position: absolute; right: 10px; top:0}
.consult_info .pop_con{background: #f5f5f7;}
.consult_info .test_con ul li{padding: 0 10px ;}

/*잘계시죠에 있는 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;}

/*잘계시죠-공유내역리스트*/
.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}

.wrapping6 .Grade_Result{margin-top: 40px}
.wrapping6 p.title{font-size: 18px; margin-bottom: 10px;}
#consult_info{}

.list_list{position: fixed; bottom: 0; z-index:110; background: #fff; width: 100%; border-radius: 8px 8px 0 0; display: none}
.list_list p{font-size: 16px; color: #555; padding: 20px; line-height: 13px;}
.list_list input[type="radio"]:checked + label::after{width: 0; height: 0; content: none}
.list_list input[type="radio"]:checked + label::before{ border-color: #34bbeb}
.filter_filter{text-align: center; background: #f8f8f8; border-radius: 8px 8px 0 0; }
.filter_filter li{line-height: 60px; height: 60px; font-size: 16px; font-weight: bold}

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

/*등급-치매-매칭 글*/
.expand, .expand2{font-size: 18px; font-weight: 500; position: fixed; left: 10px; top:100px;}
.expand strong, .expand2 strong{font-size: 20px; font-weight: 700; color: #1491e1}
.expand{width:73%; }
.expand2{width:90%; }
.footfoot{padding: 5px 15px 10px 15px; font-size: 11px; letter-spacing: -0.09em}

.resultssss{width:48%; padding: 20px; background: #fff; border-radius: 5px; display: inline-block; }
.resultssss:nth-of-type(odd){ margin-right: 2.5%}
.resultssss dt{font-size: 13px;}
.resultssss dd{font-size: 24px; font-weight: bold; line-height: 24px;}

.btn_result{width: 100%; padding: 0px 4% 0px 4%; margin-top: -30px;}
.wrapping5_1 .bg_bar{padding: 0px 0px 75px 0px;  position: absolute; bottom: 0; width: 100%;}
.imgss{width:100%;position: absolute; top: 0; bottom: 250px; }
#topBar2 {position: relative;top: 60px;padding: 0 20px 0 20px;display:none; z-index: 8}

/*별점*/
.ditail_reviews.star_line{border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 15px;}/*margin-top: 15px;*/
.write_review{text-align: left; float: left; margin-left: 25px;}
.write_review .tot_num{display: block; font-size: 25px; font-weight: 900; color: #1d1d1d; }
.total_review{text-align: left; padding-bottom: 5px; margin-top: 5px; width: 30%; float: left}
.total_review::after{content: ''; float: right; border-right: 1px solid #eee; height: 40px; margin-top: -25px;}
.total_review p{ font-weight: 700; font-size: 1.1em}
.total_review .star_grade li{font-size:25px; margin-top: -10px;}
.total_review .revie_num_rank{font-size: 25px; font-weight: 900; color: #1d1d1d}
.revie_num_rank{ font-size: 40px; font-weight: 600; display: block;}
.tot_local{font-size:0.9em; color:#666;  float: right; padding-right: 10px; vertical-align: middle}
.total_star{background: #f8f8f8; color: #888; display: inline-block; padding: 2px 10px; border-radius: 15px; font-size: 12px; margin-bottom: 10px;}

.star_line dd.list_local .Short, .question .Short, .knowledge .main .container .Short{width:100%; }
.star_line dd.list_local {font-size:0.9em; font-weight: 400; color: #1d1d1d;}
.star_line .reviews{margin-top: -4px;}
.star_line dd.list_local .d_blok{padding-top: 10px; width: 100%; white-space: pre-wrap; overflow: hidden; text-overflow: ellipsis;}

/*리뷰*/
.ditail_reviews{position: relative}
.ditail_reviews .more, .ditail_reviews .close{font-size:0.9em; font-weight: 400; color: #999; line-height: 0.2em}
.ditail_reviews dd.list_local .close{display: none}
.ditail_reviews dd.list_local .more {display: block; padding-top: 10px; cursor: pointer}
.ditail_reviews dd.list_local{ text-align: left;}
.ditail_reviews dd.list_local .d_blok{line-height: 1.75em; letter-spacing: -0.03em}
.ditail_reviews dd .pop_btn {border:none;  color:#8C8C8C; background:none; font-size:12px;padding:0 5px;}
.ditail_reviews dd .pop_btn:first-of-type{border-right:1px solid #eee; padding-right: 8px;}
.ditail_reviews .rightss{position: absolute; right: 0px;}

.reviews {text-align: left; position: absolute; left: 35px; width:90%;}
.reviews .name{display: block; font-weight: bold; margin-bottom: -5px;}
.reviews .date{font-size: 11px; color: #888; margin-left: 3px; padding-left: 5px; border-left: 1px solid #eee;}
.reviews .star_grade li{float: left; margin-right: 2px;}

.slide_box .list .ad .ditail_reviews{padding: 10px 15px 5px 15px;}
.slide_box .list .ad dd.list_local{width: 100%}
.slide_box .list .ad dd.reviews{left: 50px;}
.slide_banner .list_local .Short3{-webkit-line-clamp: 5; overflow: hidden; height: 110px; -webkit-box-orient: vertical; display: -webkit-box;}
.review_more{background: #fff; border: 0; padding: 38px;}

.img_human{width:30px; height: 30px; float: left; line-height: 30px; border-radius:15px;}

/*사용자메뉴_이용약관 */
.agree_set .title {font-size:14px; font-weight:600;color:#353535;}
.agree_set .content, .agree_set .content ul li, .agree_set .content ol li {font-size:13px; font-weight:500;color:#8C8C8C;margin-bottom:20px;}

/*지식창고 글 2줄*/
.knowledge_list .content {font-size: 13px; color:#666; display:-webkit-box;-webkit-line-clamp:2 ;-webkit-box-orient:vertical; white-space:normal; line-height:1.6em; height:40px;overflow:hidden;text-overflow:ellipsis;}

.slider_ad{border-radius: 10px; overflow: hidden;}
.btn_GO_01, .btn_GO_02{width: 48%; height: 95px; line-height: 95px; border-radius: 10px; font-size: 18px; color: #fff; text-align: center; vertical-align: middle}
.btn_GO_01 img, .btn_GO_02 img{width:59px;padding-left: 5px; margin-bottom: -8px;}
.btn_GO_01{float: left; background: #0a5fcc}
.btn_GO_02{float: right; background: #1e78d0}

.Quick_btn li{display: flex; margin-top: 20px;}
.Quick_btn li dl{flex: auto; text-align: center; cursor: pointer;-webkit-tap-highlight-color:transparent;}
.Quick_btn li dl dt{background: #eee; border-radius: 24px; width: 55px; height: 55px; margin: auto}
.Quick_btn li dl dt img{margin-top: 10px;width:35px;margin-left:2px;}
.Quick_btn li dl dd{font-size: 11px; color: #666; margin-top: 5px;}

.watching_list{overflow-x: scroll; overflow-y: hidden; height: 120px; padding: 10px; white-space:nowrap;}
.watching{width:80px; display: inline-block; margin-right: 5px; height: 90px;}
.watching li{display: block}
.watching_img{width: 80px; height: 60px; background-size: cover; border-radius: 10px; border: 1px solid #ddd; margin-bottom: 5px;}
.Short.designation, .Short.address{font-size: 12px; letter-spacing: -0.07em}
.Short.designation{color: #333; margin-bottom: -2px;}
.Short.address{color: #929292; margin-top: -2px;}

/*결제수단*/
.pay input[type='radio']:checked + label {display: inline-block; background: #34bbeb; border: 0; color: #fff; border: 1px solid #34bbeb; }
.pay input[type="radio"] + label::before {display:none;}
.pay input[type='radio'] + label {width: 90%; padding: 15px; background: #fff; border: 1px solid #ddd; margin: 0 5% 15px 5%; text-align: left; color: #555; border-radius: 8px; font-size: 15px;
	line-height: 50px; position: relative}
.pay input[type="radio"] + label::after{content: ''; background: url("/images/resources/select_off.png") no-repeat; width: 10px; height: 30px; 
	left: inherit; right: 20px; top: 40px;}
.pay input[type="radio"]:checked + label::after {content: '';background: url("/images/resources/select_on.png") no-repeat; }
.pay img{width: 50px; height: 50px; margin-bottom: -20px; margin-right: 10px;}
.money_pay{margin: 0 20px 15px 20px; border-radius: 15px; background: #fff; }
.money_pay .bill_top{border-bottom: none; padding: 10px 0}

/*튜토리얼 부분*/
body.bg_f4, body.bg_f4 .btn_area.bottom{background: #f4f4f4 !important}
body.bg_f4 header, body.bg_f4 header .container{background: none !important}

/*조건 검색 - 필터부분 css추가함에따라 꼬인부분..*/
.filter_option input[type='checkbox'] + label {border: 0; }
.filter_option li p{font-weight: 500}

.interest_list .test_top , .interest_list .wrapping3{background: #fff}
.interest_list .wrapping3{padding-top: 10px; top: 133px}
.interest_list .care_card{background: #fff; padding: 0 20px; position: fixed; left: 0; right: 0; top:94px; overflow: hidden;}
.interest_list .pst_title{position: fixed}
/*
삭제해도 상관없나..
/등급결과 퍼블리싱/
.Grade_Result{position: absolute; top:50%; margin-top: -110px; left: 40px;}
.Grade_Result button{border-radius: 30px; border:none; display: block; font-size: 16px; padding: 10px 15px;}
.Grade_Result button.grays{background: #ebecef; color: #363636; margin-bottom: 10px;}
.Grade_Result button.blue{background: #1491e1; color:#fff}


/맞춤매칭/
.wrapping8 .Grade_Result{margin-top: 10px;}


.pop_con.notice .contents .contents {font-size:13px; font-weight:500; padding:0;}
.pop_con .pop_header .btn_close {top:8px;}
.care_card{background: #fff; padding: 0 10px;}
.pop_con.care_add .test_top.title {padding-left:0;}

.tabs{display: flex; width: 100%; border-bottom: 1px solid #ccc}
.tabs .tab_line a{padding: 8px; font-weight: 400; }
.tab_line:target  {font-weight: 600; border-bottom: 2px solid #000}
.tab_line:target ~ .t_con1{ display: block;}

.question .test_top .subs, .question .test_top .title,.quesiton .test_top .status {float:left;width:100%;margin:0}
.question .test_top .subs {font-size:14px;font-weight:600;margin:0;}
.question .test_top .status table {text-align:center;padding:10px;}
.question .test_top .status table .key {font-size:12px;}
.question .test_top .status table .key td {padding: 5px 10px 0 0px;}
.question .test_top .status table .val {font-weight:600;font-size:20px;}
.question .test_top .status table .val td {padding: 0 10px 0 0px;}

.filter_option li button.blue{float: none; height: 34px;}

p.Short{width:80%; float: left;}
.filt_match .keyword {width: 75%;}

.rank_body > .container{margin-top: 125px;}

.medi_depart input[type="checkbox"].type_btn + label::before {content:none;}
.medi_depart input[type="checkbox"].type_btn + label {background:#fff;color:#333;padding: 5px 15px;margin-top:5px;margin-right:2px;border:1px solid #ccc; border-radius: 5px;}
.medi_depart input[type="checkbox"]:checked.type_btn + label {background:#445eb2;color:#fff; border-color: #445eb2}
.medi_depart input[type="checkbox"]:checked.type_btn + label::after {background:none !important;}

*/

.longtermcare {padding: 5px 10px;background: #327ac7;color: #fff;font-weight: bold;margin: auto;width: 200px;text-align: center;font-size: 15px;border-radius: 12px;}
.num_care{display: inline-block; padding: 10px; font-size: 14px; font-weight: bold; background: #d2dcf2; margin-bottom: 10px; margin-top: 20px;}
.long_care{border-top: 1px solid #aaa; border-right: 1px solid #aaa; margin-top: 10px; width:100%;}
.long_care td, .long_care th{border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; padding: 5px 10px;}
.long_care th{background: #888; color: #fff;}