a:link {text-decoration:none;color:#415937;}
		a:visited {text-decoration:none;color:#415937;}
		a:active {text-decoration:none;color:#415937;}
		a:hover {text-decoration:none;color:red;}
		td{font-family: '굴림'; font-size:9pt; line-height:1.4}

	.text
		{ font-size:9pt; font-family:굴림체;color:navy; background-color:#F0F0F0; border-width:1; border-color:#777777; border-style:solid; }
	.button
		{ font-size:9pt; color:#333333; background:transparent; border-width:1; border-color:#AAAAAA; }


	#alert_toast_view_box {
	
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		
		background:#F1F1F1;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:90%; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	}


	#product_list_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		
		background:#eee;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:900px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#product_append_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		
		background:#FFFFFF;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:1200px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#cate_img_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		
		background:#eee;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:500px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#alert_cart_append_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		
		background:#FFFFFF;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:90%; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#alert_popup_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		
		background:#FFFFFF;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:90%; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#popup_view_box {
	
		/* css3 drop shadow */
		/*
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		*/
		
		/* css3 border radius */
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		
		background:#eee;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:300px;
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}


.bgLayer {display:none;position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); z-index:10;}  /* z-index가 10이다. 이보다 위에 보이기 위해선 팝을 이보다 크게 설정해야한다. */





.cssZoom{
	border:1px solid #ccc;
	padding:10px;
	margin-top:10px;
	width:150px;
	height:50px;
	overflow:hidden;
}

.cssZoom iframe{
	-ms-zoom: 0.5;
	
	-moz-transform: scale(0.5);
	-moz-transform-origin: 0 0;
	
	-o-transform: scale(0.5);
	-o-transform-origin: 0 0;
	
	-webkit-transform: scale(0.5);
	-webkit-transform-origin: 0 0;
	
	transform: scale(0.5);
	transform-origin: 0 0;	
	
	border:1px solid #ccc;
	top:0px;
	left:0px;
	
	width:200%;
	height:200%;
}



	.imageContainer {
	  width: 96%;
	  height: 96%;
	  max-width: 100%;
	  max-height: 100%;
	  position: relative;
	  overflow: hidden;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  margin: auto;
	  background: #FFFFFF;
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
	}


	.imageContainer > img {
	  display: block;
	  max-width:100%;
	  max-height:100%;	  cursor: move;
	  touch-action: none;
	}

.bgLayer_new {display:none;position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); z-index:10;}  /* z-index가 10이다. 이보다 위에 보이기 위해선 팝을 이보다 크게 설정해야한다. */



.no-scroll {
  -ms-overflow-style: none; /* IE, Edge */
  scrollbar-width: none; /* Firefox */
}
.no-scroll::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

input:focus {
  outline: none;
}


input[type=checkbox] {
    display:none;
}



input[type=checkbox] {
    display:none;
}

input[type='checkbox']+label {
	cursor:pointer;
    display: block;
    width: 20px;
    height: 20px;
    background: url('../images/icon_check_normal.png') no-repeat 0 0px / contain;
}

input[type='checkbox']:checked+label {
	cursor:pointer;
    background: url('../images/icon_check_select.png') no-repeat 0 0px / contain;
}



input[type='checkbox']:checked+label {
	cursor:pointer;
    background: url('../images/icon_check_select.png') no-repeat 0 0px / contain;
}


/*
input[type=checkbox]:disabled + label {
    background-image: url('./images/check-offdisabled.svg');
}
*/

.scroll_wrap {overflow: hidden;}
.scroll_on {padding:0px 0;font-size: 24px;font-weight:700;text-align: center;opacity: 10;transition: all 1s;}
.scroll_on.active {opacity: 1 !important;transform: translate(0, 0) !important;}
.scroll_on.type_top {transform: translate(0, -250px);transition:all 0.3s ease-in-out;}
.scroll_on.type_bottom {transform: translate(0, 250px);transition:all 0.1s ease-in-out;}
.scroll_on.type_left {transform: translate(-500px, 0);transition:all 0.3s ease-in-out;}
.scroll_on.type_right {transform: translate(500px, 0);transition:all 0.3s ease-in-out;}
.scroll_on.type_fade_out {opacity: 0.2;    transition: 0.3s;transition:all 0.2s ease-in-out;}

.dashed-table {
    width: 100%;
    border-collapse: collapse; 
    border-spacing: 0; /* 🚨 추가 */
    border: 0; 
}

.dashed-table tr {
    /* 기존 설정 유지 */
    height: 0;
    line-height: 0;
}

.dashed-table td {
    border: 1px dashed #D2D2D2; 
    font-family: Arial, sans-serif;
    /* 🚨 모든 수직 공간을 강제로 0으로 설정 */
    padding: 0 !important; 
    height: 0 !important; 
    line-height: 0 !important;
    font-size: 0 !important;
}

#scroll-container {
    /* 1. 🚨 스크롤 기능 활성화 (내용이 넘칠 때 스크롤 가능) */
    width: 100%;
    height: 100px;
    overflow-x: scroll; /* 스크롤바가 생기도록 명시적으로 'scroll' 설정 */
}

/* 🚨 스크롤 컨테이너의 스크롤바 영역 자체를 숨김 */
#scrollContainer::-webkit-scrollbar {
    display: none; /* WebKit 기반 브라우저 (Chrome, Safari) */
    width: 0;
    height: 0;
}
/* 🚨 Firefox의 경우 비표준 -moz-scrollbar는 지원되지 않으므로, 
     대신 숨기지 않고 얇게 만드는 'scrollbar-width'를 사용하거나 포기해야 합니다. */
#scrollContainer {
    /* 🚨 IE/Edge 레거시 지원을 위한 속성 (대부분의 모던 브라우저에서는 무시됨) */
    -ms-overflow-style: none;
}




#scroll-wrapper {
    position: relative; /* 화살표가 이 래퍼를 기준으로 움직이도록 설정 */
    display: flex;      /* 컨테이너와 화살표를 한 줄에 배치 */
    align-items: center;
}

.scroll-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); /* 수직 중앙 정렬 */
    /* background: rgba(255, 255, 255, 0.8); 배경색을 주어 스크롤 내용을 덮을 수 있게 함 */
    padding: 5px;
    cursor: pointer;
    z-index: 100; /* 스크롤 내용 위로 올라오도록 */
}

#left-arrow {
    left: 0;
}

#right-arrow {
    right: 0;
}

/* 키보드가 올라왔을 때 이 클래스를 추가하여 숨김 */
.bottom_fixed_bar.is-hidden {
    display: none !important; 
}