@charset "utf-8";

/* skip */
#skip{height:0}
#skip a{display:block;position:absolute;left:0;top:-100px;width:100%;height:1px;text-align:center}
#skip a:focus,#skip a:active{position:absolute;top:0;z-index:30;height:18px;padding:12px 0;background: #e8f4ff;color: #333;font-size:15px;font-weight:bold;line-height: 1.2;z-index: 300;}

/* layout */
.chat_wrap{height:100%;overflow: hidden;}
.chat_box{position:relative;width:100%;height:100%;box-sizing:border-box;}
.chat_cont{width:100%;position:absolute;top:50px;left: 0;right: 0;bottom: 56px;padding: 15px 16px;box-sizing:border-box;overflow-x: hidden;overflow-y:auto;background: #f3f3f3;}
.chat_bottom{position: fixed;left:0;right:0;bottom:0;height:56px;background: #fff;box-sizing:border-box;z-index:300;}


/* icon */
.ico_chat{width:45px;height: 33px;background-image:url(../img/ico_chat.gif);}
.ico_home{width:34px;height:34px;background-image: url(../img/ico_home.png);}
.ico_guide{width:34px;height:34px;background-image:url(../img/ico_guide.png);}
.ico_close{width:34px;height:34px;background-image:url(../img/ico_close.png);} 
.ico_prev{width:37px;height:37px;background-image:url(../img/ico_left_arrow.png);}
.ico_next{width:37px;height:37px;background-image:url(../img/ico_right_arrow.png);}

.ico_pop_close{width: 34px;height: 34px;background-image:url(../img/ico_pop_close.png);}
.ico_font{width: 34px;height: 34px;background-image:url(../img/ico_font.png);}
.ico_send{width:30px;height: 34px;background-image:url(../img/ico_send.png);}


/* chat_top */
.ico_chat_box{float:left;width:45px;height:45px;margin: 0 6px 0 0;padding: 6px 0 6px 0;border:1px solid #2892f2;background:#449bec;border-radius:50%;text-align: center;box-sizing:border-box;}
.h_tit{position:relative;height:50px;padding: 8px 10px 8px 16px;text-align: left;box-sizing:border-box;font-size:2rem;line-height:32px;z-index:100;background: #fff;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);}
.top_btn.right{position:absolute;top:9px;right:11px;z-index:200;}
.top_btn.right:after{content:"";display:block;clear:both;}
.top_btn.right button{float:left;}
.top_btn.right button + button{margin-left:5px;}
.top_btn.right button + .btn_close{margin-left:6px;}

/* chat_cont */
.user_wrap{margin:20px 0;}
.bot_wrap{position:relative;}
.bot_wrap:last-child{padding-bottom:15px;}
.bot_wrap:after{content:"";display:block;clear:both;}
.bot_wrap + .bot_wrap{margin-top: 20px;}
.bot_wrap .bot_box .bot_txt{position:relative;float:left;width: calc(100% - 54px);line-height:1.43;}

.bot_box .bot_txt.w100 .chat_talk{float:none;}
.bot_box .bot_txt.w100 .chat_talk2{float:none;}
.bot_box .bot_txt + .bot_txt{clear:both;margin-top: 8px;}
.bot_box .bot_txt + .bot_txt.w100{width:100%;}
.bot_box .bot_txt:after{content:"";clear:both;display:block;}
.bot_box .bot_txt .chat_talk{float: left;padding: 10px;background: #fff;border-radius: 0 15px 15px 15px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);}
.bot_box .bot_txt .chat_talk2{float: left;padding: 10px;background: #fff;border-radius: 0 15px 15px 15px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);border : 5px; background:linear-gradient(-45deg, transparent 15px, #ffef60 0) right;}
.select_box{margin-top:10px;height:37px;border-radius:5px;border:1px solid #ccc;overflow: hidden;}
.option_box{width:100%;height:37px;padding:0 10px 0 3px;background:#fff;}                 
.bot_txt.w100 + .time{padding:6px 0 0 0;}
.bot_box .bot_txt .chat_talk + .chat_talk{margin-top: 8px;clear: both;}
.bot_box .bot_txt .chat_talk2 + .chat_talk2{margin-top: 8px;clear: both;}

.chat_menu_wrap{position: relative;clear:both;font-size:0;padding-top:6px;}
.menu_box_wrap{max-width: 586px;}
.chat_menu li{display:inline-block;}
.chat_menu li:last-child .icon_box{margin-bottom: 6px;}
.chat_menu .icon_box{display:block;margin: 0 8px 8px 0;width: 109px;height: 104px;border-radius: 10px;padding: 15px 0 16px;background:#fff;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);box-sizing:border-box;}
.icon_box .icon{display:block;height:45px;background-repeat:no-repeat;background-size: contain !important;margin: auto auto 14px auto;}
.icon_box .icon.menu01{width:43px;background-image:url(../img/ico_menu01.png);}
.icon_box .icon.menu02{width:45px;background-image:url(../img/ico_menu02.png);}
.icon_box .icon.menu03{width:49px;background-image:url(../img/ico_menu03.png);}
.icon_box .icon.menu04{width:45px;background-image:url(../img/ico_menu04.png);}
.icon_box .icon.menu05{width:43px;background-image:url(../img/ico_menu05.png);}
.icon_box .m_txt{display:block;font-size: 1.4rem;word-break:keep-all;text-align:center;color:#333;}
.icon_box:focus,.icon_box:hover,.icon_box:active,.icon_box.on{border:1px solid #1276d2;}
.icon_box:focus .m_txt,.icon_box:hover .m_txt, .icon_box:active .m_txt, .icon_box.on .m_txt{font-weight:bold;}

.menu_paging_area{display:none;position: relative;top:50%;left:50%;transform:translate(-50%, -50%);margin: 15px auto auto;text-align:center;}
.menu_paging_area li{display:inline-block;width:18px;height:18px;text-align:center;}
.menu_paging_area li + li{margin-left: 1px;}
.menu_paging_area .btn_bullet{width:8px;height:8px;border-radius:50%;background:#bababa;}
.menu_paging_area .btn_bullet.is_active{background:#1276d2;}

.btn_arrow{position:absolute;top:6px;width:37px;height: 105px;background:rgba(243, 243, 243, 0.75);z-index: 200;-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);}
.btn_arrow:focus,.btn_arrow:hover,.btn_arrow:active{border:1px dotted #2892f2;}
.btn_arrow.prev{display:none;left:-16px;}
.btn_arrow.next{display:none;right: -16px;}
.btn_arrow.prev.disabled{display:none;}
.btn_arrow.next.disabled{display:none;}

.btn_group{margin-top:10px;}
.btn_group + .call_info{margin-top:10px}
.btn_group.accordion{margin-top:0;}
.btn_group li + li {margin-top: 8px;}
.btn_group .btn{display:block;height:37px;line-height: 1;background: #fff;border-radius: 5px;padding: 11px 10px;border: 1px solid #72b5f2;text-align:center;color: #333;box-sizing:border-box;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);}
.btn_group .btn:focus,.btn_group .btn:hover,.btn_group .btn:active,.btn_group .btn.on{border: 1px solid #1276d2;background: #e8f4ff;font-weight: bold;}
.btn_group .btn.link{position: relative;text-align:left;}
.btn_group .btn.link:after{position:absolute;top: 9px;right: 8px;content:"";display:block;width:15px;height:19px;background:url(../img/ico_link.png) 0 0 no-repeat;background-size:contain;}
.btn_group .btn .arr{display:block;color:#333;text-align:left;}
.btn_group.w_half:after{content:"";display:block;clear:both;}
.btn_group.w_half li{float:left;width: calc(50% - 5px);}
.btn_group.w_half li + li{margin: 0 0 0 10px;}

.accordion .acc_dt:first-child{margin-top:0;}
.accordion .acc_dt{margin-top: 8px;}
.accordion .acc_dt{text-align:left;position: relative;cursor: pointer;}
.accordion .acc_dt .tit{display:inline-block;width: calc(100% - 18px);color:#333;}
.accordion .acc_dt .ico_arr{position:absolute;top: 9px;right: 8px;width: 18px;height: 19px;background-image:url(../img/ico_arrow_down.png);}
.accordion .acc_dt:focus .ico_arr,.accordion .acc_dt.active .ico_arr{background-image:url(../img/ico_arrow_up.png);}

.ico_arr_relate{position:absolute;top: 50%;right: 1px;width: 35px;height: 29px;background-image: url(../img/ico_right_arrow2.png);margin-top: -10px;margin-right: 9px;}
.ico_indi_recall_popup{position:absolute;top: 50%;right: 1px;width: 35px;height: 29px;background-image: url(../img/ico_indi_recall_popup.png);margin-top: -10px;margin-right: 9px;}

.accordion .acc_dt .btn{text-align:left;}
.accordion .acc_dd {display:none;position:relative;margin:10px;line-height: 1.43;}
.accordion .acc_dd:last-child{margin:10px 10px 0 10px;}

.btn_group .btn.more:after{content:"";display:inline-block;position: relative;top: -1px;width: 18px;height: 20px;background: url(../img/ico_more.png) 0 0 no-repeat;background-size:contain;margin-left: 3px;}
.btn_group .btn.more > span{vertical-align:top;}

.inp_txt_box{margin-top:10px;height:37px;border:1px solid #1276d2;border-radius:5px;box-sizing:border-box;overflow:hidden;}
.inp_txt_box .inp_txt{float:left;width: calc(100% - 61px);height:35px;padding: 11px 10px;background: #fff;box-sizing:border-box;}
.inp_txt_box .btn_chk{float: right;display: block;width: 61px;height: 35px;line-height: 35px;text-align: center;background-color:#1276d2;box-sizing: border-box;color: #fff;cursor: pointer;}
.inp_txt_box .btn_chk:before{content:"";position: relative;top: 2px;display:inline-block;width:16px;height:16px;background: url(../img/ico_search.png) 0 0 no-repeat;background-size:contain;margin-right: 3px;}

.query_wrap{clear:both;padding-top: 8px;}
.query_wrap:after{content:"";display:block;clear:both;}
.query_list + .query_list{margin-top:7px}
.query_list .word{float:left;height: 37px;padding: 11px 10px;background:#fff;border-radius: 20px;text-align:center;box-sizing:border-box;border: 1px solid #72b5f2;margin: 0 8px 0 0;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);}
.query_list .word2{float:left;height: 37px;padding: 11px 10px;background:#fff;border-radius: 20px;text-align:center;box-sizing:border-box;border: 1px solid #72b5f2;margin: 0 135px 0 0;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);}
.query_list .word .point{color: #1276d2;} 
.query_list .word:focus, .query_list .word:hover, .query_list .word:active, .query_list .word.on{border:1px solid #1276d2;font-weight:bold;}

.query_wrap .slick-slide{height: 37px;}
.slick-list{overflow:visible;}
.slick-prev.slick-disabled, .slick-next.slick-disabled{opacity:0;}
.slick-list:after{content:"";display:block;clear:both;}
.slick-dots{width:auto;left:0;right:0;}
.slick-dots li{margin: 0 0 0 3px;}
.slick-dots li{width:18px;height:18px;}
.slick-dots li button{width:18px;height:18px;position: relative;top: 6px;}
.slick-dots li button:before{width:18px;height:18px;line-height: 11px;font-size:30px;opacity: 1;color: #afafaf;}
.slick-track{margin-left: 50px;}
.slick-track:before{display:block;}
.slick-prev{width:35px;height:35px;}
.slick-dotted.slick-slider{margin-bottom:27px;}
.slick-dots li.slick-active button:before{opacity:1;color: #1276d2;}
.slick-prev:before, .slick-next:before{display:none;}
.slick-prev{display:block;width:37px;height:37px;background: url(../img/ico_left_arrow.png) no-repeat rgba(243, 243, 243, 0.7);background-size: contain;background-position:center;font-size:1px;z-index:500;left:-16px;-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);}
.slick-prev:hover, .slick-prev:focus{background: url(../img/ico_left_arrow.png) 0 center no-repeat  rgba(243, 243, 243, 0.7);background-size:contain;background-position: center;outline: 1px dotted #2892f2;}
.slick-next{display:block;right:-16px;width: 37px;height: 37px;background: url(../img/ico_right_arrow.png) 0 0 no-repeat rgba(243, 243, 243, 0.7);background-size: contain;font-size:1px;z-index:500;-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);}
.slick-next:hover, .slick-next:focus{background: url(../img/ico_right_arrow.png) 0 0 no-repeat rgba(243, 243, 243, 0.7);background-size:contain;outline:1px dotted #2892f2;}

.query_wrap.carousel{margin-top:2px;}
.query_wrap.carousel .slick-track{margin-left:0;}
.query_wrap.carousel .slick-slide{height:auto;}
.query_wrap.carousel .slick-slide + .slick-slide{margin-left:10px;}
.img_slide{position:relative;width:100px;height:100px;margin: 0 auto 8px auto;}
.img_slide .img_slide_box{float:left;}
.query_wrap.carousel .img_slide_box{position:relative;width:130px !important;background:#fff;min-height: 162px;padding: 12px 8px 6px;border-radius: 10px;box-sizing: border-box;}
.slick-slide .img_slide .list_img{max-width:100%; position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.img_slide_tit{display:block;width:100%;height: 36px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;line-height: 18px;max-height:36px;text-align:center;font-weight:normal;}
.img_slide_tit.one{line-height:36px;}
.query_wrap.carousel .slick-dotted.slick-slider{margin-bottom: 38px;}
.highlight{color: blue;}

/*ie10이상 2줄이상 말줄임표 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){ 
	.img_slide_tit.desc:before{content:"...";display:block;width:14px;height:26px;  position:absolute;bottom:0;right:7px;background:#fff;vertical-align:middle;}
}

.img_box{margin-top:10px;width:100%;}
.img_box + .img_box{margin-top:8px;}
.img_box .bot_img{max-width:100%;height:143px;display:block;border:1px solid #e3e3e3;text-align:center;}
.img_box .bot_img > img{height:100%;}

.accodion_wrap + .time{padding:5px 0 0 0;}
.menu_paging_area + .time{display:block;padding: 0;position: relative;top: -3px;}
.time{clear:both;display:block;padding: 6px 0 0 51px;font-size:1.2rem;color: #6d6d6d;}

.user_box:after{content:"";display:block;clear:both;}
.user_box .user_txt{float:right;position:relative;padding: 10px;line-height: 1.43;background-color: #ffef60;border-radius: 15px 0 15px 15px;color: #333;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);}
.user_box .user_txt:after{content:"";display:block;clear:both;}
.user_box .user_txt .company_tit{color: #0958b7;font-weight: bold;}
.user_box .user_txt + .user_txt{clear:both;margin-top: 10px;}
.time.user{clear: both;text-align:right;padding: 5px 0 0 0;}


/* chat_bottom */
.bottom_innner{position:absolute;top:0;bottom:0;left:0;right:0;padding: 10px 12px 10px 10px;box-sizing:border-box;}
.font_control{position:relative;top:0;left:0;background:#f2f2f2;z-index:100;}
.font_control .btn_font{position:absolute;top: 1px;left: 0;}
.inp_box{position:relative;}
.inp_txt .inp{position:relative;width: calc(100% - 55px);height: 36px;display:block;background: #f3f3f3;margin: 0 0 0 39px;border-radius: 18px;padding: 0 6px 0 10px;}
.btn_send{position:absolute;top: 1px;right: 6px;}
.inp_txt .inp:focus + .btn_send .ico_send, .btn_send:focus .ico_send{background-image:url(
../img/ico_send_on.png);}

.auto_keyword{display:none;background:#fff;position:absolute;bottom:54px;left:49px;right: 12px;z-index:300;border-radius:15px;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border: 1px solid #72b5f2;overflow:hidden;}
.keyword_box{overflow:hidden;}
.keyword_box li{min-height:30px;max-height: 3.3em;}
.keyword_box .sch_keyword{color:#333;min-height: 38px;display:block;padding: 12px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;}
.keyword_box .sch_keyword strong{color: #1276d2;font-weight: bold;}
.keyword_box .sch_keyword:focus,.keyword_box .sch_keyword:hover,.keyword_box .sch_keyword:active,.keyword_box .sch_keyword.on{background: #f0f8ff;}


.font_size_box{display:none;position:absolute;top:-61px;left: 11px;width: 228px;height: 58px;padding:12px 10px;border-radius:10px;background-color: #fff;border: 1px solid #1276d2;box-sizing:border-box;}
.font_size_box:before{content:"";position: absolute;left: 0;top: 0;display:block;width: 227px;height: 57px;box-shadow:1px 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 10px;}
.font_size_box.active{display:block;}
.font_size_box:after{content:"";display:block;width: 15px;height: 12px;background:url(../img/bg_triangle.png) 0 0 no-repeat;background-size:contain;position: absolute;bottom:-12px;left:8px;}
.font_list li{position: relative;float:left;text-align:center;}
.font_list li + li{margin-left: 11px;}
.font_list .btn_font{display:block;width: 32px;height: 34px;line-height:1;box-sizing:border-box;background:#fff;color: #666;border-radius:22px;border: 1px solid #72b5f2;}
.font_list .btn_font:focus,.font_list .btn_font:hover,.font_list .btn_font:active,.font_list .btn_font.on{background: #1276d2;font-weight:bold;border: 1px solid #1276d2;color: #fff;}
.font_list .btn_font .fz1{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size:12px;}
.font_list .btn_font .fz2{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size:14px;}
.font_list .btn_font .fz3{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size:16px;}
.font_list .btn_font .fz4{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size:18px;}
.font_list .btn_font .fz5{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size:20px;}

/* popup */
.dimed{position:fixed;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,0.7);z-index: 300;}
.popup{position:fixed;top:0;left:0;right: 0;bottom:0;margin:0 auto;text-align:center;z-index: 350;}
.popup.survey .layer_cont{position:absolute;top:50%;left:50%;padding:40px 20px 25px;transform:translate(-50%,-50%);width:284px;border-radius:20px;background-color: #fff;box-sizing:border-box;}
.popup .layer_cont .txt{line-height:1.43;margin-bottom: 4px;text-align: left;}

.popup.survey .survey_box .survey_tit{display:block;margin-bottom: 24px;font-size:1.6rem;font-weight:500;}
.star_score{font-size: 2rem;line-height:1.2;font-weight:bold;margin-bottom: 7px;}
.star_rating_box{font-size:0;text-align:center;margin-bottom: 20px;}
.star_rating_box .ico_star{display:inline-block;width: 34px;height: 35px;background:url(../img/ico_star.png);text-indent:-9999px;background-size: contain;vertical-align:top;cursor:pointer;}
.star_rating_box .ico_star + .ico_star{margin-left: 3px;}
.star_rating_box .ico_star.is_selected{background-image:url(../img/ico_star_on.png);-ms-backface-visibility:hidden;/* IE 랜더링 이미지 깨짐 방지*/}

.popup.guide{width:100%;}
.layer_close{position:absolute;top:10px;right:10px;}
.popup.guide .layer_cont.guide{display:table;padding-top: 37px;width:100%;height:100%;text-align:center;box-sizing:border-box;}
.layer_cont.guide .pop_img_box{display:table-cell;vertical-align: middle;}
.layer_cont.guide .img_guide{max-width:320px;height: 577px;-ms-backface-visibility:hidden;/* IE 랜더링 이미지 깨짐 방지*/backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;/* 크롬,사파리 등 랜더링 이미지 깨짐 방지*/}
.opinion{width:100%;height:80px;border:1px solid #d8d8d8;background: #fff;resize: none;padding:10px;box-sizing: border-box;border-radius:5px;-ms-overflow-y:auto;}
.opinion input::-webkit-input-placeholder{color:#777;}/* chrome, Edge */
.opinion input:-moz-placeholder{color:#777;}/* firefox 4 t0 18 */
.opinion input::-moz-placeholder{color:#777;}/* firefox 19+ */
.opinion input:-ms-input-placeholder{color:#777;}/* IE 10, 11 */
.opinion input::-ms-input-placeholder{color:#777;}/* Edge */
.opinion input::placeholder{color:#777;opacity:1}/* opacity - 파이어폭스에서 뿌옇게 나오는 현상 방지*/

.pop_btn_group{margin-top:20px;}
.pop_btn_group.w_half .pop_btn{float:left;width: calc(50% - 4px);} 
.pop_btn_group.w_half .pop_btn + .pop_btn{margin-left:8px;}
.pop_btn_group .pop_btn{width:100%;height:37px;padding:11px 0;border-radius:5px;background:#fff;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.04);box-sizing:border-box;}
.pop_btn_group .pop_btn.gray{border:1px solid #72b5f2;}
.pop_btn_group .pop_btn.orange{border: 1px solid #1276d2;background-color: #e8f4ff;font-weight: bold;}

/* service_wrap */
.service_bg{background:#f3f3f3;}
.service_wrap{box-sizing:border-box;padding: 0 20px;margin: 129px auto auto auto;text-align:center;}
.main_tit:before{content:"";position: absolute;top: 40px;left: 0;right: 0;display:block;width:55px;height:55px;background:url(../img/ico_error.png) 0 0 no-repeat;background-size:contain;margin: 0 auto;}
.main_tit{margin-bottom: 11px;font-size:1.6rem;font-weight: bold;white-space:pre-line;line-height:1.5;}
.service_txt{line-height:1.43;}
.service_txt + .btn_group{width: 132px;margin: 22px auto auto;}


/* media */
/*
@media screen and (max-width:490px)  {
	.btn_arrow.prev{display:block;}
	.btn_arrow.next{display:block;}
	.menu_box_wrap{white-space:nowrap;max-width:initial;height:109px;overflow: hidden;} 
	.chat_menu .icon_box{width:95px;}
	.menu_paging_area{display:block;}
	.menu_paging_area + .time{display:none;}
}
 */
 
 /* cert detail information */ 
.cert_detail .tit{font-size: larger; font-weight: bold;}
.cert_detail .wrap{padding: 8px;}
.cert_detail .d_wrap{padding-bottom: 4px;}
.cert_detail .d_tit{font-weight: bolder;}

/* machine_readable information */
.machine_readable_detail{border: 1px solid #72b5f2;border-radius: 5px;}
.machine_readable_detail .wrap{padding: 8px;}
.machine_readable_detail .d_wrap{padding-bottom: 4px;}
.machine_readable_detail .d_tit{font-weight: bolder;}

/* pagination */
.btn_group_page{margin-top:10px;display: flex;justify-content: center;}
.btn_group_page .btn{display:block;height:30px;width:30px;line-height: 0.4;background: #fff;border-radius: 5px;padding: 11px 0px;border: 1px solid #72b5f2;text-align:center;color: #333;box-sizing:border-box;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);margin: 0 2px;font-size: small;}
.btn_group_page .btn_page{display:block;height:30px;width:30px;line-height: 0.5;background: #fff;border-radius: 5px;padding: 11px 0px;border: 1px solid #72b5f2;text-align:center;color: #333;box-sizing:border-box;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);margin: 0 2px;font-size: small;}
.btn_group_page .btn_page.first_page{background: url(../img/arrows-left.svg) 0 0 no-repeat; background-position: center; background-size: 40%;}
.btn_group_page .btn_page.last_page{background: url(../img/arrows-right.svg) 0 0 no-repeat; background-position: center; background-size: 40%;}
.btn_group_page .btn_page.prev_page{background: url(../img/arrow-left.svg) 0 0 no-repeat; background-position: center; background-size: 40%;}
.btn_group_page .btn_page.next_page{background: url(../img/arrow-right.svg) 0 0 no-repeat; background-position: center; background-size: 40%;}
.btn_group_page .btn:hover, .btn_group_page .btn.on{border: 1px solid #1276d2;background: #e8f4ff;font-weight: bold;}
.btn_group_page .btn_page:hover{border: 1px solid #1276d2;background-color: #e8f4ff;font-weight: bold;}

/* font color */
.font_red{color: red;}