@media (min-width: 1280px) 
{ 
.pc_view { display:block; }
.tb_view { display:none; }

.wrap { width:100%; background:#0173a9; height:100vh; }
.wrap2 { width:100%; background:#fff; height:100vh; }

/*top*/
.top { width:100%; display:flex; justify-content:center; align-items:center; padding:20px; }
.top1 { width:30%; }
.top2 { width:40%; font-size:45px; font-weight:800; color:#fff; text-align:center; }
.top3 { width:30%; font-size:24px; font-weight:800; color:#fff; text-align:right; }


/*contents*/
.contents { width:100%; display:flex; flex-wrap:wrap; background:#004686; padding:10px; gap:10px 10px; }


/*main_관리자*/
.main_login { width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:#f8f8f8; }
.login_box { width:380px; padding:0 0 80px 0; }
.login_title { width:100%; text-align:center; color:#333; font-size:25px; line-height:1.8em; font-weight:600; padding:0 0 30px 0; }
.login_title b { font-size:55px; color:#333; font-weight:900; }
.login_input { width:100%; display:flex; flex-wrap:wrap; gap:8px 0; }
.login_input input { width:100%; border:1px solid #ddd; height:60px; border-radius:5px; font-size:18px; color:#888; padding:0 0 0 20px; outline: none; }
.login_input button { width:100%; background:#0c86ee; border-radius:5px; color:#fff; font-size:18px; text-align:center; height:60px; border:0; }

.main_list { width:100%; height:100vh; background:#f8f8f8; }

.list_top { width:100%; display:flex; justify-content:center; align-items:center; padding:15px; background:#0c86ee; }
.list_top1 { width:50%; font-size:24px; font-weight:800; color:#fff; text-align:left; }
.list_top2 { width:50$; font-size:16px; font-weight:400; color:#fff; text-align:right; }
.list_top2 a {color:#fff;}

.list_box { width:1280px; margin:40px auto 0 auto; border-radius:10px; border:1px solid #ddd; background:#fff; padding:40px; }
.list_title { width:100%; display:flex; justify-content:center; }
.list_title1 { width:50%; font-size:30px; color:#000; font-weight:600; }
.list_title2 { width:50%; text-align:right; }
.list_title2 button { height:100%; padding:0 20px; border-radius:5px; color:#fff; background:#0c86ee; border:0; font-size:16px; }
.list_title2 .btn_cc2{ height:100%; padding:0 20px; border:1px solid #ddd; border-radius:5px; color:#000; background:#f7f9fa; font-size:16px; }


.list_table { border-collapse:collapse; width:100%; margin:30px 0 0 0; }
.list_table tr:hover { background:#eee; }
.list_table th { padding:12px 10px; font-size:16px; color:#000; background:#fafafb; border:1px solid #e6e8eb; font-weight:400; word-wrap: break-word; }
.list_table td input { border:1px solid #ddd; }
.list_table td { padding:12px 10px; font-size:16px; color:#000; text-align:center; border:1px solid #e6e8eb; word-wrap: break-word; }

.list_btn { width:100%; display:flex; justify-content:center; gap:0 10px; }
.list_btn1 { border:0; }
.list_btn1 button { border:1px solid #aaa; border-radius:5px; color:#000; font-size:14px; text-align:center; padding:5px 10px; background:#fff; }
.list_btn1 button:hover { border:1px solid #0c86ee; border-radius:5px; color:#0c86ee; font-size:14px; text-align:center; padding:5px 10px; background:#fff; }

.sub_box { width:100%; display:flex; justify-content:center; gap:0 20px; }

.cp_form { width:500px; margin:40px auto 0 auto; border-radius:10px; border:1px solid #ddd; background:#fff; padding:60px 60px; }
.cp_form_ { width:500px; margin:40px 0; border-radius:10px; border:1px solid #ddd; background:#fff; padding:60px 60px; }
.cp_form_t { width:100%; font-size:30px; color:#000; font-weight:600; text-align:center; padding:0 0 20px 0; }
.cp_form_t span { font-size:13px; color:#0C86EE; font-weight:300; }

.cp_form_input { width:100%; display:flex; flex-wrap:wrap; gap:8px 0; }
.cp_form_input input { width:100%; border:1px solid #ddd; height:60px; border-radius:5px; font-size:18px; color:#888; padding:0 0 0 20px; outline: none; }
.cp_form_input button { width:100%; background:#0c86ee; border-radius:5px; color:#fff; font-size:18px; text-align:center; height:60px; border:0; }
.cp_form_input .btn_cc { width:100%; background:#f7f9fa; border:1px solid #ddd; border-radius:5px; color:#000; font-size:18px; text-align:center; height:60px; }

.cp_state_btn_on { width:100%; background:#19ce60 !important; border-radius:5px; color:#fff; font-size:22px !important; font-weight:600; text-align:center; height:100px !important; border:0; }
.cp_state_btn_on b { color:#000; padding:6px 15px; background:#fff; font-size:25px; font-weight:bold; border-radius:5px; margin:0 8px 0 0; }
.cp_state_btn_off { width:100%; background:#999 !important; border-radius:5px; color:#fff; font-size:22px !important; font-weight:600; text-align:center; height:100px !important; border:0; }
.cp_state_btn_off2 { width:100%; background:#000 !important; border-radius:5px; color:#fff; font-size:22px !important; font-weight:600; text-align:center; height:100px !important; border:0; }
.state_text { width:100%; border-top:1px dotted #000; font-size:14px; color:#0C86EE; text-align:center; padding:10px; margin:10px 0 0 0; font-weight:600; }













}