@charset "utf-8";


footer{position:relative;width: 100%;font-family:'ibm-plex-sans-kr', "sans-serif";}

/* footer box */
footer .footer_wrap{padding: 35px 0 45px 0;font-family: 'ibm-plex-sans-kr', "sans-serif"; border-top:1px solid #d1d1d1;}
footer .footer_wrap .footer_logo{float: left;width:152px;margin-right: 55px;}
footer .footer_wrap .footer_con{float: left;}
footer .footer_wrap .footer_con .fnb{width:100%;margin-bottom:15px;}
footer .footer_wrap .footer_con .fnb li{float: left;font-size: 0.938rem;color: #595959;margin-right: 17px;}
footer .footer_wrap .footer_con .fnb li::after{content: url(..//image/round_icon.png);display: inline-block;margin-left: 17px;}
footer .footer_wrap .footer_con .fnb li:last-of-type::after{display: none;}
footer .footer_wrap .footer_con .footer_info{width: 100%;}
footer .footer_wrap .footer_con .footer_info li{display: block;font-size: 0.875rem;color: #878787;line-height: 25px;font-weight: 400;}
footer .footer_wrap .footer_select{float: right;}

/*======================================
  Selectric  (select box css )
======================================*/
/* scroll custom */
/* 스크롤바 설정*/
footer .selectric-scroll::-webkit-scrollbar{ width: 5px;}
/* 스크롤바 막대 설정*/
footer .selectric-scroll::-webkit-scrollbar-thumb{height: 67px;background-color: #a9abac;border-radius: 3px;}
/* 스크롤바 뒷 배경 설정*/
footer .selectric-scroll::-webkit-scrollbar-track{background-color: rgba(0,0,0,0);}
/* select custom */
footer .selectric-wrapper {position: relative;cursor: pointer;float: left;}
footer .selectric-responsive {width: 100%;}
footer .selectric {width:200px!important;border: 1px solid #e8e8e8;background: #FFFFFF;position: relative;}
footer .selectric .label {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding: 4px 0 4px 15px;font-size:0.875rem;color: #595959;height: 40px;line-height: 38px;}
footer .selectric .button { background: url(..//image/footer_select_icon.png);background-position: 50% 50%;background-repeat: no-repeat;display: block;position: absolute;right: 3px;top: 0;bottom: 0;margin: auto;width: 26px;height: 26px;font-size: 0;}
footer .selectric-focus .selectric {border-color: #e8e8e8;}
footer .selectric-hover .selectric {border-color: #e8e8e8;}
footer .selectric-hover .selectric .button {/* color: #909293; */}
/* .selectric-hover .selectric .button:after { border-top-color: #909293;} */
footer .selectric-open {z-index: 9999;}
/* .selectric-open .selectric {border-color: #909293;background: #e6e6e6;} */
footer .selectric-open .selectric-items {display: block;}
footer .selectric-disabled {filter: alpha(opacity=50);opacity: 0.5;cursor: default;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
footer .selectric-hide-select {position: relative;overflow: hidden;width: 0;height: 0;}
footer .selectric-hide-select select {position: absolute;left: -100%;}
footer .selectric-hide-select.selectric-is-native {position: absolute;width: 100%;height: 100%;z-index: 10;}
footer .selectric-hide-select.selectric-is-native select {position: absolute;top: 0;left: 0;right: 0;height: 100%;width: 100%;border: none;z-index: 1;box-sizing: border-box;opacity: 0;}
footer .selectric-input {position: absolute !important;top: 0 !important;left: 0 !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;margin: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;outline: none !important;border: none !important;;background: none !important;}
footer .selectric-temp-show {position: absolute !important;visibility: hidden !important;display: block !important;}
/* Items box */
footer .selectric-items {display: none;position: absolute;top: 100%;left: 0;background: #fff;border: 1px solid #e8e8e8;z-index: -1;}
footer .selectric-items .selectric-scroll {height: 100%;overflow: auto;}
footer .selectric-above .selectric-items {top: auto;bottom: 100%;}
footer .selectric-items ul, .selectric-items li {list-style: none; padding: 0;margin: 0;max-height: 80px;}
footer .selectric-items li {display: block;padding: 4px;padding-left: 15px;line-height: 24px;color: #777;cursor: pointer;font-size: 0.75rem;}
/* .selectric-items li.selected {background: #f4f4f4;color: #333;} */
footer .selectric-items li.highlighted {background: #f4f4f4;color: #333;}
footer .selectric-items li:hover {background: #f4f4f4;color: #333;} 
footer .selectric-items .disabled {filter: alpha(opacity=50);opacity: 0.5;cursor: default !important; background: none !important;color: #666 !important;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
footer .selectric-items .selectric-group .selectric-group-label {font-weight: bold; padding-left: 10px;cursor: default;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: none;color: #333;}
footer .selectric-items .selectric-group.disabled li {filter: alpha(opacity=100);opacity: 1;}
footer .selectric-items .selectric-group li {padding-left: 25px;}




/* media */
@media screen and (max-width: 800px) {


  footer .footer_wrap{background-color: #f7f7f7;padding: 64px 24px 80px;font-family: 'ibm-plex-sans-kr', "sans-serif";}
  footer .footer_wrap .footer_logo{display: none;}
  footer .footer_wrap .footer_con{float:none;display: block}
  footer .footer_wrap .footer_con .fnb{width:100%;margin-bottom:20px;}
  footer .footer_wrap .footer_con .fnb li{color: #333;margin-right: 8px;}
  footer .footer_wrap .footer_con .fnb li::after{content: '';display: inline-block;margin-left: 8px;width: 1px;height: 10px;background-color: #ccc;}
  footer .footer_wrap .footer_con .fnb li a.red_txt{color: #333;}
  footer .footer_wrap .footer_select{position: absolute;top: 0;left: 0;right: 0;}
  /* select */
  footer .selectric-wrapper {width: 50%;font-family: 'ibm-plex-sans-kr', "sans-serif";}
  footer .selectric .label{line-height: 32px;color: #fff;}
  footer .selectric .button {background: none;display: block;position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;font-size: inherit;color: #fff;transform: rotate(-180deg)}

  footer .selectric {width:100%!important;border: 1px solid #a0a0a0;background: #a8a8a8;position: relative;}
  footer .selectric-wrapper:first-of-type .selectric{border-right: 1px solid #fff;}




}