@charset "utf-8";


/* select custom */
 .selectric-wrapper {position: relative;cursor: pointer;float: left;font-family:'ibm-plex-sans-kr', "sans-serif";}
 .selectric-responsive {width: 100%;}
 .selectric-items li.highlighted {background: #f6f9fd;}

/* search - select type 01 */
 .select_01{display: inline-block;width: auto;}
 .list_top .select_01{float: left;margin-left: 10px;}
 .select_01 .selectric {width:120px!important;border: 1px solid #3e3e3e;background: #FFFFFF;position: relative;padding: 0 10px;}
 .select_01 .selectric .label {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding: 0 10px;font-size:0.938rem;color: #666;height: 43px;line-height: 45px;text-align: left;}
 .select_01 .selectric .button { background: url(..//image/ico_arr.png);background-position: 50% 50%;background-repeat: no-repeat;display: block;position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;width: 15px;height:15px;font-size: 0;}

 .select_01 .selectric-open {z-index: 9999;}
 .select_01 .selectric-open .selectric-items {display: block;}
 .select_01 .selectric-hide-select {position: relative;overflow: hidden;width: 0;height: 0;}
 .select_01 .selectric-hide-select select {position: absolute;left: -100%;}
 .select_01 .selectric-hide-select.selectric-is-native {position: absolute;width: 100%;height: 100%;z-index: 10;}
 .select_01 .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;}
 
 .select_01 .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;}
 .select_01 .selectric-temp-show {position: absolute !important;visibility: hidden !important;display: block !important;}

 /* search - select Items box */
 .select_01 .selectric-items {display: none;position: absolute;top: 100%;left: 0;background: #fff;border: 1px solid #333;;z-index:-1}
 .select_01 .selectric-items .selectric-scroll {height: 100%;overflow: hidden;}
 .select_01 .selectric-above .selectric-items {top: auto;bottom: 100%;}
 .select_01 .selectric-items ul,  .select_01 .selectric-items li {list-style: none; padding: 0;margin: 0;height: auto;}
 .select_01 .selectric-items li {display: block;padding: 4px;padding-left: 20px;line-height: 28px;color: #777;cursor: pointer;font-size:0.875rem;text-align: left;}


/* search - select type 02 */
.select_02{display:flex;justify-content: flex-end;  width: auto; padding-bottom: 30px;}
.list_top .select_02{float: left;margin-left: 10px;}
.select_02 .selectric {width:272px!important;border: 1px solid #3e3e3e;background: #FFFFFF;position: relative;padding: 0 10px;}
.select_02 .selectric .label {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding: 0 10px;font-size:0.938rem;color: #666;height: 43px;line-height: 45px;text-align: left;}
.select_02 .selectric .button { background: url(..//image/ico_arr.png);background-position: 50% 50%;background-repeat: no-repeat;display: block;position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;width: 15px;height:15px;font-size: 0;}

.select_02 .selectric-open {z-index: 9999;}
.select_02 .selectric-open .selectric-items {display: block;}
.select_02 .selectric-hide-select {position: relative;overflow: hidden;width: 0;height: 0;}
.select_02 .selectric-hide-select select {position: absolute;left: -100%;}
.select_02 .selectric-hide-select.selectric-is-native {position: absolute;width: 100%;height: 100%;z-index: 10;}
.select_02 .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;}

.select_02 .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;}
.select_02 .selectric-temp-show {position: absolute !important;visibility: hidden !important;display: block !important;}

/* search - select Items box */
.select_02 .selectric-items {display: none;position: absolute;top: 100%;left: 0;background: #fff;border: 1px solid #333;;z-index:-1}
.select_02 .selectric-items .selectric-scroll {height: 100%;overflow: hidden;}
.select_02 .selectric-above .selectric-items {top: auto;bottom: 100%;}
.select_02 .selectric-items ul,  .select_02 .selectric-items li {list-style: none; padding: 0;margin: 0;height: auto;}
.select_02 .selectric-items li {display: block;padding: 4px;padding-left: 20px;line-height: 28px;color: #777;cursor: pointer;font-size:0.875rem;text-align: left;}

/* list top select custom */
.list_top .select_02 .selectric {width:76px!important;border: 1px solid #e8e8e8;background: #FFFFFF;position: relative;padding: 0 10px;border-radius: 8px;}
.list_top .select_02 .selectric .label {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding: 0;font-size:0.813rem;color: #333333;height: 33px;line-height: 35px;text-align: left;}
.list_top .select_02 .selectric-items li {display: block;padding: 2px;padding-left: 10px;line-height: 30px;color: #777;cursor: pointer;font-size:0.813rem;text-align: left;}



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

	.select_01 .selectric {width:90px!important; border: 1px solid #3e3e3e;background: #FFFFFF;position: relative;padding: 0 5px;}
  .select_01 .selectric .label {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding: 0 10px;font-size:0.875rem;color: #666;height: 32px;line-height: 32px;text-align: left;}
    

	.select_02{display:flex;justify-content:center;  width: auto; padding-bottom: 30px;}
	.select_02 .selectric {width:318px!important;border: 1px solid #3e3e3e;background: #FFFFFF;position: relative;padding: 0 5px;}
	.select_02 .selectric .label {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding: 0 10px;font-size:0.875rem;color: #666;height: 32px;line-height: 32px;text-align: left;}
}