@charset "utf-8";

.sub_search{max-width: 800px;margin: 0 auto;padding: 30px 0 0 0;position:relative;text-align:center;}
.sch_bar{position: relative;padding-right: 60px;height: 60px;background: #fff;border-radius: 30px;overflow: hidden;box-shadow: 0 0 10px rgba(219,219,219,.3);font-size: 0;}
.sch_sel{display: inline-block;position: relative;width:120px;height: 60px;appearance: none;padding: 0 20px 0 15px;border: none;background: url("/images/common/toggle_open.png") no-repeat right 15px top 28px var(--point3) ;color: #000;box-sizing: border-box;border-radius: 0 30px 30px 0;}
.sch_txt{width: calc(100% - 120px);height: 60px;padding: 0 10px;font-size: 16px;box-sizing: border-box;}
.sc_btn{position: absolute;right: 20px;top: 18px;width: 40px;height: 40px;font-size: 0;background: url("/images/01_potal/common/btn_set.png") no-repeat right top;}
.sub_search .auto{display: none;position: absolute;left: 10%;width: 80%;margin-top: 5px;background: #fff;border-radius: 5px;box-shadow: 0 0 10px rgba(219,219,219,.3);}
.sub_search .auto.on{display: block;}
.sub_search .auto li a{display: block;padding: 5px 10px;text-align: left;}
.sub_search .auto li a:hover, .sub_search .auto li a:focus{background: var(--bgpoint);}
.sub_search .auto li a mark{vertical-align: baseline;background: #FFFF33;color: #000;}
.sch_schin{display:inline-block;margin:10px 0 0 0}
.sch_schin *{vertical-align: middle;}

.sch_info{padding:15px;margin: 20px 0;border:dashed 1px #ddd;text-align:center;}
.sch_info p{color:#000}
.sch_info p em{font-weight:bold;}
.sc_point{background:#FFFF33;font-style:normal}

@media all and (max-width:767px){
.sch_tab li{width: 49%;margin: 0.5%;}
}
.sch_tab li span{font-size: 14px;vertical-align: baseline;}
.sch_tab li.on span{color: var(--point1);}

.sch_more{background: #fff;padding:20px;margin:15px 0 0 0;border-radius: 10px;box-shadow: 0 0 10px rgba(219,219,219,.3);}
.sch_more li{margin-bottom: 10px;font-size: 0;}
.sch_more li strong{display:block;color:var(--dkgray);margin:0 0 5px 0;font-size: 16px;}
.sch_more li button{padding: 8px 10px;margin: 2px;border-radius: 5px;background: var(--bgpoint);color: var(--point1);font-size: 16px;}
.sch_more li button.on{background: var(--point1);color: #fff;}
.sch_more .cal{display: none;margin: 5px 0 0;padding: 10px;background: var(--bggray2);border-radius: 5px;font-size: 16px;text-align: center;}
.sch_more .cal.on{display: block;}
.sch_more .cal .input_cal{height: 36px;background-color: #fff;margin: 2px 0;border-radius: 5px;vertical-align: middle;}
.sch_more .cal .form_sm{padding: 8px 10px;margin: 2px;border-radius: 5px;background: var(--point2);color: #fff;}

.sch_left .sch_col .tit{padding:20px;margin:40px 0 20px 0;background: var(--bggray1);border-radius: 10px;}
.sch_left .sch_col .tit *{vertical-align: top;}
.sch_left .sch_col .tit h4{display:inline-block;margin:0;font-size:20px;background-position: 0 0;vertical-align: baseline;color: var(--dkgray)}
.sch_left .sch_col .tit .total{display:inline-block;font-size: 15px;margin:0 0 0 10px;background: none;color: #000;}
.sch_left .sch_col .tit .total strong{color: #d61e49;}
.sch_left a:hover, .sch_left a:focus{text-decoration:underline}

.sch_left .sch_col .more{/*text-align:right;*/margin:20px 0 50px 0}
.sch_left .sch_col .more a{padding:0 10px 0 0;font-size:14px;color: var(--point1);text-decoration:underline;}

.sch_pagelist li{font-size:16px;padding:0 0 20px 15px;margin:0 0 20px 0;background:url("/images/common/li01.png") no-repeat 0 5px;border-bottom:1px dotted #dedede}
.sch_pagelist li a{color:#000}
.sch_pagelist li strong{padding-right:15px; color:var(--dkgray)}
.sch_conlist li{border-bottom:1px dashed #ddd;padding:0 0 20px 0;margin:0 0 20px 0;font-size:14px;line-height:1.5em}
.sch_conlist li *{vertical-align: top;}
.sch_conlist li strong{font-size:16px}
.sch_conlist li i{color:#777;padding-left:10px;font-style: normal;}
.sch_conlist li strong a{color:#000}
.sch_conlist li>span{display:block;margin:5px 0}
.sch_conlist li>span.sch_local{color: var(--point1);}
.tsch_imglist ul{overflow:hidden}
.tsch_imglist li{float:left;width:100%;text-align:center;margin:20px 0 0 0}
.tsch_imglist li a{display:block}
.tsch_imglist li img{width:100%;border-radius: 20px;}
.tsch_imglist li span{display:block;margin-top:10px;font-size:14px;color:#777}
.tsch_imglist li strong{display:block;color:#000;font-size:18px;margin:0 0 5px 0}

.search_t tbody td{background: var(--bggray2);color: #000;}
.search_t tbody td p{text-align: left;margin-bottom: 4px;}
.search_t tbody td.how{font-size: 14px;box-sizing: border-box;vertical-align: top;background: #fff;}
.search_t tbody td.how ul{margin:0;height: 200px;overflow-y: auto;padding: 10px 10px 10px 0px;}
.search_t tbody td.call{background: #fff;}
.search_t tbody td.call a{display: inline-block;background: var(--point1) url(/images/bbs/bbs_ico.png) no-repeat 14px -552px;color: #fff;padding: 10px 20px 10px 45px;border-radius: 5px;}
.search_t tbody td.call:hover a,.search_t tbody td.call:focus a{background-color: var(--point3);color: #000;}

.sch_col .basic_table .tel a{display: block;color: var(--point1);vertical-align: middle;}
.sch_col .basic_table .tel a:before{display: inline-block;width: 20px;height: 20px;background: url("/images/bbs/bbs_ico.png") no-repeat center -307px var(--point1);border-radius: 100%;content: "";margin-right: 4px;vertical-align: middle;}

/*right*/
.sch_right h4{padding: 12px 15px 5px;margin: 0 0 5px 0;font-size:20px;background:var(--bggray2);color:var(--dkgray);border-radius: 10px;}
.sch_right h4 span{color: var(--point1);padding:0 5px 0 0;}
.sch_right .key{padding: 20px;margin-bottom: 10px;box-shadow: 0 0 10px rgba(219,219,219,.3);border-radius: 20px;}
.sch_right .key li a{font-size: 14px;}
.sch_right .key li a:hover, .sch_right .key li a:focus{text-decoration: underline;}
.sch_right .best_sch .key{position:relative;min-height: 330px;}
.sch_right .key .tab{float: left;width: 25%;padding: 0 4px;box-sizing: border-box;}
.sch_right .key .tab a{padding:5px 0;text-align:center;color:#000;border: solid 1px #ddd;display: block;font-size: 13px;border-radius: 5px;}
.sch_right .key .tab.on a{background:var(--point2);color:#fff;border-color: #fff;}
.sch_right .key .tab a:hover,.sch_right .key .tab a:focus{background:var(--point3); color:#000}
.sch_right .key .key_list{display: none;position: absolute;top: 60px;left: 0;padding: 0 20px;width: 100%;}
.sch_right .key .key_list.on{display: block;}
.sch_right .key .key_list li{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;margin: 0 0 5px;}
.sch_right .key .key_list li span{display:inline-block;background: var(--point1);color:#fff;font-size:13px;line-height:20px;width:20px;height:20px;text-align:center;border-radius: 3px;margin-right: 4px;}
.sch_right .key .basic_ul{margin: 0;}

@media all and (min-width:768px) {
.sub_search span{vertical-align:middle}
.sub_search .auto li a{padding: 10px 20px;}

.sch_left .sch_col .more a{font-size: 16px;}

.sch_more{padding:20px;text-align: center;}
.sch_more li{display: inline-block;position: relative;margin: 0 1%;}
.sch_more li *{vertical-align: middle;}
.sch_more li strong{display:inline;margin:0 10px 0 0;}
.sch_more .cal{position: absolute;width: 170%;left: 50%;transform: translateX(-50%);border: 1px solid #ddd;}

.tsch_imglist li{width:50%}
.tsch_imglist li a{width:90%;margin:20px auto 0 auto}

.sch_right:after{display: block;clear: both;content: "";}
.sch_right>div{float:left;width:49%;box-sizing:border-box}
.sch_right>div:first-child{margin-right: 2%;}
.sch_right h4{padding: 15px 20px 10px;margin-bottom: 10px;}
}

@media all and (min-width:1023px){
.sch_info{padding: 20px;font-size: 20px;}
	
.tsch_imglist li{width:25%}

.sch_con:after{content:"";display:block;clear:both}
.sch_left{width:75%;float:left;}   
.sch_right{float:right;width:23%;margin: 0;padding-right: 1%;}
.sch_right>div{width:100%}
.sch_right>div:first-child{margin-right: 0;}
}
@media all and (min-width:1400px){
.basic_tab.sch_tab li{width: calc(100%/6);}
}

/* chatbot */
.chatbot{position: relative;padding: 60px 0;font-family: SUIT;font-size: 14px;z-index: 0;}
.chatbot button, .chatbot input, .chatbot select{font-family: SUIT;font-size: 14px;}
.chatbot .title{position: fixed;top: 0;left: 0;right: 0;height: 60px;padding: 20px;background: var(--dkgray);color: #fff;box-sizing: border-box;}
.chatbot .title h1{font-family: var(--tit);font-size: 20px;line-height: 1.4;}
.chatbot .title button{position: absolute;width: 40px;height: 40px;right: 10px;top: 10px;padding: 0;background: url("/images/common/chat_ico.png") no-repeat center 0 rgba(255,255,255,0.2);font-size: 0;overflow: hidden;border-radius: 15px;}
.chatbot .conbox{background: var(--bggray1);padding: 20px;box-sizing: border-box;height: calc(100vh - 120px);overflow-y: auto;}
.chatbot .conbox::-webkit-scrollbar{width:3px;height:3px;}
.chatbot .conbox::-webkit-scrollbar-track{border-radius:5px;background:var(--bggray1);}
.chatbot .conbox::-webkit-scrollbar-thumb{background:var(--dkgray);border-radius: 10px;}
.chatbot .chatbox{margin: 0 0 20px;}
.chatbot .chatbox>div{margin-top: 10px;}
.chatbot .chatbox>div:first-child{margin-top: 0;}
.chatbot .chatbox .profile p{width: 50px;height: 50px;border-radius: 20px;overflow: hidden;box-shadow: 0 0 10px rgba(219,219,219,0.4);}
.chatbot .chatbox .profile p img{width: 100%;height: 100%;}
.chatbot .chatbox .textbox{display: inline-block;max-width: calc(100% - 10px);padding: 12px 15px;background: #fff;border-radius: 5px 20px 20px;font-size: 14px;box-sizing: border-box;box-shadow: 0 0 10px rgba(219,219,219,0.4);text-align: left;}
.chatbot .chatbox .btnbox{font-size: 0;}
.chatbot .chatbox .btnbox li{display: inline-block;margin: 0 4px 4px 0;}
.chatbot .chatbox .btnbox li button{padding: 8px 15px;font-size: 14px;color: var(--point1);background: #fff;border-radius: 20px;box-shadow: 0 0 10px rgba(219,219,219,0.4);}
.chatbot .chatbox .btnbox li button:hover, .chatbot .chatbox .btnbox li button:focus{text-decoration: underline;}
.chatbot .chatbox .btnbox li.on button{background: var(--point3);color: #000;}
.chatbot .chatbox.user{text-align: right;}
.chatbot .chatbox.user .textbox{border-radius: 20px 5px 20px 20px;background: var(--dkgray);color: #fff;}
.chatbot .cardbox{overflow: hidden;}
/*.chatbot .cardbox .slide{width: 9999px;}*/
.chatbot .cardbox .slide:after{display: block;clear: both;content: "";}
.chatbot .cardbox .card{float: left;width: 240px;padding: 15px!important;margin: 0 10px 10px 0;box-sizing: border-box;border-radius: 10px;border: 5px solid #f6f1e9;background: #fff;box-shadow: 0 0 10px rgba(219,219,219,0.4);}
.chatbot .cardbox .tit{border-bottom: 1px solid #c35416;color: #c35416;font-family: var(--tit);font-size: 18px;line-height: 1;padding-bottom: 5px;}
.chatbot .cardbox .list{height: 132px;margin: 5px 0;padding-right: 10px;overflow-y: auto;}
.chatbot .cardbox .list::-webkit-scrollbar{width:3px;height:3px;}
.chatbot .cardbox .list::-webkit-scrollbar-track{border-radius:5px;background:var(--bggray1);}
.chatbot .cardbox .list::-webkit-scrollbar-thumb{background:var(--dkgray);border-radius: 10px;}
.chatbot .cardbox .list li a{display: block;position: relative;padding: 10px 10px 10px 0;border-bottom: 1px dashed #ddd;line-height: 1;}
.chatbot .cardbox .list li a:hover, .chatbot .cardbox .list li a:focus{font-weight: 600;}
.chatbot .cardbox .list li a:after{position: absolute;width: 6px;height: 8px;top: 12px;right: 0;content: "";background: url("/images/common/chat_arr.png") no-repeat;}
.chatbot .cardbox .more a{display: block;text-align: center;padding: 8px 0;border-radius: 5px;background: #f6f1e9;color: #c35416;}
.chatbot .cardbox .more a:hover,.chatbot .cardbox .more a:focus{text-decoration: underline;}
/*card-color*/
.chatbot .cardbox .menu{border-color: #f5f4fa;}
.chatbot .menu .tit{border-color: #4635c8;color: #4635c8;}
.chatbot .menu .more a{background: #f5f4fa;color: #4635c8;}
.chatbot .cardbox .bbs{border-color: #e6f8f9;}
.chatbot .bbs .tit{border-color: #008388;color: #008388;}
.chatbot .bbs .more a{background: #e6f8f9;color: #008388;}
.chatbot .cardbox .cont{border-color: #f1f8ff;}
.chatbot .cont .tit{border-color: #2259c8;color: #2259c8;}
.chatbot .cont .more a{background: #f1f8ff;color: #2259c8;}
.chatbot .cardbox .news{border-color: #fff3f6;}
.chatbot .news .tit{border-color: #e45977;color: #e45977;}
.chatbot .news .more a{background: #fff3f6;color: #e45977;}
.chatbot .cardbox .blog{border-color: #f3f5ec;}
.chatbot .blog .tit{border-color: #0e971b;color: #0e971b;}
.chatbot .blog .more a{background: #f3f5ec;color: #0e971b;}
/*card-color*/
.chatbot .cardbox .control{margin-top: 10px;text-align: center;font-size: 0;}
.chatbot .cardbox .control li{display: inline-block;}
.chatbot .cardbox .control button{width: 10px;height: 10px;padding: 0;margin: 0 2px;font-size: 0;border-radius: 100%;background: #bbbfc5;}
.chatbot .cardbox .control button:focus{outline-offset: 0;}
.chatbot .cardbox .control .slick-active button{background: #343a40;}
.chatbot .ing{font-size: 0;height: 18px;line-height: 18px;}
.chatbot .ing i{display: inline-block;width: 6px;height: 6px;margin: 2px;border-radius: 100%;background: #343a40;vertical-align: middle;animation: ing 3.2s linear infinite;}
.chatbot .ing i:nth-child(2){animation-delay: .8s;}
.chatbot .ing i:nth-child(3){animation-delay: 1.6s;}
.chatbot .user .ing i{background: #fff;}

.chatbot .typebox{position: fixed;left: 0;right: 0;bottom: 0;padding: 10px;background: #e2e6ec;font-size: 0;z-index: 1;}
.chatbot .typebox .type_area{display: inline-block;width: calc(100% - 50px);margin-right: 10px;background: #fff;border-radius: 15px;overflow: hidden;}
.chatbot .typebox .type_area input{float: left;width: calc(100% - 30px);padding: 10px;box-sizing: border-box;font-size: 16px;}
.chatbot .typebox .type_area>button{float: right;width: 30px;height: 40px;padding: 0;font-size: 0;background: url("/images/common/chat_ico.png") center -40px;}
.chatbot .typebox .voice{display: none;position: fixed;left: 0;right: 0;bottom: 0;height: 200px;border-radius: 30px 30px 0 0;background: var(--dkgray);text-align: center;box-shadow: -5px 0 10px rgba(0,0,0,0.4);}
.chatbot .typebox .voice.on{display: block;}
.chatbot .typebox .voice>div{padding: 50px 0;color: #fff;}
.chatbot .typebox .voice p{margin-top: 40px;font-size: 14px;}
.chatbot .typebox .voice .close{position: absolute;top:20px;right:20px;width: 40px;height: 40px;padding: 0;font-size: 0;overflow: hidden;background: url("/images/common/chat_ico.png") no-repeat center 0 rgba(255,255,255,0.2);border-radius: 100%;}
.chatbot .typebox .voice .ready{position: relative;width: 50px;height: 50px;padding: 0;background: #e23156;border-radius: 100%;font-size: 0;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.chatbot .typebox .voice .ready:before{position: absolute;top: -10px;left: -10px;width: 70px;height: 70px;content: "";background: #f6f9ff;border-radius: 100%;z-index: -1;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.chatbot .typebox .voice .ing{position: relative;width: 50px;height: 50px;margin: 0 auto;padding: 0;background: var(--dkgray);border-radius: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.chatbot .typebox .voice .ing:before{position: absolute;top: -10px;left: -10px;width: 70px;height: 70px;content: "";background: #f6f9ff;border-radius: 100%;z-index: -1;box-shadow: 0 0 10px rgba(0,0,0,0.2);opacity: 0.3;}
.chatbot .typebox .voice .ing span{display: block;padding-top: 17px;}
.chatbot .typebox .voice .ing i{background: #fff;}
.chatbot .typebox .btn_send{width: 40px;height: 40px;padding: 0;font-size: 0;background: url("/images/common/chat_ico.png") center -80px var(--dkgray);border-radius: 15px;}

.chatbot .move{position: fixed;right: 30px;bottom: 80px;}
.chatbot .move a{display: block;width: 50px;height: 50px;font-size: 0;background: url("/images/common/chat_ico.png") center -120px #fff;border-radius: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.2);}

.chatbot ~ .bbs_btn{position: absolute;top: 10px;right: 60px;margin: 0;}

@keyframes ing {0%, 100% {opacity: 0;transform: scale(0.5);}50% {opacity: 1;transform: scale(1.2);}}

@media all and (min-width:768px) {
.chatbot .typebox .type_area input{width: 100%;}
.chatbot .typebox .type_area>button{display: none;}
}