@charset "utf-8";
/* ============ 파일초기화 ============== */
/*
<div class="file_box">
	<button type="button" class="btn btn-info">파일찾기</button>
	<input type="text" class="form-control" placeholder="파일을 선택하세요." readonly>
	<input type="file" name="set_og_image_file" class="form-control">
</div>
*/
.file_box{position:relative;padding-left:87px;display:block;width:40%;}
.file_box button{position:absolute;top:0px;left:0px;}
.file_box input[type=text]{}
.file_box input[type=file]{position:absolute;top:0px;left:0px;height:38px;opacity:0;}

/* ============ 인라인 체크박스 초기화(fontawesome사용) =========== */
/*
<label for="set_naver_oauth_yn" class="chk_inline">
	<input type="checkbox" name="set_naver_oauth_yn" value="1" <?php echo $setting['set_naver_oauth_yn']==1?"checked":""; ?> id="set_naver_oauth_yn">
	<i class="far fa-check-square"></i>
	<span>사용</span>
</label>
*/
.chk_inline{height:31px;line-height:31px;font-size:1.1em;padding:0 10px;border-radius:3px;cursor:pointer;}
.chk_inline input{display:none;}
.chk_inline i{color:#ddd;font-size:1.5em;position:relative;top:3px;}
.chk_inline i.checked{color:#000;}
.chk_inline input:checked + i{color:#000;}
/* ============ 인라인 싱글체크박스 초기화(fontawesome사용) =========== */
/*
<label for="set_naver_oauth_yn" class="chk_inline_single">
	<input type="checkbox" name="set_naver_oauth_yn" value="1" <?php echo $setting['set_naver_oauth_yn']==1?"checked":""; ?> id="set_naver_oauth_yn">
	<i class="far fa-check-square"></i>
</label>
*/
.chk_inline_single{height:31px;line-height:31px;font-size:1.1em;padding:0 10px;border-radius:3px;cursor:pointer;}
.chk_inline_single input{display:none;}
.chk_inline_single i{color:#ddd;font-size:1.5em;position:relative;top:3px;}
.chk_inline_single i.checked{color:#000;}
.chk_inline_single input:checked + i{color:#000;}
/* ============ 인라인 라디오박스 초기화(fontawesome사용) =========== */
/*
<label for="" class="radio_inline">
	<input type="radio" onclick="return false;" name="set_device" value="mobile" <?php echo $set_device_mobile; ?>>
	<i class="far fa-check-circle"></i>
	<span>MOBILE</span>
</label>
*/
.radio_inline{height:31px;line-height:31px;font-size:1.1em;padding:0 10px;border-radius:3px;cursor:pointer;}
.radio_inline input{display:none;}
.radio_inline i{color:#ddd;font-size:1.5em;position:relative;top:3px;}
.radio_inline input:checked + i{color:#000;}
/* ============ 인라인 싱글 라디오박스 초기화(fontawesome사용) =========== */
/*
<label for="set_naver_oauth_yn" class="radio_inline_single">
	<input type="radio" name="set_naver_oauth_yn" value="1" <?php echo $setting['set_naver_oauth_yn']==1?"checked":""; ?> id="set_naver_oauth_yn">
	<i class="far fa-check-circle"></i>
</label>
*/
.radio_inline_single{height:31px;line-height:31px;font-size:1.1em;padding:0 10px;border-radius:3px;cursor:pointer;}
.radio_inline_single input{display:none;}
.radio_inline_single i{color:#ddd;font-size:1.5em;position:relative;top:3px;}
.radio_inline_single input:checked + i{color:#000;}
/* ========================== 선택박스 select박스 설정 =========================== */
select{padding:8px 10px;border-radius:.25rem;}
select option{display:block;padding:10px;font-size:1.1em;}
/* ========================== textarea 박스 폭을 설정 =========================== */
textarea{width:100% !important;min-height:150px;border-radius:.25rem;padding:10px !important;line-height:1.5em;color:#495057;}
/* ========================== 텍스트 input 박스 폭을 설정 =========================== */
.input_text10{display:inline-block;width:10%;}
.input_text20{display:inline-block;width:20%;}
.input_text30{display:inline-block;width:30%;}
.input_text40{display:inline-block;width:40%;}
.input_text50{display:inline-block;width:50%;}
.input_text60{display:inline-block;width:60%;}
.input_text70{display:inline-block;width:70%;}
.input_text80{display:inline-block;width:80%;}
.input_text90{display:inline-block;width:90%;}
.input_text100{display:block;width:100%}
/* grid 그리드 */
.grid_fx_wrap{}
.grid_fx_wrap caption{}
.grid_fx_wrap #grid_list_chk{}
.grid_fx_wrap #grid_list_chk input[type=checkbox]:checked+i{color:skyblue;}
.grid_fx_wrap .grid_ul{}
.grid_fx_wrap .grid_ul:after{display:block;visibility:hidden;clear:both;content:"";}
.grid_fx_wrap .grid_ul .grid_li{position:relative;float:left;}
.grid_fx_wrap .grid_ul .grid_li .grid_li_chk{position:absolute;left:0px;top:0px;z-index:30;}
.grid_fx_wrap .grid_ul .grid_li .grid_li_chk i{}
.grid_fx_wrap .grid_ul .grid_li .grid_li_chk input[type=checkbox]:checked+i{color:skyblue;}
.grid_fx_wrap .grid_ul .grid_li .grid_img_box{height:100%;background:#efefef;}
.grid_fx_wrap .grid_ul .grid_li .grid_img_box a{position:relative;display:block;width:100%;height:100%;overflow-y:hidden;}
.grid_fx_wrap .grid_ul .grid_li .grid_img_box img{position:relative;display:block;width:100%;top:50%;}
.grid_fx_wrap .grid_ul .grid_li .grid_img_box i{position:absolute;display:block;text-align:center;font-size:3em;color:#ddd;width:100%;top:50%;margin-top:-20px;}
.grid_fx_wrap .grid_ul .grid_li .grid_info_box{}
.grid_fx_wrap .grid_ul .grid_li .grid_info_box .grid_ttl{font-weight:500;}
.grid_fx_wrap .grid_ul .grid_li .grid_info_box .grid_txt{}
.grid_fx_wrap .grid_ul .grid_li .grid_info_box .grid_txt strong{font-weight:500;}
.grid_fx_wrap .grid_ul .grid_li .grid_info_box .grid_txt p{}
/*페이지네이션 박스*/
.page_box{text-align:center;}

/*===================================태그관련===================================*/
.tag_box{border:1px solid #ddd;border-radius:5px;line-height:1.7em;background:#f1f1f1;padding:6px 10px 7px;font-size:1.1em;min-height:38px;}
/*====================================버튼종류=========================================*/
/*아이콘 버튼*/
.icon_btn{}
.icon_btn i{font-size:2em;}



#sit_ov_btn #basic_btn_group button{
	min-width:100px;
	width:auto;
	margin-right:0.25rem;
}
#sit_ov_btn #basic_btn_group a{
	min-width:100px;
	width:auto;
}
.sit_option {
    margin: 25px 0 0;
}
.sit_ov_tbl tr:last-child th, .sit_ov_tbl tr:last-child td {
    border-bottom: 0px solid #e9e9e9;
}
.sit_admin a {
    opacity: 1.0;
	color:#fff;
}
@media (min-width: 992px) {
.mobile {
    display: none !important;
}
}
#sct_sortlst {
    border-bottom: 0;
}
#sct_sort {
    border-bottom: 1px solid #dfdfdf;
}
#sct_lst {
    border-bottom: 1px solid #dfdfdf;
}
#sod_frm_orderer .tbl_frm01 table th, #sod_frm_taker .tbl_frm01 table th {
	width:auto;
}
#mb_login_notmb .btn_submit {
    color:#fff;
}