@charset "utf-8"; 

/* stiky */
/* .top_fixed_utils { height:155px } */
.top_fixed_utils { 
 /* position: fixed; 
 z-index: 2; 
 top: 0; */
 /* position: relative; */
 display: inline-block; 
 width: 100%; 
 height: 220px; 
 box-sizing: border-box; 
 left: 0; 
 /* padding: 32px; */
 width: 100%; 
 /* background: #fafafa; */
 margin-bottom: 20px; 
 } 
.top_fixed_utils h2 { font-size:22px; font-weight:bold; margin-bottom:10px } 
.top_fixed_utils .fixed_area { 
 display: inline-block; 
 width: 100%; 
 height: 220px; 
 box-sizing: border-box; 
 position: relative; 
 /* position: fixed; 
 z-index: 2; 
 top: 0; */
 /* display: inline-block; 
 width: 100%; 
 height: 220px; 
 box-sizing: border-box; 
 left: 0; 
 padding: 32px; 
 width: 100%; 
 background: #fafafa; 
 margin-bottom: 20px; */
 } 
.top_fixed_utils .fixed_area .local_ov01 { 
 display: inline-block; 
 /* position: absolute; 
 top: 30px; 
 left: 30px; */
 padding-top: 30px; 
 padding-right: 30px; 
 float: right; 
 
 } 

.tbl_type2 table { 
 /* table-layout: fixed; */
 } 
.tbl_type2 table thead { position: -webkit-sticky; z-index:2; top:218px } 
.tbl_type2 table tbody td { overflow:auto ;    width: 160px;
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;} 
.tbl_type2 table tbody td a{    display: inline-block;
    max-width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;}
.tbl_type2 table tbody td.td_chk { overflow:visible } 
.tbl_type2 table tbody td.td_rank { overflow:visible } 
.tbl_type2 table tbody td.td_sh_status { overflow:visible } 
.tbl_type2 table tbody td.td_btns { position:relative; overflow:visible } 
.tbl_type2 table tbody td .btn_copy { display:none; margin-top:5px } 
.tbl_type2 table tbody td .hover_txt { position:absolute; z-index:1; left:100%; top:50%; padding:5px; border-radius:5px; background:#eeeeee; border:1px solid #6e6e6e; opacity:0; visibility: hidden; } 
.tbl_type2 table tbody td .hover_txt b { color:#ff3f44 } 
.tbl_type2 table tbody td.td_btns:hover .btn_copy { display:inline-block } 
.tbl_type2 table tbody td .btn_copy:hover + .hover_txt { opacity:1; visibility: visible } 


.pg_wrap { margin-top:60px;} 

/*form*/
.sound_only { display:inline-block !important; position:absolute; top:0; left:0; margin:0 !important; padding:0 !important; width:1px !important; height:1px !important; font-size:0; line-height:0; border:0 !important; overflow:hidden !important } 
.required { 
 /* background: url("../img/wrest.gif") top right no-repeat #fff !important; */
 } 
select { height:35px; line-height:32px; border:1px solid #d5d5d5; } 
textarea { width:100%; border:1px solid #d5d5d5; min-height:80px } 
legend { position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-9999em; border:0; overflow:hidden } 
.code_input { font:bold 15px Consolas } 


/* form */
.tbl_head03 { 
 display: inline-block; 
 width: 100%; 
 min-height: 500px; 
 /* overflow-x: scroll; */
 padding: 0 32px; 
 } 
.tbl_head03 table { clear:both; width:100%; border-collapse:collapse; border-spacing:0; } 
.tbl_head03 thead th { 
 background: #fff; 
 color: #111; 
 font-weight: normal; 
 text-align: center; 
 height: 50px; 
 padding: 8px 5px; 
 font-size: 13px; 
 box-sizing: border-box; 
 } 
.tbl_head03 thead th a { color:#111 } 
.tbl_head03 thead input { vertical-align:top } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head03 thead a { color:#383838; } 
.tbl_head03 tbody th { border:1px solid #d6dce7; padding:5px; text-align:center } 
.tbl_head03 tbody td { border: 1px solid #e9e9e9; 
 padding: 5px; 
 text-align: center; 
 line-height: 1.4; 
 font-size: 13px; 
 box-sizing: border-box; 
 border-left: 0; 
 border-right: 0; } 
.tbl_head03 tbody td.color2 { color:#eb423f } 
.tbl_head03 tbody tr:nth-child(even) { background:#eff3f9 } 
.tbl_head03 tbody td .frm_input { width:100%; height:35px; border-radius:5px; font-size:13px } 
.tbl_head03 tbody td .frm_input::placeholder { letter-spacing:-0.7px}
.tbl_head03 tbody td select { width:100% } 
.tbl_head03 table .tbl_input { height:27px; line-height:25px; border:1px solid #d5d5d5; width:100% } 
.tbl_head03 table select { height: 27px; line-height: 25px; width: 100%; } 
/* 쇼핑관리 테이블 포인트 컬러 */
table th.th_point { background:#fff; font-weight: 700; color: #ff3b1b; } 
table td.td_point { } 
table tbody .bg0 { background:#fff !important } 
table tbody .bg1 { background:#f9f5f0 !important } 
table tbody tr.holding { background:#eaeaea !important; opacity: .8 } 
table tbody tr.holding td { background:#eaeaea !important; } 

.shopping_content thead th:has(.mid_bubble){position:relative;overflow:visible;}
.shopping_content .mid_bubble{position: absolute;
    bottom: calc(100% + -4px);
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 9px;
    background: #ef3f23;
    color: #fff;
    border-radius: 100px;
    font-size: 11.5px;
    font-weight: 600;
    white-space: nowrap;
    line-height: 1.4;
    z-index: 20;
    pointer-events: none;}
.shopping_content .mid_bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#ef3f23;}
/* 페이지 내 검색 */
.fsearch_wrap { 
 /* display: inline-block; */
 } 
.local_sch { 
 float: unset !important; 
 } 

.local_sch:after ,.local_sch div:after { display:block; visibility:hidden; clear:both; content:"" } 
.local_sch label { font-size:15px; height:40px; 
 line-height:40px; 
 padding:0 15px; } 
.local_sch .sch_input { height:30px; border:1px solid #dcdcdc; border-right:0;; padding:0 5px; float:left; } 
#sel_page_rows{height:40px;font-size:15px;letter-spacing:-0.7px;border-radius:4px;background:#f2f2f2;font-weight:500;appearance:none;-webkit-appearance:none;padding:0 35px 0 12px;border:1px solid #e4e4e4;background:#f4f4f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;cursor:pointer;}
#sel_page_rows option{font-size:13px;}
.local_sch select { 
 letter-spacing: -0.5px; 
 display: inline-block; 
 width: 150px; 
 border: none; 
 outline: none; 
 text-align: left; 
 float:left; 
 margin-left: 0 !important; 
 font-weight: 500; 
 overflow: hidden; 
 white-space: nowrap; 
 text-overflow: ellipsis; 
 cursor: pointer; 
 font-size: 15px; 
 color: #666; 
 font-weight: 500; 
 border: 1px solid #E1E1E1; 
 border-radius: 4px; 
 box-shadow: none; 
 box-sizing: border-box; 
 height:40px; 
 line-height:40px; 
 padding:0 15px; 
 } 

/*페이지 정렬 수*/
.sel_page_rows { 
 width: 70px !important; 
 position: absolute; 
 top:160px; 
 right:650px; 
 } 
/*검색 키워드*/
.search_txt_box { 
 width: 300px !important; 
 position: absolute; 
 top:160px; 
 right:80px; 
 } 
.search_txt_box::placeholder { 
 font-size: 15px !important; 
 color: #666 !important; 
 font-weight: 500 !important; 
 } 

/*검색 대상*/
.sfl_box { 
 width: 120px !important; 
 position: absolute; .btn
 top:160px; 
 right:390px; 
 } 

/*검색 옵션*/
.sel_sh_option { 
 width: 120px !important; 
 position: absolute; 
 top:160px; 
 right:520px; 
 } 

/*마감일 임박보기 버튼*/
.btn_sort { 
 display: inline-block; 
 /* width: 120px; */
 /*position: absolute; */
 top:30px; 
 left:660px; 
 padding:0 15px; 
 text-align: center; 
 background-color: #f93c3c; 
border: 1px solid #f93c3c; 
 border-radius: 4px; 
 font-size: 13px; 
color: #fff; 
 font-weight: 600; 
 cursor:pointer
 } 
.btn_sort span { font-weight:600; } 
.btn_sort input { display: none; } 


.local_sch01 { 
 /* position: absolute; 
 top:0; 
 right:30px; */
 } 
.local_sch01 .frm_input { 
 display: inline-block; 
 width: 150px; 
 border: none; 
 outline: none; 
 font-size: 15px; 
 height:40px; 
 line-height:40px; 
 padding:0 15px; 
 text-align: left; 
 color: #666; 
 font-weight: 500; 
 overflow: hidden; 
 white-space: nowrap; 
 text-overflow: ellipsis; 
 cursor: pointer; 
 vertical-align: top; 
 border: 1px solid #E1E1E1; 
 border-radius: 4px; 
 box-shadow: none; 
 box-sizing: border-box; 
 } 
.local_sch01 .frm_input::placeholder { letter-spacing: -0.5px; } 
.local_sch01 .btn_submit { 
 /* width: 30px; 
 height: 30px; 
 border: 0; 
 padding: 0; 
 background: url("/images/common/sch_btn.png") no-repeat 50% 50% #eee; 
 border: 1px solid #dcdcdc; */
 text-indent: -999px; 
 /* overflow: hidden; 
 vertical-align: top; */
 cursor: pointer; 

 display: inline-block; 
 width: 40px; 
 height: 40px; 
 background-color: #ef3f23; 
 border: 1px solid #ef3f23; 
 border-radius: 4px; 
 background-image: url(../img/search.svg); 
 background-repeat: no-repeat; 
 background-position: center; 
 background-size: 18px; 
 
 } 


.search_icon { 
 position:absolute; 
 top: 160px; 
 right: 45px; 
 } 
.submit_icon { 
 position:absolute; 
 top: 30px; 
 left: 605px; 
 display: none !important; 
 } 


.local_sch div { margin:5px 0; } 

.local_desc01 { 
 display: inline-block; 
 text-align: left; 
 position: absolute; 
 top: 200px; 
 left: 30px; 
 } 

.local_desc01 p { 
 display: inline-block; 
 float:left; 
 padding-top:10px; 
 padding-right: 12px; 
 font-size: 12px; 
 font-weight: 500; 
 color: #242A30; 
 } 
.local_desc01 p.txt_info { 
 font-size:12px !important; 
 color: #555; 
 } 
.local_desc01 p.update_txt { 
 font-weight: 600; 
 } 

.btn_frmline { display:inline-block; background:#9eacc6; color:#fff; height:35px; border:0; border-radius:5px; padding:0 10px } 
a.btn_frmline { display:inline-block; background:#9eacc6; color:#fff; height:35px; line-height:33px; border-radius:5px; padding:0 10px; text-decoration:none !important } 
.btn_ov01 { 
 display: inline-block; 
 line-height: 30px; 
 height: 30px; 
 font-size: 12px; 
 position: absolute; 
 top: 205px; 
 right: 40px; 
 font-size:13px; 
 color:#242A30; 
 font-weight: bold; 
 } 
.btn_ov01 span { 
 font-size:13px; 
 color:#242A30; 
 font-weight: bold; 
 } 


/* .btn_ov01:after { 
 display: block; 
 visibility: hidden; 
 clear: both; 
 content: ""; 
 } 
.btn_ov01 .ov_txt { 
 float: left; 
 background: #9eacc6; 
 color: #fff; 
 border-radius: 5px 0 0 5px; 
 padding: 0 5px; 
 } 
.btn_ov01 .ov_num { 
 float: left; 
 background: #ededed; 
 color: #666; 
 border-radius: 0 5px 5px 0; 
 padding: 0 5px; 
 } */
a.btn_ov02,
a.ov_listall { 
 /* display: inline-block; 
 line-height: 30px; 
 height: 30px; 
 font-size: 12px; 
 background: #565e8c; 
 color: #fff; 
 vertical-align: top; 
 border-radius: 5px; 
 padding: 0 7px; */
 display: inline-block; 
 float:left; 
 cursor: pointer; 
 margin: 0; 
 height:40px; 
 line-height:40px; 
 padding:0 15px; 
 /* margin-left: 8px; */
 border-radius: 4px; 
 font-size: 15px; 
 font-weight: 500; 
 text-align: center; 
 text-align: center; 
 letter-spacing: 0; 
 vertical-align: middle; 
 /* background: none; */
 border: none; 
 overflow: visible; 
 -webkit-box-sizing: border-box; 
 box-sizing: border-box; 
 background:#000; color:#fff; 
 /* color:#fff !important; */
 } 
/* a.btn_ov02:hover,a.ov_listall:hover { background:#3f51b5 } */

/* shopping_content */
#container { 
 /* padding: 50px 0 0 300px; */
 } 
/* .shopping_content { min-width:2020px; box-sizing:border-box; } */
.shopping_content { 
 display: inline-block; 
 width: 100%; 
 /* height: 100%; */
 /* overflow-x: scroll; */
 } 
/* .shopping_list_wrap { padding:16px } */


.btn_switch_label { position:relative; display:block; cursor:pointer; width:60px; height:30px; margin:0 auto } 
.btn_switch_label input { position:absolute; width:0; height:0; opacity:0 } 
.btn_switch { display:inline-block; width:60px; height:30px; background:#c3c3c3; border-radius:15px } 
.btn_switch span { position:absolute; padding:0 7px; line-height:30px; font-size:13px; color:#fff } 
.btn_switch .on { left:0; opacity:0 } 
.btn_switch .off { right:0 } 
.btn_switch:after { position:absolute; top:4px; left:4px; width:22px; height:22px; border-radius:50%; background:#fff; content:'' } 

.btn_switch_label input:checked + .btn_switch { background:#526fdc } 
.btn_switch_label input:checked + .btn_switch .on { opacity:1 } 
.btn_switch_label input:checked + .btn_switch .off { opacity:0 } 
.btn_switch_label input:checked + .btn_switch:after { left:auto; right:4px } 

.btn { 
 /* display: inline-block; 
 height: 30px; 
 line-height: 30px; 
 padding: 0 10px; 
 border-radius: 5px; 
 font-size: 13px; */
 
 display: inline-block; 
 float:left; 
 cursor: pointer; 
 margin: 0; 
 height:40px; 
 line-height:40px; 
 padding:0 15px; 
 margin-left: 8px; 
 border-radius: 4px; 
 font-size: 15px; 
 font-weight: 500; 
 text-align: center; 
 text-align: center; 
 letter-spacing: 0; 
 vertical-align: middle; 
 /* background: none; */
 border: none; 
 overflow: visible; 
 -webkit-box-sizing: border-box; 
 box-sizing: border-box; 
 } 
.btn_color1 { background: #fff; 
 color: #ef3f23 !important; 
 border: 1px solid #ef3f23; } 
.btn_color2 { background:#ef3f23;; color:#fff !important; } 

/* .btn_sort { position:relative; margin-right:10px } */
/* .btn_sort input { position:absolute; width:0; height:0 } */
/* .btn_sort span { display:inline-block; padding:0 10px; line-height:28px; border:1px solid #c3c3c3; background:#fff; cursor:pointer } */
.btn_sort input:checked + span { color:#fff; background:#526fdc } 

.fsearch_wrap:after { display:block; clear:both; content:'' } 

.td_sh_status { position:relative } 
.btn_reject { color:#eb423f; cursor:pointer } 
.btn_reject:hover + .reject_hover_box { display:block } 
.reject_hover_box { position:absolute; top:8px; left:50%; width:200px; padding:5px; margin-left:20px; border:1px solid #526fdc; background:#fff; border-radius:5px; display:none; } 

/*팝업*/
.closing_alert_popup { position:relative; box-sizing:border-box; max-width:500px; padding:20px; margin:0 auto; background:#fff; text-align:center; border-radius:10px } 
.closing_alert_popup .icon_alert { width:50px } 
.closing_alert_popup p { font-size:15px; margin-top:15px } 
.closing_alert_popup p span { font-weight:bold } 

/*순위 이미지*/
.td_rank { position:relative } 
.td_rank .prd_img_box { position:absolute; z-index:2; top:0; right:100%; margin-right:-5px; display:none } 
.td_rank:hover .prd_img_box { display:block; background:#fff; border:1px solid #fafafa } 


/* 공지게시판 */
.board_content { box-sizing:border-box; padding:16px } 
.board_content .tbl_head03 tbody tr { background:#fff } 
.board_content .tbl_head03 tbody tr.tr_notice { background:#ffe5e5 } 
.board_content .td_bo_cont { padding:10px } 
.board_content .td_bo_cont .content_box { display:none; padding:10px; margin-top:10px; border:1px solid #919191; border-radius:7px; background:#fafafa } 
.board_content .td_bo_cont .icon_notice { display:inline-block; padding:3px 8px 1px; margin-right:5px; background:#ff5151; border-radius:5px; color:#fff } 
.board_content .pg_wrap { position:relative; width:100%; padding:0; margin:50px 0 0 0 } 


/*2024-10-29 ksa css추가*/

/* input { 
 position: absolute; 
bottom: 0; 
left: 0; 
float: left; 
display: inline-block; 
width: 100%; 
/* height: 27px; */
height: 36px; 
border: none; 
outline: none; 
/* border: 1px solid #e3e5ea; */
border: 1px solid #E1E1E1; 
font-size: 13px; 
text-align: left; 
border-radius: 4px; 
 } */


button { 
cursor: pointer; 
margin: 0; 
height: 34px; 
padding: 0 17px; 
margin-left: 8px; 
border-radius: 4px; 
font-size: 13px; 
font-weight: 500; 
text-align: center; 
text-align: center; 
letter-spacing: 0; 
vertical-align: middle; 
background: none; 
border: none; 
overflow: visible; 
-webkit-box-sizing: border-box; 
box-sizing: border-box; 
 } 

button:focus, button:active { 
border: 0; 
outline: 0; 
-webkit-appearance: none; 
 } 


button.btn_default { 
border: 1px solid #000; 
color: #fff; 
background-color: #000; 
 } 

button.btn_default:hover { 
background-color: #000; 
color: #fff; 
border: 1px solid #000; 
box-shadow: 0 3px 3px rgba(51, 51, 51, .35)
 } 

button.btn_type0 { 
background-color: #48465b; 
border: 1px solid #48465b; 
color: #fff; 
 } 

button.btn_type0:hover { 
background-color: #000; 
border: 1px solid #000; 
color: #fff; 
 } 

button.btn_type1 { 
background-color: #ccc; 
border: 1px solid #ccc; 
color: #fff; 
 } 

button.btn_type1:hover { 
background-color: #bbb; 
border: 1px solid #bbb; 
color: #fff; 
 } 

button.btn_type2 { 
background-color: #0abb87; 
border: 1px solid #0abb87; 
color: #fff; 
 } 



.btn_type2 { 
background-color: #ef3f23 !important; 
border: 1px solid #ef3f23 !important; 
color: #fff !important; 
 } 



.btn_type3 { 
 background-color: #000 !important; 
 border: 1px solid #dfdfdf !important; 
 color: #fff !important; 
 } 


/*header*/
nav { 
 display:inline-block;
 background-color: #fff; 
 position: relative; 
 padding: 0 2%; 
 padding-left: 100px; 
 padding-right: 172px; 
 width: 100%; 
 height: 70px; 
 } 

.logo_link { 
 position: absolute; 
 top: 15px; 
 left: 2.2%; 
 display: inline-block; 
 width: 70px; 
 height: 40px; 
 cursor: pointer; 
 background-image: url("../../images/big_hit_logo3.png"); 
 background-repeat: no-repeat; 
 background-position: 0 0; 
 background-size: 100%; 
 } 
.logo_link_osuqq { 
 position: absolute; 
 top: 50%; 
 left: 2.3%; 
 display: inline-block; 
 width: 100px; 
 height: 14px; 
 margin-top:-7px; 
 cursor: pointer; 
 background-image: url(../../images/logo.png); 
 background-repeat: no-repeat; 
 background-position: 0 0; 
 background-size: 64px; 
 } 

header .user_info { 

 } 

header .user_info .user_name { 

 } 


/* .left_menu_btn { 
display:inline-block; 
position: absolute; 
width: 28px; 
height: 28px; 
left: 16px; 
top: 21px; 
background: #0BAB8B; 
border-radius: 12px; 
text-align:center; 
padding-top:8px; 
padding-left:8px; 
padding-right:8px; 
 } 
.left_menu_btn_bar { 
display:inline-block; 
width:12px; 
height:2px; 
background-color:#fff; 
border-radius:2px; 
float: left; 
 margin-bottom: 3px; 
 } */


.left_menu { 
 display: inline-block; 
 width: 282px; 
 height:100vh; 
 background-color: #fff; 
 } 
.left_menu a:before { content:""; display:inline-block; width:5px; height:5px; background:#ccc; border-radius:50%; margin-right:4px; vertical-align:middle } 
.left_menu a { 
 display:inline-block; 
 width: 100%; 
 padding:12px 0; 
 font-size:16px; 
 font-weight:500; 
 } 
.left_menu a:hover { background:#f8f8f8 } 
.left_menu a.on { 
 } 

 .left_menu_bottom .left_menu{height:auto;width:100%}

.search_area_top { 
position: relative; 
width: 100%; 
height: 43px; 
text-align: right; 
max-width: 1956px; 
 /*min-width: 1360px; */
 /*min-width: 1340px; */
 } 

.search_area_top .page_title { 
display: inline-block; 
height: 24px; 
line-height: 24px; 
letter-spacing: 1px; 
color: #444; 
font-weight: 500; 
font-size: 16px; 
padding-left: 8px; 
float: left; 
 } 

.search_area { 
 display: inline-block; 
width: 100%; 
max-width: 1956px; 
height: 184px; 
padding: 0 32px; 
padding-right: 31px; 
padding-top: 20px; 
margin-bottom: 0px; 
background-color: #fff; 
border-radius: 4px; 
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04); 
border: 1px solid #E7E7E9; 
margin-bottom: 20px; 
 } 

.table_wrap { 
 display: inline-block; 
width: 100%; 
min-height: 314px; 
margin-bottom: 20px; 
 background-color: #fff; 
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04); 
float: left; 
 } 

.table_wrap table thead tr th { 
 padding: 10px 0; 
text-align: center; 
font-size: 13px; 
color: #333; 
font-weight: normal; 
 background-color: #dfdfdf; 
 border: 1px solid #E1E1E1; 
 } 
.table_wrap table tbody tr td { 
 padding: 10px 0; 
text-align: center; 
font-size: 13px; 
color: #333; 
font-weight: normal; 
 border: 1px solid #E1E1E1; 
 }