/*
* GCMS v3.0.0
* Author : CELMON-FUNNY
* Copyright : 2018-2022 CELMON CO., LTD.
* Caution :	Do not modify the unconditional
* adminlte.min.css with Common css
*/

@charset "utf-8";


:root {
	--IDTcolor:#24C564;
	--IDTcolor_dark:#1EBB5C;
	--IDTcolor_bright:#07f565;
	--IDTcolor_light:#ebfef3;
	--IDTcolor900:#1a934a;
	--iptbtnHeight:35px;
	--sidebar_bg:#343a40;
	--background-bg:#F6F7FB;

	--font-base:'NanumSquareNeo';
	--FS-basic:var(--FS14);

	--FS-xx-small:0.563rem;	/* 9px (xx-small) */
	--FS-x-small:0.625rem;	/* 10px (x-small) */
	--FS-mm-small:0.688rem;	/* 11px - ADD. */
	--FS-m-small:0.750rem;	/* 12px - ADD. */
	--FS-small:0.813rem;	/* 13px (small) */
	--FS-mm-medium:0.875rem;/* 14px - ADD. */
	--FS-m-medium:0.938rem;	/* 15px - ADD. */
	--FS-medium:1.0rem;		/* 16px (medium)*/
	--FS-large:1.125rem;	/* 18px (large) */
	--FS-m-large:1.250rem;	/* 20px - ADD. */
	--FS-x-large:1.500rem;	/* 24px (x-large) */
	--FS-xx-large:2.000rem;	/* 32px (xx-large) */


	--basetxtcolor:#757575;
	--basetxtweight:600;
}

@media screen and (max-width:980px) {
	:root {
		--FS-mm-small:0.563rem;	/* 11 -> 9 */
		--FS-m-small:0.625rem;	/* 12 -> 10 */
		--FS-small:0.688rem;	/* 13 -> 11 */
		--FS-mm-medium:0.750rem;/* 14 -> 12 */
		--FS-m-medium:0.813rem;	/* 15 -> 13 */
		--FS-medium:0.875rem;	/* 16 -> 14 */
		--FS-large:1.0rem;		/* 18 -> 16 */
		--FS-m-large:1.125rem;	/* 20 -> 18 */
		--FS-xx-large:1.500rem;	/* 32 -> 24 */

}
}
body				{font-family:var(--font-base); font-size:1em; font-size:var(--FS-mm-medium); font-weight:500; line-height:1.15; letter-spacing:-0.03rem; color:#212529;}

.company-txt		{font-family:celmonHG; font-weight:800; text-decoration:none;}
.contents_tit		{display:inline; font-family:GongGothic; font-size:1.1rem; font-weight:400; vertical-align:1px; margin-left:7px; letter-spacing:-0.75px; color:var(--gray-dark); text-decoration:none;}

/*************************************************************************************************************************
*	EDCON : 2024.06.13 - FUNNY
**************************************************************************************************************************/
.scroll_edcon	{
	display:flex; justify-content:center; align-items:center;
	border:1px solid #CCC;
	background:rgba(255, 255, 255, 0.8);
	box-shadow: 1px 1px 8px -2px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 1px 1px 8px -2px rgba(0, 0, 0, .5);
	border-radius:50%;
	color:#444;
	font-size:26px;
	line-height:40px;
	cursor:pointer;
	width:40px;
	height:40px;
	overflow:hidden;
	position:fixed;
	right:-70px;
	text-align:center;
	z-index:2;
	opacity:.7;
	-webkit-transition:right .3s ease-out;
	-moz-transition:right .3s ease-out;
	-o-transition:right .3s ease-out;
	-ms-transition:right .3s ease-out;
	transition:right .3s ease-out;
	-webkit-transition:.3s ease-out;
	-moz-transition:.3s ease-out;
	-o-transition:.3s ease-out;
	-ms-transition:.3s ease-out;
	transition:.3s ease-out;
}

.scroll_edcon.up		{bottom:145px;}
.scroll_edcon.down		{bottom:100px;}
.scroll_edcon i			{font-size:var(--FS16F);}

.scroll_edcon.on		{right:20px;}

.scroll_edcon.up:hover	{background:#FFF; color:#000; opacity:1; -webkit-transition:.3s ease-out; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -ms-transition:.3s ease-out; transition:.3s ease-out; transform:translateY(-10px)}		
.scroll_edcon.down:hover{background:#FFF; color:#000; opacity:1; -webkit-transition:.3s ease-out; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -ms-transition:.3s ease-out; transition:.3s ease-out; transform:translateY(10px)}


/****************************************************************************************************
*	SNS Share
*****************************************************************************************************/
.btn_sns_share	{font-size:0.875rem; height:31px; padding:5px 6px; border:1px solid #DDD; letter-spacing:-1px; border-radius:3px; background:#FFF;}

/*******************************************************************************************************************************************
* SNS (footer와 상품상세의 공유하기와 연동 : 2023.01.20)
*******************************************************************************************************************************************/
.sns						{display:flex; width:100%; margin:0 auto 15px auto; flex-wrap:wrap; flex-direction:row; justify-content:flex-start; align-content:start;}

.sns li						{flex:0 0 auto; margin:1px;}
.sns li:first-child			{margin-left:0px;}
.sns li a					{overflow:hidden; display:block; width:38px; height:38px; font-size:0px;}
.sns li a.instagram			{background:url('/web/img/common/btn_sns.png') no-repeat 0px 0px;}
.sns li a.instagram:hover	{background-position:0px -38px;}
.sns li a.facebook			{background:url('/web/img/common/btn_sns.png') no-repeat -38px 0px;}
.sns li a.facebook:hover	{background-position:-38px -38px;}
.sns li a.twitter			{background:url('/web/img/common/btn_sns.png') no-repeat -76px 0px;}
.sns li a.twitter:hover		{background-position:-76px -38px;}
.sns li a.blog				{background:url('/web/img/common/btn_sns.png') no-repeat -114px 0px;}
.sns li a.blog:hover		{background-position:-114px -38px;}
.sns li a.kakaotalk			{background:url('/web/img/common/btn_sns.png') no-repeat -342px 0px;}
.sns li a.kakaotalk:hover	{background-position:-342px -38px;}
.sns li a.kakaostory		{background:url('/web/img/common/btn_sns.png') no-repeat -152px 0px;}
.sns li a.kakaostory:hover	{background-position:-152px -38px;}
.sns li a.youtube			{background:url('/web/img/common/btn_sns.png') no-repeat -190px 0px;}
.sns li a.youtube:hover		{background-position:-190px -38px;}
.sns li a.cafe				{background:url('/web/img/common/btn_sns.png') no-repeat -228px 0px;}
.sns li a.cafe:hover		{background-position:-228px -38px;}
.sns li a.band				{background:url('/web/img/common/btn_sns.png') no-repeat -380px 0px;}
.sns li a.band:hover		{background-position:-380px -38px;}
.sns li a.google			{background:url('/web/img/common/btn_sns.png') no-repeat -418px 0px;}
.sns li a.google:hover		{background-position:-418px -38px;}
.sns li a.kakaochannel		{background:url('/web/img/common/btn_sns.png') no-repeat -456px 0px;}
.sns li a.kakaochannel:hover{background-position:-456px -38px;}
.sns li a.navertalk			{background:url('/web/img/common/btn_sns.png') no-repeat -494px 0px;}
.sns li a.navertalk:hover	{background-position:-494px -38px;}
.sns li a.tistory			{background:url('/web/img/common/btn_sns.png') no-repeat -532px 0px;}
.sns li a.tistory:hover		{background-position:-532px -38px;}


@media screen and (max-width:1280px) {
	address .sns			{margin:6px auto 0px auto;}
	address .sns li			{float:none; margin:0px auto; text-align:center;}
}


/*******************************************************************************************************************************************
*	MODAL LAYERPOPUP
*******************************************************************************************************************************************/
/* modal layer */
.modal-fixed-pop-wrapper	{display:none; overflow-y:auto; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-inner		{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box			{position:relative; display:table-cell; vertical-align:middle;}
.modal-loading				{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content		{text-align:left;}
.loading					{display:inline-block; width:50px; height:50px; border:8px solid rgba(255,255,255,.3); border-radius:50%; border-top-color:#fff; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite;}
@keyframes spin {
  to {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes spin {
  to {-webkit-transform: rotate(360deg);}
}


/* Layer Popup Modal (경고 등) */
.modal{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.7);z-index:1000;}
.modal.on{display:block;}
.modal .modal_inner{position:absolute;top:50%;left:50%;background-color:#fff;}
.modal .modal_inner .modal_contents{position:relative;height:100%;}
.modal .modal_inner .modal_contents .btn_close{position:absolute;top:0;right:0;width:56px;height:58px;background:url(/web/img/common/modal_close.png) no-repeat 50% 50%;overflow:hidden;text-indent:-9999px;}
.modal .btn_wrap		{width:100%;height:60px;overflow:hidden;}
.modal .btn_wrap a		{text-decoration:none; font-weight:700;}
.modal .btn_wrap .button{width:100%;float:left;}
.modal .btn_wrap.double .button{width:50%;}
.modal_alert .modal_inner,
.modal_fail .modal_inner,
.modal_confirm .modal_inner{width:430px;min-height:260px;margin:-130px 0 0 -215px;}
.modal_alert .modal_inner .modal_contents,
.modal_fail .modal_inner .modal_contents,
.modal_confirm .modal_inner .modal_contents{display:table;width:100%;height:200px;font-size:18px;font-weight:300;color:#666;line-height:28px;padding:60px 30px;word-break:keep-all;word-wrap:break-word;text-align:center;}
.modal_alert .modal_inner .modal_contents .incont,
.modal_fail .modal_inner .modal_contents .incont,
.modal_confirm .modal_inner .modal_contents .incont			{display:table-cell ;vertical-align:middle; font-weight:600; letter-spacing:-1px;}
.modal_alert .modal_inner .modal_contents .incont .weight{font-weight:500;color:#333;}
.modal_confirm .btn_wrap .button{width:50%;}
.modal.modal_verticalFixed .modal_inner{top:10%;bottom:10%;}
.modal.modal_verticalFixed .modal_inner .contents_wrap{overflow-y:auto;}

/* 거래처 찾기 Layer */
.search-list {
	display: none;
	overflow-y: scroll;
	position: absolute;
	margin-top: -10px;
	padding: 10px;
	min-width: 250px;
	width: auto;
	max-height: 180px;
	background: #fff;
	border: 1px solid #CCC;
	border-radius: 5px;
	z-index: 20;
}

.search-list ul {
	position: relative;
	top: 0px;
	left: 0;
}

.search-list li {
	display: block;
	padding: 4px 36px 4px 21px;
	font-size: 13px;
	line-height: 24px;
	color: #666;
	cursor: pointer;
}

.search-list li:hover {
	background: #232832;
	color: #FFF
}

.search-list::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	border: 2px solid #DDD;
}

.search-list::-webkit-scrollbar-track {
	background: #EEE;
}

.search-list::-webkit-scrollbar-thumb {
	background: rgba(35, 40, 50, .8);
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.graph_rating		{overflow:hidden;display:inline-block;float:left; width:70px; height:14px; background:url('../img/star_rating.png') no-repeat 0 0; background-size:70px auto;}
.graph_rating span{display:inline-block; height:14px; background:url('../img/star_rating.png') no-repeat 0 -14px; background-size:70px auto; font-size:0; line-height:0;}



/******************************************************************************************************************************************
*	Common Icon - 2020.09.17
*******************************************************************************************************************************************/
i.icon_bus					{display:inline-block; width:21px; height:21px; cursor:pointer; margin-top:-3px; margin-right:-2px; -webkit-font-smoothing:antialiased; font-style:normal; font-variant:normal; line-height:1; text-rendering:auto;}
@media screen and (max-width:980px) {
	i.icon_bus				{width:18px; height:18px;}
}

.common_icon				{position:relative; overflow:hidden; font-size:0px; padding:0; background: url(/gcms/img//common_icon.png) no-repeat; vertical-align:middle; border:none; outline:0; cursor:pointer; z-index:2}

.common_icon.caution		{display:inline-block; width:20px; height:20px; background-position:0px 0px;}
.common_icon.excelwork		{display:inline-block; width:20px; height:20px; background-position:-20px 0px;}
.common_icon.batchwork		{display:inline-block; width:20px; height:20px; background-position:-40px 0px;}
.common_icon.printwork		{display:inline-block; width:20px; height:20px; background-position:-60px 0px;}

.common_icon.pdfdown		{display:inline-block; width:20px; height:20px; background-position:-80px 0px;}
.common_icon.faxdown		{display:inline-block; width:20px; height:20px; background-position:-100px 0px;}
.common_icon.xlsdown		{display:inline-block; width:20px; height:20px; background-position:-120px 0px;}

.common_icon.pdf.on			{display:inline-block; width:20px; height:20px; background-position:-80px -20px;}
.common_icon.fax.on			{display:inline-block; width:20px; height:20px; background-position:-100px -20px;}
.common_icon.xls.on			{display:inline-block; width:20px; height:20px; background-position:-120px -20px;}

.common_icon.pdf.off		{display:inline-block; width:20px; height:20px; background-position:-80px -40px;}
.common_icon.fax.off		{display:inline-block; width:20px; height:20px; background-position:-100px -40px;}
.common_icon.xls.off		{display:inline-block; width:20px; height:20px; background-position:-120px -40px;}

.common_icon.loginAlert		{display:inline-block; width:20px; height:20px; background-position:0px -20px;}
.common_icon.loginChrome	{display:inline-block; width:20px; height:20px; background-position:-20px -20px;}

.common_icon.reset			{display:inline-block; width:30px; height:13px; background-position:-341px -4px;}
.common_icon.save			{display:inline-block; width:30px; height:13px; background-position:-371px -4px;}

.common_icon.listsort_down	{display:inline-block; width:20px; height:20px; background-position:0px -40px;}
.common_icon.listsort_up	{display:inline-block; width:20px; height:20px; background-position:-20px -40px;}

.common_icon.reArrow		{display:inline-block; width:20px; height:20px; background-position:0px -60px;}
.common_icon.coin			{display:inline-block; width:20px; height:20px; background-position:-20px -60px;}

.common_icon.add			{display:inline-block; width:20px; height:20px; background-position:0px -180px;}


/******************************************************************************************************************************************
*	Help Guide - 2024.03.14
*******************************************************************************************************************************************/
.help_guide							{display:flex; flex-direction:column; width:100%; background-color:#F2F2F2; padding:20px; font-size:var(--FS16); font-weight:600; color:var(--mygray);}
.help_guide .hg_title				{width:100%; padding-bottom:10px; border-bottom:1px solid #CCC; color:#222; font-size:var(--FS15);}
.help_guide .hg_content				{display:flex; padding-top:20px; width:100%; flex-direction:column; align-items:flex-start;}
.help_guide .hg_content ul			{margin:0px 10px;}
.help_guide .hg_content li			{display:block; position:relative; padding-left:15px; font-size:0.813em; font-weight:600; line-height:18px; margin-bottom:7px; color:#666; text-align:left;}
.help_guide .hg_content li:before	{content:''; position:absolute; top:6px; left:0px; width:6px; height:4px; background-color:#666; border:1px solid #666; border-radius:2px;}

@media screen and (max-width:980px){
	.help_guide .hg_content li		{line-height:16px;}

}


/******************************************************************************************************************************************
*	Responsive Swiper 3Depth Tab : 2024.04.08
*******************************************************************************************************************************************/
.SW_menuSlide								{display:flex; width:100%; position:relative; margin-bottom:20px; overflow:hidden}
.SW_menuSlide .swiper-button-prev, 
.SW_menuSlide .swiper-button-next			{opacity:0; top:calc(50% + 0px); width:44px !important; height:44px !important; cursor:pointer; outline:none; z-index:100;
											-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.SW_menuSlide .swiper-button-prev			{left:0px; background:linear-gradient(to right, #FFF, transparent); background:-webkit-linear-gradient(to right, #FFF, transparent);}
.SW_menuSlide .swiper-button-prev:after		{position:absolute; top:15px; left:7px; width:15px; height:15px; border:2px solid #000; border-top:none; border-left:none; -webkit-transform:rotate(135deg); transform:rotate(135deg); -moz-transform:rotate(135deg); content:'';}
.SW_menuSlide .swiper-button-next			{right:0px; background:linear-gradient(to left, #FFF, transparent); background:-webkit-linear-gradient(to left, #FFF, transparent);}
.SW_menuSlide .swiper-button-next:after		{position:absolute; top:15px; right:7px; width:15px; height:15px; border:2px solid #000; border-top:none; border-left:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -moz-transform:rotate(-45deg); content:'';}
.SW_menuSlide:hover .swiper-button-prev		{opacity:0.5;}
.SW_menuSlide:hover .swiper-button-next		{opacity:0.5;}
.SW_menuSlide .swiper-button-prev:hover,
.SW_menuSlide .swiper-button-next:hover		{opacity:1; overflow:visible !important;}
.SW_menuSlide .swiper-button-prev.swiper-button-disabled	{opacity:0 !important;}
.SW_menuSlide .swiper-button-next.swiper-button-disabled	{opacity:0 !important;}

.SW_menuSlide ul						{display:flex; font-size:var(--FS14); font-weight:600; letter-spacing:var(--LS12); padding:2px 0;}
.SW_menuSlide li.swiper-slide			{display:flex; align-items:center; width:auto !important;} /* flex 일정간격 원할시 본 라인 주석 */
.SW_menuSlide li>a						{background-color:#FFF; white-space:nowrap; color:#888; padding:0.7rem 1.1rem; border:1px solid transparent; border-radius:1.55rem; -webkit-box-shadow: 0 2px 4px 0 rgba(29, 29, 29, 0.04), 0 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow:0 2px 4px 0 rgba(29, 29, 29, 0.04), 0 0 1px 0 rgba(0, 0, 0, 0.15);}
.SW_menuSlide li>a:focus,
.SW_menuSlide li>a:hover				{border-color: var(--mygray008) var(--mygray008) var(--mygray007); color:var(--mygray200);}
.SW_menuSlide li a.active				{color:#FFF; background-color:var(--IDTcolor); border:1px solid var(--IDTcolor)}
.SW_menuSlide li						{position:relative}
.SW_menuSlide li .newAlarm				{}



/******************************************************************************************************************************************
*	Dropdown Menu : 2024.05.07 (Derived and used with AdminLTE)
*******************************************************************************************************************************************/
.linkDown					{position:absolute; top:5px; width:auto; box-sizing:border-box; border-radius:4px; box-shadow:0px 8px 16px rgba(0, 0, 0, 0.1); background:#FFF;}

.dropdown-menu-right .linkDown	{right:5px; }
.dropdown-menu-left .linkDown	{left:5px; }

.dropdown-menu-right .linkDown:before	{content:""; position:absolute; top:-5px; right:6px; border-width:0 5px 6px; border-style:solid; border-color:transparent transparent var(--mygray);}
.dropdown-menu-left .linkDown:before	{content:""; position:absolute; top:-5px; left:6px; border-width:0 5px 6px; border-style:solid; border-color:transparent transparent var(--mygray);}

.linkDown ul				{list-style:none; margin:0; padding:10px 0;}

.linkDown .linkTitle		{display:flex; padding:20px; border-bottom:1px solid #e2e5ea; background-color:var(--mygray);}
.linkDown .linkTitle h2		{overflow:hidden; flex:1; color:#FFF; font-size:var(--FS16); font-weight:700; line-height:24px; white-space:nowrap; text-overflow:ellipsis;}
.linkDown .linkTitle h2 .submessage	{display:block; overflow:hidden; font-size:var(--FS12); color:#FFF; font-weight:500; white-space:nowrap; text-overflow:ellipsis;}

.linkDown .list + .list		{border-top:1px solid #e2e5ea;}

.linkDown .list li:hover	{background-color:var(--mygray009);}
.linkDown .list li a		{display:flex; justify-content:space-between; width:100%; align-items:center; padding:12px 20px 12px 20px; font-size:var(--FS13); color:var(--mygray); font-weight:600; text-decoration:none;}
.linkDown .list li a:hover	{color:var(--black);}
.linkDown .list li .lsttime	{font-size:var(--FS10); color:var(--mygray002); font-weight:400;}
.linkDown .list li .fgroup	{display:flex;}
.linkDown .list li .fgroup.read	{font-weight:500 !important; color:var(--mygray003);}


.linkDown.grid ul				{list-style:none; margin:0; padding:0;}
.linkDown.grid .list li:hover	{background-color:transparent;}
.linkDown.grid .list li a		{padding:10px;}


/******************************************************************************************************************************************
*	배달 가능여부 : 2024.05.09
*******************************************************************************************************************************************/
input[type="checkbox"].deliveryonf					{position:relative; z-index:1; font-size:var(--FS14F); font-weight:700; letter-spacing:-1px; width:90px !important; height:26px !important; display:inline-block; padding:0; border:0px none; cursor:pointer; outline:none; background-color:transparent;}
input[type="checkbox"].deliveryonf:before, 
input[type="checkbox"].deliveryonf:after			{position:absolute; content:""; -webkit-transition: 0.15s ease all; transition:0.15s ease all;}
input[type="checkbox"].deliveryonf:before			{content:'배달불가'; display:flex; align-items:center; justify-content:flex-end; color:#777; padding-right:10px; width:90px; height:26px; border-radius:26px; background-color:#DDD;}
input[type="checkbox"].deliveryonf:after			{margin:2px 0 0 2px; width:22px; height:22px; background-color:#FFF; border:none !important; border-radius:100%; transform:none !important;}

input[type="checkbox"].deliveryonf:checked:before	{content:'배달가능'; display:flex; align-items:center; justify-content:flex-start; background-color:var(--IDTcolor); color:#FFF; padding-left:10px}
input[type="checkbox"].deliveryonf:checked:after	{margin:2px 0 0 66px; background-color:#FFF;}
input[type="checkbox"].deliveryonf + label			{position:relative; top:-2px; cursor:pointer; font-size:var(--FS11F); font-weight:700;}
input[type="checkbox"].deliveryonf:checked + label	{color:var(--IDTcolor)}


/***************************************************************************************************
*	Sidebar SetMenu : 2024.05.09
***************************************************************************************************/
.setMenu							{display:grid; grid-template-columns:repeat(3, 1fr); gap:0px;}
.setMenu li							{border-right:#ecf1f5 solid 1px; border-bottom:#ecf1f5 solid 1px}
.setMenu li:nth-child(3n)			{border-right-width:0px;}
.setMenu li:nth-last-child(-n+3)	{border-bottom-width:0px;}

.setMenu li a						{display:flex; justify-content:center; align-items:center; flex-direction:column; color:var(--mygray); font-weight:var(--FW700F); letter-spacing:-1px; gap:4px; padding:8px 0px 4px;}
.setMenu li a:hover					{color:var(--IDTcolor) !important; transition:all 0.3s;}
.setMenu .miconBox					{display:flex; align-items:center; justify-content:center; background-color:var(--mygray009); padding:0.5rem 0.5rem; border-radius:15px;}
.miconBox i							{display:flex; justify-content:center; align-items:center; font-size:var(--FS20F); width:32px; height:32px; margin:0; cursor:pointer;}
.miconTitle							{text-align:center; margin-top:5px; font-size:var(--FS12F);}


/***************************************************************************************************
*	List Top Month Type Calendar : 2024.06.24
***************************************************************************************************/
.calBox						{display:flex; justify-content:space-between; align-items:center; width:150px; height:var(--iptbtnHeight); background:#aeb6c1; padding:0 5px; border-radius:2px; margin-right:4px;}
.calBox i					{font-size:var(--FS18); color:#FFF; margin:0 5px}
.calBox input.ipcalendar	{padding:0 2px; text-align:center; color:#FFF; font-size:var(--FS20); font-family:var(--FFR); font-weight:var(--FW500); background:transparent; border:none;}

.container_header			{width:100%; height:auto; position:relative; display:flex;flex-wrap:wrap; align-items:center; justify-content:space-between; z-index:2;}
.container_header ul		{display:flex; display:-ms-flexbox; -ms-flex-direction:column; flex-direction:column; padding-left:0; margin-bottom:0; list-style:none; align-items:center; flex-direction:row; -ms-flex-direction:row;}



/***************************************************************************************************
*	Order List small select : 2024.06.26
***************************************************************************************************/
.select_small select::-ms-expand	{display:none;}
.select_small						{overflow:hidden; position:relative; background:#FFF; height:30px; width:100%; min-width:60px; border-radius:2px; z-index:0;}
.select_small select				{position:relative; left:0; top:0; font-size:var(--FS12F); font-weight:var(--FW600); box-sizing:border-box; border:1px solid var(--ipt-color); height:100%; width:100%; color:#858585; letter-spacing:-1px; padding-left:10px; padding-right:30px; z-index:2 !important; background:none !important; appearance:none; border-radius:2px; outline:none;}
.select_small .icons				{position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:1; width:30px; height:100%; pointer-events:none; display:flex; align-items:center; justify-content:center;}
.select_small .icons:before			{content:''; transition:all 0.3s ease-in-out; transform:rotate(0deg); border-width:4px 4px 2px; border-style:solid; border-color:var(--mygray004) transparent transparent transparent;}
.select_small select:focus			{border:2px solid var(--IDTcolor); color:#444 !important;}
.select_small select:focus + .icons:before, 
.select_small select:active + .icons:before {transform:translateY(-2px) rotate(180deg); border-color:var(--IDTcolor) transparent transparent transparent;}