@charset "UTF-8";

/*Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* body { line-height: 1; }  */
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { -webkit-text-size-adjust:none; }
a { background-color: transparent; color: inherit; text-decoration: none; }
a:active, a:hover { outline: 0; }
p { outline: none; }
address, cite, code, dfn, em, var, th, strong { font-style: normal; }
img { border: 0; display: block; }
button { cursor: pointer; background: none; }
select { font: inherit; }
select:hover { cursor: pointer; }
textarea { padding: 0; resize: none; font-family: 'Pretendard-Regular'}
textarea::-webkit-input-placeholder { color: #333; }
textarea:-ms-input-placeholder { color: #333; }
input { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; }
input::-ms-clear { display: none; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input::-webkit-input-placeholder { color:#333; line-height: inherit; }
input:-ms-input-placeholder { color:#333; line-height: inherit; }
input::-ms-clear, input::-ms-reveal { display: none; width : 0; height: 0; }
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration { display: none; }
fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
input[type=button] { background-color: transparent; }
input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; }
*:focus{outline: 0;}


/* 공통  */
html, body {width:100%; font-family: 'Pretendard-Regular', sans-serif;color:#222;}
.clearfix::after{content: "";display: block;clear: both;}
.blind {position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;}
.scrollFix{overflow: hidden; width: 100%; height: 100%;}

/*전체화면메뉴*/
#modal_menu{position: absolute;top: 0;left: 0;width: 100%;height: 100vh;background-color:#004656; z-index: 9999; letter-spacing: 0.05rem;}
.hidden{display: none;}
.notScroll {overflow: hidden;}/* 스크롤 막기 CSS */
#modal_menu .menu_top{width: 100%; height: 80px; background-color: rgba(0, 32, 39, 0.6); position: absolute; left: 0; top: 0;}
#modal_menu .menu_top .btn-close-menu{position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
#modal_menu .menu_bottom{display: flex;}
#modal_menu .menu_bottom .menu_left{width: 240px; height: 100vh; background-color: #053642;}
#modal_menu .menu_bottom .menu_left ul{padding: 120px 0 0 30px;}
#modal_menu .menu_bottom .menu_left ul li{color: #fff; font-size: 15px; font-weight: 700; display: flex; align-items: center; margin-bottom: 30px;}
#modal_menu .menu_bottom .menu_left ul li img{width: 30px; margin-right: 10px;}
#modal_menu .menu_bottom .menu_right{display: flex; justify-content: space-around; padding-top: 120px; width: calc(100% - 240px);}
#modal_menu .menu_bottom .menu_right dl{color: #fff; width: 35%; display: flex; align-items: flex-start;}
#modal_menu .menu_bottom .menu_right dl dd{font-size:32px; font-weight: 700; display: flex; align-items: center; width: 200px;}
#modal_menu .menu_bottom .menu_right dl dd img{width: 30px; height: 30px; margin-right: 10px;}
#modal_menu .menu_bottom .menu_right dl dt{width: calc(100% - 200px); height: 100vh; overflow: auto;}
#modal_menu .menu_bottom .menu_right dl dt::-webkit-scrollbar{width: 3px;}
#modal_menu .menu_bottom .menu_right dl dt::-webkit-scrollbar-thumb{height: 10%; background: #003C4A; border-radius: 10px;}
#modal_menu .menu_bottom .menu_right dl dt::-webkit-scrollbar-track {background-color: #004656;}
#modal_menu .menu_bottom .menu_right dl dt ul{padding-bottom: 150px;}
#modal_menu .menu_bottom .menu_right dl dt ul li{border-bottom: 1px solid #2D5A65; padding-bottom: 14px; margin-bottom: 14px; margin-right: 10px;}
#modal_menu .menu_bottom .menu_left.logout{display: none;}

@media screen and (max-width: 1400px) {
  #modal_menu .menu_bottom .menu_right dl{width: 45%;}
}
@media screen and (max-width: 1200px) {
  #modal_menu .menu_top .btn-close-menu img{width: 24px; margin: 6px;}
  #modal_menu .menu_bottom .menu_right dl{flex-direction: column; width: 40%;}
  #modal_menu .menu_bottom .menu_right dl dd{font-size:28px;}
  #modal_menu .menu_bottom .menu_right dl dt{width: 95%; margin: 0 auto; margin-top: 30px;}
  #modal_menu .menu_bottom .menu_right dl dt ul{padding-bottom: 220px;}
}
@media screen and (max-width: 767px) {

  #modal_menu{width: 90%; left: unset; right: 0;}
  #modal_menu .menu_top{height: 70px; background-color: #00333F;}
  #modal_menu .menu_top .btn-close-menu img{width: 20px; margin: 10px;}
  #modal_menu .menu_bottom{flex-direction: column; overflow: auto; height: 100vh;}
  #modal_menu .menu_bottom .menu_left{width: 100%; height: unset; background-color: #002932;}
  #modal_menu .menu_bottom .menu_left ul{padding: 90px 0 10px 30px;}
  #modal_menu .menu_bottom .menu_left ul li{font-size: 14px; margin-bottom: 10px;}
  #modal_menu .menu_bottom .menu_left ul li:nth-of-type(4){display: none;}
  #modal_menu .menu_bottom .menu_left ul li img{width: 24px;}
  #modal_menu .menu_bottom .menu_right{padding-top: 30px; flex-direction: column; width: 100%;}
  #modal_menu .menu_bottom .menu_right dl{width: 90%; margin: 0 auto;}
  #modal_menu .menu_bottom .menu_right dl dd{font-size:20px;}
  #modal_menu .menu_bottom .menu_right dl dd img{width: 24px; height: 24px;}
  #modal_menu .menu_bottom .menu_right dl dt{height: unset;}
  #modal_menu .menu_bottom .menu_right dl dt ul{padding-left: 30px; padding-bottom: 30px;}
  #modal_menu .menu_bottom .menu_right dl dt ul li{font-size: 14px; font-weight: 400;}
  #modal_menu .menu_bottom .menu_left.logout{display: block;}
  #modal_menu .menu_bottom .menu_left.logout ul{padding: 15px 0 30px 30px;}
}

/*header*/
#header{width: 100%;}
#header .header_top{background-color: #0887A5;}
#header .header_top .inner{max-width: 1200px; height: 70px; margin: 0 auto; position: relative;}

#header .header_top .search_box{width: 350px; height: 42px; background-color: #047A96; border-radius: 4px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#header .header_top .search_box img{width: 18px; position: absolute; top: 50%; transform: translateY(-50%); left: 10px;}
#header .header_top .search_box input{margin-left: 40px; width: calc(100% - 40px); height: 42px; background-color: transparent; color: #fff;}
#header .header_top .search_box input::placeholder{color: #fff; font-size: 14px;}

#header .header_top .logo{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#header .header_top .logo img{width: 230px;}

#header .header_top .user_info{text-align: center; background-color: #EEF8FB; height: 50px; position: absolute; right: 90px; bottom: -1px; display: flex; align-items: center;}
#header .header_top .user_info::before{content: ''; display: block; width: 40px; height: 50px; background: url(/images/bg_userInfo_left.png) no-repeat; position: absolute; top: 0; left: -39px;}
#header .header_top .user_info::after{content: ''; display: block; width: 40px; height: 50px; background: url(/images/bg_userInfo_right.png) no-repeat; background-position: top right; position: absolute; top: 0; right: -39px;}
#header .header_top .user_info span.depa{background-color: #00596F; color: #fff; display: block; padding: 2px 4px; border-radius: 2px; margin-right: 10px; font-size: 13px; font-weight: 400;}
#header .header_top .user_info span.ename{font-size: 13px; color: #00596F; font-weight: 700;}
#header .header_top .user_info span.kname{font-size: 13px; color: #00596F;}

#header .header_top .btn_menu{position: absolute; right: 0; top: 50%; transform: translateY(-35%); padding: 13px;}

#header .header_bottom{background-color: #EEF8FB;}
#header .header_bottom .header_menu{max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;height: 40px; align-items: center; color: #277688; font-size: 14px; font-weight: 500;}

#container > .inner{max-width: 1200px; margin: 0 auto;}

@media (max-width: 1280px) {
  #container > .inner{width: 95%;}
  .header_top .inner{width: 95%;}
  .header_bottom .header_menu{width: 95%;}
}
@media (max-width: 1023px) {
  #header .header_top .inner{height: 100px;}
  #header .header_top .search_box{left: 0; top: 50px; transform: translateY(0); width: calc(100% - 300px);}
  #header .header_top .logo{left: 50%; top: 10px; transform: translateX(-50%);}
  #header .header_top .btn_menu{bottom: 0; transform: translateY(0);}
}
@media (max-width: 767px){
  #header .header_top .inner{height: 124px; width: 100%;}
  #header .header_top .mb_top{z-index: 99; height: 58px; position: relative;}
  #header .header_top:after{content: ''; position: fixed; left: 0; top: 0; background-color: #0887A5; width: 100%; height: 62px; z-index: 98;}
  #header .header_top .mb_top .user_info{display: none;}
  #header .header_top .mb_top .logo{top:20px; position: fixed;}
  #header .header_top .mb_top .btn_menu{top: 10px; bottom: unset; position: fixed;}
  #header .header_top .mb_bottom{height: 46px;}
  #header .header_top .mb_bottom .search_box{top: 72px; width: calc(100% - 20px); background-color: #003743; z-index: 1; margin: 0 10px;}
  #header .header_top .mb_bottom::after{content: ''; display: block; width: 100%; height: 62px; background-color: #004F62; position: absolute; left: 0; top: 62px;}
  #header .header_bottom{display: none;}
}
@media (max-width: 479px){
  #header .header_top .inner{height: 102px;}
  #header .header_top::after{height: 58px;}
  #header .header_top .mb_top .logo img{width: 192px;}
  #header .header_top .mb_top .btn_menu img{width: 21px;}
  #header .header_top .mb_bottom .search_box{top: 64px; height: 34px;}
  #header .header_top .mb_bottom .search_box img{width: 15px;}
  #header .header_top .mb_bottom .search_box input{height: 34px; margin-left: 35px;}
  #header .header_top .mb_bottom::after{top: 58px; height: 46px;}
}


/*Footer*/
footer{text-align: center; background-color: #D0D8DA; color: #939A9C; font-size: 12px; padding: 12px 0; position: fixed; bottom: 0; left: 0; width: 100%;}

@media (max-width: 767px){
  footer{display: none;}
}

/*탭바*/
.tabbar_wrap{display: none;}
.tabbar_wrap ul{display: flex; padding: 10px 10px 40px; border-top: 1px solid #eee;}
.tabbar_wrap ul li{font-size: 12px; font-weight: 600; color: #999; padding-top: 40px; position: relative; text-align: center; width: 20%;}
.tabbar_wrap ul li::before{content: ''; display: block; width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -75%);}
.tabbar_wrap ul li.home::before{background: url(/images/ic_tabbar_home.png) no-repeat center;}
.tabbar_wrap ul li.approve::before{background: url(/images/ic_tabbar_approve.png) no-repeat center;}
.tabbar_wrap ul li.favorite::before{background: url(/images/ic_tabbar_favorite.png) no-repeat center;}
.tabbar_wrap ul li.menu::before{background: url(/images/ic_tabbar_menu.png) no-repeat center;}
.tabbar_wrap ul li.push::before{background: url(/images/push_bell.png) no-repeat center;}
.tabbar_wrap ul li.close::before{background: url(/images/ic_tabbar_close.png) no-repeat center;}

@media (max-width: 767px){
  .tabbar_wrap{display: block; position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; z-index: 998;}
  .notScroll .tabbar_wrap{z-index: 997;}
}

/*버튼*/
.btn_type01{width: 200px; height: 40px; background-color: #fff; border: 1px solid #C9C9C9; border-radius: 4px; line-height: 40px; font-size: 14px; font-weight: 700; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.07); cursor: pointer; margin-right: 10px; text-align: center;}
.btn_type01.color01{color: #005F75;}
.btn_type01.color02{color: #333;}
.btn_type01.color03{color: #781212;}
.btn_type01.color04{color: #4B3784;}

.btn_type02{width: 160px; height: 40px; background-color: #fff; border: 1px solid #C9C9C9; border-radius: 4px; line-height: 40px; font-size: 14px; font-weight: 700; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.07); cursor: pointer; margin-right: 10px; text-align: center;}
.btn_type02.color01{color: #005F75;}
.btn_type02.color02{color: #333;}
.btn_type02.color03{color: #781212;}
.btn_type02.color04{color: #4B3784;}

.btn_type03{width: 120px; height: 40px; background-color: #fff; border: 1px solid #C9C9C9; border-radius: 4px; line-height: 40px; font-size: 14px; font-weight: 700; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.07); cursor: pointer; margin-right: 10px; text-align: center;}
.btn_type03.color01{color: #005F75;}
.btn_type03.color02{color: #333;}
.btn_type03.color03{color: #781212;}
.btn_type03.color04{color: #4B3784;}

.btn_type04{width: 100px; height: 35px; background-color: #fff; border: 1px solid #C9C9C9; border-radius: 4px; font-size: 14px; font-weight: 700; box-shadow: 0px 3px 5px rgb(0 0 0 / 7%); cursor: pointer; margin-right: 10px; text-align: center;}
.btn_type04.color01{color: #005F75;}
.btn_type04.color02{color: #333;}
.btn_type04.color03{color: #781212;}
.btn_type04.color04{color: #4B3784;}

.btn_type05{width: 70px; height: 30px; background-color: #fff; border: 1px solid #C9C9C9; border-radius: 4px; font-size: 14px; font-weight: 700; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.07); cursor: pointer; margin-right: 10px; text-align: center;}
.btn_type05.color01{color: #005F75;}
.btn_type05.color02{color: #333;}
.btn_type05.color03{color: #781212;}
.btn_type05.color04{color: #4B3784;}

.btn_type06{width: 70px; height: 30px; background-color: #fff; border: 1px solid #C9C9C9; border-radius: 4px; font-size: 14px; font-weight: 700; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.07); cursor: pointer; margin-right: 10px; text-align: center;}
.btn_type05.color01{color: #005F75;}
.btn_type05.color02{color: #333;}
.btn_type05.color03{color: #781212;}
.btn_type05.color04{color: #4B3784;}

.btn_wrap{display: flex; justify-content: center; height: 40px;}
.btn_wrap .btn_type01:last-of-type{margin-right: 0;}
.btn_wrap .btn_type02:last-of-type{margin-right: 0;}
.btn_wrap .btn_type03:last-of-type{margin-right: 0;} /*miraclecat추가*/
.btn_wrap .btn_type06:last-of-type{margin-right: 0;} /*miraclecat추가*/

.btn_wrap_left{display: flex;  height: 40px;} /*miraclecat추가*/
.btn_wrap_left .btn_type03:last-of-type{margin-right: 0;} /*miraclecat추가*/

/*체크박스*/
.checkbox_st01{display:none;}/*input 은 숨겨주기*/
.checkbox_st01 + label{cursor:pointer; display: flex; align-items: center; font-size: 14px; font-weight: 600; color: #333; justify-content: center;}/*input 바로 다음의 label*/
.checkbox_st01 + label:before{content:""; display:block; width:16px; height:16px; border: 1px solid #ccc; margin-right: 5px; background-color: #fff;}/*input 바로 다음의 label:before 에 체크하기 전 CSS 설정*/
.checkbox_st01:checked + label:before{content:""; background: url(/images/ic_checkbox.png) no-repeat center; background-color:#00596F; border: none; width:18px; height:18px; }/*checked된 input 바로 다음의 label:before 에 체크 후 CSS 설정*/

/*모달창*/
.modal_wrap {display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);}
.modal_content {background-color: #fff; padding: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-top: 3px solid #0887A5;}
.modal_close {position: absolute; top: -20px; right: 20px; background-color: #0887A5; width: 40px; height: 40px;}
.modal_close:hover,
.modal_close:focus {color: black; text-decoration: none; cursor: pointer;}
.modal_close img{width: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.modal_wrap .btn_type01{margin: 0 auto;}

/*modal_type01*/
.modal_type01{width: 95%; max-width: 900px; padding: 60px 20px; box-sizing: border-box;}
/*modal_type02*/
.modal_type02{width: 75%; max-width: 400px; padding: 30px 20px; box-sizing: border-box;}
/*modal_type03*/
.modal_type03{width: 95%; max-width: 900px; padding: 60px 20px; box-sizing: border-box;}
/*modal_type04*//*20230308추가*/
.modal_type04{width: 95%; max-width: 1000px; padding: 20px; box-sizing: border-box;}
/*modal_type05*//*20230712추가*/
.modal_type05{width: 95%; max-width: 500px; padding: 20px; box-sizing: border-box;}
/*modal_type06*/
.modal_type06{width: 95%; max-width: 1000px; padding: 20px; box-sizing: border-box;}
.modal_type06 .inner{padding: 0 !important;}

@media (max-width: 767px){
  .modal_type01{width: 100%; bottom: 0; top: unset; left: unset; transform: translateY(0); border-top: none; padding: 20px;}
  .modal_type01 .modal_close{display: none;}
  .modal_type01 .inner{height: 500px; overflow: auto; padding-bottom: 50px;}
  .modal_type01 .btn_type01{width: 100%; position: absolute; left: 0; bottom: 0; border: none; background-color: #004F62; color: #fff; border-radius: 0; padding: 10px 0 20px;}

  .modal_type03{width: 100%; bottom: 0; top: unset; left: unset; transform: translateY(0); border-top: none; padding: 20px;}
  .modal_type03 .modal_close{display: none;}
  .modal_type03 .inner{height: 200px; overflow: auto; padding-bottom: 50px;}
  .modal_type03 .btn_type01{width: 100%; position: absolute; left: 0; bottom: 0; border: none; background-color: #004F62; color: #fff; border-radius: 0; padding: 10px 0 20px;}

  .modal_type04{width: 100%; height: 100%; bottom: 0; top: unset; left: unset; transform: translateY(0); border-top: none; padding: 20px;}/*20230308추가*/
  .modal_type05{width: 100%; height: 100%; bottom: 0; top: unset; left: unset; transform: translateY(0); border-top: none; padding: 20px;}/*20230308추가*/

  .modal_type06{width: 100%; bottom: 0; top: unset; left: unset; transform: translateY(0); border-top: none; padding: 20px 5px;}
  .modal_type06 .modal_close{display: none;}
  .modal_type06 .inner{height: 500px; overflow: auto; padding-bottom: 50px;}
  .modal_type06 .btn_type01{width: 100%; position: absolute; left: 0; bottom: 0; border: none; background-color: #004F62; color: #fff; border-radius: 0; padding: 10px 0 20px;}
}
@media (max-height: 590px){
  .modal_type01 .inner{height: 400px;}
  .modal_type06 .inner{height: 400px;}
}


/*탭바*/
.back_black{display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index: 998;}
.tabbar_contents {background-color: #fff; position: fixed; left: 50%; bottom: 105px; transform: translate(-50%, 0); border-radius: 20px 20px 0 0; width: 100%; box-sizing: border-box; z-index: 999;}
.tabbar_contents h1{color: #003743; font-weight: 700; font-size: 16px; padding: 20px 0; text-align: center;}
.tabbar_contents .link_menu{background-color: #004F62; color: #fff; display: flex;}
.tabbar_contents .link_menu li{display: flex; width: 50%; justify-content: center; align-items: center; position: relative; padding: 15px 0; font-size: 14px;}
.tabbar_contents .link_menu li::after{content: ''; display: block; width: 1px; height: 19px; background-color: #3D656F; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.tabbar_contents .link_menu li:last-of-type:after{display: none;}
.tabbar_contents .link_menu li img{width: 24px; margin-right: 5px;}
.tabbar_contents h2{font-weight: 700; font-size: 15px; color: #333; padding: 20px 20px 0;}
.tabbar_contents .link_news{padding: 0 20px; display: flex;}
.tabbar_contents .link_news li{font-weight: 500; font-size: 12px; color: #666; position: relative; padding-top: 10px; width: 25%; text-align: center;}
.tabbar_contents .link_news li img{width: 44px; margin: 0 auto; margin-bottom: 10px;}
.tabbar_contents .link_search{display: flex; flex-wrap: wrap; padding: 10px 20px;}
.tabbar_contents .link_search li{font-weight: 500; font-size: 14px; color: #666; width: calc(50% - 2.5px); background-color: #F5F5F5; text-align: center; margin-right: 5px; padding: 7px 0; margin-bottom: 5px;}
.tabbar_contents .link_search li:nth-of-type(even){margin-right: 0;}
/* .tabbar_contents .link_search li:nth-last-child(-n+2){margin-bottom: 0px;} */
.tabbar_contents .link_subsystem{display: flex; flex-wrap: wrap; padding: 10px 20px 30px;}
.tabbar_contents .link_subsystem li{font-weight: 500; font-size: 14px; color: #666; width: calc(50% - 2.5px); background-color: #F5F5F5; text-align: center; margin-right: 5px; padding: 7px 0; margin-bottom: 5px;}
.tabbar_contents .link_subsystem li:nth-of-type(even){margin-right: 0;}
/* .tabbar_contents .link_subsystem li:nth-last-child(-n+2){margin-bottom: 0;} */
.tabbar_contents .btn_menuedit{text-align: right; margin-right: 20px; margin-top: -20px;}
.tabbar_contents .btn_menuedit button{text-align: center; width: 80px; color: #fff; background-color: #004F62; border-radius: 4px; font-weight: 400; font-size: 12px; padding: 4px 0; display: inline-flex; justify-content: center; align-items: center;}
.tabbar_contents .btn_menuedit button img{margin-right: 4px;}
.tabbar_contents .link_favorite{display: flex; flex-wrap: wrap; padding: 10px 20px 30px;}
.tabbar_contents .link_favorite li{font-weight: 500; font-size: 14px; color: #666; width: calc(50% - 2.5px); background-color: #F5F5F5; text-align: center; margin-right: 5px; padding: 7px 0; margin-bottom: 5px;}
.tabbar_contents .link_favorite li:nth-of-type(even){margin-right: 0;}
.tabbar_contents .link_favorite li:nth-last-child(-n+2){margin-bottom: 0;}
.tabbar_contents .tabbar_wrap{display: block; position: relative;}

.fav_menu_edit{position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 9999; background-color: #fff;}
.fav_menu_edit .menu_top{background-color: #004F62; display: flex; justify-content: space-between; align-items: center; padding: 40px 20px 10px;}
.fav_menu_edit .menu_top button.close{width: 34px;}
.fav_menu_edit .menu_top h1{color: #fff; font-size: 16px;}
.fav_menu_edit .menu_top .edit_ok{color: #fff; font-size: 14px; width: 34px; height: 34px; text-align: center; line-height: 34px;}
.fav_menu_edit .menu_bottom{padding: 20px 0;}
.fav_menu_edit .menu_bottom > p{color: #004F62; font-size: 14px; text-align: center;}
.fav_menu_edit .menu_bottom .search_box{width: calc(100% - 40px); height: 42px; background-color: #F5F5F5; border-radius: 4px; position: relative; margin: 20px;}
.fav_menu_edit .menu_bottom .search_box img{position: absolute; top: 50%; transform: translateY(-50%); left: 15px;}
.fav_menu_edit .menu_bottom .search_box input{margin-left: 35px; width: calc(100% - 40px); height: 40px; background-color: transparent; color: #333;}
.fav_menu_edit .menu_bottom .search_box input::placeholder{color: #333; font-size: 13px;}

.fav_menu_edit .menu_bottom .menu_check{padding: 0 30px; height: calc(100vh - 222px); overflow: auto;}
.fav_menu_edit .menu_bottom .menu_check .depth_01{list-style: none; margin: 0; padding: 0; padding-bottom: 70px;}
.fav_menu_edit .menu_bottom .menu_check .depth_01 > li{position: relative;padding-bottom: 10px;}
.fav_menu_edit .menu_bottom .menu_check .depth_01 > li::after{content: ''; display: block; width: 1px; height: 100%; background-color: #ddd; position: absolute; left: 8px; top: 0; z-index: -1;}
.fav_menu_edit .menu_bottom .menu_check .depth_01 > li:last-of-type:after{display: none;}
.fav_menu_edit .menu_bottom .menu_check .depth_01 > li:first-of-type > input{display: block;}
.fav_menu_edit .menu_bottom .menu_check .depth_01 > li > label {color: #333; font-size: 14px; font-weight: 600;}/* 제목 - 클릭 영역 */
.fav_menu_edit .menu_bottom .menu_check .depth_01 > li > label::before {content: ""; display: block; width: 18px; height: 18px; background: url(/images/ic_menu_plus.png) no-repeat; float: left; margin-right: 10px;}/* 제목 앞 화살표 */
.fav_menu_edit .menu_bottom .menu_check .depth_01 > li > input:checked + label::before {background: url(/images/ic_menu_minus.png) no-repeat;}/* 내용 펼침 상태 제목 앞 화살표 */
.fav_menu_edit .menu_bottom .menu_check .depth_01 .menu {display: none; color: #666; font-size: 0.9375em; overflow: hidden; padding: 10px 0 10px 30px; box-sizing: border-box;}/* 내용 영역 - 기본 감춤 상태 */
.fav_menu_edit .menu_bottom .menu_check .depth_01 > li > input:checked + label + .menu {display: block;}/* 내용 영역 펼침 */
.fav_menu_edit .menu_bottom .menu_check .depth_01 .menu > li{margin-bottom: 10px;}
.fav_menu_edit .menu_bottom .menu_check .depth_01 .menu > li:last-of-type{margin-bottom: 0;}
.fav_menu_edit .menu_bottom .menu_check .depth_01 .menu > li > input[type=checkbox]{display:none;}/*input 은 숨겨주기*/
.fav_menu_edit .menu_bottom .menu_check .depth_01 .menu > li > input[type=checkbox] + label{display: flex; align-items: center; font-size: 14px; font-weight: 600; color: #333;}/*input 바로 다음의 label*/
.fav_menu_edit .menu_bottom .menu_check .depth_01 .menu > li > input[type=checkbox] + label:before{content:""; display:block; width:16px; height:16px; border: 1px solid #ddd; margin-right: 5px;}/*input 바로 다음의 label:before 에 체크하기 전 CSS 설정*/
.fav_menu_edit .menu_bottom .menu_check .depth_01 .menu > li > input[type=checkbox]:checked + label:before{content:""; background: url(/images/ic_checkbox.png) no-repeat center; background-color:#00596F; border: none; width:18px; height:18px; }/*checked된 input 바로 다음의 label:before 에 체크 후 CSS 설정*/
.fav_menu_edit .menu_bottom .menu_check .depth_01 .menu > li > input[type=checkbox]:checked + label{color: #277688;}