/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

*{padding:0; margin:0; -webkit-box-sizing:border-box; box-sizing:border-box;}

/*ios 사파리에서 디폴트 스타일 제거하기 위해 선언*/
input, textarea, button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }

/* 자동으로 채워지는 input css */
.myo_search_area input:-webkit-autofill,
.myo_search_area input:-webkit-autofill:hover,
.myo_search_area input:-webkit-autofill:focus,
.myo_search_area input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-transition: background-color 9999s ease-out;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-text-fill-color: #444 !important;
}

.myo_notice_btn{padding:5px; /*border:1px solid #e91e63; */ font-size:16px; cursor: pointer; margin-bottom:5px; display: inline-block;}
.arrow_icon{cursor:pointer;}

/*-- 마이오피스 검색 영역 css --*/
.myo_search_area{margin-bottom:20px;
  /*for background*/
  border: 1px solid #eee;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 5px 2px #f1f2f7;
  box-shadow: 0px 0px 5px 2px #f1f2f7;
  padding: 15px;
  background: #fff;

  color:#444 !important;
}
.myo_condition_box{font-size:16px; -webkit-box-sizing:border-box; box-sizing:border-box; margin-bottom:20px;}
.myo_search_tit{padding:10px; font-size:18px; border-bottom:1px solid #cdcdcd;}

/*리스트*/
.myo_search_list input[type=text], .myo_search_list input[type=password], .myo_search_list textarea {border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; outline:0; border:0px solid;}
.myo_search_list{border:0px solid #000; margin:8px 0;}
/* 타이틀에 콘텐츠를 추가할 시 사용 */
.myo_search_list dt{font-weight:400; padding: 5px 10px 5px 20px; background:none; position:relative; color:#333; font-size:16px; word-break: break-word;}
.myo_search_list dt:before{content: '\220E'; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #172e59;}
.myo_search_list dd{font-weight:400; padding:5px 10px; font-size:15px;}

/*고정 날짜지정 버튼*/
.fix_date_btn{-ms-flex-preferred-size: 10%;flex-basis: 10%;}
.fix_date_btn input{padding: 8px; width:100%; background: #fff; border:2px solid #c1c1c1; border-radius: 10px; font-size: 15px;}
.fix_date_btn:focus{background: #fff; color:red;}

/*인풋 입력 부분 , select css 수정*/
.myo_search_list input[type=text], .myo_search_list input[type=password]{border:1px solid #bfbfbf; width:100%; height:35px; border-radius:8px; padding:2px 8px 2px 8px; font-size:15px; max-width:250px;}
.myo_search_list input::-webkit-input-placeholder{font-size:15px;}
.myo_search_list input::-moz-placeholder{font-size:15px;}
.myo_search_list input:-ms-input-placeholder{font-size:15px;}
.myo_search_list input::-ms-input-placeholder{font-size:15px;}
.myo_search_list input::placeholder{font-size:15px;}
.myo_search_list input[type=number]{border:1px solid #bfbfbf; width:100%; height:35px; border-radius:8px; padding:2px 8px 2px 8px; font-size:16px; max-width:250px;}
.myo_search_list select{border:1px solid #b3b3b3; width:100%; height:35px; border-radius:8px; padding:2px 30px 2px 8px; font-size:16px; min-width:125px; cursor:pointer; text-align: -moz-center !important; text-align: -webkit-center !important; text-align:center !important;}
/*focus css*/
.myo_search_list input[type=text]:focus, .myo_search_list input[type=password]:focus, .myo_search_list select:focus{outline:1px solid rgb(10 186 181 / 80%); border:0px solid;}

/*-- 체크박스, 라디오 부분 커스터마이징 --*/
.myo_condition_box button, .myo_condition_box input[type=button]{cursor:pointer; vertical-align: middle;}
.myo_condition_box label{display:block; /*height:100%;*/ color: #777; font-size:15px;}/*라벨로 버튼 감싸서 사용하기 위해 선언*/
.fa-check-square{margin-right:5px;}
.fa-dot-circle{margin-right:5px;}

/* 전체 체크 박스 css*/
.Allcheckbox_icon{padding:10px 0;}
.all_check{color:#666;}
.all_check .fa-check-square{color:#666; font-size:20px; vertical-align: middle}
.all_check.on .fa-check-square{color:#2fb2ab}

/* 베이직 체크 박스 css*/
.myo_condition_box .checkbox_icon{vertical-align:middle;  font-weight:500; display: inline-block; font-size:16px;}
.myo_condition_box input[type=checkbox]{display: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.myo_condition_box input[type=checkbox]:checked+label{color:#0abab5;}
.myo_condition_box input[type=checkbox]:checked+label>.fa-check-square{color:#0abab5;}
.myo_condition_box .checkbox_icon i{font-weight: 500;}

/* 베이직 라디오 박스 css*/
.myo_condition_box .radiobox_icon{vertical-align:middle; font-weight:400; display: inline-block; margin-right:10px; padding:5px; }
.myo_condition_box input[type=radio]{display:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
/*.myo_condition_box input[type=radio]:checked+label{color:#0abab5;}*/
.myo_condition_box input[type=radio]:checked+label>.fa-dot-circle{color:#0abab5;}

/*셀렉트 박스 css*/
.myo_select_box{position:relative; width:100%; max-width:250px; height:35px;}

/*카운트 버튼*/
.count_btn_box{display: inline-block; width:100%; min-width:280px;}
.count_btn_box .count_input_box{width:70px; text-align: center;}
.count_btn_box .count_btn{width:45px; height:35px; border-radius:10px; font-size:20px; border:1px solid #8b8b8b;  background:#fff;}
.count_btn_box .count_btn:focus{background:#919191; color:#fff; border: 1px solid #919191;}

/*단계 인풋 박스*/
.leg_input_box{}
.leg_input_box input{text-align: center; width:80px !important;}

.myo_date_table{display:-webkit-box;display:-ms-flexbox;display:flex;}
.myo_date_table2{display:-webkit-box;display:-ms-flexbox;display:flex; gap: 0.3rem; grid-gap: 0.3rem;}
/*셀렉트 형식의 date 박스*/
.myo_date_select{display:-webkit-box;display:-ms-flexbox;display:flex; gap: 0.3rem; grid-gap: 0.3rem;}
.myo_date_select select{-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.myo_date_select>div{position:relative;}
.myo_date_select>div .myo_date_btn{position: absolute; border: 1px solid #b3b3b3; width: 35px; height: 35px; top: 0px; left: 0; border-radius: 8px 0px 0px 8px; background: #fff;}
.myo_date_select>div select{padding: 2px 8px 2px 30px;}
/*셀렉트 형식의 date 박스2 */
.myo_date_select2{display:-webkit-box;display:-ms-flexbox;display:flex; gap: 0.3rem; grid-gap: 0.3rem;}
.myo_date_select2 select{-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.myo_date_select2>div{position:relative;}
.myo_date_select2>div .myo_date_btn{position: absolute; border: 1px solid #b3b3b3; width: 35px; height: 35px; top: 0px; left: 0; border-radius: 8px 0px 0px 8px; background: #fff;}
.myo_date_select2>div select{padding: 2px 8px 2px 30px;}

/*달력 date - 버튼 없이 아이콘만 있는 경우*/
.myo_date_box{position:relative; width:100%; max-width:150px;}
.myo_date_input[type=text], .myo_date_input[type=password]{max-width:190px !important; width:100% !important;}
.hyphen_icon{width:10px; height:35px; vertical-align: middle; display: inline-block; line-height: 35px;}
/*달력 아이콘 위치*/
.myo_date_box input{padding-left:32px !important; text-align: center;}
.myo_date_box select.date_select_year{padding-left:30px !important; padding-right: 5px;}
.myo_date_box select.date_select_month{margin-left:10px; padding-right: 5px; width:120px;}
.myo_date_box select{text-align: center;}
.myo_date_box .myo_date_btn{position:absolute; border:1px solid #b3b3b3; width: 30px; height: 35px; top: 0px; left: 0;
  /* top-left | top-right | bottom-right | bottom-left */ border-radius: 8px 0px 0px 8px; color: #639391; background:#fff; /*color: #639391; background:#fff;*/}
.myo_date_box .myo_date_btn:focus{background:#919191; color:#fff;}

/*달력 date2 - 버튼이 있는 경우*/
.myo_date_box2{position:relative; width:100%; max-width:150px;}
.myo_date_input2[type=text], .myo_date_input2[type=password]{max-width:250px !important; width:100% !important;}
.hyphen_icon{width:20px; height:35px; vertical-align: middle; display: inline-block; line-height: 35px; text-align: center;}
/*달력 아이콘 위치*/
.myo_date_box2 input{padding-right:40px !important; text-align: center;}
.myo_date_box2 .myo_date_btn{position:absolute; border:1px solid #b3b3b3; width: 35px; height: 35px; top: 0px; right:0px;
  /* top-left | top-right | bottom-right | bottom-left */ border-radius: 0px 8px 8px 0px; background:#fff;}
.myo_date_box2 .myo_date_btn:focus{background:#919191; color:#fff;}

/*달력 date 3 -  달력 인풋 하나만 사용하는 경우*/
.myo_date_box3{position:relative; width:100%; max-width:250px;}
.myo_date_input3[type=text], .myo_date_input3[type=password]{max-width:250px !important; width:100% !important;}
/*달력 아이콘 위치*/
.myo_date_box3 input{padding-left:40px !important; text-align: center; }
.myo_date_box3 .myo_date_btn{position:absolute; border:1px solid #b3b3b3; width: 35px; height: 35px; top: 0px; left: 0;
  /* top-left | top-right | bottom-right | bottom-left */ border-radius: 8px 0px 0px 8px; background:#fff;}
.myo_date_box3 .myo_date_btn:focus{background:#919191; color:#fff;}
.myo_date_btn .fa-calendar-alt{color:#639391}

/*검색 조건 내 검색창*/
.myo_search_box{position:relative; width:100%; max-width:250px;}
.myo_search_box input{padding-right:60px !important;}
.myo_search_box .myo_search_btn{position:absolute; border:1px solid #bfbfbf; width: 60px; height: 35px; top: 0px; right: 0px;
  /* top-left | top-right | bottom-right | bottom-left */ border-radius: 0px 8px 8px 0px; background:#fff !important; color:#999}
.myo_search_box .myo_search_btn:focus{background:#919191 !important; color:#fff; }

/*입력하면 바로 다이렉트 검색 시*/
.myo_search_box2{position:relative; width:100%; max-width:250px;}
.myo_search_box2 input{padding-left:40px !important;}
.myo_search_box2 .myo_search_icon{position:absolute; top: 50%; left: 10px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

/* 플렉스 적용 박스 */
.flex_box{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5rem; grid-gap: 0.5rem;}
.flex_box dl{-ms-flex-preferred-size:20%;flex-basis:20%; }
.flex_box2{display: -webkit-box;display: -ms-flexbox;display: flex;  gap: 0.5rem; grid-gap: 0.5rem;}
.flex_box3{display: -webkit-box;display: -ms-flexbox;display: flex;  gap: 0.5rem; grid-gap: 0.5rem;}

.flex_box_quad{display: -webkit-box;display: -ms-flexbox;display: flex;  gap: 0.5rem; grid-gap: 0.5rem; flex-wrap: wrap;}
.flex_box_quad dl{-ms-flex-preferred-size:24%; flex-basis:24%; }
.flex_box_quad .myo_search_box{max-width: 300px;}
.flex_box_quad .myo_search_box input[type=text]{max-width: 300px;}
.flex_box_quad .myo_search_box select{max-width: 300px;}
.flex_box_quad .select1{margin-bottom:5px;}

/* 검색버튼 박스 - 검색 새로고침 초기화 */
.myo_condition_search{border:0px solid pink; word-break: break-all;  gap: 0.5rem; grid-gap: 0.5rem;  margin-bottom:10px; /*display: flex; text-align:center; */}
.myo_condition_search button{/*width:100%;*/}
.myo_condition_search button:nth-child(1){margin-right:5px;}

/* 마이오피스 페이지 내 일반 버튼 */
.myo_condition_search2{/*text-align: center;*/ margin:25px 0; display: flex;}
.myo_condition_search2 button{margin-right:10px; font-size:16px; word-break: keep-all;}
.myo_condition_search2 button:last-child{margin-right:0;}

/*설정수정 핗요 - 국가마다 사이즈 다르게 또는 input 버튼 button 형식으로 수정*/
.search_btn{border:1px solid #172e59; padding:8px; font-size:16px; background-color: #172e59 !important;; color: #fff; font-weight: 400; cursor:pointer; min-width: 150px; max-width: 200px;}
.reset_btn{ border: 1px solid #666; padding: 8px; font-size: 16px; background-color: #666 !important; color: #fff; font-weight: 400; cursor:pointer; min-width: 150px; max-width: 200px;}
.page_reset_btn{border: 1px solid #666; padding: 8px; font-size: 16px; background: #666 !important; color: #fff; font-weight: 400; cursor:pointer; min-width: 150px; max-width: 200px;}
.faq_write_btn{border:1px solid #172e59; padding:8px; font-size:16px; background: #172e59 !important; color: #fff; font-weight: 400; cursor:pointer; min-width: 150px; max-width: 200px;} /*글쓰기 문의등록*/
.go_list_btn{border: 1px solid #666; padding: 8px; font-size: 16px; background: #666 !important; color: #fff; font-weight: 400; cursor:pointer; min-width: 150px; max-width: 200px;} /*목록으로 목록*/
.go_list_btn:hover, .go_list_btn:focus{background:#818181!important; border:1px solid #818181;}
.search_btn:hover, .search_btn:focus{background:#0e1b35!important; border:1px solid #0e1b35;}
.reset_btn:hover, .reset_btn:focus{background:rgb(52 52 52)!important; border:1px solid #666;}
.page_reset_btn:hover, .page_reset_btn:focus{background:rgb(52 52 52)!important; border:1px solid #666;}
.faq_write_btn:hover, .faq_write_btn:focus{background:#0e1b35!important; border:1px solid #0e1b35;}
.btn_box{padding:20px 35px; margin-bottom:30px;}
/*탈퇴회원 정리*/
.mem_clear_btn{padding:8px; font-size:16px; background-color: #e07424; color: #fff; font-weight: 400; cursor:pointer; max-width:150px; border: 1px solid transparent;}
.mem_clear_btn:hover{background:#9f561f;}
/*회원탈퇴하기 버튼*/
.withdrawal_btn{ border: 1px solid #666; padding: 8px; font-size: 16px; background: #666 !important; color: #fff; font-weight: 400; cursor:pointer; min-width: 150px;}
.withdrawal_btn:hover, .withdrawal_btn:focus{background:rgb(52 52 52); border:1px solid #666;}

/*미국*/
.search_btn_us{border:1px solid #0abab5; padding:8px; font-size:16px; background: #0abab5; color: #fff; font-weight: 400; cursor:pointer; min-width: 150px; }
.reset_btn_us{ border: 1px solid #666; padding: 8px; font-size: 16px; background: #666; color: #fff; font-weight: 400; cursor:pointer; min-width: 120px;}
.search_btn_us:hover, .search_btn_us:focus{background:#067874; border:1px solid #067874;}
.reset_btn_us:hover, .reset_btn_us:focus{background:rgb(52 52 52); border:1px solid #666;}

/**/
.myo_select_box2 {position:relative; display:inline-block; *display:inline; *zoom:1; width: 100%; max-width: 250px;}
.select_tit_btn {background:#fff; color:#fff; padding:5px 10px; border-radius:5px; border:1px solid #b3b3b3; border-radius:8px; display: block; padding: 2px 30px 2px 10px;  overflow: hidden; height: 35px; line-height: 28px; color:#444; text-align: center;}
.select_tit_btn:focus{border:1px solid rgb(10 186 181 / 80%);}
.myo_select_box2 .arrow_icon{position:absolute;  top: 50%; right: 8px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.select_cont_box {position:absolute; z-index:1; height:0; overflow:hidden; width:150px;}
.select_cont_box.on {height:auto;  border:1px solid #cdcdcd; background:#fff; width: calc(100% - 2px); padding: 0px 0px; position: absolute; top: 36px;  left: 0; z-index:5; border-radius:8px; -webkit-box-shadow: 0px 3px 4px 2px rgb(102 102 119 / 20%); box-shadow: 0px 3px 4px 2px rgb(102 102 119 / 20%);}
.select_cont_box ul{max-height:250px; overflow-y: scroll;}
.select_cont_box ul li{line-height: 34px; text-align: left; border-bottom: 1px dotted #d3d3d3; cursor: pointer; padding:0 8px; word-break: break-all;}
.select_cont_box ul li:hover{background:#cfd3d2;}
.select_cont_box ul li.on {}
.select_cont_box ul li label,.select_cont_box ul li a {display:block;}
.select_cont_box ul li.check_all.on label{color:#0abab5;}
.select_cont_box ul li label input {margin-right:5px;}
.select_fini_btn {display:block; padding:10px; text-align: center; background: #fff; border-top:1px solid #c8c8c8;}
.btn_close {display:block; height:0; overflow:hidden;}

/*fix date box*/
.fix_date_box {max-width:150px !important; }

/* 외국어 추가분 */
.fix_date_box2{position:relative; display:inline-block; width:150px;}
.fix_date_box2 .arrow_icon{position:absolute;  top: 50%; right: 8px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

/*개별값 input 박스*/
.myo_ord_input{/*width:150px !important; */max-width:100%;}

/* 검색 상세 설정 아코디언 css - NEW */
.myo_accordion{margin-top:10px;}
.accordion_item { display: block; width: 100%; margin-bottom: 15px; }
.accordion_item:last-child { margin-bottom: 0;}
.accordion_tit { display: block; position: relative; height: 40px; line-height: 40px; padding:0px 50px 0 10px; font-size: 16px; font-weight: 400; color: #333; overflow: hidden; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; border: 1px solid #d9d9d9;  border-radius: 10px;  background:#fbfbff;}
.accordion_tit:hover, .accordion_tit.active:hover{background:rgb(224 225 229 / 30%);}
.accordion_tit .bmenu { display: block; position: absolute; right: 15px; top:11px; }
/*.accordion_tit:hover { background-color: #fafafa; }*/
.accordion_tit.active { /*background: #9fc5c424;*/ background: #fbfbff; color: #0abab5; }
.accordion_tit.active .x7 { -webkit-transform:rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.accordion_cont { display: none; position: relative; line-height: 1.65; padding: 15px 5px; background-color: #fff; font-size: 0.875em; /*border: 1px solid #eee; border-top: none; margin-top:10px; */}

/* 노티스 아코디언 css - NEW */
.accordion_notice_item { display: block; width: 100%; margin-bottom: 15px; }
.accordion_notice_tit { display: block; position: relative; height: 40px; line-height: 40px; padding:0px 50px 0 10px; font-size: 15px; font-weight: 400; color: #333; overflow: hidden; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; border-radius:10px; }
.accordion_notice_tit .bmenu { display: block; position: absolute; right: 15px; top:11px; }
/* 노티스 아코디언 닫힌 경우 */
.accordion_notice_tit.active2{background:rgba(241,242,247,0.3); border: 1px solid #eee;}
.accordion_notice_tit.active2 .x7 { -webkit-transform:rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.accordion_notice_cont { display: block; position: relative; line-height: 1.65; background-color: #fff;}
.accordion_sub_tit{font-size: 14px; color: #666; position: absolute; top: 4px; height: 30px; line-height: 30px; right: 40px; padding: 0 5px;}

/* 일반 노티스 아코디언 css  */
.accordion_notice_basic { display: block; width: 100%; margin-top:5px; margin-bottom:5px; }
.accordion_basic_tit { display: block; position: relative; height: 35px; line-height: 35px; padding:0px 50px 0 10px; font-size: 14px; font-weight: 400; color: #333; overflow: hidden; border-radius:10px; background:#f9f9f9;}
.accordion_basic_tit .list_acco_tit{display: inline-block; margin-bottom: 5px; margin-left: 5px; font-size: 16px; color: #2929a7;}
.accordion_basic_tit .list_acco_tit:before{content: "※"; margin-right:5px; color: #e91e63; font-size:15px; margin-left:-10px;}
.accordion_basic_tit .bmenu { display: block; position: absolute; right: 15px; top: 0; color: #333;}
/* 일반 노티스 아코디언 닫힌 경우 */
.accordion_basic_tit.active3{background: transparent; color: #e91e63;}
.accordion_basic_tit.active3 .x7 { -webkit-transform:rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.accordion_basic_cont { display: block; position: relative; line-height: 1.65; background-color: #fff;}

/* 느낌표 물음표 아이콘 */
.ques_icon{cursor:pointer; color:#e91e63; margin-left:5px;}
.exc_icon{color:#e91e63; margin-right:2px;}


/*노출형 노티스 */
/*.myo_search_notice{padding:12px; background: #fbfbff; -webkit-box-shadow:0px 1px 2px 2px #e8e9ed; box-shadow:0px 1px 2px 2px #e8e9ed; border-radius:8px;}
.myo_search_notice p{width:100%; color:#283056; line-height: 1.3; word-break: keep-all; font-weight:400; font-size:14px; margin-bottom:5px; text-indent:-7px; margin-left: 7px;}
.myo_search_notice p:last-child{ margin-bottom:0;}
.myo_search_notice p:before{content: "※"; margin-right:2px; color: #e91e63; font-size:15px;}*/

/*미니 노티스 - 인풋 박스 등 옆에 있는 표시형 노티스 */
.mini_notice{vertical-align: middle; color:#e91e63; font-size:14px; font-weight: 400; /*display: block;*/}
.mini_notice2{vertical-align: middle; color:#e91e63; font-size:14px; font-weight: 400; padding-left:10px;}


/*-- 반응형 미디어쿼리 적용 --*/
/* 1000px이하 */
@media all and (max-width:1400px){
  /* 플렉스 적용 박스 */
  .flex_box dl{-ms-flex-preferred-size:30%;flex-basis:30%;}

  .flex_box_quad{}
  .flex_box_quad dl{-ms-flex-preferred-size: 48%; flex-basis: 48%;}
}
/* 700px이하 */
@media all and (max-width:700px){
  .myo_condition_search{/*text-align: center;*/ padding:0px;}

  .select_list_box{width:100%; max-width:320px;}
  .myo_search_list dd{padding:5px 0px;}
  .myo_search_list select{width:100%; /*max-width:320px;*/ cursor:pointer !important; text-align: -moz-center !important; text-align: -webkit-center !important; text-align:center !important;}
  /* 플렉스 적용 박스 */
  .flex_box dl{-ms-flex-preferred-size: 100%;flex-basis: 100%;}

  /*셀렉트 형식의 date 박스*/
  .myo_date_select{ -ms-flex-wrap: wrap; flex-wrap: wrap;}
  .myo_date_select>div{-ms-flex-preferred-size: calc(50% - 4px);flex-basis: calc(50% - 4px);}
  .hyphen_icon2{display: none;}

  /*셀렉트 형식의 date 박스*/
  .myo_date_select2{ -ms-flex-wrap: wrap; flex-wrap: wrap;}
  .myo_date_select2>div{}

  .search_btn{min-width: 100px; max-width: 120px;}
  .reset_btn{min-width: 100px; max-width: 120px;}
  .page_reset_btn{min-width: 100px; max-width: 120px;}
  .faq_write_btn{min-width: 100px; max-width: 120px;} /*글쓰기 문의등록*/
  .go_list_btn{min-width: 100px; max-width: 120px;} /*목록으로 목록*/
  .btn_box{padding:20px 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom:30px;}

  /*노출형 노티스 */
  /*.myo_search_notice{padding:12px; background: #fbfbff; -webkit-box-shadow:0px 1px 2px 2px #e8e9ed; box-shadow:0px 1px 2px 2px #e8e9ed; border-radius:8px;}
  .myo_search_notice p{width:100%; line-height: 1.3; word-break: keep-all; font-weight:400; font-size:13px; margin-bottom:5px; text-indent:-5px; margin-left: 5px;}
  .myo_search_notice p:last-child{ margin-bottom:0;}*/

  /**/
  .accordion_cont {margin-top:0px;}

  /* 마이오피스 페이지 내 일반 버튼 */
  .myo_condition_search2 button{margin-right:5px;}
  .myo_condition_search2 button:last-child{margin-right:0;}

  /*신규 셀렉트 조절*/
  .v-select{
    width: 100%;
    max-width: 320px;
  }

}
/* 300px이하 */
@media all and (max-width:500px){
  /* 플렉스 적용 박스 */
  .flex_box{ gap: 0.3rem; grid-gap: 0.3rem;}
  .flex_box2{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}

  .flex_box_quad{display:block;display: -ms-flexbox;display: flex;  gap: 0.5rem; grid-gap: 0.5rem; flex-wrap: wrap;}
  .flex_box_quad dl{-ms-flex-preferred-size:100%; flex-basis:100%; }
  .flex_box_quad .myo_search_box{max-width: 300px;}
  .flex_box_quad .myo_search_box input[type=text]{max-width: 300px;}

  .fix_date_box{/*flex-basis: 100%;*/ width:100%; max-width: 320px !important;}
  .myo_search_list{margin:5px 0;}
  .myo_search_list input[type=text], .myo_search_list input[type=password]{width:100%; max-width:320px !important;}
  .myo_search_box{width:100%; max-width:320px !important;}
  .myo_date_box{}
  .myo_date_box3{ width:100%; max-width:320px !important;}

  .myo_select_box{width: 100%; max-width:320px !important;}
  .myo_select_box2{width: 100%; max-width:320px !important;}


  /*개별값 input 박스*/
  .myo_ord_input{width:100% !important; max-width:320px !important;}
}

@media all and (max-width:320px){
  .myo_date_input[type=text], .myo_date_input[type=password]{font-size:13px !important;}
}


/*버튼 등이 있는 select 박스의 경우*/
.date_array{text-align:center;}

/* 아이폰 ios display flex gap 사용불가에 따른 간격 조절 */
.flex_box .select1{margin-bottom:5px;}


/*신규 셀렉트 조절*/
.v-select{
  z-index:20 !important;
}
.vs__selected{
  overflow:hidden;
  margin: 4px 2px 4px 2px;
}
.vs__dropdown-toggle{
  height: 35px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*페이지네이션 css*/
.Pagination{margin-top:15px;}

/*퀵메뉴 css*/
.quick-menu.fix{position:fixed; top:0}
.quick-menu{position:absolute;z-index:10;right:20px; width:103px}
.quick-menu ul{display:flex; flex-direction: column; gap:5px;}
.quick-menu ul li{display: flex; align-items: center; justify-content: center; border-radius:2px; list-style:none; background:#fff; width:100px;}
.quick-menu ul li a{width:100%; height: 100px; padding: 10px; text-align: center; display: flex;  align-items: center; flex-direction: column; justify-content: space-evenly; cursor:pointer; background:#fff; border:1px solid #ababab;}
.quick-menu ul li a:hover{background: rgb(0 0 0 / 10%); transition:0.2s;}
.quick-menu i{font-size:22px; color:#0abab5;}
.quick-menu span{display:block; font-size:15px; font-weight:500; line-height:1.2; word-break:break-word; color:#333;}
.quick-menu ul .top{}
.quick-menu ul .top a{background:#0abab5; color:#000; border:1px solid #0abab5;}
.quick-menu ul .top:hover{background:#057875; }
.quick-menu ul .top i{font-size:22px; color:#fff;}
.quick-menu ul .top span{display:block; font-size:15px; font-weight:500; line-height:1.2; word-break:break-word; color:#fff;}
#quick-menu2{margin-top:5px;}
#quick-menu2 #quick_flag2{width:100px;}
#quick-menu2 #quick_flag2 a{width:100%; background: #3a2e2e; color:#333; border:1px solid #3a2e2e;}
#quick-menu2 #quick_flag2 a:hover{background:#282020;}

@media all and (max-width:1023px){
  .quick-menu{display: none;}
}