@import url(font-awesome.min.css); /*공통css*/ .modal-content::-webkit-scrollbar { width: 5px; height:5px;/*스크롤바의 너비*/ } .modal-content::-webkit-scrollbar-thumb { background: #53617b; border-radius: 50px; /*스크롤바의 색상*/ } .modal-content::-webkit-scrollbar-track { background-color:#efefef; /*스크롤바 트랙 색상*/ } .b_top0{border-top:0 !important;} .bg_c01{background:#465871;} .bg_c02{background:#14b3b5;} .bg_c03{background:#2b70d1;} .bg_c04{background:#1258ba;} .bg_c05{background:#e62746;} .bg_c06{background:#7c90aa;} .bg_c07{background:#0f3465;} .bg_c08{background:#db4779;} .color_01{color:#0081dd;} .font_s{font-size:13px;} /*header*/ header{top:0; left:0; z-index:999; width:100%; background:#fff; -webkit-transition:top 1s ease-in-out; position:fixed; top: 0; right: 0; left: 0; z-index:1002; background-color: #fff;} header .skip{position: relative;top: 0px;left: 0px;height: 0px;font-size: 0px;z-index: 9999;} header .skip a{left: -3000%;position: absolute;font-size: 12px;} header .skip a:hover,.skip a:focus,.skip a:active{background: #1d60a7;color: #fff;display: block;height: 30px;left: 0 !important;line-height: 30px; text-align:center;top: 0;width: 100%;z-index: 999999} /* .header_menu{position:relative; width:100%; background:#202c3d; height:65px;} */ .header_menu{display:flex; width:100%; background:#202c3d; height:65px;} .header_menu h1 {flex-grow:1;} .header_menu h1>a{float:left; padding:13px 13px 0;} .header_menu h1>a img{width:180px; margin:0;} .header_menu .nav{float:left;position:absolute; top:0px; right:180px; z-index:800; display:block; width:66%;} .header_menu nav{flex-grow:2; display:flex; justify-content:center;} .header_menu .nav > li {float:left; position:static; padding:0 28px; text-align:center;} .header_menu .nav > li > a {position:relative; font-size:20px; padding:0; font-weight:600; color:#3b414f; text-align:center; display:block;white-space:nowrap; line-height:80px;} .header_menu .nav > li > a .two-line{line-height:30px; display:inline-block; padding-top:15px;} .header_menu .nav > li > a.on{color:#00bdbe;} .header_menu .nav > li > a:hover{color:#1059bb;} .header_menu .nav .nav_depth{display:none; padding-top:14px; width:100%; height:185px; text-align:center; border-left:0; border-top:0; line-height:29px;} .header_menu .nav .nav_depth_two_line{top:0px;} .header_menu .nav .nav_depth > li > a.on{color:#22c3cb;} .nav>li>a:focus, .nav>li>a:hover{background:none;} .header_link{float:right; font-size:13px;} .menuCollapse {display: none;} .login_btn{width: 90px; background:#73808d; display:block; text-align:center; line-height:28px;color:#fff;} .login_btn:hover {background:#ddd;} .logout_btn{width: 90px; text-align: center; display:block; background:#e3e3e3; line-height:23px; color:#3e3e3e; border:1px solid #e3e3e3;} .logout_btn:hover {background:#ddd;} .menu_btn{padding: 18px 20px; display:inline-block; width:63px; height:65px; background:#53617b; border:0; vertical-align:middle; float:right; cursor: pointer;} .menu_btn p{color:#fff; font-size:11px; text-align:center;} .setting {position:relative;} .setting p{color:#fff; font-size:11px; text-align:center; position:absolute; bottom:9px; left:22px;} .menu_btn span{display:block; margin-bottom:5px; height:1.5px; background:#fff; width:23px;} /* .menu_btn span:nth-child(2n){width: 20px;} */ .menu_btn:hover{background:#465673;} /* .header_link .setting{float:left; height:65px; width:63px;background: url(./../image/set.png) center 16px no-repeat #354760; color:#fff; background-size:19px;} */ .header_link .setting{float:left; height:65px; width:63px;background: url(./../image/set.png) center 16px no-repeat #354760; color:#fff; background-size:19px;} .header_link .setting:hover {background:url(./../image/set.png) center 16px no-repeat #1859b5; background-size:19px;} .session{float:left; background:#3a475a; border-radius:50px; margin:17px 15px 0 5px; padding:3px 12px;} .session span{border-right:1px solid #b2b2b2; padding-right:5px; margin-right:3px; font-size:12px;color:#fff;} .session #approval_cnt {padding-right: 3px;color: #525971;} .session #approval_cnt:hover{color:#0065ec;} .session a {margin:0; padding:0; color:#b0c5e1; font-size:12px; padding-left: 3px;} .session a:hover{color:#525971;} .session .logout{color:#ff132d;} .mobile_menu_btn{display:none;} #mobile_header_wrap {display:none;} #mypage_wrap {width:230px; z-index:2; display:none; position:fixed; right:0; bottom:0px; margin:0; padding:0; top:63px;overflow-x: hidden;} #mypage_wrap .user{background: #1c65ca;padding:16px 10px; color:#fff;} #mypage_wrap .user strong{padding-left:5px} #mypage_wrap .user span{font-size:11px;display:block;cursor: pointer;} #mypage_wrap .mobile_menu{top: 0;right: 0; z-index: 2; background:#3c3a43; height:100%; width:280px;} #mypage_wrap .m_black_bg{position:fixed; top: 0; right: 0; bottom: 0;left: 0;background:url(./../image/black_bg.png) repeat; z-index: -1;display:none; width:100%; height:100%;} #mypage_wrap .introduce{color:#fff; padding:5px 6px; display:block; float:left; font-weight:600; border-radius:50px; border:1px solid #fff; font-size:12px; margin-left:3px;} #mypage_wrap .introduce:hover{background:#3c5268;} #mypage_wrap nav{background:#3c3a43; height:100%; color:#fff; width:100%; overflow:unset;} #mypage_wrap .nav_wrap a{color:#fff;} #mypage_wrap .nav_dapth1 a{background:#3c3a43; padding:10px; width:100%; display:block; border-bottom:1px solid #5f5f66; font-weight:bold;} #mypage_wrap .nav_dapth1 .on{background:#1ed4d9;} #mypage_wrap .nav_dapth2 {background:#222428; padding:10px 0;} #mypage_wrap .nav_dapth2 a{position:relative; background:none; border-bottom:0; font-weight:100; padding:3px 0 3px 25px; color:#dcdcdc;} #mypage_wrap .nav_dapth2 a:hover{background:none;} #mypage_wrap .nav_dapth2 a:after {display: block; position:absolute; left:15px; top:17px; width:3px; height:3px; border-radius:50%; background: #9e9f9f; content: '';} #mypage_wrap .nav_dapth2 .on{background:none; color:#39fff2;} #mypage_wrap .nav_dapth2 .on:hover{background:none;} .h3_title{overflow:hidden;} .h3_title h3{float:left;color:#2c3c51; font-size:31px; padding-bottom:10px;float: left;} /** 20220120 필추가 (담당자 정보) */ .h3_title .chrger_info{float: left; color: #2c3c51; line-height: 2.9; font-weight: 400; margin-left: 20px;} .h3_title .tit_btn_wrap{overflow:hidden; padding-left:10px; float:right;} /** 20220218 필추가 (만족도 조사 정보) */ .stdeg_modal_view{width: 1500px!important;} .h3_title .location{float:right;padding-top: 11px;} .h3_title .location .home {color:#71849d; padding-left:0;} .h3_title .location a{position: relative; padding-left:14px;} .h3_title .location a span:after{content: ''; position: absolute; top: 50%; left:3px; display: block; width: 4px; height: 4px; background-color:#8294b1; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .h3_title .location a:first-child span:after{display:none;} .h3_title .location .on{font-weight:bold; color: #0e5bc0;} .absolute{position: absolute;} .header_bg{width:100%; background:#2c3d54; height:230px; position: absolute; top:64px; border-top: 1px solid #606672; z-index:0;} /*nav*/ /* #nav_wrap{position:relative; width:1000px; margin:0 auto;} */ #nav_wrap{display:block; min-width:70%; max-width: 100%;} #nav_top_menu { display: flex; flex-direction: row; justify-content: space-between; } /* #nav_wrap .nav_dapth1 {padding-left:0px;} */ #nav_wrap .nav_dapth1>li {float:left; padding: 0 32px;} #nav_wrap .nav_dapth1>li a{padding:10px 0; display:block; font-weight:bold; font-size:18px; height:64px; line-height:40px; color:#fff; } #nav_wrap .nav_dapth1>li a.on{color:#1ac2ff;} #nav_wrap .nav_dapth2{position:absolute; padding-top:10px; text-align:left;} #nav_wrap .nav_dapth2 li a{font-size:15px; text-align:left; height:auto; line-height: inherit; width: 100%; padding:2px 0;font-weight: normal;} #nav_wrap .nav_dapth2 li .on{color:#5aa4ff;} #nav_wrap .nav_dapth3 li .on{background:#3a5eb6; color:#fff;} #nav_wrap .nav_dapth3 {padding-bottom:13px;} #nav_wrap .nav_dapth3 li a{font-size:13px; font-weight:normal; text-align:left; height:auto; line-height: inherit; width: 100%; padding:2px 8px 2px 8px;} #mobile_header_wrap .mobile_menu {display: none;} #mobile_header_wrap .m_black_bg {display: none;} /*footer*/ #footer_wrap{background:#292f3c; padding:14px 0; width:100%; bottom:0; position:inherit; z-index:99; height:60px;} .footer {padding: 0 40px 0; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start;} .footer img{float:left; height: 21px;} .footer img:first-child{height: 26px; margin-right: 1.5rem;} .logo_wrap {display: flex; align-items: center;} .footer address{color:#b2b6bc; float:left; padding:0px 8px 0 8px; font-size:12px;display: flex;flex-direction: row;} .footer .addr_box{display: flex;flex-direction: row;align-items: center;} .footer .addr_box:nth-child(2){width:30%;} .footer .privacy_link{font-size:14px; color: #ffe9a6; padding: 6px 18px 0 0; display: inline-block;} .footer .right{float:right;} .footer .relate-box{float:right; position: relative;} .footer .relate-site{position:absolute;right:0;top:33px;} .footer .relate-site .relate-box{position:relative;display:inline-block;margin:0 0 0 2px;} .footer .relate-box .btn{display:block;width:190px;background:#3d4351 url(./../image/icon_up.png) no-repeat 95% 50%; padding:0;} .footer .relate-box .btn button{width:100%;height:32px; padding:0 10px;border:0;font-size:13px;text-align:left;cursor:pointer;color:#d9d9db;} .footer .relate-box .site-list {position:absolute;display: none;bottom:32px;left:0;width:100%;background:#3f434e;z-index:100;text-align:left;} .footer .relate-box .site-list li a{display:block;height:32px;line-height:32px;color:#fff;padding:0 15px;font-size:13px;border-top:#352d2a 1px solid;} .footer .relate-box .site-list li a:hover, .footer .relate-box .site-list li a:focus{background:#005aa6;} .footer .relate-box.open .site-list{display:block;} /*container*/ .container_wrap{background-position: bottom;min-height: calc(100vh - 60px); width: 100%; padding: 110px 40px 150px; position:inherit;height:100%;background: url(./../image/main_bg2.png) no-repeat, linear-gradient(138deg,#1f3450 21%,#1f3450 21%,#334660 26%,#8396af 72%,#b7c6da 79%); background-size: cover;} .container_wrap .wrap{position:relative; margin:0 auto; overflow:auto;} .container_wrap .wrap2{background:#fff; padding:20px 30px; border-radius:5px;position:relative; overflow:auto; box-shadow:0 5px 15px rgb(90 106 127 / 78%);} /* 20220110 popup container */ .container_popup_min_wrap{min-height:100px !important;} .lnb_wrap{width:250px; float:left; padding-right:20px; } .lnb_layout{overflow:hidden; background:#fff; border-radius:50px 5px 5px 5px;} .lnb_layout .title{background:#fcc373; height:130px; background-size:100%;display:table;width:100%;} .lnb_layout .title h2{color:#2f2f2f; font-size:28px; text-align:center; display:table-cell; vertical-align:middle;} .lnb_wrap_left{position:absolute;width: 750px; height: 100%; z-index: 2;} .depth2_ul a{background:#fff; font-weight:bold; color:#383838; display:block; padding:12px 10px 12px 20px; font-size:16px;} .depth2_ul li {border-bottom:1px solid #dcdcdc;} .depth2_ul li:last-child{border-bottom:0;} .depth2_ul .on{background:#2c3c51; color:#fff;} .depth2_ul .nav_dapth3 {background:#f6f6f6; padding:10px 0;} .depth2_ul .nav_dapth3 li{border-bottom:0;} .depth2_ul .nav_dapth3 a{position:relative; background:none; border-bottom:0; font-weight:100; padding:3px 0 3px 28px; color:#5f5f5f;} .depth2_ul .nav_dapth3 a:hover{background:none;} .depth2_ul .nav_dapth3 a:after {display: block; position:absolute; left:15px; top:15px; width:3px; height:3px; border-radius:50%; background: #9e9f9f; content: '';} .depth2_ul .nav_dapth3 .on{background:none; color:#1a2b42; font-weight: bold;} .depth2_ul .nav_dapth3 .on:hover{background:none;} .tit_h4{margin:6px 0; padding-left:22px; background: url(./../image/h4_tit.png) 0 7px no-repeat; color:#1f1f1f; background-size:17px; font-size:24px;} .tit_h5{padding-left:22px; color:#1f1f1f; font-size:20px; position:relative;margin-bottom:5px;} .tit_h5:after{position:absolute; content:""; left:2px; top: 12px;width: 13px;height: 3px;background: #465871;} .titbg_h4{background:#8294b1; text-align: center; padding: 8px; color: #fff; font-size:25px; border-radius: 10px 10px 0 0;} .bg2_h4{background:#455d85;} .bg3_h4{background:#084672;} .main_tit{text-align:center; color:#122a42; padding:70px 0;} .main_tit .tit1{font-size:35px; line-height:45px;} .main_tit .tit2{color:#7c8da0; font-size:18px;} .m_boxtit{overflow:hidden;} .m_boxtit h3{float:left;} .m_boxtit .more{background:url(./../image/more.png) center no-repeat; width:20px; height:20px; display:block; float:right; margin-top:8px;} .main_wrap{overflow:hidden;} .main_wrap .guide{background:#0bc0b1;border-radius:5px; padding:25px 35px; color:#fff; width:600px; float:left;} .main_wrap .guide li{border-bottom:1px solid #dffff6; padding:12px 0;} .main_wrap .guide li:last-child{border-bottom:0; padding-bottom:0;} .main_wrap .guide li a{color:#fff;} .main_wrap .guide li span{font-size:20px;} .main_wrap .guide li p{line-height:1.5; color: #eefffd; overflow:hidden; height:50px; padding-top:5px; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient:vertical;} .main_wrap .popup{float:left; border-radius:5px; width:340px; height:297px; overflow:hidden; position:relative;} .popup .btn_control{position:absolute; top:10px; right:20px;} .popup .control_shape a{display:inline-block;margin-right:3px;width:13px; height:13px; line-height:99;background:#cacaca;;border-radius:50px;} .popup .control_shape .active{background:#ff3939; border-radius:0;} .popup .control_play,.control_shape{float:left; margin-right: 8px;} .popup .play{display: none;} .popup .pause{display:block;} .main_link_list{overflow:hidden;background:#fff; border-radius:5px; padding:40px; margin:30px 0 50px;} .main_link_list .menu_btn{position: relative;} .main_link_list .menu_btn a{border:1px solid #ddd; width:45px; height:45px; display:block;} .main_link_list .left{background:url(./../image/left.png) center no-repeat; left:0; top:60px; position:absolute;} .main_link_list .left:hover{background:url(./../image/left.png) center no-repeat #f9f9f9;} .main_link_list .right{background:url(./../image/right.png) center no-repeat; right:0; top:60px; position:absolute;} .main_link_list .right:hover{background:url(./../image/right.png) center no-repeat #f9f9f9;} .main_link_list ul{width:1080px; margin:0 auto; overflow: hidden;} .main_link_list li a{float:left; padding-top:120px; width:25%; text-align:center; font-size:18px; font-weight:bold; border-right:1px solid #dfdfdf;} .main_link_list li:first-child a{border-left:1px solid #dfdfdf;} .main_link_list li:last-child a{margin-right:0;} .main_link_list .link1 a{background:url(./../image/m_1.png) center 0 no-repeat;background-size:40%;} .main_link_list .link2 a{background:url(./../image/m_2.png) center 0 no-repeat;background-size:40%;} .main_link_list .link3 a{background:url(./../image/m_3.png) center 0 no-repeat;background-size:40%;} .main_link_list .link4 a{background:url(./../image/m_4.png) center 0 no-repeat;background-size:40%;} .main_link_list .link5 a{background:url(./../image/m_5.png) center 0 no-repeat;background-size:40%;} .main_link_list .link6 a{background:url(./../image/m_6.png) center 0 no-repeat;background-size:40%;} /* depth_wrap */ .depth_wrap{margin:10px 0 30px; width:100%; letter-spacing:-0.05em; display:block} .depth_wrap:after{clear:both; content:""; display:block;} .depth_wrap li{float:left; display:table; width:100%; text-align:center; border-left:1px solid #fff; border-bottom:1px solid #fff;} .depth_wrap li a{display:table-cell; vertical-align:middle; padding:10px; font-size:14px; color:#5f5e5e; background:#e7e7e7;} .depth_wrap li.active a,.depth_wrap li.active a:hover{color:#fff;font-weight:bold; background:#107fe5;} .depth_wrap li a:focus, .depth_wrap li a:hover{color:#fff;font-weight:bold; background:#8395aa;} .depth_4 li{width:25%;} .depth_3 li{width:33.3%;} /* pagin_wrap */ .pagin_footer{overflow:hidden; text-align:center;} .pagin_footer .pagin_left{float:left;} .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {z-index: 2;color: #fff; cursor: default; background-color:#0081dd; border-color:#0081dd;} .board_write .check_input input{ min-height: auto;} /* 리스트 스타일 */ .ul_list li{position:relative; padding-left:15px;} .ul_list li:after{display: block; position:absolute; top: 11px; left:5px; width:3px; height:3px; border-radius:50%; background: #9e9f9f; content: '';} /* btn */ .btn_wrap{overflow:hidden; margin:20px 0;} .btn_wrap .tit_h4{float:left} .btn_tit_right{float:right; margin-top:7px;} .btn_wrap .btn_right{float:right;} .btn_wrap .btn_center{text-align:center;} .btn-sm{padding:3px 9px;} .btn{border-radius:3px; min-width:30px;} .btn_c1 {background:#0081dd; color:#fff;} .btn_c2 {background:#0e5bc0; color:#fff;} .btn_c3 {background:#093f85; color:#fff;} .btn_c4 {background:#ff154b; color:#fff;} .btn_c5 {background:#fff; color:#000000; border:1px solid #ddd;} .btn_c6 {background:#767c93; color:#fff;} .btn_c7 {background:#a4aebd; color:#fff;} .btn_c8 {background:#152c4a; color:#fff;} /* 2021.11.29 경매 현황 상태 색상 추가 */ .btn_c96 {background:#ffa07a; color:#fff;} .btn_c97 {background:#4365a7; color:#fff;} .btn_c98 {background:#ffb000; color:#fff;} .btn_c99 {background:#2b9537; color:#fff;} #stts_bidDtls_title.btn_c99 {background:#1355bd !important; color:#fff !important;} /* @media (hover: hover) and (pointer: fine){ */ .btn:hover, .btn:active, .btn:focus, .btn_wrap a:hover{background:#576279; color:#fff;} /* } */ /* table */ .cm_table{border-top:2px solid #0081dd;} .cm_table td, .cm_table th {border:1px solid #ddd; padding:5px 3px; vertical-align:middle; text-align:center; font-size:15px; line-height:1.3;} .cm_table tbody{background:#fff} .cm_table tbody th{background:#eff4fc; font-weight:600; word-break:keep-all;} .cm_table thead th{background:#eff4fc; font-weight:600; color:#1f1f1f; text-align:center; word-break:keep-all; height:43px; font-size:15px;} .cm_table tbody tr{height:43px;} .table_color tr:nth-child(2n){background:#fafafa;} .table_gray {border-top:2px solid #455866;} .table_gray tbody th {background:#7d8da5; color:#fff;} .cm_table .text_left { text-align:left; padding-left: 12px !important;} .table_responsive {overflow: hidden;overflow-x: auto;border: 0;} .table_left td{ text-align:left;} .small_table thead th, .small_table th, .small_table td {font-size:18px !important;} .small_table tbody tr {height:41px!important;} .small_table_result thead th, .small_table_result th, .small_table_result td {font-size:17px !important;} .small_table_result tbody tr {height:39.8px!important;} .small_table_result .h_px td{height:12px;} .rad_con{background: #fff0f0; color:#ff0e0e; font-size:19px !important; overflow: hidden;} .rad_con span{color:#333;} .custom_table_text {margin-top:4px;} /* 2022-03-31 숫자+단위 CSS 추가 */ /* .rad_con .font_l{float: left; width: 70%;} .rad_con .font_s{float: left;display: inline-block; padding-top: 5px; text-align: left; width: 30%;} .board_con .font_l{float:left; width:55%; text-align:right; padding-right: 5px;} .board_con .font_S{float: left;display: inline-block; padding-top:38px; text-align: left; width: 30%;} */ .success{float:left;background:#fbf5d8; border-radius:5px; padding: 5px 5px 5px 5px;margin-bottom:5px; font-size:18px; width:100%;} /*경매 table */ .auction_table{border-top:2px solid #0081dd;} .auction_table td, .auction_table th {border:1px solid #ddd; padding:8px; vertical-align:middle; text-align:center; font-size:22px; line-height:1.3;} .auction_table tbody{background:#fff} .auction_table tbody th{background:#eff4fc; font-weight:600; word-break:keep-all;} .auction_table thead th{background:#eff4fc; font-weight:600; color:#1f1f1f; text-align:center; word-break:keep-all; height:43px; font-size:22px;} .auction_table tbody tr{height:43px;} .font_20 tbody td{font-size:20px;} /** 2021 12 27 필 추가 (찜버튼 기본값) */ .btn_jjim{cursor: default; display: none;} /** 2022 11 09 필 추가 */ .width_full{width: 100%!important;} /** 2022 11 11 필 추가 */ .margin_zero{margin: 0!important;} /** 2022 11 11 필 추가 */ .result_color{color: chartreuse;} /** 2022 11 23 필 추가 */ .td_loding_img{width: 70px!important;} .font_gray{color: darkgray!important;} .green{ animation: green-effect 0.3s ease-in-out infinite alternate; } @keyframes green-effect { 50% { background: #fbf5d8; } 100%{ background: greenyellow; } } /** 2022 01 05 필 추가 (낙찰목록 토글) */ .toggle_wrap{height: 885px; display:none; position: absolute; z-index: 999; width: 60%; background-color: #fff; padding: 20px 30px; overflow: auto;} /** 2021 12 27 필 추가 */ .elm_relative{position: relative;} .sam_padding_s{padding: 5px 3px;} .modi_color{color : red;} /* 전광판 */ /* 필추가 경매사 화면 새로고침 안내문 20220406 */ .reload_info_box{position: absolute; color: white; font-size: 120px; top: 60%; text-align: center; width: 100%; display: none; background-color: black; z-index:9999;} .display_img_view{height: 100%; vertical-align: middle;} /* .display_img_view{height: 2446px;} */ .display_scale_up{transform: scale(1.1);} .screen_tit{font-size:60px;background:#174ca0; text-align: center; padding: 8px; color: #fff; border-radius: 10px 10px 0 0; text-shadow: 2px 2px 4px #464951; position: relative; z-index: 999;} .back_black{background-color: black;} .screen_table td, .screen_table th {border:1px solid #62686f; padding:24px 5px; vertical-align:middle; text-align:center; font-size:56px; color:#fff; text-shadow: 2px 2px 4px #464951; font-weight: bold; line-height: 1.1; height: 100.5px;} .screen_table_hyupsin td, .screen_table_hyupsin th {padding: 5px 5px;font-size: 40px;} .screen_table_goryeong td, .screen_table_goryeong th {padding: 5px 5px;font-size: 26px; height: 58px;} .screen_table2_goryeong td, .screen_table2_goryeong th {padding: 5px 5px;font-size: 27px; height: 58px;} /** 2021 12 27 필 추가 (대시보드 결과 테이블의 높이가 일정하지 않음) */ .display_result_table td, .display_result_table th {height: 110.6px;} .display_result_table_hyupsin td, .display_result_table_hyupsin th {height: 81.6px;} .display_result_table_goryeong td, .display_result_table_goryeong th {height: 58px;} .display_result_table_goryeong td {height: 92.8px;} .screen_table tbody, .screen_table tfoot{background:#2d3e55;} .screen_table thead th, .screen_table tbody th, .screen_table tfoot th{background:#09203f; font-weight:600; word-break:keep-all; color:#35ffad;} .display_input_datepicker{float: left; background: #e2efff; width: 100px; border: 1px solid #92a2b5; color: #000; padding: 5px; height: 40px!important;} /** 2021 12 28 필 추가 (대시보드 각 화면에 지육번호 추가) */ .crcs_no_box{position: absolute; color: #fbff0f; font-size: 121px; line-height: 150px; margin-left: 30px; text-shadow: 2px 2px 4px #464951; font-weight: bold; z-index: 999;} .crcs_no_box_hyupsin{color: #fbff0f;font-size: 80px;line-height: 120px;margin-left: 30px;text-shadow: 2px 2px 4px #464951;font-weight: bold;z-index: 999;} .crcs_no_box_goryeong{color: #fbff0f;font-size: 80px;line-height: 120px;margin-left: 30px;text-shadow: 2px 2px 4px #464951;font-weight: bold;z-index: 999;} .crcs_no_box_mini{position: absolute; color: #fbff0f; font-size: 25px; margin-left: 15px; text-shadow: 2px 2px 4px #464951; font-weight: bold; z-index: 999;} .color_white{color: white!important;} /* 2023 01 27 제리 추가 */ .h100{width: 100%; height: 100% !important; text-shadow: none;} .crcs_no_box_mini .crcs_info_wrap .info_block {width: 5%; position: absolute; top: 36%; left: 0%;} .crcs_no_box_mini .crcs_info_wrap .info_block dl{width: 100%;display: flex; flex-direction: row; justify-content: space-between; font-size: 1em;} .crcs_no_box_mini .crcs_info_wrap .info_block dl dd{} .crcs_no_box_mini .crcs_info_wrap .info_block dl dt{} .crcs_no_box_mini .info_title{width:70%;} .crcs_no_box_mini .info_title .info_title_con{display: flex; align-items: center; flex-direction: row; justify-content: space-between; width: 31%; padding: 0px 0 0 0px;flex-wrap: nowrap;} .crcs_no_box_mini .info_title .info_title_con p{font-size:0.9em !important; width: auto; display: flex; flex-direction: row;} .crcs_no_box_mini .info_title .info_title_con span{font-size: 1em; margin: 0;} .crcs_no_box_mini .info_title .b_color{color:#00ffad !important; font-weight:bold;} .crcs_no_box_mini .info_title .r_color{color:#ff5050 !important; font-weight:bold;} .crcs_no_box_mini .info_title .y_color{color:#ffff00 !important; font-weight:bold;} .crcs_no_box_mini .crcs_info_wrap .info_block .b_color{color:#00ffad !important; font-weight:100;} .crcs_no_box_mini .crcs_info_wrap .info_block .r_color{color:#ff5050 !important; font-weight:100;} .crcs_no_box_mini .crcs_info_wrap .info_block .y_color{color:#ffff00 !important; font-weight:100;} .h800 {margin-bottom: 10px;} .container_wrap2 .wrap3 .info_block {width: 13%; position: absolute; top: 50%; left: 2%;} .container_wrap2 .wrap3 .info_block dl{width: 100%;display: flex; flex-direction: row; justify-content: space-between; font-size: 0.7em;text-shadow: none;} .container_wrap2 .wrap3 .info_block dl dd{} .container_wrap2 .wrap3 .info_block dl dt{} .container_wrap2 .wrap3 .info_title{width:100%;} .container_wrap2 .wrap3 .info_title .info_title_con{display: flex; align-items: center; flex-direction: row; justify-content: space-between; width: 40%; padding: 0px 0 0 0px;flex-wrap: nowrap;} .container_wrap2 .wrap3 .info_title .info_title_con p{font-size:0.7em !important; width: auto; display: flex; flex-direction: row;text-shadow: none;} .container_wrap2 .wrap3 .info_title .info_title_con span{font-size: 1em; margin: 0;} .container_wrap2 .wrap3 .info_title .b_color{color:#00ffad !important; font-weight:bold;} .container_wrap2 .wrap3 .info_title .r_color{color:#ff5050 !important; font-weight:bold;} .container_wrap2 .wrap3 .info_title .y_color{color:#ffff00 !important; font-weight:bold;} .container_wrap2 .wrap3 .info_block .b_color{color:#00ffad !important; font-weight:100;} .container_wrap2 .wrap3 .info_block .r_color{color:#ff5050 !important; font-weight:100;} .container_wrap2 .wrap3 .info_block .y_color{color:#ffff00 !important; font-weight:100;} .container_wrap2 .wrap3 .po_relative{position: relative;} .container_popup_min_wrap .container_wrap2 .wrap3 .info_title .info_title_con p{font-size:2em!important;} .container_popup_min_wrap .container_wrap2 .wrap3 .info_block dl{font-size:2em!important;} /* 지육 경매진행 */ .wrap_bid{display: flex; justify-content: space-around;} .wrap_bid .box_bid:first-child{width:78%;} .wrap_bid .box_bid:last-child{width:100%;} @media screen and (max-width:1535px) { .crcs_no_box_mini .info_title .info_title_con {width: 59%; padding: 0px 0 0 3%;} .crcs_no_box_mini .info_title .info_title_con p {font-size: 1.1em !important;} .crcs_no_box_mini .crcs_info_wrap .info_block {width: 8%; top: 40%; left: 1%;} .crcs_no_box_mini .crcs_info_wrap .info_block dl {font-size: 1.2em;} } @media screen and (max-width:1020px) { .crcs_no_box_mini .crcs_info_wrap .info_block {top: 40%; left: 1%;} .crcs_no_box_mini .crcs_info_wrap .info_block dl {font-size: 1.1em;} .h800 {height: 886px !important; margin-bottom:15px;} } @media screen and (max-width:950px) { .crcs_no_box_mini .info_title .info_title_con {width: 80%; padding: 15px 0 0 3%;} .crcs_no_box_mini .info_title .info_title_con p {font-size: 1.1em !important;} .crcs_no_box_mini .crcs_info_wrap .info_block {width: 10%; top: 40%; left: 1%;} .crcs_no_box_mini .crcs_info_wrap .info_block dl {font-size: 1.1em;} .h800 {height: 886px !important; margin-bottom:15px;} .screen_wrap .h800 .ing_image { margin: 40% auto; height: auto;} } @media screen and (max-width:765px) { .crcs_no_box_mini .crcs_info_wrap .info_block {width: 15%; top: 40%; left: 1%;} .crcs_no_box_mini .info_title .info_title_con {width: 100%; padding: 15px 0 0 3%;} } /** 2021 12 28 필 추가 (지육번호가4개일경우를 대비) */ .normal-font{font-size: 37px!important;} .mini-font{font-size: 30px!important;} .screen_table .font_S{font-size:40px;} .screen_table .font_S_goryeong{font-size:25px;} .screen_table .font_l{font-size:80px;} .screen_table .font_l_hyupsin{font-size:50px;} .screen_table .font_l_goryeong{font-size:42px;} .screen_table .ing_01 {font-size:110px; padding:45px 0;} .screen_table .ing_01_hyupsin {font-size: 90px;padding: 15px 0;} .screen_table .ing_01_goryeong {font-size: 48px;padding: 15px 0;} /** 2022 01 05 필 추가 (데이터가없어도 전광판 높이가 변동이 없어야 함) */ .screen_table_height_l{height: 137px !important;} .screen_table_height_l_hyupsin{height: 82.5px!important;} .screen_table_height_l_goryeong{height: 58px!important;} .screen_table_height_s{height: 110.59px !important;} /** 2021 12 07 필 추가 (action_table) */ .screen_table .color_01, .auction_table .color_01{color:#ff4646;} .screen_table .color_02, .auction_table .color_02{color:#fbff0f;} .screen_table .color_03, .auction_table .color_03{color:#fff;} .screen_table .color_04, .auction_table .color_04{color:#ffbb15;} /** 2021 12 07 필 추가 (경매준비중 display) */ .auctn_ready_img_display{margin: 50% auto; height: 1013px; display: none;} .auctn_ready_img_display_hyupsin{margin: 50% auto; height: 734px; display: none;} .auctn_ready_img_display_goryeong{margin: 50% auto; height: 734px; display: none;} .auctn_ready_img_dp_goryeong{margin: 45% auto; height: 543px; width: 80%; display: none;} .layout_type3{text-align: center;} .text_center{text-align: center;} .text_center_important{text-align: center!important;} .text_center img {width:470px; padding:40px 0;} .text_left{text-align: left!important;} .auctn_ready_img{display: block;width: 70%;margin: 40% auto; display: none;} .video_range{display: inline-block;width: 320px;display: none;} /** display css 높이 고정방식 변경(20220718 필) */ .display-video { /* object-fit: cover; */ width: 100%; /* height: 2447px; */ vertical-align: middle; } .display-video-goryeong { /* object-fit: cover; */ height: 100%; vertical-align: middle; } /** 2022 07 05 필 추가 (디스플레이 동영상 크기 조정 필요) */ .display_screen_box{ height: 2453.09px; line-height: 2453.09px; text-align: center; } .display_screen_box_hyupsin{ height: 1814px; line-height: 1814px; text-align: center; } .display_screen_box_goryeong{ height: 1192px; /* line-height: 1814px; */ text-align: center; } .display_screen_box_jeju{ height: 1280px; line-height: 1280px; text-align: center; display: flex; flex-direction: column; } /** 2022 09 27 필 추가 (테이블에 help block) */ .cm_table .help{ width: 15px; height: 15px; text-align: center; border-radius: 50px; border: 1px solid #b5b5b5; background-color: #b5b5b5; color: white; display: flex; align-content: center; flex-wrap: wrap; justify-content: center; cursor: help; font-size: 12px; align-items: center; display: inline-block; } .video_width_ctrl { display: none; } .col1{ width: 23%; } .col2{ width: 27%; } /* 모달 */ .modal-content{min-width:380px; border: 0; overflow-x:scroll;} .modal-header {background:#1c65ca; color:#fff; padding:12px;} .modal-header .close {color:#fff; opacity:inherit; margin-top:2px;} .modal-header .modal_close {color:#fff; opacity:inherit; margin-top:2px;} .modal_close {float:right; font-size:21px; font-weight:700; line-height:1; color:#000; text-shadow:0 1px 0 #fff; filter:alpha(opacity=20); opacity:.2} .modal-title {color:#fff; text-align:left;font-size: 18px;} .modal-body {text-align:left;} .modal-body .board_write {margin-bottom:20px;} .modal-body .grid_board{border-top:0;} .modal_view{width:1550px; margin:65px auto;} .small_modal_view{width:1000px;} .modal-content .boardlist_top{padding:15px 10px;} .modal-ing{text-align:center;} .modal-ing .img_box{padding:35px 0 20px;} .modal-ing .center{font-size:25px; padding:15px; color: #9ca2a8;} .modal-ing .center strong{color:#1c65ca;} .modal_1000 {width:1030px;} /* depth */ .depth{margin:0 0 30px; width:100%; letter-spacing:-0.05em;} .depth:after{clear:both; content:""; display:block;} .depth li{float:left; display:table; width:100%; text-align:center; border-left:1px solid #fff; border-bottom:1px solid #fff;} .depth li a{display:table-cell; vertical-align:middle; padding:10px; font-size:14px; color:#5f5e5e; background:#e7e7e7;} .depth li.active a,.depth li a:focus, .depth li a:hover{color:#fff;font-weight:bold; background:#1c65ca;} /* depth_2 */ .depth_2{margin:0 0 10px; width:100%; letter-spacing:-0.05em; border-bottom:1px solid #e7e7e7;} .depth_2:after{clear:both; content:""; display:block;} .depth_2 li{float:left; display:table; width:11%; text-align:center; border-left:1px solid #fff;} .depth_2 li a{display:table-cell; vertical-align:middle; padding:8px; font-size:14px; color:#5f5e5e; background:#e7e7e7; border-radius:5px 5px 0 0;} .depth_2 li.active a,.depth_2 li a:focus, .depth_2 li.active a:hover{color:#fff;font-weight:bold; background:#53617b;} .depth_2 li a:hover{background:#768095; color: #fff;} /* 메뉴 버튼 */ .menu_btn_wrap{overflow: hidden; background:#f4f4f4; padding: 15px;} .menu_btn_wrap li{padding:5px; float: left; width: 16.5%;} .menu_btn_wrap a{display: block;} .menu_btn_wrap li .on{background:#139ef6;} /* 접고,펼치기 */ .fold_wrap_top{margin: 0px 0 60px; width: 100%; letter-spacing: -0.05em; position: relative;} .fold_wrap_top .fold_btn{position:absolute; bottom: -50px; text-align: center; width: 100%; border-top:2px solid #8591a9; border-bottom: 0;} .fold_wrap_top .fold_btn a{width:200px; float:inherit; margin:0 auto; display: block; text-align: center; background: #8591a9; color:#fff; border-radius: 0 0 5px 5px;font-weight: bold; vertical-align: middle; padding: 6px 12px; font-size: 14px;} .fold_wrap_top .fold_btn a.active{color:#fff;background:#3174d3;} .fold_wrap_top i{font-size:12px; padding-left:5px;} .fold_wrap_top a:hover{background: #576279; color: #fff;} .fold_wrap{margin:0 0 10px; width:100%; letter-spacing:-0.05em;} .fold_wrap .tit_h4{float: left; margin:0;} .fold_btn {overflow: hidden; border-bottom:1px solid #777;} .fold_btn a{float:Right;} .fold_wrap:after{clear:both; content:""; display:block;} .fold_wrap a{display:table-cell; font-weight:bold; vertical-align:middle; padding:6px 12px; font-size:14px; color:#5f5e5e; background:#e7e7e7; border-radius:5px 5px 0 0;} .fold_wrap .active{color:#fff;background:#3174d3;} .fold_wrap a:hover{background: #576279; color: #fff;} .fold_wrap i{font-size:12px; padding-left:5px;} .fold_wrap_box2{overflow: hidden;} .fold_wrap_box2 .fold_wrap.arrow{width:47.3%; float: left;} .fold_wrap_box2 .fold_wrap{width:50%; float: left;} .fold_wrap_box2 .fold_wrap:first-child{padding-right:10px;} .fold_wrap_box2 .fold_wrap:last-child{padding-left:10px;} .fold_wrap_box2 .board_write .group-2 .form-group .tit {width: 40%;} .fold_wrap_box2 .board_write .group-2 .group {width: 60%;} .large_right_arrow{float: left;margin: 13% 1.3%;display: block;} .large_down_arrow{display: none;margin: 0 auto;} .animal_btn{background:#fff; text-align:center;border:4px solid #fff; width:25px; height:25px; border-radius:25px; font-size:10px; display:inline-block} .an_01{background:#d68800;} .an_02{background:#ffb0da;} .an_03{background:#ff1f1f;} .an_04{background:#ff8511;} .an_05{background:#ffd51f;} .top-form-group{ width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .top-group{ display: flex; width: 75%; align-items: center; } .top-group select{ margin-left: 20px; } .top-group #jmrk_info{ margin-left: 20px; font-size: 1.2em; font-weight: 600; } .h3_title #location2{ display: flex; padding-top: 11px; } /* 게시판 */ .total{color:#585858; padding-bottom:10px;} .total strong{color:#1c65ca;} .total i{color:#767c93;} .tmpExcelDownBtnBox{float:right;padding-top:10px;} .boardlist_top {width:100%; overflow:hidden; display:table; padding:20px 20px 23px 10px; margin-bottom:10px; margin-top: 10px;background:#eaeef4; border-radius:5px;} .boardlist_top select {padding:5px;font-size: 14px;} .boardlist_top .form-group{overflow:hidden; display:inline-block; margin:3px 15px 0 0;} .boardlist_top .form-group:last-child{margin-right:5px;} .boardlist_top .title{float:left; margin:3px 8px; font-size:15px; min-width: 45px;} .boardlist_top .group{float:left;} .boardlist_top .group .btn{padding:2px;} .boardlist_top .search_ymd_group {padding-left:5px;} .boardlist_top .date{background:url(./../image/date.png) no-repeat;display:inline-block; width:22px;height:22px; margin:6px 6px 0; background-size:18px; float:left;} .boardlist_top .top_btn {display:block; display:table-cell; vertical-align:middle; height: auto; background:#1f3450; color: #fff; min-width:80px; width: 150px;} .boardlist_top .top_btn:hover{color:#fff; background:#3a4256;} .boardlist_top .date_group img{margin:4px;} .date_group select{float:left;} .date_group .wave {float:left;margin-right:5px;} .board_view {border-top: 2px solid #68768c; position: relative;} .board_view .info_box{overflow:hidden;background:#f4f4f4; padding:15px 15px 13px; border-bottom:1px solid #ddd; margin-bottom:25px;} .board_view .info_box li{display:inline-block; margin-right:10px;} .board_view .info_box li:last-child{margin-right:0;} .board_view .info_box li strong{padding-right:5px;} .board_view .info_box .left{float:left; font-size:16px;} .board_view .info_box .right{float:right;} .board_view .text_box{padding:0 20px 25px; border-bottom: 1px solid #ddd;margin-bottom: 10px;} .board_view .text_box p{font-weight: 100; word-wrap:break-word;} .board_write{border-top:2px solid #777; margin-bottom:15px;} .board_write .form-group{overflow:hidden; border-bottom:1px solid #ddd; background:#f4f4f4; min-height:50px; margin:0; display: flex;justify-content : center;align-items: center;} .board_write .form-group .help{width: 15px;height: 15px;text-align: center;border-radius: 50px;border: 1px solid #b5b5b5;background-color: #b5b5b5;color:white; display: flex;align-content: center;flex-wrap: wrap;justify-content: center;cursor: help;margin: 0 5px 25px 0;font-size: 12px;align-items: center;} .board_write .form-group .help-label{margin-right: -20px;} .board_write .form-group .tit{cursor:default; font-weight:bold; float:left; width:13.4%; text-align:center; font-size: 16px;} .board_write .form-group .tit2 {cursor:default; font-weight:bold; float:left; width:13.4%; text-align:center; font-size: 16px;} .board_write .form-group .tit3 {cursor:default; font-weight:bold; float:left; width:13.3%; text-align:center; font-size: 16px;} .board_write .form-group .tit_top {margin:16px 0 auto;} .board_write .form-group .large_tit{padding-top:0;} .board_write .form-group .group.tworow{float:left; background:#fff; min-height:50px; padding:10px 12px; display:flex;height: 79px;align-items: center;} .board_write .form-group .group{float:left; width:86.6%;background:#fff; min-height:50px; padding:10px 12px; line-height:18px;} .board_write .form-group .group .p_text{padding-top: 5px;} .board_write .form-group .group .form-control{padding:3px 5px 0; height:34px; width:100%; font-size:14px; border:1px solid #d3d3d3;} .board_write .form-group .group .excell_btn {overflow:hidden;} .board_write .form-group .tit-s{cursor:default; font-weight:bold; float:left; width:21.8%; text-align:center; } .board_write .group-2{overflow:hidden;} .board_write .group-2 .form-group{width:50%; float:left;} .board_write .group-2 .form-group .tit {width:26.7%;} .board_write .group-2 .group{width:73.3%;} .board_write .group-3{overflow:hidden;} .board_write .group-3 .form-group{width:33.3%; float:left;} .board_write .group-3 .form-group .tit {width:40%;} .board_write .group-3 .form-group .tit2 {width: 10%; font-size: 16px; text-align: center;} .board_write .group-3 .group{width:60%;} .board_write .farm_check input {width:60%;} .form-group .img_group{overflow:hidden; margin-top:8px;} .form-group .img_group p{float:left; padding:7px 10px 0;} .form-group .img_group .file_area {margin:0;} .board_write em.point {display:inline-block; margin-left:3px; color:#d52828; font-size:1.4em; font-weight:400; line-height:0.6; vertical-align:middle;} .board_write select{-webkit-appearance:menulist;} .board_write select, .board_write textarea, .board_write input{min-height:30px; line-height:1;} .board_write input.jmrkChk{ min-height:10px !important;margin-right: 5px; margin-left: 5px;} .wide_10 {width:10%;} .wide_20 {width:20%;} .wide_37 {width:37%;} .whide_66 {width:66%;} .wide_73{width:73%;} .wide_85 {width:85%;} .wide_91{width:91%;} .wide_94{width:94%;} .wide_100{width:100%;} .board_write .group_sh .text {width:65% !important;} .board_write .group_sh .id_ch {width:33%;} .board_write .group_sh .sh_left {width:80% !important;} .board_write .group_sh .sh_right {width:10%;} .board_write .group .text{margin-right:3px; width:100%; float:left;} .board_write .group .text2{margin-right:3px; width: 10%;} .board_write .info-ex02{font-size:12px; line-height: 1.4; word-break: keep-all;padding-top: 3px;} .board_write .group .btn{/* float: left; */ margin-right:3px; padding:5px;} .board_write .group .fr{floLat: right;} .group_ymd2 input {width:30%;} .board_file{border:1px solid #ddd; background:#f6f6f6; padding:20px; margin:10px 0 20px;} .board_file .tit {margin-bottom:8px; font-weight: 700; color:#000;} .board_file ul {padding:0; margin:0;} .board_file ul li {margin-bottom: 2px; background:#fff; font-size:1rem; padding: 4px 12px; border: 1px dotted #ddd; } .board_file .btn-sm { padding: 1px 14px; border-radius: 50px; font-size: 0.875rem;} .modal-lg{margin: 66px auto; padding:0 10px;} .file_list li span{font-size:14px;} .img_file{background:url(/images/front/img_file.png) no-repeat; padding-left:20px; background-size: 18px;} .file_area{overflow:hidden; margin-bottom: 5px;} .file_area .file_choice {width:33%; float:left; line-height:34px; margin-right:4px; min-width:430px;} .file_area .file_choice .file_in{font-size:14px; padding:5px 3px; width:100%; background:#fff;} .file_group .file_btn button{margin-right:4px; float:left; border-radius:3px; width:36px; height:36px; font-size:14px; text-align:center;} .file_group .file_btn button:hover{background: #576279;} .file_group .file_btn span{color:#fff; line-height:0px; text-align:center; display:inline-block;} .file_group .file_btn .plus{background:#0062ce;} .file_group .file_btn .minus {background:#6c7891;} .file_group .delete{color:#7f7f7f;} .file_group .file_list{color:#a2a2a2; font-size:13px; margin-top:8px;} .file_group .file_list li{padding:2px 5px; line-height:1.5;} .file_group .down_btn{padding: 2px 5px;color:#7f8185; border:1px solid #ddd; border-radius: 3px; margin-left:5px; display: inline-block;} .file_group .down_btn:hover{background:#f8f8f8; color:#0e5eca;} .delete_type{position:relative; display:inline-block;} .delete_type .glyphicon-remove{position:absolute; right: 8px; top: 9px; color: #9e9e9e; font-size: 12px;} /*분류체계*/ .c_system label{width:10% !important;} .c_system .group_wrap{ float: left; width: 90%; background: #fff;} .c_system .group{width: 50% !important;} .c_system .group p{font-size:12px; line-height: 1.5; padding: 3px 0;} .c_system .table-responsive{width:50%; float:left;} .c_system .form-group{background: #eef7fc; width: 49%; float: right; border-top: 1px solid #ddd;} .c_system .add{clear: both; width: 100%; background: #fff; padding: 0 13px 10px; font-size: 12px;} /*게시판 의견*/ .opinion{background:#f4f4f4; padding:20px 25px; overflow:hidden; border-radius:5px;} .opinion strong{font-size:20px; font-weight:bold; float:left; text-align:center; padding-top:10px;} .opinion strong span{display:block;font-size:13px; font-weight:normal;} .opinion textarea{width:80%; height:70px; padding:5px; font-size:13px; margin:0 15px; border:1px solid #ddd;} .opinion a{background:#5e6880; text-align:center;width:9.7%; display:block; float:right; color:#fff; padding:6px; margin-top:17px;} .comment_list .change_box{float:left; font-size:12px; margin-left:10px; line-height:28px;} .comment_list .change_box a{font-size:12px; color:#2a88d1;} .comment_list .line {padding:10px 0 3px; border-bottom:1px solid #d7d7d7;} .comment_list .line .comment_box{font-size:14px;} .comment_list .line .comment_box .comment_1 {background:#f3f3f3; border-radius:5px; padding:4px 8px;} .comment_list .line .comment_box .comment_2 {padding:5px 28px; background:url(./../image/comment.png) 5px 8px no-repeat; background-size:15px;} .comment .total_reply {position: relative;padding-bottom: 10px; color: #000;border-bottom: 1px solid #6b727b;} .comment .comment_list .reply_box .name_box .name {color: #444; font-size: 12px; font-weight: 600;} .comment .comment_list .reply_box .name_box .date {color: #b5b5b5; font-size: 11px;} .comment .comment_list .reply_box .name_box .date em {margin: 0 5px;} .comment .comment_list .reply_box .name_box .star {font-size: 15px; margin: 0 0 0 5px;} .comment .comment_list .reply_box .button {position:absolute; right: 0; top: 7px; line-height: 12px; } .comment .comment_list .reply_box .button li {float:left;} .comment .comment_list .reply_box .button li a {color:#535353; font-size: 12px; font-family: 'Dotum';} .comment .comment_list .reply_box .button span {margin: 0 5px;} .reply_box .name_box a {font-size:12px;border-left: 1px solid #a2a2a2;padding: 0 5px 0 8px;} /* 서브페이지 레이아웃 */ .w_100{width:100%; overflow:hidden;} .w_15{width:15%; float:left; padding-right:20px;} .w_30{width:30%; float:left; padding-right:20px;} .w_35{width:35%; float:left; padding-right:20px;} .w_40{width:40%; float:left;} .w_50{width:50%; float:left;} .w_60{width:60%; float:left; padding-right:20px;} .w_70{width:70%; float:left;} .tree_box{border:1px solid #ddd; min-height: 350px; /* padding-right:20px; */} /* 개인정보 이용 동의여부 */ .prvc_group input{float: left;} .prvc_group label{float: left; margin: 7px 5px 0;} /* jqGrid style 수정 */ .clib_grid_px-10 {padding-left:10px !important;padding-right:10px !important;} /* 부트스트랩 스타일 */ .table-responsive {border:0px; margin-bottom:10px;} /*서브페이지 레이아웃 박스*/ .sub_graph_wrap2{overflow:hidden; width:100%;} .sub_graph_wrap2 .table-responsive{width:50%; float:left; padding:0 5px;} .sub_graph_wrap2 .graph_box{background:#f6f6f6; height:240px; padding:5px;} .sub_graph_wrap2 .padding_box{padding:0 5px; width:50%;float:left;} .sub_graph_wrap2 .table-100{width:100%;} .sub_graph_wrap3{overflow:hidden; width:100%;} .sub_graph_wrap3 .table-responsive{width:33.3%; float:left; padding:0 5px;} .sub_graph_wrap3 .graph_box{background:#eaeef4; height:190px; padding:5px;} .sub_graph_wrap3 .padding_box{padding:0 5px; width:33.3%;float:left;} .sub_graph_wrap4{overflow:hidden; width:100%;} .sub_graph_wrap4 .graph_box{background:#ddd; height:190px; padding:5px;} .sub_graph_wrap4 .padding_box{padding:0 5px; width:33.3%;float:left;} .sub_graph_wrap4 .table-100{width:100%;} .sub_title{overflow:hidden; background:#fbf5d8; padding:20px; border-radius:5px; margin:5px 0 20px;} .layout_type1{overflow:hidden; margin-bottom: 30px;} .layout_type1 .left_box{width:30%; float: left; padding-right: 10px;} .layout_type1 .right_box{width:70%; float: left;} .layout_type1 .sub_graph_wrap2 .padding_box {padding:0;} .layout_type1 .sub_graph_wrap2 .table-responsive {padding:0;} .layout_type1 .sub_graph_wrap2 .padding_box:first-child {padding-right:10px;} .layout_type1 .sub_graph_wrap2 .padding_box:last-child {padding-left:10px;} .layout_type2 .left_box{width:50%; float:left; padding-right: 10px;} .layout_type2 .right_box{width:50%; float:left;} .layout_type3 {overflow:hidden;} .layout_type3 .left_box{width:80%; float:left; padding-right: 10px;} .layout_type3 .right_box{width:20%; float:left;} .layout_type3 .left_box .box_01{width:35%;float:left; padding-right:10px;} .layout_type3 .left_box .box_02{width:65%;float:left; padding-right:0px;} .layout_type3 .left_box .box_03{width:100%;float:left;} .layout_type4 .left_box{width:60%; float:left; padding-right: 10px;} .layout_type4 .left_box .title_wrap .btn_c4{background: #ff154b; color: #fff; position: relative; top:5px; padding: 4px 12px;} .layout_type4 .left_box .title_wrap .btn_c4:hover{background: #ff154b; color: #fff;} .layout_type4 .left_box .title_wrap .btn_c4:active{background: #ff154b; color: #fff;} .layout_type4 .right_box{width:40%; float:left; margin-top: 8px;} .layout_type4 .board_write{margin-bottom: 5px;} /* 경매진행보드-도체정보 */ .sub_screen_tit{font-size:36px;background:#174ca0; text-align: center; padding: 8px; color: #fff; border-radius: 10px 10px 0 0; text-shadow: 2px 2px 4px #464951; line-height: 1.3;font-family: 'NotoSans-Medium';} .sub_screen_table td, .sub_screen_table th{border:1px solid #62686f; padding:10px 2px; vertical-align:middle; text-align:center; font-size:18px; color:#fff; text-shadow:2px 2px 4px #464951; font-weight:bold; line-height:1.1; height:43px;} .screen_opa_table tbody{background: rgba(0,0,0,0.4)!important;} .sub_screen_table tbody{background:#2d3e55;} .screen_opa_table tbody th{background: rgba(9,32,63,0.4)!important;} .sub_screen_table thead th, .sub_screen_table tbody th{background:#09203f; font-weight:600; word-break:keep-all; color:#35ffad;} .sub_screen_table .font_S{font-size:25px;} .sub_screen_table .font_l{font-size:25px;} .sub_screen_table .ing_01 {font-size:41px; padding:22px 0;} .sub_screen_table .color_01{color:#ff2020;} .sub_screen_table .color_02{color:#fbff0f;} .sub_screen_table .color_03{color:#fff;} .sub_screen_table .color_04{color:#ffbb15;} .screen_wrap{width: 25%; padding-right: 10px; float: left;} .screen_wrap .board_write{position:relative;} .screen_wrap .graph_wrap{height:100%; text-align: center; line-height: 740px; font-size: 80px; display: none;} .screen_wrap .screen_box{overflow:hidden; height:960px; background:#202c3d; position: relative;} .screen_wrap .screen_box .s_view{width:100%; height:-webkit-fill-available;} /** 2022 01 11 필 추가 (vcs2000사진정보 넓이 자동) */ .screen_wrap .screen_box .i_view{height:-webkit-fill-available;} .screen_wrap #videoNowVideo,.screen_wrap #videoNextVideo,.screen_wrap #videoNextNextVideo{object-fit:cover; z-index: 1; width: 100%; font-size: 3rem; height:960px; width: 100%;} .sub_screen_tit .glyphicon-plus{font-size:20px; padding-bottom:5px; display:block; float:left;} .map_wrap{background:#f6f6f6;} .chart_wrap{width:100%; background: #f1f1f1; height: 18px; position: relative;} .chart_wrap span{display: block; position: absolute; height: 18px; left: 0;} .chart_wrap .chart1{width:80%; background:#49c1a1;} .chart_wrap .chart2{width:30%; background:#f35478;} .chart_wrap .chart3{width:70%; background:#55b2e9;} .chart_wrap .chart4{width:20%; background:#7765f6;} .chart_wrap .chart5{width:75%; background:#f5c350;} .chart_wrap .chart6{width:20%; background:#508ff5;} .chart_wrap .chart7{width:75%; background:#41dea0;} .title_wrap{overflow:hidden;} .title_wrap .tit_h4{float:left;} .title_wrap .tit_h4 a{font-weight: 600;} .title_wrap button{float:right; display: block; width: 25px; height: 25px; line-height: 25px; font-size: 17px; color: #a5a5a5; padding-top:13px;} .title_wrap button:hover {color:#666970;} .title_wrap .btn{float:left; margin:5px 0 5px 5px; float: right;} .tit_text{display: inline-block; padding: 9px 5px 0;} .screen_wrap .ing_image{width:280px; display:block; height:240px; margin:50% auto 0;} /** 2021 12 07 필 추가 (디스플레이 404이미지) */ .display_ing_image{height: 45%; vertical-align: middle;} .display_ing_image_goryeong{height: 45%; vertical-align: middle; margin-top: 400px;} /* .display_ing_image{margin: 50% auto; width: 1116px;} */ /*지육번호*/ .auction_modal .number_box{background:#e2f3ff; padding:15px; font-size: 16px; border-radius:3px; margin-bottom: 15px;} .auction_modal .img_box {text-align:center; overflow: hidden;width:100%;} .auction_modal .img_box .widht_100{width:100%;} .auction_modal .notice{background:#fcf8e3; padding:12px; border-radius: 5px; margin:3px 0;} .auction_modal .color_bg_box{background:#edeff3; padding:20px 20px 20px; border-radius:3px; width:100%; overflow: hidden; min-height:297px;} .auction_modal .non_height{min-height: 0px;} .sub_graph_wrap2 .box_wrap3{padding:0 5px; width:33.3%; float:left;} .sub_graph_wrap2 .box_wrap2{padding:0 5px; width:50%; float:left;} /* 제이 부분육 도체 상세정보 추가 */ .sub_graph_wrap2 .box_wrap4{padding:0 5px; width:25%; float:left;} /*개인정보처리방침*/ .privacy_wrap .tit{background:#f6f6f6; padding:20px; border-radius:5px; margin:5px 0 20px;} .privacy_wrap .tit strong{font-size:15px; color: #2979e6;} .privacy_wrap .tit_h4{margin-top:35px;} .privacy_wrap h5{font-size:15px; padding-bottom: 3px;} .privacy_wrap li{padding:8px 0;} .privacy_wrap li span {position: relative; padding-left:15px; width:100%; display:block; font-size:14px;} .privacy_wrap li span:after {display: block; position:absolute; top: 11px; left:5px; width:3px; height:3px; border-radius:50%; background: #9e9f9f; content: '';} /*이용동의*/ .agree_wrap .tit {background: #f6f6f6; padding:12px 20px;border-radius: 5px; margin: 5px 0 20px;} .agree_wrap dl{overflow:hidden; background: #ecedef; padding:12px 15px; margin-top:8px} .agree_wrap dt{float:left;} .agree_wrap dd{float:right;} .agree_wrap dd p{float:left;} .agree_wrap dd span{padding:0 10px 0 4px;} .agree_wrap .cm_table td, .agree_wrap .cm_table th {text-align: center;} .agree_wrap .tit_center{color:#000; padding:20px 0 0; text-align: center; font-size: 15px; width: 600px; margin: 0 auto;} .agree_wrap .cm_table td{font-size:15px;} .agree_wrap .tit_h4{font-size:20px;} /*시스템 사용안내*/ .info_user_wrap .info_box{padding:30px; background:#f7f7f7; border-radius:5px; border:1px solid #ddd; margin-top:20px;} .info_user_wrap .title {text-align: center; font-size: 30px; margin: 10px 0 25px; color: #2971cf;} .info_user_wrap .tit_h4:first-child {margin:0;} .info_user_wrap .tit_h4 {margin:80px 0 0; background:none; padding:0 0 5px 0; color: #2971cf;} .info_user_wrap .img_box, .info_user_wrap .img_box2{text-align:center;} .info_user_wrap .img_box img{width:100%;} .info_user_wrap .img_box2 {overflow:hidden;} .info_user_wrap .img_box2 img{width:50%; float: left; display: block; margin: 0px; padding: 10px 30px; height:590px;} .info_user_wrap .img_box .glyphicon, .info_user_wrap .img_box2 .glyphicon{display: block; font-size:25px;margin:8px 0;} .info_step{overflow:hidden; margin-bottom:10px;} .info_step p{padding:0 5px; width:25%; float:left;} .info_step p span{color:#fff; font-size: 15px; padding:20px; border-radius:5px; display:inline-block;width:100%;} .info_step p:first-child{padding-left:0} .info_step p:last-child{padding-right:0} .info_step p:nth-child(1) span{background:#659bee;} .info_step p:nth-child(2) span{background:#577dd3;} .info_step p:nth-child(3) span{background:#2a52aa;} .info_step p:nth-child(4) span{background:#113178;} .info_step .step{font-size:22px;} .info_step p:nth-child(1) .step{color:#659bee;} .info_step p:nth-child(2) .step{color:#577dd3;} .info_step p:nth-child(3) .step{color:#2a52aa;} .info_step p:nth-child(4) .step{color:#113178;} .info_text{background: #e8f0ff; padding:15px; border-radius: 5px;margin:5px 0 20px;} .info_text li{position: relative; padding-left: 15px;width: 100%; display: block; } .info_text li:after {display: block; position:absolute; top: 11px; left:5px; width:3px; height:3px; border-radius:50%; background: #9e9f9f; content: '';} .div_to_table2 {width: 50%;float: left;} .div_to_table2 label{width: 100% !important;padding: 5px !important;} .div_to_table2 div.group{width: 100% !important;min-height: 300px !important; } .div_to_table2 .file_in{padding: 5px 3px; width: 100%;} .div_to_table2.border_right {border-right: 1px solid #ddd; display: block;} .resizeJqgrid .ui-resizable-se {transform: rotate(225deg); left: 50%; bottom: -8px; cursor: row-resize; } .resizeJqgrid .ui-resizable-s { border-top: 1px solid gray; border-bottom: 1px solid gray; height: 1px;cursor: row-resize;} .resizeJqgrid .ui-jqgrid .ui-jqgrid-bdiv {overflow-y:auto;overflow-x:auto;} .user_dfn_items {margin-bottom: 20px !important;} .user_dfn_items .group{padding: 7px 12px 4px 12px !important;} .user_dfn_items #item_x{position: absolute;height: 50px;width: 80%;} .user_dfn_items li{float:left; background: #6dadda; color: #fff; margin:0 5px 3px 0; padding: 3px 10px; border-radius: 5px; cursor: pointer;} .user_dfn_items li.temp{width: 100%;display: none;} .background_eee {background: #fcf8e3;} /*진행중인 경매-계산기*/ .result_ing{background:#1f3450; padding:8px 20px; border-radius:5px 5px 0 0; font-size:22px; line-height:1.4; overflow:hidden;} .result_ing p{color:#fff; width:80%; float:left;} .calculator{background:#eef6ff; padding:20px;} .sum_wrap{background:#1f3450; padding:20px; border-radius:5px;} .sum_wrap{overflow: hidden;} .sum_wrap strong{color:#fff; padding-right:10px; line-height:1;} .sum_wrap p{width:50%; float:left; font-size:26px; font-weight:bold;} .sum_wrap p span{font-size:15px; padding-left:4px;} .sum_wrap .sum{color:#54d4fe;} .sum_wrap .eles{color:#ffe383;} .stay_wrap{overflow:hidden; float:right; padding-top:6px;} .stay_wrap div{float:left; border-radius:50px; width:20px; height:20px; border:3px solid #fff; margin-left:3px;} .stay_wrap .s_01{background:#0eff2b;} .stay_wrap .s_02{background:#ffb000;} .stay_wrap .s_03{background:#ff0000;} .calculator .result{background:#fff;border-radius:5px; border:3px solid #1f3450; padding:5px 10px; text-align:right;font-size:26px;margin:3px 0; min-height:82px;} .calculator .result strong {font-size:40px; line-height:1.5;} .calculator .btn_100{width:100%;} .calculator .reaction{float:left; font-size: 15px; line-height: 1.2;text-align:left;} .calculator .reaction span{display: block;} .button_wrap{overflow: hidden;} .button_wrap .button{font-weight:bold; display:table; border-radius:3px; color: #fff; font-size:26px; margin: 1px 0; cursor: pointer; outline: none; min-height:90px; padding: 0; float: left; text-align: center;} .button_wrap .button strong{font-size:17px; display:block; line-height:0.6;} .button_wrap .button span{overflow: hidden; display: table-cell;vertical-align: middle;font-weight: bold; padding-bottom:10px;} .num_wrap {width: 100%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;} .num_wrap .button{width:32.7%!important;} .num_wrap_l{width: 75%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;} .num_wrap_r{display: flex; flex-direction: column; width: 24%;} .num_wrap_r .button{width:100%!important;} .num_wrap_r .h_btn {min-height: 132px!important;} .n_layout{width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;} .n_layout .button { width: 24.5%!important; } .n_layout .w_btn { width: 49.5% !important; } .text_wrap{width:25%; float:left;} .text_wrap .button{width:100%;} .calculator .button:active { box-shadow: 1px 1px 0 rgb(0,0,0,0.5); position: relative; top:1px;} .calculator .bg_c03{width:49.5%;} .calculator .bg_c06{font-size:39px;} .auction_btn{float:right; width:100%;} .auction_btn .btn {margin-bottom:5px; padding:10px 0; width:8%; font-size:15px; display:block; float: right; margin-left: 3px;} .auction_btn .btn strong{display:block; font-size:15px;} .auction_btn .btn_type2{width:8%; float: right; margin-left:3px; position:relative;} .auction_btn .btn_type2 .btn{width:100%; padding: 3px; margin: 0 0 5px;} .auction_btn .btn_type2 .cnt_btn{position: absolute; background: #ff000c; border-radius: 50px; right: 0px; color: #fff; min-width: 30px; height: 30px; padding-top: 3px; top: -10px; z-index: 9999; font-weight: bold;} .auction_btn .btn_line { display: flex !important; flex-direction: row; flex-wrap: wrap; align-items: center; padding: 17px 12px; } .auction_btn .btn_line #chk_auto{margin-top:0;} /*SMS전송*/ .mobile_wrap {overflow:hidden;} .mobile_wrap .mobile{float:left; background:url(./../image/mobile.png) no-repeat; width:25%; height:560px; padding:48px 28px;} .mobile_wrap .number span{padding-left:5px;} .mobile_wrap .board_write{float:left; width:75%;} .mobile_wrap .mobile .divTextarea {width: 75%;} .mobile_wrap .mobile textarea{background: #f8f8f8; width: 100%; min-height: 380px; overflow:auto; margin-bottom:20px;} .mobile_wrap .board_write .form-group .tit {width:18.4%;} .mobile_wrap .list{clear:both;} /*경매사 응찰 현황 관리*/ .goal_01{background: #fff4f7; color: #ff125a;} .goal_01 td{font-weight:bold;} .sarch_top{overflow: hidden; padding:8px; background: #eff4fc;} .sarch_top input{background:#fff; border: 1px solid #204677; padding: 5px; color: #204677;} .sarch_top .btn{float:right; padding: 4px 12px;} .state_wrap{text-align:center; margin-bottom:10px;} .state_wrap strong{font-size:30px; color:#Fff; display:inline-block; padding:4px;} .jmrk_select_block{overflow:hidden; margin-bottom:10px;} .jmrk_select_block select{float:left; background:#e2efff; width:300px; border: 1px solid #92a2b5; color:#000; padding:5px; height:40px; font-size: 17px;} .jmrk_select_block .video_range{float:left; padding:5px 5px 0;} .jmrk_select_block .video_range .play_text{color:#fff; text-align:center; display:block;} /* 2021.11.29 경매현황 글자크기 키움에따라 패딩 0 처리 */ /* .state_wrap p{padding:20px;} */ .state_wrap .state_01{background:#0081dd;} .state_wrap .state_02{background:#ff154b;} .state_wrap .state_03{background:#0e5bc0;} .auctn_ststus_data_set_cls .state_01{background:#0081dd !important;} .auctn_ststus_data_set_cls .state_02{background:#ff154b !important;} .auctn_ststus_data_set_cls .state_03{background:#0e5bc0 !important;} /* 2021.11.29 경매 현황 상태 색상 추가 */ .state_wrap .state_96{background:#093f85;} .state_wrap .state_97{background:#0e5bc0;} .state_wrap .state_98{background:#ffb000;} .state_wrap .state_99{background:#2b9537;} .auctn_ststus_data_set_cls .state_96{background:#093f85 !important;} .auctn_ststus_data_set_cls .state_97{background:#0e5bc0 !important;} .auctn_ststus_data_set_cls .state_98{background:#ffb000 !important;} .auctn_ststus_data_set_cls .state_99{background:#2b9537 !important;} /* 축산물 온라인거래소 로그인화면 */ .login_bg {background:linear-gradient(70deg, #223045, 4% , #5e7187); width:100%; height:100%;} .login_bg_box {background:url(../image/bg_icon01.png) no-repeat; width:100%; height:100%; padding:60px; margin:0 auto; background-size:cover;} .login_bg_box .bg_icon02 {width:300px; position:absolute; bottom:220px; left:33%; top:30%;} .enter_box {width:100%; height:81%; text-align:center; margin:0 auto;position:relative;} .login_enter {width:400px; height:70%; text-align:center; float:right; transform:translate(-30%, 43%);} .login_enter .login_tit img {width:320px; padding-bottom:50px;} .login_enter .idpw {display:block;} .login_enter .idpw li {display:block;} .login_enter .idpw li span {position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden;} .login_enter .idpw li .icon_cell {position:relative;} .login_enter .idpw li .icon_id {background:url(../image/id_people.png) no-repeat center center; position:absolute; left:47px; top:3px; background-size:14px; width:30px; height:46px; z-index:1; filter:invert(100%);} .login_enter .idpw li .icon_pw {background:url(../image/pass_icon.png) no-repeat center center; position:absolute; left:47px; top:3px; background-size:14px; width:30px; height:46px; z-index:1;} .login_enter .idpw li .input_box {position:relative; width:328px; height:50px; background:#70788A; padding-left:48px; border:0px; margin-bottom:10px; color:#fff;} .login_enter .idpw li .input_box::placeholder {color:#fff; font-weight:bold; font-size:13px;} .login_enter .keep_check {text-align:right; color:#fff; padding:0 0 30px; width:366px;} .login_enter .btn_login {width:328px; padding:11px 0; color:#fff; font-size:15px; border-radius:27px; background:#182349;} .login_enter .btn_login:hover {background:#f9af55;} .login_enter .btn_auth {width:328px; padding:11px 0; color:#fff; font-size:15px; border-radius:27px; background:#607191; margin-top: 10px;} .login_enter .btn_auth:hover {background:#f9af55;} .login_enter .find_wrap {padding:20px 0 35px;} .login_enter .find_wrap li {position:relative; display:inline-block;} .login_enter .find_wrap li+li {padding-left:24px;} .login_enter .find_wrap li::before {content:''; position:absolute; top:3px; left:9px; width:1px; height:16px; border-radius:0.5px; background-color:#dadada;} .login_enter .find_wrap li:first-child::before {content:none;} .login_enter .find_wrap li a {display:inline-block; font-size:15px; line-height:17px; text-decoration:none; color:#fff;} .login_enter .find_wrap li a:hover {color:#ffdaa9;} input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px #70788A inset; -webkit-text-fill-color:#fff;} /* 경매일정참여하기 */ .auction_wrap {width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start;overflow: hidden;align-items: stretch;} .state_screen {width: 77%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: space-between;border-radius: 7px; align-items: flex-start; align-content: flex-start;} .state_screen p{width: 100%; font-size: 42px; padding: 14px 0px 14px; margin-bottom: 5px; color: #feff9b; background: #1b293f; text-align: center; font-weight: bold;} .state_screen .info_table .red_point_txt {color:#e62746; font-weight: bold;} .state_impossible p{color: #d65f3d;} .state_screen .screen_img {background: #1b293f;} .state_screen .info_title p{width: 47%; font-size: 21px; padding: 7px 0; text-align: center; border-radius: 0;font-weight:100; background:none; margin-bottom: 0; border: 0; color: #ffff00;} .state_screen .info_title a{display: block; color: #ffffff;} .state_screen .info_title div{display: block; color: #ffffff;} .screen_active .info_title p{background: #ff733b;} .screen_active .info_table dl dd{color: #feff9b;} .state_screen .info_block {width: 15%;position: absolute; top: 36%; left: 5%;} .state_screen .info_block dl{width: 100%;display: flex; flex-direction: row; justify-content: space-between; font-size: 1.5em;} .state_screen .info_block dl dd{} .state_screen .info_block dl dt{} .state_screen .info_title .info_title_con{display: flex; align-items: center; flex-direction: row; justify-content: space-between; width: 81%; padding: 0px 0 0 15px;} .state_screen .info_title .info_title_con p{font-size:1.5em !important; width: auto;} .state_screen .info_title .info_title_con span{font-size: 1.1em; margin: 0;} .state_screen .info_title .b_color{color:#00ffad !important; font-weight:bold;} .state_screen .info_title .r_color{color:#ff5050 !important; font-weight:bold;} .state_screen .info_title .y_color{color:#ffff00 !important; font-weight:bold;} .state_screen .info_block .b_color{color:#00ffad !important; font-weight:100;} .state_screen .info_block .r_color{color:#ff5050 !important; font-weight:100;} .state_screen .info_block .y_color{color:#ffff00 !important; font-weight:100;} .screen_content {width: 33%; position: relative;} .screen_img video{width:100%; display: block;} .screen_txt{z-index: 1; position: absolute; top: 0; width: 100%;} .info_title a span {font-size: 33px; margin: 7px 10px 0 0;} .info_title div span {font-size: 33px; margin: 7px 10px 0 0;} .active_heart span {color: #da1616;} .detail_info{width: 23%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: center;margin-left: 15px;} .detail_info .info_table_area{width:100%;} .detail_info .keypad_area{width: 100%; padding: 0; position:relative;} .detail_info .keypad_area .keypad input[type=text]{width: 100%; height: 45px; font-size: 23px; text-align: right; padding: 4px 15px; font-weight: 600; border-radius: 7px;} .detail_info .keypad_area .keypad input[type="text"]::-webkit-outer-spin-button, .detail_info .keypad_area .keypad input[type="text"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;} /* 20221111 필추가 (input 태그를 strong 태그로 변경) */ .detail_info .keypad_area .keypad strong{background: #fff; display: block;width: 100%; height: 45px; font-size: 23px; text-align: right; padding: 4px 15px; font-weight: 600; border-radius: 7px;} .detail_info .keypad_area .keypad strong::-webkit-outer-spin-button, .detail_info .keypad_area .keypad strong::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;} .detail_info .info_table_area .item_info .red_point_txt {font-weight: bold; font-size: 20px;} .info_table_area{width:100%;} .info_title {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; flex-direction: row;} /* 20221111 필추가 (background를 투명으로 변경) */ .info_table{width: 47%; background: rgba(33,55,78,0.2)!important; color: #fff; display: flex; justify-content: center; flex-wrap: wrap; flex-direction: row; align-items: center;} /* .info_table{width: 47%; background: #21374e; color: #fff; display: flex; justify-content: center; flex-wrap: wrap; flex-direction: row; align-items: center;} */ .info_table dl{width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; margin: 0px;} /* 20221111 필추가 (background를 투명으로 변경) */ .info_table dl dt{width: 49%; padding: 11px 7px; font-size: 16px; background: rgba(29,41,57,0.4)!important;text-align: center;} /* .info_table dl dt{width: 49%; padding: 11px 7px; font-size: 16px; background: #1d2939;text-align: center;} */ /* 20221111 필추가 (background를 투명으로 변경) */ .info_table dl dd{width: 51%; padding: 11px 7px; font-size: 16px; background: rgba(42,53,70,0.4)!important;text-align: center;} /* .info_table dl dd{width: 51%; padding: 11px 7px; font-size: 16px; background: #2a3546;text-align: center;} */ .info_table_area .item_info{width:100%;table-layout:fixed;color:#ffffff; border-collapse: collapse; background: #21374e;} .info_table_area .item_info td{width: 25%; word-break: break-word; padding: 7px 6px; font-size: 16px; text-align: center; border: 1px solid #404955; vertical-align: middle;} .info_table_area .item_info td:nth-child(1){background:#1b293f;color:#62ba7e;font-weight: 600;width:22%} .info_table_area .item_info td:nth-child(3){background:#1b293f;color:#62ba7e;font-weight: 600;width:22%} .info_table_area .item_info .point_txt_red{color: #ff5050; font-weight: 600;} .info_table_area .item_info .point_txt_grn{color: #44d37d; font-weight: 600;} .info_table_area .item_info .point_txt_yel{color: #ffea6d; font-weight: 600;font-size: 20px;} .info_table_area .item_info .point_txt_bold{font-weight:600; font-weight: 600;} .info_table_area .auction_status{width:100%;color:#ffffff; border-collapse: collapse; background: #21374e;margin-top:5px;} .info_table_area .auction_status th{background:#1b293f;text-align: center;color:#62ba7e;font-weight: 600;border: 1px solid #404955;padding:7px 0;} .info_table_area .auction_status td{padding: 8px 6px; font-size: 15px; text-align: center; border: 1px solid #404955;vertical-align: middle;letter-spacing: -.6px; height: 42.75px;} .info_table_area .auction_status td:first-child{width: 8%;} .info_table_area .auction_status td:nth-child(2){width: 36%;} .info_table_area .auction_status td:last-child{width: 13%;} .info_table_area .auction_status tbody tr:last-child{background: #ffcb2b; border: 2px solid #3edb5b;} .info_table_area .auction_status tr:last-child td{color:#f6ff00;font-weight:600;border: 1px solid #d5b754;color:#000000} /* type2 소 지육 중도매인 화면 */ .info_table_area_type2 .item_info{width:100%;table-layout:fixed;color:#ffffff; border-collapse: collapse; background: #21374e;} .info_table_area_type2 .item_info td{word-break: break-word; padding: 7px 6px; font-size: 16px; text-align: center; border: 1px solid #404955; vertical-align: middle;} .info_table_area_type2 .item_info td:nth-child(1){background:#1b293f;color:#62ba7e;font-weight: 600;} .info_table_area_type2 .item_info td:nth-child(3){background:#1b293f;color:#62ba7e;font-weight: 600;width:22%} .info_table_area_type2 .item_info .point_txt_red{color: #ff5050; font-weight: 600;} .info_table_area_type2 .item_info .point_txt_grn{color: #44d37d; font-weight: 600;} .info_table_area_type2 .item_info .point_txt_yel{color: #ffea6d; font-weight: 600;font-size: 20px;} .info_table_area_type2 .item_info .point_txt_bold{font-weight:600; font-weight: 600;} .info_table_area_type2 .auction_status{width:100%;color:#ffffff; border-collapse: collapse; background: #21374e;margin-top:5px;} .info_table_area_type2 .auction_status th{background:#1b293f;text-align: center;color:#62ba7e;font-weight: 600;border: 1px solid #404955;padding:7px 0;} .info_table_area_type2 .auction_status td{padding: 8px 6px; font-size: 15px; text-align: center; border: 1px solid #404955;vertical-align: middle;letter-spacing: -.6px; height: 42.75px;} .info_table_area_type2 .auction_status td:first-child{width: 8%;} .info_table_area_type2 .auction_status td:nth-child(2){width: 36%;} .info_table_area_type2 .auction_status td:last-child{width: 13%;} .info_table_area_type2 .auction_status tbody tr:last-child{background: #ffcb2b; border: 2px solid #3edb5b;} .info_table_area_type2 .auction_status tr:last-child td{color:#f6ff00;font-weight:600;border: 1px solid #d5b754;color:#000000} .bidding_status {width: 100%; background-color: #ffb55f; padding:5px 8px 5px 19px; border-radius: 40px; margin-top: 10px; display: flex; align-items: center; justify-content: space-between;} .bidding_status p{font-size: 16px; width: 95%; color: #000} .detail_info .num_wrap .button {width: 24%;} .detail_info .button_wrap .button {min-height: 53px;font-size: 16px; touch-action:manipulation;} .detail_info .button_wrap .bg_h {min-height: 108px !important;} .detail_info .button_wrap .button span{padding-bottom:5px;} .detail_info .button_wrap {margin-top: 0; padding: 10px; background-color: #b7c6da; border-radius: 7px; position: absolute; bottom: 46px;} .detail_info .button_wrap .button strong{font-size:8px;} .keypad {padding: 0; margin-top: 10px;} .question_icon {position: relative; display: inline-block; width: 7%;} .question_icon span {display: block; padding: 0; cursor: pointer;} .question_icon .arrow_box {display: none; position: absolute; width: 200px; padding: 15px 20px; bottom: -260px; right: 0; border-radius: 4px; background: #e9eaef; color: #282a2b; font-size: 14px;box-shadow: 0px 0px 5px 0px #454545; z-index: 999;} .question_icon span:hover + p.arrow_box {display: block;} .question_icon .arrow_box span:first-child{text-align: center;font-weight: 600;padding-bottom:10px;} .question_icon .arrow_box span{font-size:16px;} .arrow_btn{display: none;} .auction_table_tap{display: none;} .keypad_area p{display: none;} /* 필 추가 202201129 */ .result_button_wrap{width: 100%;padding: 5px 0;background: #000;text-align: center;font-size: 1.5em;color: #fff;border-radius: 8px 8px 0 0;} .reload_button_wrap{width: 100%;padding: 5px 5px;background: #2b70d1;text-align: center;font-size: 1.5em;color: #fff;border-radius: 8px 8px 8px 8px; margin: 1px 0;} /* 필 추가 2022011010 */ .screen_content{display: block;} .detail_info .button_wrap2{margin-top: 0; padding: 10px; background-color: #b7c6da; border-radius: 7px; position: absolute; top: 65px; bottom: unset !important;} /* 경매일정참여하기 -1200px */ @media screen and (min-width:1400px) and (max-width:1650px) { .auction_wrap { width: 100%; height: auto; padding: 0px; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: stretch;} .state_screen {width: 68%; border-radius: 5px;} .state_screen p{width: 100%;font-size: 33px;padding: 6px 0px 6px; margin-bottom: 5px; color: #feff9b; background: #1b293f; text-align: center; font-weight: bold;} .screen_content {width: 33%;position: relative;} .state_screen .info_title p {width: 58%; font-size: 15px; padding: 5px 0; display: block;} .info_table_area .auction_status th{font-size:0.8em;} .info_table {width: 58%;} .info_table dl dt {width: 49%; padding: 8px 2px; font-size: 14px;} .info_table dl dd {width: 51%; padding: 8px 0px; font-size: 14px;} .info_table_area .auction_status td{font-size:0.85em;padding: 5px 6px;} .detail_info {width: 31%; position: relative;margin-left: 10px;} .detail_info .button_wrap {margin-top: 0; padding: 10px; border-radius: 7px; z-index: 1; position: absolute; bottom: 46px; right: 0;} .detail_info .keypad_area {border-radius: 8px;} .detail_info .button_wrap .button {min-height: 56px; font-size: 16px;} .detail_info .button_wrap .bg_h {min-height: 114px !important;} .detail_info .button_wrap .button strong {font-size: 8px;line-height: 12px;} .info_table_area .item_info td:nth-child(1) {width: 24%;} .info_table_area .auction_status th{font-size:0.8em;} .info_table_area .item_info td {width: 22%; padding: 3px 3px;font-size: 0.85em;} .info_title a span {font-size: 24px; margin: 2px 5px 0 0;} .arrow_btn{display: none;} .bidding_impossible p{font-size: 25px; color: #d65f3d; background: #25364d; padding: 10px 0px; text-align: center; margin-top: 12px; font-weight: 600;} .bidding_status p {font-size: 12px; width: 85%;} .question_icon {width: 8%;} .keypad_area p{display: none;} /* 필 추가 2022011010 */ .screen_content{display: block;} .num_wrap .button {width: 32.5%!important;} .num_wrap_r .button {width: 100%!important;} .state_screen .info_title .info_title_con p {font-size: 1.1em !important;} .n_layout .button {width: 24.5%!important;} .n_layout .w_btn {width: 49.5% !important;} } /* 경매일정참여하기 -1200px */ @media screen and (min-width:1261px) and (max-width:1399px) { .auction_wrap { width: 100%; height: auto; padding: 0px; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: stretch;} .state_screen {width: 78%; border-radius: 5px;} .state_screen p{width: 100%;font-size: 33px;padding: 6px 0px 6px; margin-bottom: 5px; color: #feff9b; background: #1b293f; text-align: center; font-weight: bold;} .screen_content {width: 33%;position: relative;} .state_screen .info_title p {width: 58%; font-size: 15px; padding: 5px 0; display: block;} .info_table_area .auction_status th{font-size:0.8em;} .info_table {width: 58%;} .info_table dl dt {width: 49%; padding: 8px 2px; font-size: 14px;} .info_table dl dd {width: 51%; padding: 8px 0px; font-size: 14px;} .info_table_area .auction_status td{font-size:0.85em;padding: 5px 6px;} .info_table_area .height_set td{ height: 27.75px;} .detail_info {width: 21%; position: relative;margin-left: 10px;} .detail_info .button_wrap {margin-top: 0; padding: 10px; border-radius: 7px; z-index: 1; position: absolute; bottom: 46px; right: 0;} .detail_info .keypad_area {border-radius: 8px;} .detail_info .button_wrap .button {min-height: 56px; font-size: 16px;} .detail_info .button_wrap .bg_h {min-height: 114px !important;} .detail_info .button_wrap .button strong {font-size: 8px;line-height: 12px;} .info_table_area .item_info td:nth-child(1) {width: 24%;} .info_table_area .auction_status th{font-size:0.8em;} .info_table_area .item_info td {width: 22%; padding: 3px 3px;font-size: 0.85em;} .info_title a span {font-size: 24px; margin: 2px 5px 0 0;} .arrow_btn{display: none;} .bidding_impossible p{font-size: 25px; color: #d65f3d; background: #25364d; padding: 10px 0px; text-align: center; margin-top: 12px; font-weight: 600;} .bidding_status p {font-size: 10px; width: 85%;} .question_icon {width: 8%;} .keypad_area p{display: none;} /* 필 추가 2022011010 */ .screen_content{display: block;} .detail_info .info_table_area .item_info .red_point_txt {font-size: 1em;} .num_wrap .button {width: 32.4%!important;} .num_wrap_r .button {width: 100%!important;} .state_screen .info_title .info_title_con p {font-size: 1em !important;} .n_layout .button {width: 24.5%!important;} .n_layout .w_btn {width: 49.5% !important;} } /* 경매일정참여하기 테블릿 (해상도 768px ~ 1023px)*/ @media screen and (min-width:768px) and (max-width:1260px) { .state_screen {width: 98%!important;} .screen_content {width: 32.5%;position: relative;} .state_screen p{width: 100%;font-size: 25px;padding: 6px 0px 6px; margin-bottom: 5px; color: #feff9b; background: #1b293f; text-align: center; font-weight: bold;} .state_screen .info_title p {width: 58%; font-size: 1em; padding: 5px 0; display: block;} .info_table {width: 58%;} .info_table_area .auction_status{matgin-top:5px;} .info_table dl dt {width: 49%; padding: 5px 2px; font-size: 1em;} .info_table dl dd {width: 51%; padding: 5px 0px; font-size: 1em;} .info_title a span {font-size: 21px; margin: 2px 5px 0 0;} .detail_info {width: 25%;border-radius: 5px;margin-left: 10px;position: relative;} .detail_info .info_table_area .item_info .red_point_txt {color: #e62746; font-weight: bold; font-size: 1.2em;} .info_table_area .item_info td:nth-child(1) {width: 24%;} .info_table_area .item_info td {width: 22%; padding: 3px 0px; font-size: 0.8em;} .info_table_area .auction_status th {font-size: 0.75em;padding: 4px 0;} .info_table_area .auction_status td{font-size:0.85em;padding: 5px 0px;;} .bidding_status{padding: 0px 4px;margin-top: 5px;} .bidding_impossible p{font-size: 1.0em; color: #d65f3d; background: #25364d; padding: 10px 0px; text-align: center; font-size:12px; font-weight: 600;} .arrow_btn{display: none;} .bidding_status p {font-size: 12px;} .question_icon {width: 11%;} .detail_info .button_wrap {border-radius: 8px; bottom: 38px;} .detail_info .keypad_area {border-radius: 8px;} .detail_info .button_wrap .button {min-height: 50px; font-size: 12px;} .detail_info .button_wrap .button strong {font-size: 8px;line-height: 12px;} .detail_info .keypad_area .keypad input[type=text] {width: 100%;height: 37px; font-size: 1.4em; text-align: right; padding: 5px 11px; font-weight: 600; border-radius: 5px;} /* 20221111 필추가 (input 태그를 strong 태그로 변경) */ .detail_info .keypad_area .keypad strong {background: #fff; display: block;width: 100%;height: 37px; font-size: 1.4em; text-align: right; padding: 5px 11px; font-weight: 600; border-radius: 5px;} .keypad {margin-top: 5px;} .keypad_area p{display: none;} /* 필 추가 2022011010 */ .screen_content{display: block;} .info_table_area .auction_status td{height: 35.8px;} .num_wrap .num_wrap_l .button { width: 31.8%!important;} .num_wrap_r .button {width: 100%!important;} .state_screen .info_title .info_title_con{padding-left:10px;} .state_screen .info_title .info_title_con p {font-size: 0.9em !important;} .info_title div span {font-size: 25px; margin: 7px 6px 0 0;} .state_screen .info_title .info_title_con {width: 87%;} .state_screen .info_block dl {font-size: 1em;} .n_layout .button {width: 24.5%!important;} .n_layout .w_btn {width: 49.5% !important;} } /* 경매일정참여하기 모바일*/ @media screen and (max-width:768px) { body{padding:0;} .arrow_btn{display: flex; position: absolute; z-index: 999; width: 100%;top:50%; justify-content: space-between;padding: 0 10px;} .arrow_btn span{font-size: 2.9em;color: #ffffff; opacity: .7;} .auction_wrap {width: 100%; padding:0; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center;} .detail_info .info_table_area {display: none;} .bidding_txt_tap{display: block;width:100%} .bidding_txt_tap p{font-size: 1.9em; color: #feff9b; background: none; border: none; padding: 0; text-align: center; margin-top: 0; font-weight: 600;} .bidding_impossible p{font-size: 1.9em; color: #d65f3d; background: none; border: none; padding: 0; text-align: center; margin-top: 0; font-weight: 600;} .bidding_status{display: none;} .state_screen p {display: none;} .state_screen .info_title p{display: block; width: 51%; font-size: 1.3em; padding: 6px 0;} .screen_content.screen_choice {display: block; width: 100%;} .screen_content {width: 100%;} .state_screen {width: 100%; background: none; padding: 0; border-radius: 7px;} .info_title {width: 100%;} .info_title a span {font-size: 34px; margin: 2px 6px 0 0;} .info_table {width: 51%;} .info_table dl dt {width: 49%; padding: 9px 7px; font-size: 1em;} .info_table dl dd {width: 51%; padding: 9px 7px; font-size: 1em;} .detail_info {width: 100%; margin-left: 0; position: relative;} .detail_info .button_wrap {bottom: 75px; right: 0; width: 100%; position: absolute; border-radius: 7px 7px 0 0; background-color: #b7c6da;} .detail_info .button_wrap .button { min-height: 50px; font-size: 1.1em;} .detail_info .keypad_area .keypad input[type=text] {height: 54px; font-size: 30px; text-align: right; padding: 6px 15px; font-weight: 600; border-radius: 7px;} /* 20221111 필추가 (input 태그를 strong 태그로 변경) */ .detail_info .keypad_area .keypad strong {background: #fff;display: block;height: 54px; font-size: 30px; text-align: right; padding: 6px 15px; font-weight: 600; border-radius: 7px;} .detail_info .keypad_area {width: 100%; margin-top: 7px; background: #1b293f; padding: 10px 15px 15px; border-radius: 8px;} .carousel-control-next-icon, .carousel-control-prev-icon {width: 10rem; height: 10rem;} .keypad_area p{display: block; font-size: 2em; text-align: center; color: #feff9b; background: #1b293f;} .keypad_area .carcass_result{display: block!important;} /* 필 추가 (모바일 hide) 2022 11 10 */ .screen_content:nth-child(3), .screen_content:nth-child(4){display: none;} .screen_img video{width: 90%; margin: 0 auto;} .screen_img img{width: 85%!important;margin: 0 auto;} .screen_img {text-align: center;} .state_screen .info_title .info_title_con p {font-size: 1.3em !important;} .state_screen .info_block { width: 15%; position: absolute; top: 62%; left: 8%;} .h3_title .infra_ping {margin-left:0 !important;} .h3_title h3 {float:none;} .preview_screen .screen_img video{width: 100%;margin: 0 auto;} .preview_screen .info_title .info_title_con p{font-size: 0.7em !important;} .preview_screen .info_title .info_title_flaw p{font-size: 1.3em !important;} .preview_screen .info_block {font-size: 1.1em !important;} .preview_screen .close{font-size: 1.1em !important;} } /*부부육 경매진행화면 PC */ .meat_auction_wrap {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between; margin:0 auto; align-items: stretch;} .meat_auction_title {width: 100%; font-size: 2.5em; font-weight: 600; text-align: center; padding: 5px 0 5px; color: #e8e36d; margin: 0px; background: #16253c; border-radius: 15px 15px 0 0;} .meat_auction_wrap table {width:100%; table-layout: fixed; border-collapse : collapse; vertical-align: middle;} .meat_auction_wrap table td, .meat_auction_wrap table th {word-break: break-all;text-align: center;border: 1px solid #d5d5d5;background: #ffffff;color:#000000;vertical-align: middle;} .meat_auction_wrap .check{border: 1.1px solid #ffd717 !important;} .meat_auction_wrap .check td{/*color: #ffd717;font-weight:bold;background: #0e263f !important; font-size: 1.2em !important; */} .meat_auction_wrap .point_txt_red{color: #ff5050; font-weight: 600;} .meat_auction_wrap .point_txt_grn{color: #44d37d; font-weight: 600;} .meat_auction_wrap .point_txt_yel{color: #fff700;} .meat_auction_wrap .point_txt_bold{font-weight:600; font-weight: 600;} .meat_auction_wrap .meat_auction_contetns {display: flex; width: 100%; justify-content: space-between; padding: 10px; background: #fff;border-radius: 0 0 10px 10px;} /* -------섹션01-------- */ .meat_auction_sec01 {width: 15.3%;} .meat_auction_sec01 p{font-size: 1.5em; padding: 10px 0;font-weight: 600;text-align: center; background: #174ca0;} /* 경매결과보기 */ .meat_auction_sec01 .auction_result table td{width:50%; font-size: 1.6em; padding: 3px 0;} .meat_auction_sec01 .auction_result table th{font-weight: 600; font-size: 1.2em; padding: 5px 0;background: #ebebeb; color: #000000; border: 1px solid #cdcccc;border-top: 0;} .meat_auction_sec01 .auction_result p{background: #3c648f; color: #ffffff;border-radius: 10px 10px 0 0;} .meat_auction_sec01 .auction_result .table_scroll_box{height:348px;overflow-y:auto;} .meat_auction_sec01 .auction_result .table_scroll_box table thead{position: sticky; top: 0;} /* 경매 참여자 목록 */ .meat_auction_sec01 .auction_list table td{font-size: 1.1em; padding: 6px 0;} .meat_auction_sec01 .auction_list table th{font-weight: 600; font-size: 1.2em; padding: 5px 0;background: #ebebeb; color: #000000; border: 1px solid #cdcccc;border-top: 0;} .meat_auction_sec01 .auction_list p{margin-top:15px;background: #3c648f; color: #ffffff; border-radius: 10px 10px 0 0;} .meat_auction_sec01 .auction_list .table_scroll_box{height:348px;overflow-y:auto;} .meat_auction_wrap .meat_auction_sec01 .auction_list .table_scroll_box{ height: 264px !important;overflow-y:auto;} .meat_auction_sec01 .auction_list .table_scroll_box table thead{position: sticky; top: 0;} .meat_auction_sec01 .auction_list .check_02 td{ /* background: #425f7d; */ color: #d27d64;} /* -------섹션02-------- */ .meat_auction_sec02 {width: 18.5%;} .meat_auction_sec02 p{font-size: 1.5em; padding: 10px 0;font-weight: 600; text-align: center; background: #174ca0;} /* 진행중인 경매자료 */ .meat_auction_sec02 .data_progress p{background: #3c648f; color: #ffffff;border-radius: 10px 10px 0 0;} .meat_auction_sec02 .data_progress table td{font-size: 1.35em; word-wrap: break-word; padding: 10px 6px; height: 75px; color: #ffffff; font-weight: bold; width: calc(100%/3); background: #163987; border: 1px solid #ebebeb;} .meat_auction_sec02 .data_progress table td.fs1_6{font-size: 1.6em;} .meat_auction_sec02 .data_progress table td.fs1_6 span{font-weight:600;} .meat_auction_sec02 .data_progress table th{font-weight: 600; font-size: 1.2em; padding: 5px 0;text-align: center;background: #ebebeb; color: #000000; border: 1px solid #cdcccc;height: 60px;border-top: 0;} .meat_auction_sec02 .action_btn_area{display: flex; flex-wrap: wrap; justify-content: space-between; /* margin-top: 5px; */} .meat_auction_sec02 .action_btn_area a {width: 23.7%; display: inline-block; border-radius: 6px; text-align: center; color: #ffffff; padding: 6px 0; font-size: 1em; margin-top: 3px;} .meat_auction_sec02 .action_btn_area a:hover{background: #576279;} .meat_auction_sec02 .action_btn_area .action_btn01{background: #093f85;} .meat_auction_sec02 .action_btn_area .action_btn02{background: #0e5bc0;} .meat_auction_sec02 .action_btn_area .action_btn03{background: #0081dd;} .meat_auction_sec02 .action_btn_area .action_btn04{background: #767c93;} .meat_auction_sec02 .action_btn_area .action_btn05{width:100%; background: #e44040;} /* -------섹션03-------- */ .meat_auction_sec03 {width: 65%;display: flex; flex-wrap: wrap; justify-content: space-between;} .meat_auction_sec03 p{font-size: 1.5em; padding: 10px 0;font-weight: 600; text-align: center; background: #174ca0;} /* 다음 경매자료 */ .meat_auction_sec03 .next_data_progress {width: 70%;} .meat_auction_sec03 .tw{width:49%;} .meat_auction_sec03 .fw{width: 26%} .meat_auction_sec03 .fw table td{ height: 41px !important; font-size: 1.1em !important;} .meat_auction_sec03 .next_data_progress p {background: #1355bd; color: #ffffff;border-radius: 10px 10px 0 0;} .meat_auction_sec03 .next_data_progress table td{font-size: 1.35em; word-wrap: break-word; height: 67px; padding: 10px 6px; width: calc(100%/6);} .meat_auction_sec03 .next_data_progress table th{font-weight: 600; height: 60px;font-size: 1.2em; padding: 5px 0;background: #ebebeb; color: #000000; border: 1px solid #cdcccc;border-top: 0;} /* 경매현황 */ .meat_auction_sec03 .auct_status_screen {width: 29.1%;} .meat_auction_sec03 .auct_status_screen p {background: #1355bd; color: #ffffff; border-radius: 10px 10px 0 0;} .meat_auction_sec03 .auct_status_screen div {width: 100%; background: #5ebc87;color: #ffffff; text-align: center; height: 255px; font-size: 3em; display: flex; align-items: center; justify-content: center; border-radius: 0 0 10px 10px;font-weight: 600;} .meat_auction_sec02 .auct_status_screen_tap{display:none;} /* 경매자료선택 */ .meat_auction_sec03 .action_item_select ul{display: flex;align-items: center;flex-direction: row;flex-wrap: wrap; justify-content: flex-end; list-style: none; background: #d1dcf2; padding: 4px 20px;} .meat_auction_sec03 .action_item_select ul li{width:25%; text-align: right;color:#000000;} .meat_auction_sec03 .action_item_select label{font-size: 1.2em; padding-right: 6px;} .meat_auction_sec03 .action_item_select input[type=date]{font-size: 1.1em; padding: 3px 10px; text-align: center; min-height: 35px; line-height: 20px;} .meat_auction_sec03 .action_item_select select{font-size: 1.1em; padding: 3px 10px;width: 67%; text-align: center;min-height: 35px;} .meat_auction_sec03 .choice_data_progress p {background: #1355bd; color: #ffffff;border-radius: 10px 10px 0 0;} .meat_auction_sec03 .choice_data_progress{width:100%;margin-top: 10px;} .meat_auction_sec03 .choice_data_progress table td{font-size: 1.1em; padding: 6px 0; background: #d2f5ff;} .meat_auction_sec03 .choice_data_progress table th{font-weight: 600; font-size: 1.2em; padding: 8px 0;background: #ebebeb; color: #000000; border: 1px solid #cdcccc;border-top: 0;} .meat_auction_sec03 .choice_data_progress .table_scroll_box{height:391px;overflow-y:auto;} .meat_auction_sec03 .choice_data_progress .table_scroll_box table thead{position: sticky; top: 0;} /*20230823*/ .new_wrap {width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; overflow: hidden;align-items: flex-start;} .new_wrap .state_screen { width: 49.5% !important;} .new_wrap .detail_info {width: 49.5%;display: flex;flex-direction: row;flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-left: 0px; } .new_wrap .screen_content { width: 49%; position: relative;} .new_wrap .key_wrap { width: 44%; display: flex; flex-direction: column;} .new_wrap .info_table_area .item_info td{padding: 10px 6px;} .new_wrap .info_table_area .auction_status td {height: 50.75px;} .new_wrap .info_table_area .item_info td:nth-child(3){width:16%;} .new_wrap .info_table_area .item_info td:nth-child(1){ width: 19%;} .new_wrap .detail_info .screen_content { width: 55%;} .new_wrap .detail_info .button_wrap2{position: unset;} .new_wrap .detail_info .keypad_area .keypad strong{margin-bottom:10px;} /* 반응형작업 시작 */ /* desktop */ @media screen and (max-width:1850px){ .new_wrap .info_table_area .auction_status td {height: 42.75px;} } @media screen and (max-width:1700px){ .new_wrap .info_table_area .item_info td {padding: 6px 3px;} } @media screen and (max-width:1600px) { .meat_auction_wrap .meat_auction_contetns {padding: 15px;} .meat_auction_sec01 p {font-size: 1.3em; padding: 5px 0;} .meat_auction_sec02 p {font-size: 1.3em; padding: 5px 0;} .meat_auction_sec03 p {font-size: 1.3em; padding: 5px 0;} .meat_auction_sec01 .auction_result table td {font-size: 1em; padding: 4px 0;} .meat_auction_sec01 .auction_list table td {font-size: 1em; padding: 4px 0;} .meat_auction_sec02 .action_btn_area a {width: 48.7%; padding: 8px 0; font-size: 1em; margin-top: 6px;} .meat_auction_sec02 .data_progress table th {font-size: 1.1em; height: 56px;border-top: 0;} .meat_auction_sec02 .data_progress table td {font-size: 1em; height: 53px;} .meat_auction_sec03 .action_item_select ul li {width: 25%;} .meat_auction_sec03 .next_data_progress table td {font-size: 1.1em; height: 56px;} .meat_auction_sec03 .next_data_progress table th {font-size: 1em; height: 53px;border-top: 0;} .meat_auction_sec03 .auct_status_screen div {height: 219px; font-size: 4em;} .meat_auction_sec03 .action_item_select label {font-size: 1.0em;} .meat_auction_sec03 .action_item_select input[type=date] {min-height: 30px;} .meat_auction_sec03 .action_item_select select {min-height: 30px;} .meat_auction_sec03 .choice_data_progress table th {font-size: 1.1em; padding: 5px 0;border-top: 0;} .meat_auction_sec03 .choice_data_progress table td {font-size: 1em; padding: 4px 0;} .meat_auction_sec01 .auction_list .table_scroll_box{height:296px;} .meat_auction_sec01 .auction_result .table_scroll_box{height:296px;} .meat_auction_sec03 .choice_data_progress .table_scroll_box{height:325px;} .new_wrap .info_table_area .auction_status td {height: 41.75px;} } @media screen and (max-width:1550px) { .new_wrap .info_table_area .auction_status td {height: 36.75px;} } @media screen and (max-width:1450px){ .new_wrap .info_table_area .item_info td {padding: 5px 6px;} .new_wrap .info_table_area .auction_status td {height: 31.75px;} } @media screen and (max-width:1220px){ .new_wrap .info_table_area .item_info td:nth-child(1) {width: 18%;} .new_wrap .info_table_area .item_info td { padding: 4px 6px; } } /* 테블릿*/ @media screen and (max-width:1200px) { .meat_auction_wrap .meat_auction_contetns {justify-content: space-between; padding: 20px;flex-direction: row;flex-wrap: wrap;} .meat_auction_sec01 { width: 49%;} .meat_auction_title {width: 100%; font-size: 2.7em; font-weight: 600; text-align: center; padding: 8px 0 8px; color: #242424; margin: 0px; background: #fcd973; border-radius: 15px 15px 0 0;} .meat_auction_sec02 { width: 49.5%;} .meat_auction_sec02 .auct_status_screen_tap {display:block;width: 100%; margin-bottom: 15px;} .meat_auction_sec02 .auct_status_screen_tap p {background: #1c9670; color: #ffffff; border-radius: 10px 10px 0 0;} .meat_auction_sec02 .auct_status_screen_tap div {width: 100%; background: #5ebc87; text-align: center; height: 200px; color: #ffffff; font-size: 5em; display: flex; align-items: center; justify-content: center; border-radius: 0 0 10px 10px;font-weight: 600;} .meat_auction_sec02 .data_progress table td {height: 47px;} .meat_auction_sec02 .data_progress table th {height: 40px;border-top: 0;} .meat_auction_sec02 .action_btn_area a {padding: 8px 0; font-size: 1.3em;} .meat_auction_sec03 { width: 100%;} .meat_auction_sec03 .action_item_select ul li {width: 26%;} .meat_auction_sec03 .auct_status_screen {display:none;} .meat_auction_sec03 .next_data_progress {width: 100%;margin-top:15px;} .meat_auction_sec03 .next_data_progress table th {height: 40px;border-top: 0;} .meat_auction_sec03 .next_data_progress table td {height: 50px;} .state_screen .info_title .info_title_con p {font-size: 1.1em !important;} .new_wrap .info_table_area .item_info td:nth-child(3) { width: 15%; } .info_table_area .item_info .point_txt_yel { font-size: 15px; } .new_wrap .info_table_area .auction_status td { height: 23.75px; } } /*부분육 경매참여 - 부분육 사진 클릭 후 고정*/ .auction_p_wrap{width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch;} .auction_p_wrap .meat_screen_area{width: 71%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: space-between; align-items: flex-start; align-content: flex-start;} .auction_p_wrap .meat_screen_area p{width: 80%; font-size: 3em; padding: 0 0 0 22%; color: #ffffff; text-align: center; font-weight: bold;} .auction_p_wrap .meat_screen_area .meat_screen_top {width: 100%; background: #1b293f; display: flex; padding: 10px 15px;} .auction_p_wrap .meat_screen_area .meat_screen_top .screen_btn{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: flex-end; align-items: flex-end; width: 23%;} .auction_p_wrap .meat_screen_area .meat_screen_top .screen_btn a{width: 32%; background: #576279; color: #fff; text-align: center; font-size: 1.2em; display: block; border-radius: 3px; padding: 2px 0;} .auction_p_wrap .meat_screen_area .meat_screen_top .screen_btn a:hover{background:#0e5bc0 ;} .auction_p_wrap .meat_screen_area .meat_screen_top .screen_btn .active{background:#0e5bc0 ;} .auction_p_wrap .meat_screen_area .meat_img {width: 100%; height: 89.5%; background: #334157; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; align-content: center; flex-direction: column; position: relative;} .auction_p_wrap .meat_screen_area .meat_img_mob{display:none;} .auction_p_wrap .meat_screen_area .meat_img p{width: 11%; text-align: center; font-size: 1.2em; border-radius: 25px 0 0 25px; background: #fef43a; color: #1b293f; padding: 3px 0; position: absolute; top: 13px; right: 0;} .auction_p_wrap .meat_screen_area .item_info_mob{display:none;} .auction_p_wrap .meat_screen_area .mo_title{display:none;} .auction_p_wrap .meat_screen_area .meat_img_area {width: 100%; height: 100%;} .auction_p_wrap .detail_info{width: 29.5%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: center;} .auction_p_wrap .detail_info .info_table_area{width: 100%;} .auction_p_wrap .detail_info .info_table_area .sec_title{background: #50a87b; padding: 5px 0; font-size: 1.8em; color: #ffffff; text-align: center; font-weight: 600; border-radius: 7px 7px 0 0;} .auction_p_wrap .detail_info .info_table_area p{background: #3c64b6; padding: 5px 0; font-size: 1.8em; color: #ffffff; text-align: center; font-weight: 600; border-radius: 7px 7px 0 0;} .auction_p_wrap .detail_info .info_table_area .item_info{table-layout:fixed;width: 100%; color: #ffffff; border-collapse: collapse; background: #21374e; margin-bottom: 15px;} .auction_p_wrap .detail_info .info_table_area .item_info td{word-wrap: break-word; width: 25%; padding: 5px 6px; font-size: 1.25em; text-align: center; border: 1px solid #404955; vertical-align: middle;} .auction_p_wrap .detail_info .info_table_area .item_info td:nth-child(1) {background: #1b293f; color: #4a73c6; font-weight: 600; width: 20%;} .auction_p_wrap .detail_info .info_table_area .item_info td:nth-child(3) {background: #1b293f; color: #4a73c6; font-weight: 600; width: 20%;} .auction_p_wrap .point_txt_red{color: #ff5050; font-weight: 600;} .auction_p_wrap .point_txt_grn{color: #44d37d; font-weight: 600;} .auction_p_wrap .point_txt_yel{color: #ffea6d; font-weight: 600;} .auction_p_wrap .point_txt_bold{font-weight:600; font-weight: 600;} .auction_p_wrap .detail_info .info_table_area .status_auction {width: 100%; color: #ffffff; border-collapse: collapse; background: #21374e; margin-top: 0px;} .auction_p_wrap .detail_info .info_table_area .status_auction th { width: 14%; position:relative; background: #1b293f; text-align: center; color: #50a87b; font-weight: 600; border: 1px solid #404955; padding: 8px 0;font-size: 1.25em;border-top:0;} .auction_p_wrap .detail_info .info_table_area .status_auction th:last-child{width: 21%;} .auction_p_wrap .detail_info .info_table_area .status_auction th a {width: 18%;text-align: right; display: inline-block; position: absolute; right: 10%;} .auction_p_wrap .detail_info .info_table_area .status_auction th a img{width:100%;} .auction_p_wrap .detail_info .info_table_area .status_auction td .cutmeat_jjim_a {position: absolute; left: 5px; color: white; display: contents;} .auction_p_wrap .detail_info .info_table_area .table_scroll_box{height:246px;overflow-y:auto;} .auction_p_wrap .detail_info .info_table_area .table_scroll_box .status_auction thead{position: sticky; top: 0;z-index: 1;} .auction_p_wrap .detail_info .info_table_area .table_scroll_box .status_auction thead { position: sticky; top: 0; z-index: 1; } .auction_p_wrap .detail_info .info_table_area .status_auction td {padding: 5px 6px; font-size: 1.25em; text-align: center; border: 1px solid #404955; vertical-align: middle; letter-spacing: -.6px; height: 34px;} .auction_p_wrap .detail_info .info_table_area .status_auction .choice {border: 3px solid #fef43a!important;color: #fef43a!important;} .auction_p_wrap .detail_info .info_table_area .status_auction .choice td{font-weight: 600;} .auction_p_wrap .detail_info .info_table_area .status_auction td:first-child{position:relative; text-align: left; width: 18%; padding-left: 10px;} .auction_p_wrap .detail_info .info_table_area .item_select {display: none; position: absolute; width: 350px; padding: 15px 20px; bottom: 25px; right: 0; border-radius: 4px; background: #e9eaef; color: #282a2b; font-size: 14px;box-shadow: 0px 0px 5px 0px #454545;} .auction_p_wrap .detail_info .info_table_area .status_auction .select_icon:hover + .item_select {display: block;} .auction_p_wrap .detail_info .bidding_result{width: 100%; background: #000; padding: 5px 0; border-radius: 8px 8px 0 0; margin-top: 10px;} .auction_p_wrap .detail_info .bidding_result p{width: 100%; text-align: center; font-size: 1.7em; color: #fff;} .auction_p_wrap .detail_info .keypad_area { width: 100%; position: relative; background: #000; padding: 0 10px 10px; border-radius:0 0 8px 8px;} .auction_p_wrap .detail_info .keypad_area .keypad{margin-top:0;} .auction_p_wrap .detail_info .bidding_status p{font-size:1.2em;color:#000000;} .auction_p_wrap .detail_info .button_wrap { margin-top: 0; padding: 15px; z-index: 1; background-color: #b7c6da; border-radius: 7px; position: absolute; bottom: 0; right: 102%; width: 100%;} .auction_p_wrap .detail_info .button_wrap .button {min-height: 65px; font-size: 20px;} .auction_p_wrap .meat_screen_area .meat_img_area a{display:none;} .scroll_info_box{width: 80px;background: #576279;color: #fff;text-align: center;font-size: 15px;border-radius: 3px;padding: 2px 0;position: absolute;display: inline-block;right: 5px;margin-top: 7px;} /* 필추가 20221128 경매참여 시에만 main padding을 줄인다. */ .auctn_prtcp_container_wrap{padding: 70px 10px;} @media screen and (max-width:1600px) { .auction_p_wrap .meat_screen_area .item_info_mob{display:none;} .auction_p_wrap .meat_screen_area .meat_img p {width: 20%;} .auction_p_wrap .meat_screen_area .meat_screen_top {padding: 10px 10px;} .auction_p_wrap .meat_screen_area p {font-size: 2.3em; padding: 0 0 0 25%;} .auction_p_wrap .detail_info .bidding_status p:first-child {font-size: 1em; width: 86%;} .auction_p_wrap .meat_screen_area .meat_img {height: 90.5%;} .auction_p_wrap .meat_screen_area .meat_img_mob{display:none;} .auction_p_wrap .meat_screen_area .mo_title{display:none;} .auction_p_wrap .meat_screen_area .meat_img_area a{display:none;} .auction_p_wrap .detail_info .info_table_area .item_info td {font-size: 1em;} .auction_p_wrap .detail_info .info_table_area .status_auction td {font-size: 1em;} .auction_p_wrap .detail_info .info_table_area .sec_title {font-size: 1.5em;} .auction_p_wrap .detail_info .info_table_area p {font-size: 1.5em;} .auction_p_wrap .detail_info .info_table_area .status_auction th a {width: 18%; right: 10%; top: 27%;} .auction_p_wrap .detail_info .info_table_area .status_auction th {font-size: 1.1em;} .auction_p_wrap .detail_info .info_table_area .table_scroll_box{height:246px;} .auction_p_wrap .detail_info .info_table_area .status_auction td:first-child {width: 29%; padding-left: 5px;} } /* 노트북 */ @media screen and (max-width:1400px) { .auction_p_wrap .meat_screen_area .item_info_mob{display:none;} .auction_p_wrap .meat_screen_area .meat_img p {width: 20%;} .auction_p_wrap .meat_screen_area .meat_screen_top {padding: 10px 10px;} .auction_p_wrap .meat_screen_area p {font-size: 2.3em; padding: 0 0 0 25%;} .auction_p_wrap .detail_info .bidding_status p:first-child {font-size: 1em; width: 86%;} .auction_p_wrap .meat_screen_area .meat_img {height: 89%;} .auction_p_wrap .meat_screen_area .meat_img_mob{display:none;} .auction_p_wrap .meat_screen_area .mo_title{display:none;} .auction_p_wrap .meat_screen_area .meat_img_area a{display:none;} .auction_p_wrap .detail_info .info_table_area .item_info td {font-size: 1em;padding: 1px 6px;} .auction_p_wrap .detail_info .info_table_area .status_auction td {font-size: 1em;} .auction_p_wrap .detail_info .info_table_area .sec_title {font-size: 1em;} .auction_p_wrap .detail_info .info_table_area p {font-size: 1em;} .scroll_info_box{font-size: 10px;margin-top: 2px;} .auction_p_wrap .detail_info .info_table_area .status_auction th a {width: 20%; right: 10%; top: 27%;} .auction_p_wrap .detail_info .info_table_area .status_auction th {font-size: 1em;} .auction_p_wrap .detail_info .info_table_area .table_scroll_box{height:246px;} .auction_p_wrap .detail_info .info_table_area .status_auction td:first-child {width: 29%; padding-left: 5px;} .auction_p_wrap .detail_info .bidding_status{padding:0px 8px 0px 19px;} } /* 태블릿 */ @media screen and (max-width:1240px) { .auction_p_wrap .meat_screen_area .item_info_mob {display:none;} .auction_p_wrap {justify-content: space-between; align-items: stretch;} .auction_p_wrap .detail_info .info_table_area {display: block;} .auction_p_wrap .meat_screen_area {width: 63%;} .auction_p_wrap .meat_screen_area p {font-size: 2em; padding: 0px 0 6px 0%; width: 100%;} .auction_p_wrap .meat_screen_area .meat_screen_top {width: 100%; background: #1b293f; display: flex; padding: 10px 15px; align-items: flex-end;} /* .auction_p_wrap .meat_screen_area .meat_screen_top {width: 100%; background: #1b293f; display: flex; padding: 10px 15px; flex-direction: column; align-items: flex-end;} */ .auction_p_wrap .meat_screen_area .meat_screen_top .screen_btn {width: 43%; font-size:0.9em;} .auction_p_wrap .meat_screen_area .meat_screen_top .screen_btn a {width: 32%;} .auction_p_wrap .meat_screen_area .meat_img {height: 88%;} .auction_p_wrap .meat_screen_area .meat_img p { width: 18%;font-size: 1em;} .auction_p_wrap .detail_info .info_table_area .item_info td {font-size: 1.1em; padding: 1px 6px;} .auction_p_wrap .detail_info .info_table_area p {font-size: 1.2em; padding: 1px 0;} .auction_p_wrap .detail_info {width: 39%;} .auction_p_wrap .detail_info .info_table_area .status_auction td {padding: 3px 6px; height: 30px;font-size: 13px;} .auction_p_wrap .detail_info .bidding_status p:first-child {font-size: 0.9em;} .auction_p_wrap .detail_info .info_table_area .item_info {margin-bottom: 7px;} .auction_p_wrap .detail_info .button_wrap .button { min-height: 54px; font-size: 15px;} .auction_p_wrap .meat_screen_area .meat_img_mob{display:none;} .auction_p_wrap .meat_screen_area .mo_title{display:none;} .auction_p_wrap .meat_screen_area .meat_img_area a{display:none;} .auction_p_wrap .detail_info .info_table_area .status_auction th {font-size: 1em;} .auction_p_wrap .detail_info .info_table_area .sec_title {font-size: 1.3em; padding: 1px 0;} .auction_p_wrap .detail_info .info_table_area .table_scroll_box{height:190px;} .auction_p_wrap .detail_info .info_table_area .status_auction td:first-child {position: relative; text-align: left; width: 31%; padding-left: 5px;} .auction_p_wrap .detail_info .bidding_result{padding: 1px 0;} .auction_p_wrap .detail_info .bidding_result p{text-align: center; font-size: 1.4em; color: #fff;} .scroll_info_box{font-size: 12px;margin-top: 4px;} .auction_p_wrap .detail_info .bidding_status{padding:0px 8px 0px 19px;} .auction_p_wrap .detail_info .bidding_status p:first-child{font-size: 11px;} .auction_p_wrap .detail_info .bidding_status .question_icon {width: 5%;} .num_wrap .button {width: 32.1%!important;} .num_wrap_r .button { width: 100%!important;} .num_wrap_r .h_btn {min-height: 111px!important;} .num_wrap .num_wrap_l .button {width: 32.6%!important;} .num_wrap .n_layout .button {width: 24.5%!important;} .num_wrap .n_layout .w_btn {width: 49.5% !important;} } @media screen and (max-width:768px) { .auction_p_wrap {width: 100%;display: flex;flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch;} .auction_p_wrap .detail_info .info_table_area {display: block;} .auction_p_wrap .meat_screen_area p {display:none;} .auction_p_wrap .meat_screen_area .meat_screen_top {display:none;} .auction_p_wrap .detail_info .item_info_pc {display:none;} .auction_p_wrap .meat_screen_area .item_info_mob {display:flex; width: 63%;} .auction_p_wrap .meat_screen_area .meat_img {width: 100%; height: 97px;position:relative} .auction_p_wrap .meat_screen_area .meat_img img{height:80%;} .auction_p_wrap .meat_screen_area .meat_img_mob img{height:80%;} .auction_p_wrap .meat_screen_area .meat_img_mob {display:block; width: 100%; height: 97px; background: #334157; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; align-content: center; flex-direction: column; position: relative;} .auction_p_wrap .meat_screen_area .meat_img_mob p{width: 11%; text-align: center; font-size: 1.2em; border-radius: 25px 0 0 25px; background: #ff733b; color: #fff; padding: 3px 0; position: absolute; top: 13px; right: 0;} .auction_p_wrap .meat_screen_area .meat_img_area{display: flex; flex-direction: column;width:37%;} .auction_p_wrap .meat_screen_area .mo_title{display: block; background: #3c64b6; padding: 0px 0; font-size: 1em; color: #ffffff; text-align: center; font-weight: 600; border-radius: 7px 7px 0 0; width: 100%;} .auction_p_wrap .meat_screen_area {width: 100%;} .auction_p_wrap .detail_info .info_table_area .item_info{width: 100%; color: #ffffff; border-collapse: collapse; background: #21374e; margin-bottom: 15px;} .auction_p_wrap .meat_screen_area .item_info_mob .item_info{width: 100%; color: #ffffff; border-collapse: collapse; background: #21374e; margin-bottom: 15px;} .auction_p_wrap .meat_screen_area .item_info_mob .item_info td{ width: 25%; min-height: 34px; height: 34px; padding: 3px 0px; font-size: 1em;; text-align: center; border: 1px solid #404955; vertical-align: middle;} .auction_p_wrap .meat_screen_area .item_info_mob .item_info td:nth-child(1) {background: #1b293f; color: #4a73c6; font-weight: 600; width: 20%;} .auction_p_wrap .meat_screen_area .item_info_mob .item_info td:nth-child(3) {background: #1b293f; color: #4a73c6; font-weight: 600; width: 20%;} .auction_p_wrap .detail_info .keypad_area {margin-top: 0px;} .keypad_area p {display: none;} .auction_p_wrap .detail_info{width:100%;} .auction_p_wrap .detail_info .button_wrap {width: 100%;} .auction_p_wrap .detail_info .bidding_result p {font-size: 1.4em;} .auction_p_wrap .meat_screen_area .meat_img_area a{position: absolute; top: 0; left: 0; color: #fff; padding: 3px 7px; background: #e68a51; border-radius: 0 0 8px 0;} .auction_p_wrap .detail_info .info_table_area .status_auction td:first-child {width: 26%; padding-left: 10px;} .img_cutmeat_no_wrap{display: none;} .auctn_prtcp_container_wrap{padding: 70px 10px!important;} .auction_p_wrap .detail_info .info_table_area .sec_title {font-size: 1em;padding: 0px 0;} .scroll_info_box {font-size: 10px;margin-top: 1px;} .new_wrap .state_screen {width: 100%;} .new_wrap .detail_info .info_table_area { display: block !important; } .new_wrap .detail_info .screen_content{ display: block !important; } .new_wrap .bidding_status { display: flex !important; } .new_wrap .keypad_area .carcass_result { display: none!important; } .new_wrap .detail_info .keypad_area{padding:0; background:none;} } .auction_check_wrap {width: 100%;display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; align-content: flex-start; justify-content: space-between;} .auction_check_wrap .auction_detail_info {width: 34%;} .auction_check_wrap .screen_info{width:65%;} .auction_check_wrap .point {border: 2px solid #fff264;} .auction_check_wrap .point td {color: #fff264; background:#1d2b54; font-weight: bold;} .auction_check_wrap .point_green{color: #62c875; font-size: 1.2em; font-weight: 600;} .auction_check_wrap .point_red{color:#f36e6e;font-size: 1.2em; font-weight: 600;} /* 부분육정보 테이블 */ .auction_check_wrap .auction_detail_info .item_info_area .meat_info p{font-size:2em;font-weight: 600;border-radius: 7px 7px 0 0;color:#fff;background:#5c7fd8;text-align: center;padding: 5px 0; position: relative;} .auction_check_wrap .auction_detail_info .item_info_area .meat_info p .glyphicon-plus{font-size: 0.7em; color: #fff; top: -2px; left: 7px;} .auction_check_wrap .auction_detail_info .item_info_area .meat_info table { table-layout: fixed;width: 100%; color: #ffffff; border-collapse: collapse; background: #21374e;} .auction_check_wrap .auction_detail_info .item_info_area .meat_info table td { word-wrap: break-word;font-size: 1.35em; text-align: center; vertical-align: middle; padding: 3px 6px; border:1px solid #414954; line-height: 2.15;} .auction_check_wrap .auction_detail_info .item_info_area .meat_info table td:nth-child(odd) {background: #1b293f; color: #7798ec; font-weight: 600;} /* 경매현황 테이블 */ .auction_check_wrap .auction_detail_info .item_info_area .auction_status p{font-size:2em;font-weight: 600; border-radius: 7px 7px 0 0; color:#fff;background:#4891bf;margin-top:15px;text-align: center; padding: 5px 0;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status .table_scroll_box{height:329px;overflow-y:auto;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status table {table-layout: fixed;width: 100%;color: #ffffff; border-collapse: collapse; background: #21374e; margin-top: 0px;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status table thead{position: sticky; top: 0;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status table td {padding: 4px 6px;word-wrap: break-word; font-size: 1.35em; text-align: center; border: 1px solid #404955; vertical-align: middle; height: 40.6px;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status table th {background: #1b293f; text-align: center; font-size: 1.35em; color: #99d1ff; font-weight: 600; border: 1px solid #404955; padding: 6px 6px;border-top:0;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status .auction_status_data{display: flex; width: 100%; justify-content: space-around; flex-direction: row; align-items: flex-start;background: #1e283e;border-top: 0 !important; border: 1px solid #404955;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status .auction_status_data p{background: none; border-radius: 0; font-size: 1.9em; margin-top: 0px; padding: 6px 0;} /* 현재 경매 사진 정보 */ .auction_check_wrap .screen_info .state_screen_area {background: #111e32; border-radius: 7px 7px 0 0; border: 1px solid #404955;border-top: 0 !important;} .auction_check_wrap .screen_info .state_screen_area p{font-size:2em;font-weight: 600; border-radius: 7px 7px 0 0; color:#fff;background:#2d925f;text-align: center; padding: 5px 0;} .auction_check_wrap .screen_info .state_screen_area .state_txt {text-align: center; padding: 5px 0 19px; color: #78d489; border-top: 1px solid #4a4b52;} .auction_check_wrap .screen_info .state_screen_area .state_txt .date_txt {font-size: 1.75em; font-weight: 600;} .auction_check_wrap .screen_info .state_screen_area .state_txt .date_state {font-size: 4.5em;display:block;font-weight: 600;color: #fdf374;line-height: 1em;} .auction_check_wrap .screen_info .state_screen_area .state_txt p{background: none; padding: 0; margin: 0 0 15px 0;} .auction_check_wrap .screen_info .info_screen_wrap {width: 100%; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between;} .auction_check_wrap .screen_info .info_screen_wrap .info_screen {width: calc(100%/3); position: relative; text-align: center; background: #41444f; height:296px; display: flex; justify-content: center; align-items: center;} .auction_check_wrap .screen_info .info_screen_wrap .info_screen:nth-child(even) {background: #393d49;} .auction_check_wrap .screen_info .info_screen_wrap .info_screen .info_state {width: 33%; z-index: 1; position: absolute; top: 0; left: 0;} .auction_check_wrap .screen_info .info_screen_wrap .info_screen img{margin: 0;} /* 필추가 20221123 (사진정보 이미지 없을경우 대비) */ .auction_check_wrap .screen_info .info_screen_wrap .info_screen .info_screen_img{width: 100%; height: 100%; display: none;} .auction_check_wrap .screen_info .info_state dl {width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; margin: 0px;} .auction_check_wrap .screen_info .info_state dl dt {width: 49%; padding: 11px 7px; font-size: 16px; background: #1e283e;border: 1px solid #424953; text-align: center;color: #9dffae;} .auction_check_wrap .screen_info .info_state dl dd {width: 51%; padding: 11px 7px; font-size: 16px; background: #25364d; border: 1px solid #424953;text-align: center;color: #fff; font-weight: 600;} /* 다음 경매 사진 정보 */ .auction_check_wrap .screen_info .next_state_screen_area p{font-size:2em;font-weight: 600;border-radius: 7px 7px 0 0;color:#fff;background:#226c30;margin-top:15px;text-align: center; padding: 5px 0;} /* 부분육 클릭 후 화면 */ .auction_check_view_wrap{width:100%;/* height:2560px; */background:#414b58;display: flex;flex-direction: column;align-items: flex-start;flex-wrap: wrap;align-content: flex-start;justify-content: flex-start;} .auction_check_view_wrap .point {border: 2px solid #fff264;} .auction_check_view_wrap .point td {color: #fff264; background:#1d2b54; font-weight: bold;} .auction_check_view_wrap .point_green{color: #62c875;font-size: 1.0em;font-weight: 600;} .auction_check_view_wrap .point_red{color:#f36e6e;font-size: 1.0em;font-weight: 600;} .auction_check_view_wrap .auction_check_view_title{width:100%;} .auction_check_view_wrap .auction_check_view_title p{font-size: 4em;font-weight: 600;border-radius: 0;color:#fff;background:#4891bf;margin-top:0px;text-align: center;padding:5px 0;} /* 부분육경매현황-진행중 테이블 */ .auction_check_view_wrap .meat_info{width:100%;} .auction_check_view_wrap .meat_info p{font-size: 4.5em;border-radius: 0;color: #fdf374;background: #182438;text-align: center;/* padding: 10px 0; */border: 1px solid #9ba4b1;border-bottom: 0;font-weight: 600;/* height: 101px; */} .auction_check_view_wrap .meat_info p .glyphicon-plus{font-size:1em;color:#fff;} .auction_check_view_wrap .meat_info table {width: 100%; color: #ffffff; border-collapse: collapse; background: #21374e;} .auction_check_view_wrap .meat_info table td {width: 25%;font-size: 3em;text-align: center;vertical-align: middle;padding: 2px 6px;border:1px solid #9ba4b1;} .auction_check_view_wrap .meat_info table td:nth-child(odd) {background: #182438; color: #c0cef3; font-weight: 600; width: 20%;} /* 부분육경매현황-이미지영역 */ .auction_check_view_wrap .screen_info{width:100%;/* height: 49.9%; */height: 619px;} .auction_check_view_wrap .info_screen_wrap{width: 100%;display: flex;justify-content: center;align-items: center;height: 100%;} .auction_check_view_wrap .info_screen_wrap img {margin: 0; width: 33%;} /* 필추가 20221123 (사진정보 이미지 없을경우 대비) */ .auction_check_view_wrap .info_screen_wrap .info_screen_img {width: 100%; height: 100%; display: none;} /* 경매결과 테이블 */ .auction_check_view_wrap .auction_status{width:100%;} .auction_check_view_wrap .auction_status p{font-size: 4.5em; font-weight: 600; border-radius: 0; color:#fff;background:#182438;margin-top:0px;text-align: center; padding:5px 0;border:1px solid #9ba4b1;} .auction_check_view_wrap .auction_status table {width: 100%; color: #ffffff; border-collapse: collapse; background: #21374e; margin-top: 0px;} .auction_check_view_wrap .auction_status table td {padding: 3px 6px; font-size: 3em; text-align: center; border: 1px solid #9ba4b1; vertical-align: middle;} .auction_check_view_wrap .auction_status table td:nth-child(odd) {background: #182438; color: #c0cef3; font-weight: 600; width: 25%;} /* 부분육 상장 접수 */ #rcptRjctRegForm .form-group textarea {height: auto;} .new_wrap_view .screen_tit{font-size: 35px;padding: 0px;border-radius: 0;text-shadow:unset;} .new_wrap_view .screen_table th{color: #fff;font-size: 33px;height: 50.5px; background: #090a3f;border: 1px solid #ebf4ff;text-shadow:unset;} .new_wrap_view .screen_table td{ font-size: 84px; height: 102.5px; background: #000; border: 1px solid #ebf4ff; text-shadow: unset; line-height: 1; padding: 0; vertical-align: top;} /* 반응형작업 시작 */ /* desktop */ @media screen and (max-width:1650px) { .auction_check_wrap .auction_detail_info .item_info_area .meat_info p {font-size: 1.7em; padding: 7px 0;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status p {font-size: 1.7em; padding: 7px 0;} .auction_check_wrap .screen_info .state_screen_area p {font-size: 1.7em; padding: 7px 0;} .auction_check_wrap .screen_info .next_state_screen_area p {font-size: 1.7em; padding: 7px 0;} .auction_check_wrap .auction_detail_info .item_info_area .meat_info table td {font-size: 1.2em; padding: 3px 6px;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status table td{font-size: 1.2em; padding: 3px 6px; height: 34.7px;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status table th{font-size: 1.2em; padding: 3px 6px;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status .auction_status_data{font-size: 0.9em;padding: 0px 6px;} .auction_check_wrap .screen_info .info_screen_wrap .info_screen .info_state {width: 47%;} .auction_check_wrap .screen_info .info_state dl dt {padding: 6px 7px; font-size: 1em;} .auction_check_wrap .screen_info .info_state dl dd {padding: 6px 7px; font-size: 1em;} .auction_check_wrap .screen_info .info_screen_wrap .info_screen {height: 100%;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status .auction_status_data p{background: none; border-radius: 0; font-size: 1.9em; margin-top: 0px; padding: 3px 0;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status .table_scroll_box {height: 279px;} } /* 테블릿 (해상도 768px ~ 1023px)*/ @media screen and (max-width:1260px) { .auction_check_wrap {width: 100%; display: flex; flex-direction: column; align-items: flex-start; flex-wrap: wrap; align-content: flex-start; justify-content: space-between;} .auction_check_wrap .auction_detail_info {width: 100%;} .auction_check_wrap .item_info_area {width:100%;display: flex; justify-content: space-between; align-items: flex-start;} .auction_check_wrap .meat_info {width: 49.5%;} .auction_check_wrap .auction_status {width: 49.5%;} .auction_check_wrap .screen_info {width: 100%;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status p {margin-top:0;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status table td {font-size: 1.1em; padding: 7px 6px; height: 40.5px;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status table th {padding: 6px 6px;} .auction_check_wrap .auction_detail_info .item_info_area .meat_info table td {font-size: 1.1em; padding: 9px 6px;} .auction_check_wrap .point_green {font-size: 1.1em;} .auction_check_wrap .point_red {font-size: 1.1em;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status .auction_status_data {font-size: 0.8em;} .auction_check_wrap .screen_info .state_screen_area{margin-top:10px;} .auction_check_wrap .screen_info .next_state_screen_area p{margin-top:10px;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status .table_scroll_box {height: 326px;} } @media screen and (max-width:1040px){ .new_wrap .info_table_area .item_info td:nth-child(1) { width: 20%; } } @media screen and (max-width:950px) { .new_wrap .state_screen { width: 100% !important; } .new_wrap {flex-direction: column;} .new_wrap .detail_info {width: 100%;margin-top:20px;} .new_wrap .detail_info .screen_content {width: 49%;} .new_wrap .key_wrap {width: 49%;} .new_wrap .num_wrap .num_wrap_l .button {width: 32.5%!important;} .new_wrap .num_wrap .n_layout .w_btn {width: 49.5% !important;} .new_wrap .bidding_status p {font-size: 1.3em; padding-left: 10px;} .new_wrap .detail_info .keypad_area .keypad strong{height:49px} .new_wrap .detail_info .button_wrap .button { min-height: 66px;font-size: 21px;} .new_wrap .detail_info .button_wrap .bg_h {min-height: 134px !important;} .new_wrap .info_table_area .item_info td {font-size: 1em;} } @media screen and (max-width:800px){ .state_screen{flex-direction: column;width:100%;} .new_wrap .screen_content{margin-top:10px;width:100%;} .new_wrap .detail_info{flex-direction: column;} .new_wrap .detail_info .screen_content{width:100%;} .new_wrap .key_wrap{width:100%;} } /* 모바일 */ @media screen and (max-width:768px) { .auction_check_wrap .item_info_area {width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-direction: column;} .auction_check_wrap .auction_status {width: 100%;margin-top:15px;} .auction_check_wrap .meat_info {width: 100%;} .auction_check_wrap .screen_info .state_screen_area {margin-top: 15px;} .auction_check_wrap .point_green {font-size: 1em;} .auction_check_wrap .point_red {font-size: 1em;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status table td {font-size: 1em; height: 38.1px;} .auction_check_wrap .screen_info .info_state dl dt {font-size: 0.9em;} .auction_check_wrap .screen_info .info_state dl dd {font-size: 0.9em;} .auction_check_wrap .screen_info .info_screen_wrap{width: 100%; display: flex; flex-direction: column;} .auction_check_wrap .screen_info .info_screen_wrap .info_screen{width:100%;height: 100%;} .auction_check_wrap .auction_detail_info .item_info_area .auction_status .table_scroll_box {height: 309px;} } /* 설문지관리 수정 */ .btn_v2 {padding:3px 9px; font-size:14px;} /* jqgrid 글자 길이 ellipsis 처리 20220105 */ .ui-jqgrid tr.jqgrow td{ text-overflow: ellipsis; -o-text-overflow : ellipsis; } /* 회원가입 - 권한 선택 - 농가 grid overflow 처리 20220203 */ .farmJqGridWidthClass .ui-jqgrid-bdiv{ overflow-y: auto !important; } /* 설정 - 이력관리 - 오류 로그 조회 오류 내용 상세 정보 스타일 적용 20220110 */ .err-log-stck-trc-ctnt{ height: 240px; overflow: auto;} .wid-1220-px{ width: 1220px; } .float-right{ float: right; } .myinfo-auth-btn{float:left;} /* 관리자 게시판 답변 textarea height 크기 변경 */ textarea#admin_ntart_ans_ctnt{ height : 120px; margin-top: 10px; white-space:pre-line; resize: none; } /* 2022-04-14 경매 순서 변경 버튼 CSS 추가 */ .auctn_order_form .list_button{overflow:hidden; background:#eaeaea; padding:4px 10px; border-bottom: 2px solid #fff;} .auctn_order_form .list_button button{float:left;background: #3b63be; background-size:14px;color:#fff;border-radius: 3px; margin: 3px;padding: 5px 10px;display: inline-block; font-size: 14px; } .auctn_order_form .list_button .bg_none{background:#f12765; padding-left:10px} /* 2022-06-09 권한 관리 접속 허용 IP INPUT CSS 추가 */ .cntn_ip_scope_txt{ width: 48px !important; } /* 웹표준으로 인한 modal title fontsize 뺐음(20220714 필)**/ .font15{ font-size:15px; } .jmrk_select_block{margin-bottom:10px;} .jmrk_select_block select{background:#e2efff; width:300px; border: 1px solid #92a2b5; color:#000; padding:5px; height:40px; font-size: 17px;margin-right:1rem;} .jmrk_select_block .btn{margin-right:1rem;} .total{ padding-bottom: 20px; } .slideshow-container { max-width: 1000px; position: relative; margin: auto; } .mySlides{ display: none; float: left; } .prev, .next{ cursor: pointer; /* position : absolute; */ top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } .next{ right: 0; border-radius: 3px 0 0 3px; } .prev:hover, .next:hover{ background-color: rgba(0,0,0,0.8); } .text{color: #8b8b8b; font-size: 15px;padding: 8px 12px; /* 20220718 반응형 시 textbox가 밑으로 내려가서 없앰 */bottom: 8px;} .numbertext{ color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; z-index: 999; } /* #searchAreaTemp {position: fixed;z-index: 1001;width: calc(100% - 410px);border-bottom: 2px solid #777;top: 66px;left:330px;border-radius:0px;} #searchAreaTempHead {position: fixed;z-index: 1001;width: calc(100% - 410px);top: 65px;left:330px;background: #fff;height: 11px;} */ input#auctn_ymd {width:84%; font-size:14px; padding:6px 12px; float:left;} input#bid_ymd {width:84%; font-size:14px; padding:6px 12px; float:left;} input#auctn_end_ymd {width:84%; font-size:14px; padding:6px 12px; float:left;} .date_01 {overflow:hidden;} .date_01 button {width:13%; float:left; padding-left:4px;} .date_01 button img {margin:4px 0;} .time_01 select {width:49%; margin-right:5px; float:left;} .time_01 select:last-child {margin-right:0px;} @media (max-width:1950px) { .screen_wrap .ing_image { margin: 70% auto 0;} } @media (max-width:1777px) { /* #nav{width:1050px;margin: 0 auto; float: left;} */ /*footer*/ .footer .addr_box:nth-child(2){width:30%;} } @media (max-width:1652px) { /* #nav_wrap {position:absolute; left:195px;} */ #nav_wrap .nav_dapth1>li {float:left;} .footer{width:100%} .depth_2 > p {padding-top:0px !important;} .pagin_footer .pagin_left{float: inherit;} .btn_wrap .btn_right{float:right;} .fold_wrap_box2 .fold_wrap{width:100%;} .fold_wrap_box2 .fold_wrap.arrow{width:100%;} .fold_wrap .board_write {margin-bottom:20px;} .fold_wrap .board_write .group-2 .form-group .tit {width:40%;} .fold_wrap .board_write .group-2 .group {width:60%;} .fold_wrap_box2 .fold_wrap:first-child, .fold_wrap_box2 .fold_wrap:last-child{padding:0;} .large_right_arrow{float: left;margin: 13% 1.3%;display: none;} .large_down_arrow{display: block;margin: 0 auto;} .modal_view{width:80%; margin:65px auto;} .calculator {padding:15px;} .num_wrap button{width:24.4%;} } @media (max-width:1535px) { .footer .addr_box:nth-child(2) {width:28%;} /* 경매진행보드-도체정보 */ .screen_wrap{width:50%;} .screen_wrap .ing_image {margin: 50% auto 0;} .calculator .bg_c06 {font-size:38px;} .button_wrap .button{font-size:22px;} } @media (max-width:1500px) { #searchAreaTemp {position: fixed;z-index: 1001;width: calc(100% - 70px);border-bottom: 2px solid #777;top: 66px;left:35px;border-radius:0px;} #searchAreaTempHead {position: fixed;z-index: 1001;width: calc(100% - 70px);top: 65px;left:35px;background: #fff;height: 11px;} body {width:100%;} .cm_table td, .cm_table th {font-size:15px;} .footer {padding:0 20px;} /*mobile header*/ /*#mobile_header_wrap{width:220px; z-index:2; display:block;position:fixed; top:0; right:0; bottom:0px; margin:0; padding:0; width:auto; overflow-x: hidden;}*/ #mobile_header_wrap {width:220px; z-index:2; position:fixed; top:0; right:0; bottom:0px; margin:0; padding:0; width:auto; overflow-x: hidden;} #mobile_header_wrap .mobile_menu{display: block; top: 0;right: 0; z-index: 2; background:#3c3a43; height:100%; width:280px;} #mobile_header_wrap .m_black_bg{display: block; position:fixed; top: 0; right: 0; bottom: 0;left: 0;background:url(./../image/black_bg.png) repeat; z-index: -1; width:100%; height:100%;} #mobile_header_wrap .introduce{color:#fff; padding:5px 6px; display:block; float:left; font-weight:600; border-radius:50px; border:1px solid #fff; font-size:12px; margin-left:3px;} #mobile_header_wrap .introduce:hover{background:#3c5268;} #mobile_header_wrap nav {float:left; background:#3c3a43; height:100%; color:#fff; width:100%; z-index: 1001; bottom:0; margin-top:0; position: fixed; top:55px; overflow:scroll;} #mobile_header_wrap .nav_wrap a {color:#fff;} #mobile_header_wrap .nav_dapth1 a {padding:10px; width:100%; display:block; border-bottom:1px solid #5f5f66; font-weight:bold;} #mobile_header_wrap .nav_dapth1 .on {background:#1c65ca;} #mobile_header_wrap .nav_dapth2 a {background:#fff; color:#383838; border-bottom:1px solid #dcdcdc; font-weight:100;} #mobile_header_wrap .nav_dapth2 li:last-child {border-bottom:0;} #mobile_header_wrap .nav_dapth2 .on {background:#fff;color:#2979e6; font-weight:bold;} #mobile_header_wrap .nav_dapth3 {background:#f0f0f0; padding:10px 0;} #mobile_header_wrap .nav_dapth3 a {position:relative; background:none; border-bottom:0; font-weight:100; padding:3px 0 3px 25px; color:#5f5f5f;} #mobile_header_wrap .nav_dapth3 a:hover {background:none;} #mobile_header_wrap .nav_dapth3 a:after {display: block; position:absolute; left:15px; top:17px; width:3px; height:3px; border-radius:50%; background: #9e9f9f; content: '';} #mobile_header_wrap .nav_dapth3 .on {background:none; color:#2979e6;} #mobile_header_wrap .nav_dapth3 .on:hover {background:none;} .small_modal_view{width:60%;} /*설정*/ .header_link .setting {display:none !important;} #mypage_wrap {display:none!important;} /*SiteMap*/ #menu_btn {display:none;} #siteMap {display:none;} /*모바일메뉴*/ .mobile_menu_btn{display:inline-block; padding:0; width:auto; height:65px; background:#53617b; border:0; vertical-align:middle; float:right; cursor: pointer;} .mobile_menu_btn .icon-bar{padding:18px 16px;} .mobile_menu_btn span{display:block; margin-top:6px; height:2px; background:#fff; width: 27px;} .mobile_menu_btn span:nth-child(2n){width: 20px;} .mobile_menu_btn:hover{background:#465673;} .mobile_menu .nav_wrap a{color:#fff;} .mobile_menu .nav_dapth1 a{padding:10px; width:100%; display:block; border-bottom:1px solid #5f5f66; font-weight:bold;} .mobile_menu .nav_dapth1 a:hover{background:#43495a;} .mobile_menu .nav_dapth1 .on{background:#1c65ca;} .mobile_menu .nav_dapth1 .on:hover{background:#1c65ca;} .mobile_menu .nav_dapth2 a{background:#2b2a34; border-bottom:1px solid #48484f;font-weight: 100;} .mobile_menu .nav_dapth2 .on{background:#2b2a34; color:#73aeff;} .mobile_menu .nav_dapth2 .on:hover{background:#43495a;} .top_menu{width:100%;} .top_menu_wrap {padding:5px 10px; overflow:hidden; border-bottom:1px solid #5c5c5c;} .top_menu_wrap .top{overflow:hidden;} .top_menu_wrap .top h2{float:left;} .top_menu_wrap .top h2 img{width:auto; height:32px;} .top_menu_wrap .right{float:right;} .top_menu_wrap .right button.close {color:#fff; opacity:inherit; font-size:24px; padding-top:8px;} .top_menu_wrap .link{overflow:hidden; margin:5px 0; float:left;} .top_menu_wrap .link a{display:inline-block; margin:3px; height:28px; border-radius:50px; font-size:13px; background:#666e7b;padding:0 12px;line-height: 25px; color: #fff; text-align: center;} .top_menu_wrap .link a:hover{background:#22c3cb;} .lnb_wrap {display:none;} .container_wrap .wrap2 {width:100%; padding:20px;} .header_menu {width:100%;} .depth_2 li {width:20%;} .depth_2 > p {padding-top:0px !important;} /*board_write*/ .board_write .form-group .tit {width:16.4%;} .board_write .form-group .tit2 {width: 16.2%; text-align: center; font-size: 16px;} .board_write .form-group .tit3 {width: 16.2%; text-align: center; font-size: 16px;} .board_write .group-2 .form-group {width:50%;} .board_write .group-2 .form-group .tit {width:33%;} .board_write .group-2 .group.tworow{height: 55px;width:65%;} .board_write .group-2 .chrger_tpcd.group {width:70%;height: auto !important;} .board_write .group-2 .group {width:70%;} .board_write .group-3 .form-group {width:100%;} .board_write .group-3 .form-group .tit {width:15%;} .board_write .group-3 .group {width:85%;} .half_2 .padding_box{width:100%;} .sub_screen_tit {font-size:30px;} /* 축산물 온라인거래소 로그인화면 */ .login_bg_box .bg_icon02 {left:17%;} } @media (max-width:1420px) { /* 2022. 03. 29 경매미리보기 동영상 사이즈 변경 (필) */ .color_bg_box #videoNowVideo{height : 202px!important;} .layout_type1 .left_box{width:100%;} .layout_type1 .right_box{width:100% !important;} .sub_graph_wrap4 .padding_box{width:50%;} .c_system .table-responsive{width: 100%;} .c_system .form-group{width: 100%;} .depth_2 > p {padding-top:0px !important;} .button_wrap button strong {font-size: 12px;} .button_wrap .button{font-size:22px;} .calculator .bg_c06 {font-size:35px;} .text_wrap button {width:48.3%;} .num_wrap .button {width:24.4%;} .calculator .bg_c03 {width:49%;} .button_wrap .button span{padding-bottom:0;} .layout_type4 .cm_table tbody tr {height:30px;} .layout_type4 .cm_table thead th {height:30px;} .mobile_wrap .mobile .divTextarea {width: 100%;} /*footer*/ .footer .addr_box {width:75%;} .footer .addr_box:nth-child(2) {width:22%;} .auction_modal .color_bg_box{background:#edeff3; padding: 15px 15px 15px; border-radius:3px; width:100%; overflow: hidden; min-height:254px;} .auction_modal .number_box {background: #e2f3ff; padding: 10px; font-size: 15px; border-radius: 3px; margin-bottom: 5px; padding-left: 10px;} .tit_h4 {font-size: 20px;} .cm_table thead th {height: 37px;} } @media (max-width:1255px) { /* 축산물 온라인거래소 로그인화면 */ .login_enter {transform:translate(-20%, 33%);} .login_enter .loginform_box {position:relative; width:100%;} .login_enter .idpw li {overflow:hidden; width:100%;} .login_enter .idpw li .icon_id {left:11px;} .login_enter .idpw li .icon_pw {left:11px;} .login_enter .idpw li .input_box {float:left; width:280px;} .login_enter .btn_login {position:absolute; right:0; top:0; width:110px; height:110px; border-radius:3px;} .login_enter .btn_auth {/* position:absolute; */ right:0; top:0; width:100%; height:50px; border-radius:3px;} .login_enter .keep_check {padding:0; text-align:left;} .login_bg_box .bg_icon02 {top:16%; left:15%;} .footer address {font-size:11px; padding: 4px 0px 0 2px;} .session { margin: 17px 2px 0 2px; padding: 3px 9px; } } @media (max-width:1200px) { /*nav*/ /* #nav{display:none;} */ /* #nav_top_menu{display: none!important;} */ /*메뉴*/ /* .menuCollapse {display:none!important;} */ .board_write .form-group .tit3 {width: 16.2%; text-align: center; font-size: 16px;} .auction_btn .btn {width:19.5%;} .sum_wrap strong {display: block;} .session { margin: 17px 15px 0 5px; padding: 3px 12px; } .container_wrap{ padding: 66px 40px 20px; min-height: calc(100vh - 60px);} .container_wrap .wrap2 {margin-top:2rem;} } @media (max-width:1129px){ .new_wrap .info_table_area .item_info td {padding: 2px 3px;} } @media (max-width:1123px) { #searchAreaTemp {position: fixed;z-index: 1001;width: calc(100% - 80px);border-bottom: 2px solid #777;top: 66px;left:40px;border-radius:0px;} #searchAreaTempHead {position: fixed;z-index: 1001;width: calc(100% - 80px);top: 65px;left:40px;background: #fff;height: 11px;} .num_wrap button {width:24.3%;} .calculator {padding:10px;} .button_wrap .button {font-size:19px;} .calculator .bg_c03 {width:48.4%;} .calculator .bg_c06 {font-size:32px;} .button_wrap .button strong {font-size:11px;} /* 축산물 온라인거래소 로그인화면 */ /* .login_enter {margin:90px auto; float:none; transform:none;} */ .login_bg_box .bg_icon02 {width:0px;} /* .login_enter {float:none; transform:none;} */ .login_enter {transform:translate(-60%, 33%);} } @media (max-width:1065px) { #footer_wrap {padding:10px 0 14px;height:60px;} .footer .addr_box {width:100%;padding-bottom:8px;float:inherit;} .footer .addr_box:nth-child(2){width:80%;} .footer address {width:80%;} .footer address {width:580px; text-align:left; padding:5px 10px;} .footer .privacy_link {font-size:11px;} .footer .relate-box .site-list li a {font-size:11px;} .footer .relate-box .btn button {font-size:11px; height:28px;} .modal_view {width:auto; padding:0 10px; max-width: 50% !important;} .small_modal_view {width:80%; margin:65px auto;} .sub_graph_wrap2 .box_wrap3{width:100%; padding:3px 0;} .mobile_wrap .board_write .form-group .tit {width: 100%;} .new_wrap .state_screen .info_title .info_title_con { width: 85%; padding-left: 5px; } } @media (max-width:1024px) { .footer {padding:0 10px;} .footer .privacy_link {padding:9px 5px 0px;} .header_menu .nav > li {padding:0 10px;} .header_menu .nav {right:120px;} .board_write .form-group .tit {width: 20%;} .board_write .form-group .tit2 {width: 20%;} .board_write .form-group .tit3 {width: 20%;} .board_write .form-group .group{width:80%;} .board_write .group-2 .form-group{width:100%;} .board_write .group-2 .form-group .tit {width:20%;} .board_write .group-2 .group.tworow{width:80%;} .board_write .group-2 .group{width:80%;} .board_write .group-3 .form-group .tit {width: 20%;} .calculator .result {padding:10px;} .sum_wrap p strong {font-size:20px;} .sum_wrap p span {font-size:14px;} .layout_type3 .left_box{width:100%; padding:0;} .layout_type3 .right_box{width:100%;} .mobile_wrap .mobile{float:inherit; width:293px; margin:0 auto 10px;} .modal-body .board_write{width:100%;} .modal_1000 {width:inherit;} /* 경매일정 수정*/ .auctn_date input#auctn_ymd {width:80%;} .auctn_date input#bid_ymd {width:80%;} .auctn_date button {width:20%;} .new_wrap .info_table_area .item_info td {padding: 0px;} } @media (max-width:960px) { } @media (max-width:950px) { #footer_wrap{padding:10px 0;height:55px;} .footer address{float:inherit; width:100%; font-size:10px;} /*container_wrap*/ #wrapper nav{display:none;} .container_wrap {margin-left:0; padding:90px 20px 30px;min-height: calc(100vh - 76px);} /*pagin*/ .pagin_footer .pagin_left {float:inherit;} .btn_wrap .btn_right {float:right;} .btn_wrap {margin:15px 0;} #fullpage_wrap h2 {margin:35px 0 10px;} .container_wrap .wrap2 {padding: 20px;} .total > b {float: inherit !important;} .boardlist_top {padding:20px;} .boardlist_top .top_btn { display:block; width: auto; margin-top:5px;} .file_area .file_choice{width:80%; min-width:auto;} /* 서브페이지 레이아웃 */ .w_15{width:100%; float:inherit; padding-bottom:20px; padding-right:0;} .w_30{width:100%; float:inherit; padding-bottom:20px; padding-right:0;} .w_35{width:100%; float:inherit; padding-bottom:20px; padding-right:0;} .w_40{width:100%; float:inherit;} .w_50{width:100%; float:inherit;} .w_60{width:100%; float:inherit; padding-bottom:20px; padding-right:0;} .w_70{width:100%; float:inherit;} /*서브페이지 레이아웃 박스*/ .sub_graph_wrap2 .cm_table, .sub_graph_wrap2 .table-responsive, .sub_graph_wrap3 .cm_table, .sub_graph_wrap3 .table-responsive{margin-bottom:0;} .sub_graph_wrap2{overflow:hidden; width:100%;} .sub_graph_wrap2 .table-responsive{width:100%; padding:3px 0;} .sub_graph_wrap2 .graph_box{width:100%; padding:0px;} .sub_graph_wrap2 .padding_box{width:100%; padding:3px 0;} .sub_graph_wrap3{overflow:hidden; width:100%;} .sub_graph_wrap3 .table-responsive{width:100%; padding:3px 0;} .sub_graph_wrap3 .graph_box{width:100%; padding:0px;} .sub_graph_wrap3 .padding_box{width:100%; padding:3px 0;} .sub_graph_wrap4 .padding_box{width:100%; padding:0px;} .sub_graph_wrap4 .cm_table {margin-bottom: 0;} .layout_type1 .sub_graph_wrap2 .padding_box:first-child, .layout_type1 .sub_graph_wrap2 .padding_box:last-child {padding:0px;} .menu_btn_wrap li {padding:3px; width:50%;} .c_system label {width: 20% !important;} .c_system .group_wrap {width: 80%;} .board_write .form-group .tit-s{width:54.5%;} .result_ing {padding: 15px; font-size:22px;} .layout_type3 .left_box .auction_btn {width:100%;} .layout_type3 .left_box .box_01{width:100%; padding:0px;} .layout_type3 .left_box .box_02{width:100%; padding:0px;} .layout_type4 .left_box{width:50%;} .layout_type4 .right_box{width:50%;} .scroll_table{max-height:202px; overflow-y: auto;} /* 경매진행보드-도체정보 */ .screen_wrap{width:100%; padding:0; margin-bottom:10px;} .screen_wrap .screen_box {height:auto;} .screen_wrap .ing_image {width: 200px; display: block; margin: 20px auto;height: auto;} .layout_type2 .left_box {width:100%; padding:0;} .layout_type2 .right_box{width:100%;} .auction_btn .btn_type2{width:17%;} /* 도체 상세정보 이미지 */ .ing_image {width:60%;} /** 2021 12 07 필 추가 (경매준비중 display) */ .text_center img {width:50%;} .excell_btn {overflow:hidden; width:100%; padding-top:5px;} } @media (max-width:875px){ #footer_wrap{padding:10px 0;height:76px;} .footer .addr_box {flex-direction: column;align-items: flex-start;} .login_enter {transform:translate(-40%, 33%);} } @media (max-width:830px) { .top-form-group{ flex-direction: column;} .top-group { display: flex; width: 100%; align-items: center; justify-content: center;flex-wrap: wrap; } .h3_title #location2 { justify-content: center; } } @media (max-width:768px) { #nav_top_menu{display: none!important;} .menuCollapse {display:none!important;} h3 {font-size:22px;line-height:1.3;} .h3_title button {margin:0; width:27px; height:27px;} .h3_title .location {float: left; padding: 0 0 5px; width: 100%;} h4 {font-size:18px; line-height:1.2;} .tit_h4 {background: url(./../image/h4_tit.png) 0 5px no-repeat;} .title_wrap button {padding-top: 2px;} .top_btn{width:100%; margin-top:5px;} .depth li {width:100%!important;} .depth_2 {border-bottom: 0;} .depth_2 li {width:50%;margin-bottom:1px;} .total > b {float: inherit !important;} .w_100 > b {top: 0 !important;} .w_100 > p {float: left; margin:0px 0 !important;} .boardlist_top {padding:10px;} .boardlist_top .form-group {margin-right:0;} .cm_table .btn{margin-bottom:2px;} .cm_table .btn:last-child{margin-bottom:0;} /*이용동의*/ .agree_wrap .tit{padding:10px;} .agree_wrap dd { float:left;} #searchAreaTemp {position: fixed;z-index: 1001;width: calc(100% - 60px);border-bottom: 2px solid #777;top: 66px;left:30px;border-radius:0px;} #searchAreaTempHead {position: fixed;z-index: 1001;width: calc(100% - 60px);top: 65px;left:30px;background: #fff;height: 11px;} .div_to_table2 {width: 100%;float: left;} .div_to_table2.border_right {border-right:none;} .layout_type4 .left_box{width:100%;} .layout_type4 .right_box{width:100%;} /* 경매일정 상세보기 */ .time_01 select {width:100%;} .time_01 select:first-child {margin-bottom:4px;} } @media (max-width:760px) { .container_wrap .wrap2 {padding:15px;} .h3_title h3 {font-size:26px;} .auction_btn .btn {width:19.3%;} .auction_modal .color_bg_box {padding:10px;} .login_enter {transform:translate(-15%, 33%);} /* 경매진행 */ .auction_table td, .auction_table th {font-size:15px;} .boardlist_top .title {min-width:86px;} .boardlist_top .title2 {min-width:26px;} } @media (max-width:680px){ .container_wrap { height: calc(100% - 96px); } #footer_wrap{padding:10px 0;height:77px;} /* .footer .addr_box {flex-direction: column;align-items: flex-start;} */ } @media (max-width:630px) { /* 로그인페이지 */ .login_enter {width:100%;} .login_enter .idpw li .input_box {width:68%;} .login_enter .idpw li .icon_id {left:15px;} .login_enter .idpw li .icon_pw {left:15px;} .login_enter .keep_check {width:100%;} .login_enter .btn_login {width:30%;} .login_enter .find_wrap {width:100%;} .login_enter .find_wrap li+li {padding-left:14px;} .login_enter .find_wrap li::before {left:5px;} /* 공지사항 상세보기 */ .board_view .info_box .right {width:100%;} /* 축산물 온라인거래소 로그인화면 */ .login_bg {padding:40px;} .login_bg_box {padding:30px;} .login_enter {float:none; transform:none;} /* 경매 일정 타이틀 */ .calendar-container .fc-toolbar h2 {font-size:25px !important;} .board_write .group .btn {margin-right:0;} /* 도체상세정보 이미지 */ .sub_graph_wrap2 .box_wrap2 {width:100%;} .ing_image {width:40%; padding-top:40px;} .boardlist_top .search_ymd_group .footer .right {overflow:hidden;} .footer .privacy_link {float:left; padding-top:5px;} .right_bt_group .btn_right {float:inherit;} .right_bt_group .btn_right a {width:49%; margin-bottom:2px;} } @media (max-width:580px) { #footer_wrap{height:91px;} .footer address {display: flex;flex-direction: column;} } @media (max-width:562px) { .container_wrap .wrap2 {padding:10px;} .board_write .group-2 .form-group, .board_write .form-group {width: 100%;display: block;} .board_write .group-2 .form-group .tit, .board_write .form-group .tit{width: 100%; float: inherit; display: block; padding: 5px; text-align: left;} .board_write .form-group .tit2{width: 100%; float: inherit; display: block; padding: 5px; text-align: left;} .board_write .form-group .tit3{width: 100%; float: inherit; display: block; padding: 5px; text-align: left;} .board_write .group-2 .group, .board_write .form-group .group{width: 100%; float: inherit; display: block; padding: 5px; min-height:auto; overflow:hidden;} .board_write select, .board_write textarea, .board_write input {margin-bottom:3px;} .board_write input[type="checkbox"] {width:auto;} .boardlist_top .search_ymd_group {padding:4px 0 0 0;} .h3_title .tit_btn_wrap {float:left; padding-left:0px;} .sub_title {padding:10px;} .privacy_wrap .tit {padding:10px 15px;} .calculator {padding: 10px;} .sum_wrap {padding: 15px 20px 10px;} .table-responsive {overflow-x:scroll;} .modal-content {min-width:380PX;} /* 부분육 상장 신청 등록 반응형 */ .lstAplyRegTable tr td .w_70{display: block; width:200px;} /* 부분육 상장 접수 반응형 */ .lstRcptRegTable tr td .w_70{display: block; width:200px;} .modal_view {max-width: none !important;} } @media (max-width:486px) { .boardlist_top select {width:190px;} .boardlist_top .group {width:235px;} .boardlist_top .search_ymd_group {padding-left:23%; width:auto;} .boardlist_top .w_190 {width:190px;} .boardlist_top .title2 {min-width:86px;} /* 상단 파란색박스 */ .boardlist_top select, textarea, input[type=text] {margin-bottom:3px;} #footer_wrap { height: 116px; } .footer { flex-direction: column; align-items: flex-end; } } @media (max-width:465px) { .h3_title .chrger_info {margin-left:0;} } @media (max-width:446px) { /* 상단 파란색박스 */ .boardlist_top {padding:10px;} .boardlist_top .title {margin:0 8px;} .boardlist_top .group {float:none; width:100%;} .boardlist_top .search_ymd_group {padding-left:0;} .boardlist_top .form-group {display:block;} .boardlist_top select {width:100%;} .boardlist_top select, textarea, input[type=text] {width:100%; margin-bottom:3px;} .boardlist_top .hasDatepicker {width:77%;} /* 축산물 온라인거래소 로그인화면 */ .login_bg {padding:20px;} /* 도체상세정보 이미지 */ .ing_image {width:60%;} .boardlist_top .title {min-width:73px;} .boardlist_top .title2 {width:73px;} /* 모달 */ .modal-body {padding:8px;} .modal_1000 .w_135 {width:135px;} .modal_1000 .addr_group .wide_85 {width:80%;} .footer .right {float:left;} /* 푸터 */ #footer_wrap {height:116px;} .footer .relate-box .btn {width:100%;} .footer .relate-box .btn button {padding:0 30px 0 10px;} } @media (max-width:395px) { /* 축산물 온라인거래소 로그인화면 */ .login_enter .login_tit img {width:100%;} /* 경매 일정 타이틀 */ .calendar-container .fc-toolbar h2 {font-size:16px !important;} .fc-button {font-size:10px;} .new_wrap .detail_info .button_wrap .button { font-size: 18px;} /* 경매상품 미리보기*/ input#search_auctn_ymd {width:84%;} .boardlist_top .wave {width:5%;} .boardlist_top button {width:16%;} .boardlist_top .title {width:100%;} .board_write .group_sh .text {width:58%; font-size:10px;} .board_write .group_sh .id_ch {width:100%; font-size:10px;} .boardlist_top .w_190 {width:100%;} /* 경매 진행 화면 */ .auction_btn .btn_type2 {width:100%; float:none; margin:0;} .auction_btn .btn {width:100%; margin-left:0; float:none;} /* 도체상세정보 이미지 */ .auction_modal .color_bg_box {min-height:194px;} .group_ymd2 input {width:80%;} /* 모달*/ .modal_1000 .addr_group .wide_85 {width:70%;} .btn_wrap .btn_center a {font-size:12px; width:100%; margin-bottom:3px;} .btn_wrap .btn_right a {width:100%; margin-bottom:3px;} .table_gray select {width:100px;} .right_bt_group .btn_right a {width:100%;} .footer .relate-box .site-list li a {font-size:10px;} } @media (max-width:325px) { #footer_wrap{height:128px;} .new_wrap .detail_info .button_wrap .button { font-size: 15px;} } /* 공통사용 */ .auction_state_wrap {width: 416px; height: 256px; padding: 0px; display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; align-content: flex-start; justify-content: space-between;background: #000 !important;} .auction_state_wrap .point {border: 2px solid #d1b945;} .auction_state_wrap .point td {color: #d1b945; background:#1d2b54;} .auction_state_wrap .point_green{color: #1d813e; word-break: break-all; display: -webkit-box; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .auction_state_wrap .point_red{color:#a53c3c;} .auction_state_wrap .auction_status p, .auction_state_wrap .meat_info p{ background: #065e96;} .auction_state_wrap .date_txt{color:#1d813e;} .auction_state_wrap .date_state{color:#d1b945;padding-left:5px;} .auction_state_wrap .auction_status p,.auction_state_wrap .auction_status table td, .auction_state_wrap .auction_status table th, .auction_state_wrap .meat_info p, .auction_state_wrap .meat_info table td {height: 25px;} /* 부분육정보 테이블 */ .auction_state_wrap .meat_info {width: 48.5%;} .auction_state_wrap .meat_info p{background: #000;font-size: 11px; border-radius: 7px 7px 0 0; color: #cccccc; text-align: center; line-height: 2.3;} .auction_state_wrap .meat_info table {background: #000;width: 100%; table-layout: fixed; color: #cccccc; border-collapse: collapse; } .auction_state_wrap .meat_info table td {background: #000;width: 25%; font-size: 13px; text-align: center; vertical-align: middle; border:1px solid #041c34;} .auction_state_wrap .meat_info table td:nth-child(odd) {background: #000; color: #ef8f18; width: 18%; font-size: 10px !important;} .auction_state_wrap .meat_info table td.fs10{ font-size: 10px !important;} /* 경매현황 테이블 */ .auction_state_wrap .auction_status {width: 51%;} .auction_state_wrap .auction_status p{font-size:11px; border-radius: 7px 7px 0 0; color:#cccccc;text-align: center;vertical-align: middle;line-height:2.3;background: #000;} .auction_state_wrap .auction_status table {width: 100%; table-layout: fixed;color: #cccccc; border-collapse: collapse; background: #000; margin-top: 0px;} .auction_state_wrap .auction_status table td {background: #000;font-size: 10px; vertical-align: middle;text-align: center; border: 1px solid #041c34; vertical-align: middle;} .auction_state_wrap .auction_status table th {background: #000;width: 20%; vertical-align: middle; text-align: center; font-size: 10px; color: #ef8f18; border: 1px solid #041c34; } .auction_state_wrap .auction_status table th:last-child{width:26%;} .auction_state_wrap .auction_status .auction_status_data{display: flex; width: 100%; justify-content: space-around; flex-direction: row; align-items: flex-start;border-top: 0 !important; border: 1px solid #041c34;} .auction_state_wrap .auction_status .auction_status_data p{ border-radius: 0; font-size: 10px; margin-top: 0px;} /* 반응형작업 시작 */ /* 416x256 */ @media screen and (max-width:417px) { .auction_state_wrap .meat_info p,.auction_state_wrap .auction_status p,.auction_state_wrap .auction_status .auction_status_data p{font-size: 0.25em;} .auction_state_wrap .meat_info table td,.auction_state_wrap .auction_status table td,.auction_state_wrap .auction_status table th {font-size: 0.15em;} .auction_state_wrap .auction_status table th:nth-child(1),.auction_state_wrap .auction_status table th:nth-child(2) {width: 30%;} .auction_state_wrap .auction_status table th:nth-child(3) {width: 24%;} .auction_state_wrap .auction_status p,.auction_state_wrap .auction_status table td, .auction_state_wrap .auction_status table th {/* padding: 2.3% 0; */ height: 24.5px;} .auction_state_wrap .meat_info p, .auction_state_wrap .meat_info table td { padding:2.1% 0;} } /* 전광판 */ .auction_main_wrap {width: 416px; height: 256px; display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; align-content: flex-start; justify-content: space-between;} .auction_main_wrap .point {border: 2px solid #fff264;} .auction_main_wrap .point td {color: #fff264; background:#1d2b54;} .auction_main_wrap .point_green{color: #1d813e;word-break: break-all;} .auction_main_wrap .point_red{color:#a53c3c !important;} .auction_main_wrap .meat_info {width: 38%;} .auction_main_wrap .meat_info table {width: 100%; color: #ffffff; border-collapse: collapse; } .auction_main_wrap .meat_info table td {width: 25%; font-size: 13px; vertical-align: middle;text-align:left;} .auction_main_wrap .meat_info table td:first-child {color: #1d813e; width: 5%;} .auction_main_wrap .meat_info p, .auction_main_wrap .meat_info table td {padding: 0; line-height: 1.45;} .auction_main_wrap .auction_status {width:58%;} .auction_main_wrap .auction_status table {width: 100%; color: #ffffff; border-collapse: collapse;table-layout: fixed;} .auction_main_wrap .auction_status table td {font-size: 14px; vertical-align: middle;text-align:left;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .auction_main_wrap .auction_status table td:first-child{width:25%;color: #1d813e;} .auction_main_wrap .auction_status p,.auction_main_wrap .auction_status table td, .auction_main_wrap .auction_status table th {padding: 0.2% 0; line-height: 1.45;} .auction_main_wrap .line_table{border:1px solid #fefefe;margin-top:8px;padding:3px 7px;} .auction_main_wrap .line_table td{padding:2px 0;} .auction_main_wrap .meat_info .b_table{margin-top:3px;} .auction_main_wrap .meat_info .b_table td:first-child{width:16% !important;} .auction_main_wrap .meat_info .b_table td:nth-child(2){width:18%;} .auction_main_wrap .meat_info .b_table td:last-child{width:4%;} .auction_main_wrap .title_txt{font-size: 15px;text-align: center; color: #1d813e; width: 100%; padding: 0 0 0px 0;font-weight: bold;} /* 전광판 */ .auction_main_wrap2 {width: 1024px; height: 720px; padding: 20px; background:#fff; display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; align-content: flex-start; justify-content: space-between;} .auction_main_wrap2 .point {border: 2px solid #fff264;} .auction_main_wrap2 .point td {color: #fff264; background:#1d2b54;} .auction_main_wrap2 .point_green{color: #1d813e;word-break: break-all;} .auction_main_wrap2 .point_yellow{color: #ffa700;} .auction_main_wrap2 .point_blue{color: blue;} .auction_main_wrap2 .point_red{color:#f51919 !important;font-weight:bold;} .auction_main_wrap2 .meat_info {width: 50%;} .auction_main_wrap2 .meat_info table {width: 100%; color: #000; border-collapse: collapse; } .auction_main_wrap2 .meat_info table td {width: 25%; font-size: 45px; vertical-align: middle;text-align:left;font-weight:bold; line-height: 1.45} .auction_main_wrap2 .meat_info table td:first-child {color: #000; width: 10%; } .auction_main_wrap2 .meat_info p, .auction_main_wrap .meat_info table td {padding: 0; line-height: 1.45;} .auction_main_wrap2 .auction_status {width:50%;} .auction_main_wrap2 .auction_status_name{font-size: 40px;color: #000;margin-bottom:25px;font-weight:bold;} .auction_main_wrap2 .auction_status table {width: 100%; color: #000; border-collapse: collapse;table-layout: fixed;} .auction_main_wrap2 .auction_status table td {font-size: 44px; vertical-align: middle;text-align:left;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-weight:bold;position: relative; line-height: 1.45; } .auction_main_wrap2 .auction_status table td span.right_pin { text-align: right; position: absolute; top: 0; right: 0; font-weight: bold;} .auction_main_wrap2 .auction_status table td:first-child{width:40%;color: #000;font-weight:bold;} .auction_main_wrap2 .auction_status p,.auction_main_wrap .auction_status table td, .auction_main_wrap .auction_status table th {padding: 0.2% 0; line-height: 1.45;} .auction_main_wrap2 .line_table{border:1px solid #000;margin-top:0px;padding:1px 5px;} .auction_main_wrap2 .line_table td, .auction_main_wrap2 .line_table th{padding:0px 0;border:1px solid #000;} .auction_main_wrap2 .meat_info .b_table{margin-top:3px;} .auction_main_wrap2 .meat_info .b_table td:first-child{width:16% !important;} .auction_main_wrap2 .meat_info .b_table td:nth-child(2){width:18%;} .auction_main_wrap2 .meat_info .b_table td:last-child{width:4%;} .auction_main_wrap2 .title_txt{font-size: 36px;text-align: right; color: #000; width: 100%; padding: 0 0 12px 0;font-weight:bold;} .auction_main_wrap2 .auction_status_bottom{width:100%;display:flex;margin-top:12px;} .auction_main_wrap2 .auction_status_bottom table {width: 50%; color: #000; border-collapse: collapse;table-layout: fixed;} .auction_main_wrap2 .auction_status_bottom table td:first-child{width:30%;} .auction_main_wrap2 .auction_status_bottom table td {font-size: 45px;text-align:left;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-weight:bold; line-height: 1.45} .auction_main_wrap2 .auction_status_bottom table.line_table td{text-align:right; padding-right:15px; color:#000 !important;font-weight:bold !important;} .auction_main_wrap2 .auction_status_bottom table th {font-size: 45px; text-align:center;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-weight:bold; line-height: 1.45} .auction_main_wrap2 .auction_status_bottom table td:first-child{width:40%;color: #000;} .auction_main_wrap2 .point_r strong.color_01 {color: #f51919 !important;} /*************** 경매정보페이지 *****************/ .auction_info_wrap {width: 100%; height: auto; padding:15px; display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; align-content: flex-start; justify-content: space-between;} .auction_info_wrap .info_meat{width:36%;} .auction_info_wrap .auction_status{width:33%;} .auction_info_wrap .info_meat p.sec_title {background: #5c7fd8; padding:2px 0; font-size: 2em; color: #ffffff; text-align: center; border-radius: 7px 7px 0 0;} .auction_info_wrap .auction_status p.sec_title {background: #1e9c75; padding:2px 0; font-size: 2em; color: #ffffff; text-align: center; border-radius: 7px 7px 0 0;} .auction_info_wrap .info_meat .table_scroll_box {height: auto;} .auction_info_wrap .info_meat .table_scroll_box .status_auction thead{position: sticky;top: 0; z-index: 1;} .auction_info_wrap .info_wrap {width:30%;} .auction_info_wrap {width: 100%;display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; align-content: flex-start; justify-content: space-between;} .auction_info_wrap .point {border: 2px solid #fff264;} .auction_info_wrap .point td {color: #fff264; background:#1d2b54; font-weight: bold;} .auction_info_wrap .point_green{color:#55bf78; font-size: 1.2em; font-weight: 600;} .auction_info_wrap .point_red{color:#eb6e6e;font-size: 1.2em; font-weight: 600;} .auction_info_wrap .info_meat .table_scroll_box .status_auction td{padding: 0px 6px; font-size: 1.5em; height: 77px;} /* 현재 경매 사진 정보 */ .auction_info_wrap .info_wrap {background: #41444d; border-radius: 7px 7px 0 0; border: 1px solid #404955;border-top: 0 !important;} .auction_info_wrap .info_wrap p{font-size:2em; border-radius: 7px 7px 0 0; color:#fff;background:#1e9c75;text-align: center; padding: 3px 0;} .auction_info_wrap .info_wrap .info_screen_wrap {width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;} .auction_info_wrap .info_wrap .info_screen_wrap .info_screen {width: 100%; position: relative; text-align: center; background: #41444f; height:270px; display: flex; justify-content: center; align-items: center;} .auction_info_wrap .info_wrap .info_screen_wrap .info_screen:nth-child(even) {background: #393d49;} .auction_info_wrap .info_wrap .info_screen_wrap .info_screen .info_state {width: auto; font-size:1.2em ; z-index: 1; position: absolute; top: 15px; right: 0; padding: 5px 10px 5px 15px; border-radius: 30px 0 0 30px; background: #fff264;} .auction_info_wrap .info_wrap .info_screen_wrap .info_screen img.non_cutmeat_img {border:none; height: 65%;} .auction_info_wrap .info_wrap .info_screen_wrap .info_screen img {width:auto; height:100%; border:none;} .auction_info_wrap .info_wrap .info_screen_wrap_type2{ width: 100%; display: flex; align-items: flex-start; justify-content: space-between; align-items: center; } /* 부분육정보 테이블 */ .auction_info_wrap .info_meat p{font-size:2em;border-radius: 7px 7px 0 0;color:#fff;background:#5c7fd8;text-align: center;padding: 3px 0;} .auction_info_wrap .info_meat p .glyphicon-plus{font-size:1em;color:#fff;} .auction_info_wrap .info_meat table {width: 100%; color: #ffffff; border-collapse: collapse; background: #233549;table-layout: fixed;} .auction_info_wrap .info_meat table td {width: 25%; font-size: 1.8em; text-align: center; vertical-align: middle; padding: 18px 6px; border:1px solid #414954; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .auction_info_wrap .info_meat table td:nth-child(odd) {background: #172132; color: #7a8bb4; font-weight: 600; width: 20%;} .auction_info_wrap .auction_status table {width: 100%; color: #ffffff; border-collapse: collapse; background: #233549;table-layout: fixed;} .auction_info_wrap .auction_status table td {width: 25%; font-size: 3.2em; text-align: center; vertical-align: middle; padding: 37px 6px; border:1px solid #414954; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .auction_info_wrap .auction_status table td:nth-child(odd) {background: #172132; color: #7a8bb4; font-weight: 600; width: 20%;} .auction_info_wrap .auction_status .bottom_table{margin-bottom:15px;border: 2px solid #79ffe0;} .auction_info_wrap .auction_status .bottom_table td:nth-child(odd){background: #0a3638; color: #79ffe0;} .auction_info_wrap .auction_status .bottom_table td{background: #074548; color: #ffffff;} .mt15{margin-top:10px;} .auction_info_wrap .auction_status .bottom_table tr:nth-child(1) td, .auction_info_wrap .auction_status .bottom_table tr:nth-child(2) td{font-size: 1.4em;padding: 12px 6px;} /* 경매현황 테이블 */ .auction_info_wrap .info_meat p.title_txt{font-size:2em; border-radius: 7px 7px 0 0; color:#fff;background:#50a1e6;text-align: center; padding: 3px 0;} .auction_info_wrap .info_meat table {width: 100%; color: #ffffff; border-collapse: collapse; background: #21374e; margin-top: 0px;table-layout: fixed;} .auction_info_wrap .info_meat table td {height:45px; font-size: 1.37em; text-align: center; border: 1px solid #404955; vertical-align: middle;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .auction_info_wrap .info_meat .choice {border: 3px solid #fef43a!important;color: #fef43a!important;} .auction_info_wrap .info_meat .choice td{font-weight: 600;} .auction_info_wrap .info_meat table th {background: #1b293f; text-align: center; font-size: 1.5em; color: #50a1e6; font-weight: 600; border: 1px solid #404955; padding: 6px 6px;} .auction_info_wrap .info_meat table th:first-child { width: 24%;} .auction_info_wrap .info_meat table th:last-child { width: 28.5%;} .auction_info_wrap .info_meat table th .filter_selectbox {margin-top: 30px; margin-left: -60px;} .auction_info_wrap .info_meat .auction_status_data{display: flex; width: 100%; justify-content: space-around; flex-direction: row; align-items: flex-start;background: #1e283e;border-top: 0 !important; border: 1px solid #404955;} .auction_info_wrap .info_meat .auction_status_data p{background: none; border-radius: 0; font-size: 1.6em; margin-top: 0px;} .auction_info_wrap .bidding_status {width: 100%; background-color: #ffb55f; padding:5px 20px; border-radius: 60px; margin-top:6px; display: flex; align-items: center; justify-content: space-between;} .auction_info_wrap .txt_area {width: 93%;display: flex; flex-direction: row;} .auction_info_wrap .bidding_status p{width: 99%; font-size: 1.5em; letter-spacing: -1px;} .auction_info_wrap .bidding_status p span{margin-left:0px;} .auction_info_wrap .keypad_area{width:100%;margin-top:2px} .auction_info_wrap input[type=number]{width: 100%; height: 54px; font-size: 27px; text-align: right; padding: 5px 15px; font-weight: 600; border-radius: 8px;} .auction_info_wrap input[type="number"]::-webkit-outer-spin-button, .auction_info_wrap input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;} .auction_info_wrap .question_icon {position: relative; display: inline-block; width: 5%;} .auction_info_wrap .question_icon span {display: block; padding: 0; cursor: pointer;} .auction_info_wrap .question_icon .arrow_box {display: none; position: absolute; width: 350px; padding: 15px 20px; bottom: 25px; right: 0; border-radius: 4px; background: #e9eaef; color: #282a2b; font-size: 14px;box-shadow: 0px 0px 5px 0px #454545;} .auction_info_wrap .question_icon span:hover + p.arrow_box {display: block;} .auction_info_wrap .question_icon .arrow_box span:first-child{text-align: center;font-weight: 600;padding-bottom:10px;} .auction_info_wrap .question_icon .arrow_box span{font-size:16px;} .auction_info_wrap .keypad { margin-top: 0;background: #000; padding: 0 10px 10px} .auction_info_wrap .keypad_number{ width: 100%; height: 50px; background: #fff; display: block; padding: 0px 11px; font-size: 2.5em; border-radius: 5px; text-align: right; font-weight: 600; line-height: 44px;} .auction_info_wrap .button_wrap .button{min-height: 72px; font-size: 23px;} .auction_info_wrap .button_wrap .button span{font-size:1.2em; padding-bottom: 5px;} .auction_info_wrap .bg_c06 { background: #2a3e56;} .auction_info_wrap .num_wrap_r .h_btn {min-height: 146px!important;} .auction_info_wrap .num_wrap {background: #000; padding: 0 8px 8px;border-radius:0 0 10px 10px;} .auction_info_wrap .point_txt_yel{font-weight:bold;color: #ffeb00;} .auction_info_wrap .info_meat .meat_info_table td {font-size: 1.3em; padding: 0px 6px;} @media screen and (max-width:1999px){ .auction_info_wrap .auction_status table td {font-size: 2.5em;padding: 37px 6px;} } @media screen and (max-width:1680px) { .auctn_prtcp_container_wrap {padding: 110px 40px 43px !important;} .auction_info_wrap .auction_status table td {font-size: 2.2em;padding: 27px 6px;} } @media screen and (max-width:1650px) { .auction_info_wrap td, .auction_info_wrap th, .auction_info_wrap p {font-size: 1.2em !important;} .auction_info_wrap .info_meat table td {font-size: 1.3em !important;padding: 21px 3px;} .auction_info_wrap .auction_status p.title_txt,.auction_info_wrap .info_meat p,.auction_info_wrap .info_wrap p {font-size: 2em; padding: 10px 0;} .auction_info_wrap .button_wrap .button {min-height: 55px;} .auction_info_wrap .info_wrap .info_screen_wrap .info_screen {height: 240px;} .auction_info_wrap .info_meat p.sec_title {padding: 9px 0;} .auction_info_wrap .auction_status p.sec_title {padding: 9px 0;} .auction_info_wrap .info_meat table td {height: 40px;} .auction_info_wrap .info_meat .table_scroll_box .status_auction td {height: 71.3px;} .auction_info_wrap .auction_status table td{padding: 27px 6px;} .auction_info_wrap .info_meat table td {height: 38px;} } @media screen and (max-width:1600px) { .auctn_prtcp_container_wrap {padding: 65px 14px 0px !important;min-height: 724px;} .auction_info_wrap .num_wrap_r .h_btn {min-height: 115px!important;} .auction_info_wrap .auction_status table td {font-size: 2.2em !important;padding: 44px 6px;} .auction_info_wrap .auction_status .bottom_table tr:nth-child(1) td, .auction_info_wrap .auction_status .bottom_table tr:nth-child(2) td { font-size: 1.4em !important; padding: 12px 6px; } .new_wrap{padding:20px;} } @media screen and (max-width:1575px){ .auction_info_wrap .bidding_status{margin:10px 0; padding:10px 20px;} } @media screen and (max-width:1556px){ .auction_info_wrap .bidding_status{margin:5px 0; padding:5px 20px;} } @media screen and (max-width:1425px){ .auction_info_wrap .bidding_status p{font-size: 1.1em !important;} .auction_info_wrap .auction_status table td { font-size: 2em !important; padding: 47.3px 6px; } } @media screen and (max-width:1366px){ .auctn_prtcp_container_wrap {padding: 63px 5px 0px !important; min-height: 470px;} .auction_info_wrap .info_wrap .info_screen_wrap .info_screen {height:219px;} .auction_info_wrap .auction_status .table_scroll_box {height:auto;} .auction_info_wrap .result_button_wrap {padding: 3px 0;font-size: 1.4em;} .auction_info_wrap .reload_button_wrap {padding: 3px 0;font-size: 1.4em;} .auction_info_wrap .auction_status table td {height:42px;} .auction_info_wrap .keypad_number {height: 45px;} .auction_info_wrap .button_wrap .button span {font-size: 0.9em;} .auction_info_wrap .button_wrap .button {min-height: 68px;} .auction_info_wrap .num_wrap_r .h_btn {min-height: 137px!important;} .auction_info_wrap .info_meat .bottom_table {margin-top: 11px;} .auction_info_wrap .bidding_status p {font-size: 0.95em !important;} .auction_info_wrap .info_meat .meat_info_table td {padding: 8px 6px;} .auction_info_wrap .info_meat table td {height: 33px; font-size: 1em !important;} .auction_info_wrap .info_meat .table_scroll_box .status_auction td {height: 56px;} .auction_info_wrap .button_wrap .button {min-height: 55px;} .mt15 {margin-top: 9px;} .auction_info_wrap .auction_status .bottom_table tr:nth-child(1) td, .auction_info_wrap .auction_status .bottom_table tr:nth-child(2) td { font-size: 1.1em !important; padding: 10px 6px; } .auction_info_wrap .auction_status table td { font-size: 1.6em !important; padding: 28px 6px; } } @media screen and (max-width:1280px){ .auctn_prtcp_container_wrap {padding: 64px 5px 0px !important; min-height: 761px;} .auction_info_wrap .auction_status table th:nth-child(4) {width: 12%;} } @media screen and (max-width:1280px) and (max-height:720px) { .auctn_prtcp_container_wrap {padding: 61px 5px 0px !important; /*min-height: 677px;*/} .auction_info_wrap .info_meat table td {padding: 12.5px 3px;} .auction_info_wrap .info_wrap .info_screen_wrap .info_screen {height: 191px;} .auction_info_wrap .auction_status table td {height: 38px;} .auction_info_wrap .auction_status .table_scroll_box { height: 193px;} .auction_info_wrap .num_wrap_r .h_btn {min-height: 85px!important;} .auction_info_wrap .button_wrap .button {min-height: 45px;} } @media screen and (max-width:1220px) { .auction_info_wrap td, .auction_info_wrap th, .auction_info_wrap p {font-size: 1.2em !important;} .auction_info_wrap .bidding_status p span{display:inline-block;} .auction_info_wrap .auction_status table td {height: 42px;} } @media screen and (max-width:1152px) { .auction_info_wrap td, .auction_info_wrap th, .auction_info_wrap p {font-size: 1.1em !important;} } @media screen and (max-width:1080px) { .auction_info_wrap .auction_status table td { font-size: 1.4em !important; padding: 30px 6px; } } @media screen and (max-width:1024px) { .auctn_prtcp_container_wrap {padding: 63px 5px 0px !important; min-height: 759px;} .auction_info_wrap td, .auction_info_wrap th, .auction_info_wrap p {font-size: 0.85em !important;} .auction_info_wrap .bidding_status p {font-size: 0.9em !important;} .scroll_info_box {font-size: 12px; margin-top: -1px;} } @media screen and (max-width:990px) { .auction_info_wrap .info_wrap {width: 100%;} .auction_info_wrap .info_wrap .info_screen_wrap {flex-direction: row;} .auction_info_wrap .info_wrap .info_screen_wrap .info_screen {height: 180px;} .auction_info_wrap .info_meat, .auction_info_wrap .auction_status { width: 49.5%; margin-top:5px;} .auction_info_wrap .auction_status table td {height: 43px;} .auction_info_wrap .question_icon {width: 8%;} .auction_info_wrap .auction_status table td { font-size: 1.8em !important; padding: 17px 6px; } } @media screen and (max-width:731px) { .auction_info_wrap {flex-direction: column;} .auction_info_wrap .info_wrap .info_screen_wrap {flex-direction: column;} .auction_info_wrap .info_meat, .auction_info_wrap .auction_status{width:100%;margin-top:15px;} .auction_info_wrap .info_meat .bottom_table {margin-top: 5px;} } /* 항목 선택 */ .col_wrap { overflow:hidden; } .col_wrap .col_right{ float:right; } .col_wrap .col_right label {padding-right:20px; border:1px solid #c5c5c5; border-radius:5px; } #btnColumnSelected { display: none; } #btnColumnSelected:checked ~ .columnList { display: block; position:absolute} .columnList { display: none; position:fixed; z-index:9; background-color:#eaeef4; padding-left:5px; padding-right:5px; border-radius:3px;} /* 동영상 미리보기 */ .preview_screen { z-index:1040; width:auto; display: flex; float:right; position:fixed; border-radius: 7px; display: none; top: 0; right: 0; bottom: 0; height: 100%; } .preview_screen p{width: 100%; font-size: 42px; padding: 14px 0px 14px; margin-bottom: 5px; color: #feff9b; background: #1b293f; text-align: center; font-weight: bold;} .preview_screen .info_table .red_point_txt {color:#e62746; font-weight: bold;} .preview_screen .screen_img {background: #1b293f; height: 100%;} .preview_screen img {height: 100%;} .preview_screen .info_title { justify-content: center; align-items: center; } .preview_screen .info_title p{width: 47%; font-size: 21px; padding: 7px 0; text-align: center; border-radius: 0;font-weight:100; background:none; margin-bottom: 0; border: 0; color: #ffff00;} .preview_screen .info_title a{display: block; color: #ffffff;} .preview_screen .info_title div{display: block; color: #ffffff;} .preview_screen .info_block {width: 15%;position: absolute; top: 60%; left: 5%; font-size: 24px; transform: translateY(-50%);} .preview_screen .info_block dl{width: 100%;display: flex; flex-direction: row; justify-content: space-between; font-size:1.1em;} .preview_screen .info_block dl dd{} .preview_screen .info_block dl dt{} .preview_screen .info_title .info_title_con{display: flex; align-items: center; flex-direction: row; justify-content: space-between; width: 81%; padding: 0px 0 0 5px; font-size: 24px;} .preview_screen .info_title .info_title_con p{font-size:1.1em; width: auto;} .preview_screen .info_title .info_title_con span{font-size:1.1em; margin: 0;} .preview_screen .info_title .info_title_flaw{width: 80%; margin-right: 32px;} .preview_screen .info_title .info_title_flaw p{font-size: 2.2em; width: 100%; text-align: end;} .preview_screen .info_title .b_color{color:#00ffad !important; font-weight:bold;} .preview_screen .info_title .r_color{color:#ff5050 !important; font-weight:bold;} .preview_screen .info_title .y_color{color:#ffff00 !important; font-weight:bold;} .preview_screen .info_block .b_color{color:#00ffad !important; font-weight:100;} .preview_screen .info_block .r_color{color:#ff5050 !important; font-weight:100;} .preview_screen .info_block .y_color{color:#ffff00 !important; font-weight:100;} .preview_screen .close { font-size: 28px; opacity: 1; color: white; position: absolute; right: 12px; font-weight:bold; } .preview_screen .before { font-size: 28px; opacity: 1; color: white; position: absolute; right: 85%; top: 300px; font-weight:bold; } .preview_screen .after { font-size: 28px; opacity: 1; color: white; position: absolute; right: 5%; top: 300px; font-weight:bold; } .auctn_prtcp_container_wrap{ min-height: calc(100vh - 60px);}