@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: 0.25rem;
}
select option {
  display: block;
  padding: 10px;
  font-size: 1.1em;
}
/* ========================== textarea 박스 폭을 설정 =========================== */
textarea {
  width: 100% !important;
  min-height: 150px;
  border-radius: 0.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;
  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;
}