@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 .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}
.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 {position:sticky; left:0; width:100vw; margin:0 -40px 0 -186px; padding:20px 40px 0 186px; }

/*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: #08976d;
    color: #fff;
    border: 1px solid #48af91;
    font-weight: normal;
    text-align: center;
    height: 50px;
    padding: 8px 5px;
   font-size: 14px;
    box-sizing: border-box;
}
.tbl_head03 thead th a{color:#fff}
.tbl_head03 thead input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head03 thead a {color:#383838;text-decoration:underline}
.tbl_head03 tbody th {border:1px solid #d6dce7;padding:5px;text-align:center}
.tbl_head03 tbody td {border:1px solid #d6dce7;padding:5px;text-align:center; line-height:1.4; font-size:13px; box-sizing:border-box}
.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}
.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:#34bd8b;font-weight:bold;}
table td.td_point {background:#c3cce2}
table tbody .bg0{background:#fff !important}
table tbody .bg1{background:#eff3f9 !important}
table tbody tr.holding {background:#eaeaea !important; opacity: .8}
table tbody tr.holding td {background:#eaeaea !important; }

/* 페이지 내 검색 */
.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:13px;}
.local_sch .sch_input {height:30px;border:1px solid #dcdcdc;border-right:0;;padding:0 5px;float:left;}

.local_sch select {
    letter-spacing: -0.5px;
    display: inline-block;
    width: 150px;
    height: 36px;
    line-height: 36px;
    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: 13px;
    color: #666;
    font-weight: 500;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
}

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

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

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

/*마감일 임박보기 버튼*/
.btn_sort{
    display: inline-block;
    /* width: 120px; */
    height: 34px;
    line-height: 34px;
    /*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: bold;}
.btn_sort input{display: none;}


.local_sch01 {
    /* position: absolute;
    top:0;
    right:30px; */
}
.local_sch01 .frm_input {
    display: inline-block;
    width: 150px;
    height: 36px;
    line-height: 36px;
    border: none;
    outline: none;
    font-size: 13px;
    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: 36px;
    height: 36px;
    background-color: #f8f8f8;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
    background-image: url(images/bbs_search_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    
}


.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: 34px;
    line-height: 34px;
    padding: 0 15px;
    /* 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;
    background:#1d1560;
    /* 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: 34px;
    padding: 0 15px;
    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;
}
.btn_color1 {background:#1d1560; color:#fff !important;}
.btn_color2 {background:#52dcb3; 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;
}

button.btn_type2:hover {
	border: 1px solid #08976d;
	background-color: #08976d;
	color: #fff;
}

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

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

.btn_type3 {
	background-color: #fff !important;
	border: 1px solid #0abb87 !important;
	color: #08976d !important;
}

.btn_type3:hover {
	border: 1px solid #08976d !important;
	background-color: #08976d !important;
	color: #fff !important;
}

/*header*/
nav {
  background-color: #fff;
  position: relative;
  padding: 0 2%;
  padding-left: 100px;
  padding-right: 172px;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid #dbdee3;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04); 
}

.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{
  display:inline-block;
  width: 100%;
  padding:20px;
  font-size:14px;
    font-weight:600;
  color:#555;
}
.left_menu a:hover{background:#f8f8f8}
.left_menu a.on{
  color: #0abb87;
  background-color: #eee;
  border-radius: 7px;
}

.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;
}