@charset "utf-8";
/* layout */
.chat_wrap{height:100%;}
.chat_box{position:relative;width:100%;height:100%;box-sizing:border-box;}
.chat_top{height: 80px;padding:15px 16px;background: linear-gradient(#0564B1, #4F9FCE);
box-sizing: border-box;}
.chat_cont{width:100%;position: absolute;top:80px;
bottom:56px;padding:15px 16px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;}
.chat_bottom{position: absolute;left:0;right:0;bottom:0;height:56px;background: #fff;padding: 10px 16px;box-sizing: border-box;}

/* icon */
.ico_logo{width:40px;height:40px;background-image:url(../images/logo_chat.png);}
.ico_tfont{width:23px;height:29px;background-image:url(../images/ico_font.png);}
.ico_help{position:relative;top:-1px;width:23px;height:22px;background-image:url(../images/ico_help.png);}
.ico_close{position:relative;top:-1px;width:18px;height:18px;background-image:url(../images/ico_close.png);}
.ico_pop_close{width:13px;height:13px;background:url(../images/ico_pop_close.png);background-size:contain;}
/*.ico_voice_mike{background: url(../images/ico_voice_mike.png) #458df3;background-size: contain;}*/
.ico_mike{width:15px;height:22px;background-image:url(../images/ico_mike_on.png);margin: 0px 0px 8px;}
.ico_send{width:20px;height:22px;background-image:url(../images/ico_send.png);}

/* chat_top */
.h_tit{display:block;text-align:left;}
.h_tit .logo{width:50px;height:50px;cursor:pointer;}
.h_tit span{margin-left: 12px;line-height: 50px;color: #fff;font-size: 19px;}
.top_btn.right button + button{margin-left:15px;}
.top_btn.right{position:absolute;top:27px;right:16px;}
.font_control{position:absolute;left:0;right:0;bottom: 75px;margin: 0 42px 0 43px;height:158px;border-radius:15px;background-color:#fff;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);z-index: 100;}
.font_inner{padding: 30px 41px;}
.font_inner .box_tit{display:block;line-height: 1.07;font-weight:normal;text-align:center;}
.btn_pop_close{position:absolute;top:15px;right:18px;}
.font_bar{position:relative}
.font_level{margin-top:39px;width:100%;height:0;border: 1px solid #d7def8;}
.font_level:after{content:"";display:block;clear:both;}
.font_type{float:left;}
.font_type.fz1{position:relative;left: -2px;width:33.33%;}
.font_type.fz2{width:33.33%;}
.font_type.fz3{width:33.33%;}
.font_type.fz4{position: absolute;top: 1px;right: -3px;}
.font_type .bg_font{display:block;width:12px;height:12px;background-color: #d7def8;border-radius:50%;position: relative;top: -6px;}
.font_type .bg_font.on,.font_type .bg_font:hover,.font_type .bg_font:active{display:block;width:36px;height:36px;background:url(../images/txt_font_size.png) 0 0 no-repeat;background-size:contain;position: relative;top: -18px;left:-12px;}
.font_type.fz4 .bg_font.on,.font_type.fz4 .bg_font:hover,.font_type.fz4 .bg_font:active{left:13px;}
.font_inner .btn_control{position:absolute;height:20px;top:106px;left: 34px;bottom:2px;padding: 4px;}
.ico_minus{width:14px;height:4px;background-image:url(../images/ico_minus.png);position: relative;top: 5px;}
.ico_plus{width:13px;height:13px;background-image:url(../images/ico_plus.png);}
.font_inner .btn_zoom{left:auto;top:104px;right:33px;}

.ui-helper-hidden-accessible{display:block;};

/* chat_cont */
.bot_wrap,.user_wrap{margin-bottom:15px;}
.bot_wrap{position:relative;max-width:93%;}
.bot_wrap.menu{max-width:100%;}
.bot_wrap:after{content:"";display:block;clear:both;}
.bot_wrap.carousel{max-width:100%;}
.bot_wrap.carousel .swiper-container{padding-bottom:30px; float:left; height:100px; width:100%}

.bot_box{margin:5px 0 0 0;}
.bot_box.next{display:inline-block;width: calc(100% - 60px);margin: 0 0 0 5px;}
.bot_box .bot_txt{float:left;background:#f5f6fa;padding: 9px 10px 10px 10px;border-radius: 0 15px 15px 15px;line-height: 1.4;word-break: keep-all;min-width:150px}
.bot_box .bot_txt + .bot_txt{clear:both;margin-top: 5px;}
.chat_menu{clear:both;padding-top:5px;font-size:0;margin: 0 0 -5px -4px;}
.chat_menu:after{content:"";display:block;clear:both;}
.chat_menu li{display:inline-block;width:25%;height: 95px;}
.chat_menu .icon_box{display:block;margin: 0 0 5px 4px;padding: 13px 0 12px;border-radius: 15px;text-align:center;background: #f5f6fa;color: #3f455c;box-sizing: border-box;}
.icon_box .icon{display:block;height:40px;background-repeat:no-repeat;background-size:contain;margin:0 auto;}
.icon_box .icon.m1{width:40px;background-image:url(../images/ico_menu01.png);}
.icon_box .icon.m2{width:40px;background-image:url(../images/ico_menu02.png);}
.icon_box .icon.m3{width:40px;background-image:url(../images/ico_menu03.png);}
.icon_box .icon.m4{width:40px;background-image:url(../images/ico_menu04.png);}
.icon_box .icon.m5{width:40px;background-image:url(../images/ico_menu05.png);}
.icon_box .icon.m6{width:40px;background-image:url(../images/ico_menu06.png);}
.icon_box .m_txt{display:block;margin-top: 10px;font-size:16px;line-height: 1.29; word-break: keep-all;}

/* 21-12-27 ljw */
.content_box.hidden{display:none;}

@media (max-width:417px) {
	.icon_box .m_txt{display:block;margin-top: 10px;font-size:14px;line-height: 1.4;word-break: keep-all;}
}

@media (max-width:365px) {
	.icon_box .m_txt{display:block;margin-top: 10px;font-size:12px;line-height: 1.4;word-break: keep-all;}
}

.icon_box:hover,.icon_box.on{color:#458df3;font-weight:500;cursor:pointer;}
.icon_box:hover .icon.m1, .icon_box.on .icon.m1{background-image:url(../images/ico_menu01_on.png);}
.icon_box:hover .icon.m2, .icon_box.on .icon.m2{background-image:url(../images/ico_menu02_on.png);}
.icon_box:hover .icon.m3, .icon_box.on .icon.m3{background-image:url(../images/ico_menu03_on.png);}
.icon_box:hover .icon.m4, .icon_box.on .icon.m4{background-image:url(../images/ico_menu04_on.png);}
.icon_box:hover .icon.m5, .icon_box.on .icon.m5{background-image:url(../images/ico_menu05_on.png);}
.icon_box:hover .icon.m6, .icon_box.on .icon.m5{background-image:url(../images/ico_menu06_on.png);}

.btn_list{padding:15px 0px 4px;}
.btn_list li:not(:first-child){margin:10px}
.btn_list li + li{margin-top:5px;}
.btn_list .btn_txt{display:block;width:100%;height:35px;padding:7px 0 8px;box-sizing:border-box;text-align:center;border-radius: 30px;box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);background-color: #fff;}

.btn_list .side_box{position:fixed;top:76px;right:16px;width:50px;height:50px;box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);background: url(../images/ico_exit.png) center no-repeat #21bab1;border-radius:50%;background-size: 22px;z-index: 150;cursor:pointer;}

.btn_list .btn_txt:active,.btn_list .btn_txt:hover, .btn_list li.on .btn_txt{color:#fff;font-weight:500;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);background-color: #458df3;}
.btn_view{margin:12px 0px 5px;display:block;padding: 7px 10px 8px 11px;border-radius: 5px;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);color:#458df3;background: #fff;position: relative;}
.btn_view:after{content:"";display: block;position: absolute;right: 10px;top: 11px;width: 11px;height: 10px;background-image: url(../images/ico_view.png);background-size:contain;}

.bot_box .bot_txt.parking{border-radius:15px;padding:15px 10px;}
.parking_form .tit{display:block;font-size:1.6rem;font-weight: 500;letter-spacing:-0.4px;line-height:1.13;color: #3f455c;text-align: center;}
.tbl_parking{margin-top:14px;width:100%;border-collapse:separate;border-spacing:0 5px;}
.tbl_parking th,td{padding:4px 0 5px 0;line-height: 1.29;}
.tbl_parking th{width:90px;height:29px;background-color: #e3e6f3;border-radius: 3px;box-sizing:border-box;font-weight:500;}
.tbl_parking td{padding-left:9px;}
.btn_form{width:100%;margin-top:10px;}
.btn_form li{float:left;width: 48.5%;}
.btn_form li:first-child{margin-left:0;}
.btn_form li + li{margin-left:5px;}
.btn_form li.on .btn, .btn_form .btn:hover,.btn_form .btn:active{box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);background:#458df3;color:#fff;}
.btn_form .btn{width:100%;height:35px;font-size:1.3rem;font-weight:500;border-radius:30px;background:#fff;line-height:1.31;letter-spacing: -0.33px;}

.img_box{margin:10px 0;min-width:246px;text-align: center;}
.img_box.only{margin:0;}
.img_box .img_answer{max-width:100%;width:auto !important;height:auto;}

/* 프로세싱 스타일 추가 */
.processing{margin:10px 0;min-width:100px;text-align:left;width:30px;height:10px;}
.processing.only{margin:0;}
.processing .img_processing{max-width:100%;width:auto !important;height:auto;}
.user_box .user_processing{max-width:94%;float: right;position:relative;background: #fff;border-radius: 15px 0 15px 15px;padding: 9px 10px 10px;line-height: 1.29;color: #fff;}

.menu_box{display:inline-block;vertical-align:top;background:#f5f6fa;border-radius:15px;box-sizing:border-box;width:260px;white-space:normal;} 
.menu_box .tit{height:37px;border-radius:15px 15px 0 0;background:#d9e0f8;padding:7px 0 8px 0;box-sizing:border-box;}
.menu_box .tit span{display:block;font-size:1.5rem;font-weight:500;text-align: center;line-height:22px;letter-spacing: -0.38px;}
.menu_box .keyword{margin:10px;}
.menu_box .keyword li{height:35px;}
.menu_box .keyword li > a{display:block;background:#fff;border-radius:30px;font-size:1.3rem;color:#3f455c;padding:7px 0 9px 0;line-height: 1.31;letter-spacing: -0.33px;text-align: center;}
.menu_box .keyword li > a:active,.menu_box .keyword li > a:hover, .menu_box .keyword li > a.on{box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);background-color: #458df3;color:#fff;font-weight:500;}
.menu_box .keyword li > a.more{border:1px solid #dde2f8;background-color: #eff1f9;box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);color:#364b91;font-weight: normal;}
.menu_box .keyword li + li {margin-top:5px;}
.time{clear:both;display:block;font-size:0.9rem;line-height: 1.5;letter-spacing: -0.3px;color: #979db3;padding-top: 4px;}
.main_time{clear:both;display:block;font-size:0.9rem;line-height: 1.5;letter-spacing: -0.3px;color: #979db3;padding-top: 0px;}

.user_wrap::after{content:"";display:block;clear:both;}
.user_box .user_txt{max-width:87%;float: right;position:relative;background: #2A82BC;border-radius: 15px 0 15px 15px;padding: 9px 10px 10px;line-height: 1.4;color: #fff;word-break: keep-all;margin-top: 10px;}
.user_box .user_txt + .user_txt{clear:both;margin-top:5px;}
.time.user{text-align:right;}

/* chat_bot*/
.card_wrap{width:90%; display:flex; margin-top:10px;height:250px;}
.card_wrap .card{position: relative; display:inline-block; margin-right:10px; margin-left:45px; padding:15px; border-radius:5px; background:#fff; white-space:normal; vertical-align:top;}
.card_wrap .card .card_tit{color:#666; width:210px; margin-bottom:10px; }
.card_wrap .card .card_tit p{font-size:1.7rem; color:#333; margin-bottom:3px; font-weight:800}

.category_area{clear:both; width:100%; padding-top:6px;padding: 9px 10px 0px 10px;font-size:0;white-space:nowrap; position:relative;}
.category_box{display:inline-block;width:230px;min-height:230px;border-radius:15px;background-color:#f5f6fa;vertical-align:top;overflow:hidden;}
.category_box+.category_box{margin-left:5px}
.category_box .category_tit{display:block;padding:10px 0;font-size:1.3rem;font-weight:500;background-color:#d9e0f8;text-align:center; overflow:hidden;letter-spacing: -0.38px;}
.category_list{padding:5px 13px 10px 15px}
.category_list .category_item{margin-top:5px}
.category_item .category_link{display:block;height:30px;width:200px;font-size:13px;background-color:#fff;border-radius:30px;text-align: center;line-height:30px}
.category_item .category_link:hover{color:#fff;background-color:#458df3; cursor:hand}
.category_item .category_more{border:1px solid #dde2f8;display:block;height:30px;width:200px;font-size:13px;color:#364b91;background-color:#eff1f9;border-radius:30px;text-align:center;line-height:30px;}
.category_item .category_more:hover{color:#fff;background-color:#458df3; cursor:hand}

.card_list{height: auto;
    padding-left: 5px;
    display: inline-block;
    width:480px;
    overflow:visible;
}
.ts-controls{
	width: 50%;
    text-align: center;
}

.ts-paging {
    margin: 0px 0 12px 60px;
}

.ts-paging-btn {
	display: inline-block;
	width: 20px;
	height: 10px;
	margin: 3px;
	font-size: 0px;
	line-height: 0;
	text-indent: -9999px;
	background: #f8fafd;
	border-radius: 10px;
}

.ts-paging-btn.ts-paging-active {
	/*background: #7f9ed4;*/
	background: #458df3;
}

.ts-controls {
	width: 100%;
	text-align: center;
}

.ts-paging {
	margin: 0px 0 12px 60px;
}




/* chat_bottom */
.inp_box{width: calc(100% - 32px);height:36px;padding:4.5px 15px;border-radius:18px;border:1.5px solid #4F9FCE; box-sizing:border-box;background:#fff;}
.inp_txt .inp{width: calc(100% - 24px);margin: 0px 5px 8px 0px;background: #fff;letter-spacing: -0.42px;color: #333;}
.auto_keyword{border-radius:15px;border: solid 1px #e1e5f5;background-color: #ffffff;position: absolute;bottom: 50px;left: 15px;right: 45px;z-index: 100;}
.ui-autocomplete li{box-sizing:border-box;}
.ui-autocomplete .search_link{display:block;height:35px;color: #3f455c;padding: 8px 15px 7px 15px;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 18px;}
.ui-autocomplete .search_link strong{color:#458df3;font-weight: 500;}
.ui-autocomplete .search_link:hover{background-color: #f5f6fa; cursor:pointer;border-radius:15px;}
.ui-autocomplete li.first .word:hover,.keyword_box li.first .word:active{border-radius:15px 15px 0 0;}
.ui-autocomplete li.last .word:hover,.keyword_box li.last .word:active{border-radius:0 0 15px 15px;}
.voice_wrap{position: absolute;bottom: 56px;left: 0;right: 0;height:264px;background-color: #f5f6fa;border-radius: 15px 15px 0 0;z-index: 100;}
.voice_box .tit{display:block;margin:25px auto 5px auto;
text-align: center;font-size: 1.8rem;font-weight: 500;line-height: 1.3;letter-spacing: -0.5px;}
.voice_box .tit_mike{display:block;text-align: center;color:#458df3;font-size: 1rem;font-weight: 500;letter-spacing: -0.5px;margin: 8px 0px 10px;}
.voice_box .timer{text-align: center;color:#458df3;font-size: 1rem;font-weight: 500;letter-spacing: -0.5px;margin: 8px 0px 10px;}
.mike_area{display:block;width:110px;height:110px;margin:0 auto;padding: 10px;box-sizing: border-box;border-radius:50%;}
.mike_area .btn_mike{display:block;width:90px;height:90px;border-radius: 50%;margin:0 auto;background:url(../images/ico_voice_mike.png
) center no-repeat #458df3;background-size:35px 50px;backface-visibility: hidden;

	-webkit-animation-name: animate;
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;	

	-moz-animation-name:  animate;
    -moz-animation-duration: 4s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

	-o-animation-name: animate;
    -o-animation-duration: 4s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;

	animation-name: animate;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;		
	
}

@-webkit-keyframes animate{
	0%{ -webkit-box-shadow: 0 0 0 0 rgba(206,221,255,.8),0 0 0 0 rgba(206,221,255,.8);}	
	40%{ -webkit-box-shadow: 0 0 0 50px rgba(206,221,255,.0),0 0 0 0 rgba(206,221,255,.8);}	
	80%{ -webkit-box-shadow: 0 0 0 50px rgba(206,221,255,.0),0 0 0 30px rgba(206,221,255,0);}	
	100%{ -webkit-box-shadow: 0 0 0 0 rgba(206,221,255,.0),0 0 0 30px rgba(206,221,255,0);}	
}
@-moz-keyframes animate{
	0%{ -moz-box-shadow: 0 0 0 0 rgba(206,221,255,.8),0 0 0 0 rgba(206,221,255,.8);}	
	40%{ -moz-box-shadow: 0 0 0 50px rgba(206,221,255,.0),0 0 0 0 rgba(206,221,255,.8);}	
	80%{ -moz-box-shadow: 0 0 0 50px rgba(206,221,255,.0),0 0 0 30px rgba(206,221,255,0);}	
	100%{ -moz-box-shadow: 0 0 0 0 rgba(206,221,255,.0),0 0 0 30px rgba(206,221,255,0);}	
}

@-o-keyframes animate{
	0%{ -o-box-shadow: 0 0 0 0 rgba(206,221,255,.8),0 0 0 0 rgba(206,221,255,.8);}	
	40%{ -o-box-shadow: 0 0 0 50px rgba(206,221,255,.0),0 0 0 0 rgba(206,221,255,.8);}	
	80%{ -o-box-shadow: 0 0 0 50px rgba(206,221,255,.0),0 0 0 30px rgba(206,221,255,0);}	
	100%{ -o-box-shadow: 0 0 0 0 rgba(206,221,255,.0),0 0 0 30px rgba(206,221,255,0);}	
}
@keyframes animate{
	0%{box-shadow: 0 0 0 0 rgba(206,221,255,.8),0 0 0 0 rgba(206,221,255,.8);}	
	40%{box-shadow: 0 0 0 50px rgba(206,221,255,.0),0 0 0 0 rgba(206,221,255,.8);}	
	80%{box-shadow: 0 0 0 50px rgba(206,221,255,.0),0 0 0 30px rgba(206,221,255,0);}	
	100%{box-shadow: 0 0 0 0 rgba(206,221,255,.0),0 0 0 30px rgba(206,221,255,0);}	
}

.btn_mike:hover .ico_mike{background-image:url(../images/ico_mike_on.png);}
.btn_send{position:absolute;top:17px;right:16px;}
.btn_send:hover .ico_send{background-image:url(../images/ico_send_on.png);cursor:pointer;}


/* guide_wrap */
.dimmed{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);z-index:150;}
.guide_wrap{display:none;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 150;margin: 0 auto;padding: 77px 26px 54px 27px;text-align: center;}
.guide_wrap img{max-width:100%;max-height: 100%;}
.guide_wrap .layer_btn{position:absolute;right: 16px;top: 15px;width:60px;height:27px;font-size:13px;color:#fff;font-weight:500;border:1px solid #fff;border-radius: 5px;line-height: 1.46;letter-spacing: -0.33px;}

/* loading */
.three-balls {margin: 10px auto 0; width: 60px; text-align: center;}
.three-balls .ball {margin: 0px 2px 0px; position: relative; width: 10px; height: 10px; border-radius: 50%; display: inline-block; -webkit-animation: bouncedelay 3.0s infinite cubic-bezier(.62, .28, .23, .99) both; animation: bouncedelay 3.0s infinite cubic-bezier(.62, .28, .23, .99) both; background: #006aee;}
.three-balls .ball1 {-webkit-animation-delay: -.16s; animation-delay: -.16s;}
.three-balls .ball2 {-webkit-animation-delay: -.08s; animation-delay: -.08s;}
@keyframes bouncedelay {
  0% {bottom: 0; background-color: #0e2787;}
  16.66% {bottom: 12px; background-color: #d0cef0;}
  33.33% {bottom: -5px; background-color: #2f1f94;}
  50% {bottom: -5px; background-color: #0e2787;}
  66.66% {bottom: -5px; background-color: #d0cef0;}
  83.33% {bottom: 12px; background-color: #2f1f94;}
  100% {bottom: 0; background-color: #0e2787;}
}
@-webkit-keyframes bouncedelay {
  0% {bottom: 0; background-color: #0e2787;}
  16.66% {bottom: 12px; background-color: #d0cef0;}
  33.33% {bottom: -5px; background-color: #2f1f94;}
  50% {bottom: -5px; background-color: #0e2787;}
  66.66% {bottom: -5px; background-color: #d0cef0;}
  83.33% {bottom: 12px; background-color: #2f1f94;}
  100% {bottom: 0; background-color: #0e2787;}
}



/*  2021-06-04  추가 시작 */
.ico_cursor{display:block;position:absolute;left:50%;bottom:33px;width:50px;height:40px;background:url(../images/ico_cursor.png) no-repeat;background-size:contain;margin-left:13px;-webkit-animation:click 2s infinite;
	animation: click 2s infinite;}
  @-webkit-keyframes click {
	0% {-webkit-transform:translate(0, 0)}
	20% {-webkit-transform:translate(15px, 15px)}
	40% {-webkit-transform:translate(0, 0)}
  }
  @keyframes click {
	0% {transform:translate(0, 0);}
	20% {transform:translate(15px, 15px);}
	40% {transform:translate(0, 0);}
  }
  .spinner{height:33px;margin:0 3px}
  .spinner > div{background-color:#fff;height:100%;width:2px;display:inline-block;margin:0 1px;-webkit-animation:voice 1.2s infinite ease-in-out;animation: voice 1.2s infinite ease-in-out}
  .spinner .rect2{-webkit-animation-delay: -1.1s;animation-delay: -1.1s}
  .spinner .rect3{-webkit-animation-delay: -1.0s;animation-delay: -1.0s}
  .spinner .rect4{-webkit-animation-delay: -0.9s;animation-delay: -0.9s}
  .spinner .rect5{-webkit-animation-delay: -0.8s;animation-delay: -0.8s}
  .spinner .rect6{-webkit-animation-delay: -0.7s;animation-delay: -0.7s}
  .spinner .rect7{-webkit-animation-delay: -0.6s;animation-delay: -0.6s}
  .spinner .rect8{-webkit-animation-delay: -0.5s;animation-delay: -0.5s}
  @-webkit-keyframes voice {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
	20% { -webkit-transform: scaleY(1.0) }
  }
  @keyframes voice {
	0%, 40%, 100% {transform: scaleY(0.4);-webkit-transform: scaleY(0.4);}  
	20% { transform: scaleY(1.0);-webkit-transform: scaleY(1.0);}
  }
  .bounce{margin:5px}
  .bounce > div{width:12px;height:12px;margin:0 2px; background-color: #458df3;border-radius: 100%;display: inline-block;-webkit-animation: bouncedelay 1.4s infinite ease-in-out both;animation: bouncedelay 1.4s infinite ease-in-out both;
  }
  .bounce .ball1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
  .bounce .ball2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
  @-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
  }
  @keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0);transform: scale(0);} 
	40% { -webkit-transform: scale(1.0);transform: scale(1.0);}
  }
  /*  2021-06-04  추가 끝 */
  	
/* 22-01 접이식버튼 */
.btn_list li.fold{margin: 0 0 10px 0;}
.btn_list .btn_txt.folding {background: #fff url(../images/ico_arrow_down.png) no-repeat 90% 50%;width: 300px;} 
.btn_list .btn_txt.folding.on {background: #458df3 url(../images/ico_arrow_up.png) no-repeat 90% 50%;} 
.btn_list .btn_txt.folding:hover{background: #458df3 url(../images/ico_arrow_down_white.png) no-repeat 90% 50%;}
.btn_list .btn_txt.folding.on:hover{background:#458df3 url(../images/ico_arrow_up.png) no-repeat 90% 50%;}
.content_box{margin-bottom:16px;}