@charset "utf-8";

/* 로그인 */

.login {background: url(./../img/main/login_bg.jpg) center top no-repeat;height:100%;background-size:cover;}
.login .login_outer{}
.login .login_outer .logo_box{margin-bottom:25px;}
.login .login_outer .logo_box img{}
.login .login_outer .w_box{width:450px;height:420px;background:#fff;box-shadow:15px 15px 15px rgba(0,0,0,0.4);}
.login .login_outer .w_box ul{padding:75px 70px 0 70px;}
.login .login_outer .w_box ul li{}
.login .login_outer .w_box ul li strong{font-size:38px; font-weight:700; margin-bottom:31px;}
.login .login_outer .w_box ul li input{border:1px solid #b5bbce; background:#f8f9fb; width:100%; height:55px; padding: 0 20px; font-size:15px;}
.login .login_outer .w_box ul li input::placeholder{color:#767d93; letter-spacing:-1px;}
.login .login_outer .login_btn{margin-top:27px;background:#000; width:100%; height:55px; line-height:54px; display:inline-block; color:#fff; font-size:16px; font-weight:700;}
.login .login_outer .password_txt{color:#6c7288; font-size:13px; line-height:1.25; margin-top:37px;}
.login .login_outer .info_txt{color:#fff;font-size:16px; font-weight:500; margin-top:30px; text-shadow:5px 5px 5px rgba(0,0,0,0.25);}
/*common*/
body {letter-spacing:-0.5px;}
.mont {font-family: 'Montserrat', sans-serif;}
.fc_black{color:#000;}

.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}

.d_inblock{display:inline-block;}
.d_block{display:block;}
.d_flex{display:flex;}
.justify_c{justify-content:center;}
.align_c{align-items: center;}

.tsy_m01{transform:translateY(-1px);}

/*SQCS MAIN FLOW*/
.tit_group{}
.tit_group p{color:#848f97; margin-top:-5px;}
.flow_lbox{border:3px solid #eaf0fa; padding:25px; margin-top:20px;}
.flow_lbox h5{color:#004981; letter-spacing:-1px;}
.flow_lbox .g_box{background:#f4f5f9; height:65vh;}
.flow_lbox .g_box img{padding:35px 0 20px 0; max-height:100%;}

/*SQCS MAIN*/
.main_fs_content{background: #fff; height:calc(100vh - 75px); width:calc(100% - 200px); padding:25px 30px 30px 30px;}
.main_fs_content .con_body{height:100%;}
.sqms_main{justify-content:space-between; height:100%;align-items:stretch; margin-left:-0.4%;}
.sqms_main .main_tit{font-size:15px; color:#121a4c; font-weight:400; margin-bottom:12px;}
.sqms_main .main_list_outer .main_tit{ margin-bottom:5px;}
.sqms_main .main_chart_outer{flex:0 0 73%; max-width:75.5%;}
.sqms_main .main_chart{flex-wrap:wrap;overflow-x:hidden; overflow-y:auto; margin-top:-15px;}
/*.sqms_main02 .main_chart{flex:0 0 65.5%; max-width:65.5%;}
.sqms_main04 .main_chart{flex:0 0 75%; max-width:75%; margin:7px 0;}*/
/*.sqms_main03 .main_chart{flex:0 0 74.5%; max-width:74.5%;}*/
.sqms_main .main_chart .chart_item{flex:0 0 48.8%; max-width:48.8%; background:#fff;margin:14px 0.6% 0 0.6%; border-radius:1px; padding:15px 20px; height:43.7vh;}
.sqms_main .main_chart .chart_item02{flex:1 0 98.8%; max-width:98.8%; height:43.7vh;}
.sqms_main .main_chart .chart_item03{flex:0 0 98.8%; max-width:98.8%; min-height:85vh; }
.sqms_main .main_chart .chart_item04{flex:0 0 48.8%; max-width:48.8%; min-height:43.7vh; }
.sqms_main .main_chart .chart_item .main_tit{}
.sqms_main .main_chart .chart_item03 .main_tit{margin-bottom:2vh;}
.sqms_main .main_chart .chart_item .chart_outer {}
/*.sqms_main02 .main_chart .chart_item02 .chart_outer { max-width: 67%; margin:0 auto;}*/
.sqms_main .main_chart .chart_item .chart_outer img{ max-height:100%;}
.sqms_main .main_list_outer{/*flex:0 0 26.5%; max-width:26.5%;*/ margin:0px 0 0 0.6%; border-radius:1px; background:#ecf5fd; border-radius:10px 0 0 10px; padding:25px 0px 25px 25px; position:relative; transition:all ease 0.3s; overflow-y:auto;}
.sqms_main .main_list_outer > .scroll_y{ display: flex; flex-direction: column; gap:15px; height:100%; padding-right:20px;}
.sqms_main .main_list_outer .list_btn{position:fixed; right:0; top:70px;}
.sqms_main .main_list_outer .list_btn button{background:#26235d; display:flex; justify-content:center; align-items:center;width:20px; height:22px; border-radius:5px 0 0 5px;}
.sqms_main .main_list_outer .list_btn button img{}
/*.sqms_main02 .main_list_outer{flex:0 0 33.5%; max-width:33.5%;}*/
.sqms_main .main_list{ width: 100%; }
.sqms_main .main_list .main_list_inner{/* height:100%;*/ background:linear-gradient(#fff,#fff),linear-gradient(140deg,rgba(177,208,238,.6),hsla(0,0%,100%,.6)); border:.1rem solid transparent; border-radius:10px; background-origin: border-box; background-position: 100%; background-clip: content-box, border-box; overflow: hidden; transition-delay:0.3s;}
/*.sqms_main .main_list .main_list_inner:hover{box-shadow:5px 6px 13px rgba(56,85,190,0.25); transition:all ease 0.3s; }*/
/*.sqms_main .main_list.main_notice .main_list_inner{padding:26px 23px 16px 23px;}*/
.sqms_main .main_list.main_pcs .main_list_inner {background:transparent; border:1px solid transparent; box-shadow:none; padding:0;}
.sqms_main .main_list.hold_lot .main_list_inner {background:transparent; border:1px solid transparent; box-shadow:none; padding:0;}
.sqms_main .main_list .list_item{margin-bottom:16px; padding:15px 23px 20px 23px;}
.sqms_main .main_list .hold_lot,
.sqms_main .main_list .hold_lot { padding:0;}
.sqms_main .main_list .list_item:last-child{margin-bottom:0;}
.sqms_main .main_list .list_item .main_tit{margin-bottom:7px; letter-spacing:-0.8px;}
.sqms_main .main_list .list_item .list_outer{flex-wrap:wrap; width:104%; margin:-2% 0 0 -2%;}
.sqms_main .main_list .list_item .list_outer li{text-align:center;flex:0 0 21%; margin:2%; background:#fff; box-shadow:3px 3px 4px rgba(179,197,237,0.4); border-radius:3px;}
.sqms_main .main_list .list_item .list_outer li:hover{box-shadow:3px 3px 10px rgba(60,104,177,0.5); transition:all ease 0.4s;}
.sqms_main .main_list .list_item .list_outer li a{display:block;}
.sqms_main .main_list .list_item .list_outer li a p{font-size:15.5px; color:#1c4a89; font-weight:700; line-height:1.1; margin-top:22%;}
.sqms_main .main_list .list_item .list_outer li a span{font-size:13px; color:#35404f; line-height:1;margin-bottom:24%; display:inline-block;}
.sqms_main .main_list .list_item .list_outer li.long_p a p{margin-top:17%; margin-left: 10%; max-width: 80%; line-height:0.8;}
.sqms_main .main_list .list_item .list_outer li.long_p a span{margin-bottom:8%;}
.sqms_main .main_pcs{/* height:calc(100vh - 374px);*/ }
.sqms_main .main_pcs_height{height:calc(100vh - 680px);}
.sqms_main .main_pcs table{width: 100%; border-collapse: separate; border-spacing: 0 15px; position: relative; margin-top:-18px;}
.sqms_main .main_pcs table tbody:before{position: absolute; left:0; top:5px; width: 100%; height: 1px; content: ''; background: #163479;}
.sqms_main .main_pcs table tbody{position: relative;}
.sqms_main .main_pcs table tr{height: 30px; position: relative;}
.sqms_main .main_pcs table tr:last-child:after{position: absolute; left:0; bottom:-10px; width: 100%; height: 1px; content: ''; background: #c2c9dd;}
.sqms_main .main_pcs table tr th{font-weight: 700; word-break:keep-all; line-height:0.9; letter-spacing:-0.8px;}
.sqms_main .main_pcs table tr td{padding:0 0 0 7px;  position: relative;}
.sqms_main .main_pcs table tr td a{background: #fff;border-radius: 5px; height: 30px; line-height:30px; padding:0 15px; font-size:15px !important;}
.sqms_main .main_pcs table tr td a:hover{box-shadow:1px 1px 6px rgba(22,61,202,0.28);transition:all ease 0.3s;}
.sqms_main .main_notice table{width:100%;}
.sqms_main .main_notice table tr{height:35px; line-height:33px;}
.sqms_main .main_notice table tr .fc_dgray.ta-r{font-family:'Montserrat', sans-serif; font-size:14px;}


.sqms_main .all_pcs{flex-wrap:wrap; display:flex; justify-content:space-between;}
.sqms_main .all_pcs .all_box{background:#fff; /*border:1px solid #b4bcd8;*//*box-shadow:5px 8px 13px rgba(75,82,107,0.1);*/ flex:0 0 49%; max-width:49%; margin-bottom:1.7%; border-radius:10px; position:relative;}
/*.sqms_main .all_pcs .all_box:hover{box-shadow:5px 6px 13px rgba(56,85,190,0.2); transition:all ease 0.3s; }*/
.sqms_main .all_pcs .all_box:nth-child(3),
.sqms_main .all_pcs .all_box:nth-child(4){margin-bottom:0;}
.sqms_main .all_pcs .all_box .all_inner{display:inline-block; width:100%; text-align:left; padding:25px 0 0 25px; font-family:'Montserrat', sans-serif; min-height:100px;}
.sqms_main .all_pcs .all_box .all_inner:hover{transition:all ease 0.3s;}
.sqms_main .all_pcs .all_box .all_inner img{}
.sqms_main .all_pcs .all_box .all_inner:hover img{ transform:translateY(-1px);transition:all ease 0.3s;box-shadow:1px 1px 6px rgba(61,88,151,0.3);}
.sqms_main .all_pcs .all_box .all_inner strong{display:block;line-height: 1; font-size:16px; color:#000;}
.sqms_main .all_pcs .all_box .all_inner p{ display:block; line-height:1; position:absolute; right:25px; bottom:20px;}
.sqms_main .all_pcs .all_box .all_inner p em{font-size:35px; color:#3175c5; font-weight:700;}
.sqms_main .all_pcs .all_box .all_inner p span{font-size:15px; color:#373649; font-weight:700;}

.sqms_main .hold_lot .all_box{background:#fff; /*border:1px solid #b4bcd8;*//*box-shadow:5px 8px 13px rgba(75,82,107,0.1);*/ flex:0 0 49%; max-width:49%; margin-bottom:0; border-radius:10px; position:relative; padding:18px 25px 10px 25px;}
/*.sqms_main .hold_lot .all_box:hover{box-shadow:5px 6px 13px rgba(56,85,190,0.2); transition:all ease 0.3s; }*/
.sqms_main .hold_lot .all_box .tit{font-size:16px; font-family:'Montserrat', sans-serif; margin-bottom:5px; display:inline-block;}
.sqms_main .hold_lot table{width:100%;}
.sqms_main .hold_lot table tr td{border-bottom:1px solid #d8dbdd; height:38px; font-size:14px; cursor:default;}
.sqms_main .hold_lot table tr:last-child td{border-bottom:none;}
.sqms_main .hold_lot table tr td .s_tit{font-family:'Montserrat', sans-serif; font-weight:600; color:#3175c5;}
.sqms_main .hold_lot table tr td .numbering{font-family:'Montserrat', sans-serif;}
.sqms_main .hold_lot table tr td .txt{}

.main_shadow { box-shadow: 3px 4px 13px rgba(75,82,107,0.25);}
.main_shadow:hover{box-shadow:3px 5px 15px rgba(56,85,190,0.3); transition:all ease 0.3s;}

/* Hold lot 현황 */
/*tab css*/
ul.tabs{margin: 0px; padding: 0px;list-style: none; margin-left:10px;}
ul.tabs li{ background: none; color: #8d8d90; display: inline-block; cursor: pointer; font-size:16px;  font-family:'Montserrat', sans-serif; font-weight:700; padding:0 6px;}
ul.tabs li.current{ position:relative; color:#045fcb;}
ul.tabs li.current:before{ position:absolute; left:-2px; top:3px; background:#045fcb; width:5px; height:5px; border-radius:50%; content:'';}
.tab-content{ display: none; background: #ededed; padding: 15px;} 
.tab-content.current{ display: inherit;}

/*우측내용 히든*/
.main_fs_content.list_close{padding:30px 30px 30px 30px;}
.main_fs_content.list_close .sqms_main .main_chart_outer{flex:100%; max-width:100%; transition:all ease 0.3s; transition-delay:0.2s;}
.main_fs_content.list_close .main_list_outer{background:transparent; max-width:0; flex:0 0 0; padding:0; margin:0; width:0; transition:all ease 0.6s;}
.main_fs_content.list_close .main_list_outer .main_list {display:none;}
.main_fs_content.list_close .sqms_main .main_list_outer .list_btn button img{transform:rotate(180deg); transition:all ease 0.3s;}


@media only screen and (max-width:1700px) {
    .sqms_main .main_tit{font-size:14px;}
    .sqms_main .main_chart_outer{flex:0 0 70.8%; max-width:70.8%; }
    .sqms_main .main_list_outer{flex:0 0 28.5%; max-width:28.5%;}
    .sqms_main .main_chart .chart_item,
    .sqms_main .main_chart .chart_item04{height:42.6vh; min-height:42.6vh;}
    .sqms_main .main_chart .chart_item02{height:42.2vh; min-height:42.2vh;}
    /*.sqms_main .main_list .main_list_inner{overflow-y:auto;}*/
    .sqms_main .main_list .list_item .list_outer li a p{font-size:14px;line-height:1; margin-top:20%;}
    .sqms_main .main_list .list_item .list_outer li a span{font-size:12px;margin-bottom:22%;}
    .sqms_main .main_list .list_item .list_outer li.long_p a p{margin-top:17%;}
    .sqms_main .main_list .list_item .list_outer li.long_p a span{margin-bottom:8%;}
    .sqms_main .main_pcs table tr td a{ padding:0 12px;}
}

/*@media only screen and (max-width:1600px) {*/
    /*.sqms_main02 .main_pcs{height:calc(100vh - 593px);}*/
    /*.main_pcs{margin-top:14px; height:calc(100vh - 610px);}
    .main_pcs_height{height:calc(100vh - 675px);}
}*/