@charset "utf-8";

*{font-size: 14px; margin: 0px; padding: 0px;}

i{color: var(--fontColor);}

.favorit_list_cont{width: 100%; display: flex; flex-direction: row;  }
.favorit_list_cont .flc_menu{width: 20%; border-right:1px solid #ddd; color:var(--fontColor); padding-top: 145px;  height: 100vh; position: relative;}

.favorit_list_cont .flc_menu .flc_select_wrap{position: relative;width: 100%; margin-bottom: 0px; height: 48px;}
.favorit_list_cont .flc_menu .flc_select_wrap i{position: absolute; right:15px; top: 50%; transform: translateY(-50%);}
.favorit_list_cont .flc_menu .flc_select{position: absolute; top: 0px; left: 0px; color: var(--fontColor); }
.favorit_list_cont .flc_menu .flc_select option{color: var(--fontColor); background: var(--background); }
.favorit_list_cont .flc_menu .flc_select_img{position: absolute; right:10px; width: 30px;}


.flc_menu_sub{width: 100%; }
.flc_menu_sub ul li{width: 100%; border-bottom: 1px solid #ddd; display: flex; flex-direction: row; align-items:center; padding:10px; justify-content: space-between; height: 68px;}

.flc_menu_sub ul li div input{color: var(--fontColor); border:none; padding:0px; text-align: center; height: 100%;}

.flc_menu_sub ul li div input.tl{text-align: left;}
.flc_menu_sub ul li div input.tr{text-align: right;}

.flc_menu_sub ul li div.fms_list1{display: flex; width: 55%; margin-right: 2%; flex-direction: column; justify-content: flex-start;}
.flc_menu_sub ul li div.fms_list1 > div{display: flex; align-items: center;}
.flc_menu_sub ul li div.fms_list1 > div span{min-width: 50px;}
.flc_menu_sub ul li div.fms_list1 > div input{min-width: 50px;}

.flc_menu_sub ul li div.fms_list2{width: 21%; margin-right: 2%; display: flex; flex-direction: row; align-items: center; max-width: 80px; justify-content:center;}
.flc_menu_sub ul li div.fms_list2 i{margin-right: 5px;}


.flc_menu_sub ul li div.fms_list3{width: 20%; display: flex; flex-direction: column; align-items: flex-end;}
.flc_menu_sub ul li div.fms_list3 .fdrac{display: flex; flex-direction: row; align-items: center;     justify-content: flex-end;}
.flc_menu_sub ul li div.fms_list3 input{max-width: 50px;}


.flc_btn{position: absolute; bottom:0px; display: flex; justify-content: center; width: 100%; left:50%; transform:translateX(-50%); border:1px solid #ddd; padding: 20px; cursor: pointer;}
.flc_btn i{margin-right: 10px;}

.flc_btn_txt{background: none; color: var(--fontColor); width: 55px; cursor: pointer;}


.favorit_list_cont .flc_cont{width: 80%;}

.edit_icon{display: none; flex-direction: row;}
.edit_icon span i{font-size: 1.2em; cursor: pointer;}
.edit_icon span:first-child{margin-right: 10px;}


/*flc_cont*/
.flc_cont{ padding: 155px 15px 0; display: flex; flex-direction: column;}

.flc_cont .flc_cont_top{display: flex; flex-direction: row; width: 100%; justify-content: space-between;}

.flc_cont .flc_cont_top .fct_l{display: flex; flex-direction: column; width: 79%; margin-right: 2%;}
.flc_cont .flc_cont_top .fct_r{width: 19%;  color: var(--fontColor);}

.flc_cont .flc_cont_top .fct_l .fct_l_tit{display: flex; flex-direction: row; width: 100%; align-items: flex-start; justify-content: space-between; color: var(--fontColor); }


.flc_cont .flc_cont_top .fct_l .fct_l_tit .fct_l_tit1 .flt_tit{display: flex; flex-direction: row; align-items:center ;}
.flc_cont .flc_cont_top .fct_l .fct_l_tit .fct_l_tit1 .flt_tit input[type="text"]{border:none; max-width: 200px; font-size: 2em !important; padding-left: 0; margin-left: 10px;}

.flc_cont .flc_cont_top .fct_l .fct_l_tit .fct_l_tit1 .flt_tit span{font-size: 2em; color:var(--fontColor);}

.flc_cont .flc_cont_top .fct_l .fct_l_tit .fct_l_tit1 .flt_list{display: flex; flex-direction: row; align-items:center ;}
.flc_cont .flc_cont_top .fct_l .fct_l_tit .fct_l_tit1 .flt_list ul{display: flex; flex-direction: row; align-items: center; margin-bottom: 0px; }

.flc_cont .flc_cont_top .fct_l .fct_l_tit .fct_l_tit1 .flt_list ul li{display:flex; flex-direction: row; align-items: center; color:var(--fontColor);}

.flc_cont .flc_cont_top .fct_l .fct_l_tit .fct_l_tit1 .flt_list input[type="text"]{border:none; height: 100%; max-width: 80px;  color:var(--fontColor);}


.flc_cont .flc_cont_top .fct_l .fct_l_tit .fct_l_tit1 .flt_total {display:flex; flex-direction: row; align-items:center; min-width: 150px;}
.flc_cont .flc_cont_top .fct_l .fct_l_tit .fct_l_tit1 .flt_total input[type="text"]{border:none; height: 100%; max-width: 50px; background: none; padding: 0px 0 0 5px;}


.fct_search_cont{width: 100%; position: relative; min-width: 200px;}
.fct_search_cont > input[type="text"]{position: relative; width: 100%; height: 40px; color: var(--fontColor) !important; padding-right: 40px;}
.fct_search_cont > input[type="text"]:active, .fct_search_cont > input[type="text"]::-ms-value{color: var(--fontColor);}
.fct_search_cont i{position: absolute; right:15px; top:50%; transform: translateY(-50%); font-size: 1em; color: var(--fontColor); }



.fct_r > h4{font-size: 1em; font-weight: bold; color: var(--fontColor); margin-bottom: 5px;}
.fct_r > .fct_table{width: 100%;}

.fct_r > .fct_table thead tr{border:1px solid var(--fontColor); border-right:none; border-left:none; text-align: center;}
.fct_r > .fct_table thead tr th{text-align: center; color: var(--fontColor); padding:5px 0px; }

.fct_r > .fct_table tbody tr{text-align: center;}
.fct_r > .fct_table tbody tr td{color:var(--fontColor); padding:0px;}
.fct_r > .fct_table tbody tr.bg_blue{background: rgba(0, 89, 255, 0.2) !important;}
.fct_r > .fct_table tbody tr.bg_red{background: rgba(255, 0, 0, 0.2) !important;}

.fct_r > .fct_table tbody tr td input{color: var(--fontColor); border:none; text-align: center; padding: 0px; height: 15px; font-size: 11px !important;}

.fct_r .fct_btn{background: #ffa200; color: #000; font-weight: bold; min-width: 100%; margin-top: 20px;}



/*flc_cont_bottom tab*/
.flc_cont_bottom{margin-top: 30px;}

.tab, .sub_tab, .sub_tab2 {
    overflow: hidden;
    color: var(--fontColor);
}
.sub_tab, .sub_tab2 {margin-bottom: 20px;}
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    color: var(--fontColor);
}
.sub_tab button, .sub_tab2 button{
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0 15px;
    transition: 0.3s;
    font-size: .9em;
    color: var(--fontColor);
    opacity: .5;
    border-right:1px solid var(--fontColor);   
}
.sub_tab button:first-child, .sub_tab2 button:first-child{padding-left: 0px;}
.sub_tab button:last-child, .sub_tab2 button:last-child{border-right:0px;}
.tab button.active {
    border-bottom:2px solid #cc0000;
    color:#cc0000;
}
.sub_tab button.active2, .sub_tab2 button.active22{
    color:var(--fontColor);
    font-weight: bold;
    font-size: 1.15em;
    opacity: 1;
}
.tabcontent, .sub_tabcontent {
    display: none;
    padding: 0px;
    border: 1px solid #ccc;
    border-top: none;
}
.sub_tabcontent > iframe{width: 100%; height: 300px;}


.fcb01, .fcb02{position: relative; width: 100%; margin-top: 10px; padding-top: 40px; border: 1px solid #ccc; }
.fcb03, .fcb04{margin-top: 10px; border:1px solid #ccc; position: relative; width: 100%; padding:10px; color:var(--fontColor)}
.fcb05, .fcb06{border:none; margin-top: 0; position: relative; width: 100%; padding:10px;}

.fcb_wrap { max-height: 258px; overflow: auto; overflow-x: hidden; }
.fcb_wrap table { width: 100%; table-layout: fixed; border-spacing: 0; border-collapse: collapse; box-sizing: border-box; }
.fcb_wrap table thead tr { position: absolute; top: 0; width: 100%; border-bottom: 1px solid var(--fontColor);  }
.fcb_wrap table thead tr th {
      font-weight: normal;
      width: 120px;
      height: 42px;
      color:var(--fontColor);
      text-align: center;
}
.fcb_wrap table td {text-align: center;      height: 42px;}
.fcb_wrap table tr {
      display: inline-table;
      width: 100%;
      table-layout: fixed;}
.fcb_wrap table tbody tr{display: table-row;}





.fcb01_table tbody tr td, .fcb02_table tbody tr td{border:none; border-bottom:1px solid var(--fontColor);}
.fcb01_table tbody tr td input, .fcb02_table tbody tr td input{background: none; color: var(--fontColor); border:none; text-align: center; width: 100%; height: 42px; line-height: 42px;}

.fcb02_table tbody tr td input[type="time"]::-webkit-calendar-picker-indicator{
    display: none;
}

.fcb04_tit{display: flex; flex-direction: row; width: 100%; justify-content: space-between; border:none;}

.fcb04_tit .fcb04_tit_l{display: flex;}
.fcb04_tit .fcb04_tit_l > select{border:1px solid var(--fontColor); border-radius: 4px; color: var(--fontColor);  min-width: 120px; margin-right: 5px; height: 30px; background: url(../img/ic_down_arrow.png) no-repeat 95% 50%;  background-size: 20px;}
.fcb04_tit .fcb04_tit_l > select:optional{color:var(--fontColor); background-color: var(--background);}

.fcb04_tit .fcb04_tit_r{display: flex; align-items: center; color:var(--fontColor);}
.fcb04_tit .fcb04_tit_r input{border: none; height: 30px; color: var(--fontColor); background: none;}


.fcb04_table {
    width:100%;
    overflow:auto;
    margin-top: 20px;
    height: 250px; overflow-y: auto;
  }
.fcb04_table table {
    white-space:nowrap;
    border-collapse:collapse;
    
}
.fcb04_table table th,.fcb04_table table td {
    border:1px solid #555;
}
.fcb04_table table tr th {color: var(--fontColor);}
.fcb04_table table tr th input{padding-right: 5px;}

.fcb04_table table th:first-child{text-align: center; padding: 0px;}
.fcb04_table table th{text-align: right; padding:5px;}

.fcb04_table table tr td:first-child input{text-align: center;}
.fcb04_table table tbody tr td input{border: none; color: var(--fontColor); background: none; width:120px; padding:0px; text-align: right; padding-right: 5px;}
.fcb04_table table tbody tr td input[type="date"]{
    padding-right: 0px;
}

.fcb06 .sub_tabcontent2{ 
    display: none;   padding: 10px;    border: 1px solid #ccc;}
.fcb06 .sub_tabcontent2 ul{margin-bottom: 0px; height: 258px; overflow-y: auto;}
.fcb06 .sub_tabcontent2 ul li{width: 100%; margin-bottom: 10px; border-bottom: 1px solid var(--fontColor); padding-bottom: 10px; cursor: pointer;}
.fcb06 .sub_tabcontent2 ul li:last-child{margin-bottom: 0px;}

.fcb06 .sub_tabcontent2 ul li h4{width: 100%;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: var(--fontColor);
    overflow: hidden; margin-bottom: 10px;}
.fcb06 .sub_tabcontent2 ul li div input{background: none; color: var(--fontColor);}
.fcb06 .sub_tabcontent2 ul li div input[type="datetime-local"]::-webkit-calendar-picker-indicator,.fcb06 .sub_tabcontent2 ul li div input[type="datetime-local"]::-webkit-inner-spin-button{
    display: none;
}




/*etc*/
.dfr{display: flex; flex-direction: row; align-items: center;}

.m_only{display: none;}
.pc_only{display: block; }


@media screen and (max-width:480px){
    .favorit_list_cont{flex-direction: column;}
    .favorit_list_cont .flc_menu{width: 100%; padding-top:110px; height: 100%;}

    .m_only{display: block;}
    .pc_only{display: none; }



    .header_cont_bottom > .m_only{display: flex; flex-direction: row; align-items: center;}
    .header_cont_bottom > .m_only .flc_select_wrap{position: relative; width: 100%;}

    .header_cont_bottom > .m_only .flc_select{position: relative; top: 0px; left: 0px; border:none; color: var(--fontColor); width: 100%; height: 100%; padding-right: 0px;    
        max-width: 160px;  overflow-x: hidden; }
    .header_cont_bottom > .m_only .flc_select_wrap i{position: absolute; right:-20px; top:2px;}

    .header_cont_bottom > .m_only .flc_select option{color: var(--fontColor); background: var(--background);}
    .header_cont_bottom > .m_only .flc_select_img{position: absolute; right:0; width: 30px; top:50%; transform: translateY(-50%);}

    .flc_menu_sub ul{margin-bottom: 0px; padding-bottom: 60px;}

    .flc_btn{position: fixed; bottom: 0px; background: var(--background); height: 60px; z-index:10000; }


    .flc_cont{padding: 120px 15px 0;}


    /*favorit_list_detail.htm (only mobile)*/
    .favorit_list_cont .flc_cont{width: 100%;}
    .flc_cont .flc_cont_top{flex-direction: column;}

    .flc_cont .flc_cont_top .fct_l{width: 100%;}
    .flc_cont .flc_cont_top .fct_r{width: 100%;}

    .flc_cont .flc_cont_top .fct_l .fct_l_tit .fct_l_tit1 .flt_tit span{font-size: 1em; margin-right: 10px;}
    .flc_cont .flc_cont_top .fct_l .fct_l_tit .fct_l_tit1 .flt_tit input[type="text"]{margin-left: 0px; max-width: 100%; font-size: 1em !important; padding-right: 0px;}


    .fld_scroll_cont .tab button.active:after{content:'';}
    .fld_scroll_cont .tab{overflow-x: auto; overflow-y: hidden; width: 100%; display: flex; flex-wrap: nowrap; }
    .fld_scroll_cont .tab::-webkit-scrollbar{display: none;}
    .fld_scroll_cont .tab button{min-width: 13%; padding: 5px; border-bottom:1px solid var(--fontColor);}
    .fld_scroll_cont .tab button.active{border-bottom: 3px solid #cc0000;}

    .fld_scroll_cont .tabcontent{margin-top: 10px; border:1px solid var(--fontColor); padding:5px;}

    .fct_l_tit1{margin-bottom: 10px;}
}