/*=============================================
개발자 추가용
=============================================*/

/* 목록 상품 제목 줄바꿈 방지용*/
.sct_10 .sct_txt{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.shop_icon_color{ background: linear-gradient( to right, #0600FF, #FF0000, #FFD400 ); }
.shop_icon_bnw{ background: linear-gradient( to right, #000, #f2f2f2 ); }
.shop_icon_rental{ background: #2D9300; }

/* 상세화면 유튜브 영상용 */
div.item_youtube {
	width: 100%;
	max-width: 860px;
	margin: 0px auto;
	margin-bottom:20px;
	padding:0px;
}

div.item_youtube_container {
	position:relative;
	width:100%;
	height:auto;
	padding-top:50%;  
}
div.item_youtube_container iframe { z-index: 1; top: 0; left: 0; position:absolute; width: 100%; height: 100%; }

.option_wr select { padding: 0px 15px; }
#faq_wrap h3 a {font-weight:500;}


@media all and (min-width:1260px) {
	#sit_title span.detail_rental { margin-right:10px; padding-left:5px; padding-right:5px; background-color:#2D9300; color:#fff; }
	#sit_tot_price span { margin-right: 15px; }
	/* button.btn_frmline { padding:0; } */

	/* 현재 테마에 맞게 Npay 사이즈 변경 */
	div.npay_storebtn_bx { width: 583px !important; }
	div.npay_button_box { border-top: 0px !important; }

	/* 상단 메뉴 관련 */
	#header .global { margin-bottom:15px; border-top: 0px; border-bottom: 1px solid #e9e9e9; }
	#header .global .menu { display:none !important; }
	#container.shop #title h3 { font-size:24px; }
	
	#category{ position:static;width:100%;background-color:#fafafa;opacity:100;visibility:visible;}
	#category .cate_li_1 { width:15%; }
	/* #category .cate_li_1 a{ text-align:center;} */
	#category .cate_li_1 a:hover{ text-decoration:underline; }	    
	#category .o_rmenu {display:inline-block !important;} /* CHJ 추가 */	
	li a.a1_underline { text-decoration:underline; }
	li a.a2_underline { text-decoration:underline;color:#053863 !important; }

	
	/* 상세설명 회색박스 */
	div.view_notice_gray { padding:15px;border:#f2f2f2 solid 5px; text-align:center; font-size:14pt; }


	/* 상세화면 퀴메뉴 */
	/*
	#sit_buy { position:absolute; top:0px; right:50%; margin-right:-640px; }
	*/
	
	/* 안전확인대상 생활화학제품 표시사항 */
	/* img.auth_detail { float:left;margin-right:8px; } */	
}

@media (max-width:1259px) and (min-width:748px) {
	#sit_title span.detail_rental { margin-right:5px; padding-left:5px; padding-right:5px; background-color:#2D9300; color:#fff; }
	#category .o_rmenu {display:none !important;} /* CHJ 추가 */

	/* 현재 테마에 맞게 Npay 사이즈 변경 */
	div.npay_storebtn_bx { width: 100% !important; background-color:none;}
	div.npay_button_box { border-top: 0px !important; background-color:none !important; }

	/* 상세설명 회색박스 */
	div.view_notice_gray { padding:15px;border:#f2f2f2 solid 5px; text-align:center; font-size:12pt; }
	
	
	/* 안전확인대상 생활화학제품 표시사항 */
	/* img.auth_detail { float:left;margin-right:5px; } */
}

@media (max-width:747px) {
	#sit_title span.detail_rental { margin-right:5px; padding-left:5px; padding-right:5px; background-color:#2D9300; color:#fff; }
	#category .o_rmenu {display:none !important;} /* CHJ 추가 */

	/* 현재 테마에 맞게 Npay 사이즈 변경 */
	div.npay_storebtn_bx { width: 100% !important; }
	div.npay_button_box { border-top: 0px !important; }

	/* 상세설명 회색박스 */
	div.view_notice_gray { padding:15px;border:#f2f2f2 solid 5px; text-align:center; font-size:12pt; }


	/* div.bx-wrapper { height: auto !important; } */
	a.review_detail_link li img { height: auto !important; }
	a.pr_page li img { height: auto !important; }

	/* 안전확인대상 생활화학제품 표시사항 */
	/* img.auth_detail {float: right;vertical-align: unset; width: 45px;height: 45px;margin-top: -5px;margin-left: 5px; } */
}


/*** 렌탈 탭메뉴 시작 ***/
*, *:before, *:after { box-sizing: border-box; }

/* it-tabs */
.it-tabs { max-width:860px; border-right: 1px solid #ccc; margin-bottom:10px; margin-right: auto; margin-left: auto; }
.it-tabs:after { content: ""; display: table; clear: both; }
.it-tabs input[type=radio] { display: none; }
.it-tabs label {
  display: block;
  float: left;
  width: 50%;
  padding: 1em;
  border: 1px solid #ccc;
  border-right: none;
  background-color: #f7f7f7;
  text-align: center;
  font-weight: 700;
  color: #888;
  cursor: pointer;
  -webkit-transition: background-color 150ms ease-in-out;
  transition: background-color 150ms ease-in-out;
}
.it-tabs label:hover { background-color: white; }
.it-tabs [id^="it-tab"]:checked + label {
  border-bottom-color: white;
  background: white;
  color: coral;
}
.it-tab-content {
  display: none;
  float: left;
  width: 100%;
  padding: 0.5em;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background-color: white;
  opacity: 0;
}
/* 전환효과용 참고 : https://jsfiddle.net/hyungsub08/p5f9a8j0/61/ */
#it-tab1:checked ~ #it-tab-content1, #it-tab2:checked ~ #it-tab-content2, #it-tab3:checked ~ #it-tab-content3 { display: block; opacity: 1; animation: fade-in 3s; animation-fill-mode: forwards; }

@keyframes fade-in {
  from { opacity: 0; }  
  to { opacity: 1; }  
}
/*** 렌탈 탭메뉴 종료 ***/

/*** 렌탈 탭메뉴 단가표 시작 ***/
.rental_price_list { margin-top:7px; }
.rounded-corner {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	width: 100%;
	/* max-width: 860px; */
	text-align: left;
	border-collapse: collapse;
	line-height: 1.7em;
	margin-left:auto;
	margin-right:auto;
}
/*
.rounded-corner thead th.rounded-q0 { background: #b9c9fe url('img/left.png') left -1px no-repeat; }
.rounded-corner thead th.rounded-q4 { background: #b9c9fe url('img/right.png') right -1px no-repeat; }
*/
.rounded-corner th {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-weight: normal;
	color: #039;
	background: #b9c9fe;
	font-weight:bold;
	white-space:nowrap;
}
.rounded-corner td {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
	white-space:nowrap;
}
/*
.rounded-corner tfoot td.rounded-foot-left { background: #e8edff url('img/botleft.png') left bottom no-repeat; }
.rounded-corner tfoot td.rounded-foot-right { background: #e8edff url('img/botright.png') right bottom no-repeat; }
*/
.rounded-corner tbody tr:hover td { background: #d0dafd; }


/* GX7092 렌탈페이지용 */
/* div.rental_product { padding:0px 7px; } 2024-07-15 */
div.rental_product { padding:0px; }
div.rental_product > div.pimg { text-align: center; margin-bottom:10px; }
div.rental_product > div.pimg > img { width:100%; max-width:280px !important; }
a.chg_font { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; color:#0000ff; text-decoration:underline; }
table.i_table {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	color: #666;
	font-size: 13px;
	text-shadow: 1px 1px 0px #fff;
	background: #eaebec;
	border: #ccc 1px solid;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-spacing: 1px;
}

table.i_table > tbody > tr {
	padding-left: 10px;
}
table.i_table > tbody > tr > td:first-child {
	text-align: left;
	padding-left: 8px;
	border-left: 0;
}
table.i_table > tbody > tr > td {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	padding:8px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	background: #fbfbfb;
}
table.i_table > tbody > tr > td > p { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; }
table.i_table > tbody > tr > td > span { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; }
table.i_table > tbody > tr > td.stit { 
	vertical-align: top;
	font-weight:bold; 
	white-space:nowrap;
}

table.i_table > tbody > tr > td > span.price { 
	color:#FF0000;
	font-size:120%;
	font-weight:600;
}
span.highlight {  font-weight:600; }

table.i_table > tbody > tr:nth-child(even) > td{
	background: #f8f8f8;
}
table.i_table > tbody > tr:last-child > td{
	border-bottom: 0;
}
table.i_table > tbody > tr:last-child > td:first-child {
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
table.i_table > tbody > tr:last-child > td:last-child {
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
table.i_table > tbody > tr:hover > td {
	background: #f2f2f2;
}


/* PC 사이즈 */
@media all and (min-width:1260px) {
	.it-tabs label { font-size: 14px; padding: 1em; }
	.rounded-corner { font-size: 14px; }
	.rounded-corner th { padding: 8px; }
	.rounded-corner td { padding: 8px; }

	
	div.rental_product > div.pimg { float: left; width: 30%; }
	div.rental_product > div.article { float: left; width: 70%;}	
	table.i_table { font-size: 13px; }
	table.i_table > tbody > tr > td { padding:8px; }
}

/* 테블릿 사이즈 */
@media (max-width:1259px) and (min-width:748px) {
	.it-tabs label { font-size: 13px; padding: 1em; }
	.rounded-corner { font-size: 13px; }
	.rounded-corner th { padding: 6px; }
	.rounded-corner td { padding: 6px; }

	div.rental_product > div.pimg { float: left; width: 30%; }
	div.rental_product > div.article { float: left; width: 70%; }
	table.i_table { font-size: 12px; }
	table.i_table > tbody > tr > td { padding:6px; }
}

/* 모바일 사이즈 */
@media (max-width:747px) {
	.it-tabs label { font-size: 11px; padding: 0.8em; }
	.rounded-corner { font-size: 12px; }
	.rounded-corner th { padding: 5px; }
	.rounded-corner td { padding: 5px; }

	div.rental_product > div.pimg { float: left; width: 100%; }
	div.rental_product > div.article { float: left; width: 100%; }	
	table.i_table { font-size: 12px; }
	table.i_table > tbody > tr > td { padding:4px; }
}
/*** 렌탈 탭메뉴 단가표 종료 ***/



/* 9 */
.btn-9 {
  z-index: 2;
  transition: all 0.3s ease;
  overflow: hidden;
}
.btn-9:after {
  position: absolute;
  content: " ";
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
.btn-9:hover {
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.5),
    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
  color: #fff;
}
.btn-9:hover:after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
  background: #000;
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.5),
    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
}

table.i_table .goods_subj { font-weight:bold; color:#053863; }

/* 상품 정렬순서 위치표시용 */
#ssch_sort li.active a { font-weight:500; text-decoration: underline; }


/* 상품 상세페이지 인증정보 관련 */
.sit_ov_tbl > dl > dd > span.hides { display:none; }