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



/*==========================================================
     ybuilder shop +  custom css 
============================================================*/

/* list 배경 투명 */

.wtr_100 .srs_li {background-color:transparent !important;}

.srs_img:hover { border:1px solid #999 !important;}

/* 라운드 */
.wtr_100 .srs_img { border-radius: 10px;}
.wtr_100 .srs_img a img { border-radius: 10px;}


/* 상품구성 부분 */

#sit_pvi { width:50%;}

#sit_ov { width:50%; padding:2%;}

#sit_pvi_big {float: left;}

#sit_ov_wrap { width: 100%; padding: 2%; }

#sit_pvi_thumb { position:absolute; top:10px; left:10px; }

#sit_pvi_big {border:1px solid #eee; width: 100%;} 

#sit_pvi_big img {width: 100%;}

#sit_inf_explan p {text-align:center;}


#sit_ov_btn button { width: 40%; margin-right:1%}
.sit_btn_wish { width:18%}


/* 장바구니*/

.btn_submit { background: #454545;}
.btn_submit:hover { background: #101010;}

#sod_bsk #sod_bsk_tot { border: 1px solid #454545; }

#sod_bsk #sod_bsk_tot li { border-left: 1px solid #101010;}

#sod_bsk #sod_bsk_tot li {background: #454545;}

#sod_bsk #sod_bsk_tot .sod_bsk_cnt { background: #101010;}



/* 구매 버튼 배경색 */
.sit_btn_buy {
    background: #454545 ;
    border: 1px solid #454545 ;	
}

.sit_btn_buy:hover { background: #101010; }

/* 상품설명 부분 */


#sit_tab .tab_tit li .selected:after { background: #454545; }

a.btn02 { background: #454545;}
a.btn02:hover { background: #101010; color:#fff;}



/* 주문하기 */

.sod_right > div:first-child { }

#sod_frm .tbl_frm01 td .btn_address { background: #454545; height:28px; line-height:28px;}

#sod_frm_taker .order_choice_place { background: #eee; border: 1px solid #eee;}

#od_tot_price { background: #eee; }

#display_pay_button .btn_submit { border: 1px solid #eee;}


/* 주문하기 & 주문 취소하기 */

.sod_left {width:65%; margin-right:2%;}
.sod_right {width:33%;}



/* 주문완료 */

#sod_fin_no {
    border: 1px solid #eee;
    background: #eee;
    border-radius: 0px;
    color: #333;
}

#sod_bsk_tot2 { border: 1px solid #eee; }

#sod_bsk_tot2 li.sod_fin_tot {  background: #eee; border-top: 1px solid #eee;}