/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

.eyoom-form a:hover { color: #565656; }

/*#header-fixed.header.subPages {position: relative;}*/
#header-fixed.header.subPages:before {background: rgba(255, 255, 255, 1.0);}
#header-fixed.header.subPages.header-fixed:before {background: rgba(255, 255, 255, 0.8);}

.bootomInner { position: relative; position: absolute; left: 0; bottom: 0; width: 100%; margin: 0 auto; padding: 52px 0 34px; background: url('../image/img_bottom_bg.png'); background-repeat: repeat-x; background-position: left top; box-sizing: border-box; z-index: 9;}
.bootomInner:before { content: " "; visibility: hidden; display: block; height: 0; clear: both; }
.bootomInner:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; }
.bootomInner .inner { position: relative; width: 90%; margin: 0 auto; margin: 0 auto;}
.bootomInner .inner:before { content: " "; visibility: hidden; display: block; height: 0; clear: both; }
.bootomInner .inner:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; }
.bootomInner .inner .boxS { position: relative; float: left; width: calc(33.33% - 1%); margin: 0 0.5%; padding: 56px 44px; background: rgba(255, 255, 255, 0.8); border-radius: 15px; box-sizing: border-box; }
.bootomInner .inner .boxS a { position: relative; display: block; width: 100%;}
.bootomInner .inner .boxS a:before { content: " "; visibility: hidden; display: block; height: 0; clear: both; }
.bootomInner .inner .boxS a:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; }
.bootomInner .inner .boxS .leftTxt { position: relative; padding-right: 40px; width: 70%; height: 60px; box-sizing: border-box;}
.bootomInner .inner .boxS .leftTxt .txtB { position: relative; font-size: 18px; color: #1f1f1f; font-family: 'Open Sans'; font-weight: 500;}
.bootomInner .inner .boxS .leftTxt .txtS { position: relative; margin-top: 0px; font-size: 13px; color: #868686; font-family: 'Open Sans'; font-weight: 400;}
.bootomInner .inner .boxS .imgIcon { position: absolute; right: 0; top: 0px; width: 58px; }
.bootomInner .inner .boxS .imgIcon > img { display: block; width: 100%;}

@media (max-width: 1180px) {
.bootomInner .inner .boxS { padding: 44px 28px;}
.bootomInner .inner .boxS .leftTxt { padding-right: 0; width: 100%; padding-right: 64px; }
.bootomInner .inner .boxS .leftTxt .txtB { font-size: 16px; }
.bootomInner .inner .boxS .imgIcon { width: 42px; }
}
@media (max-width: 887px) {
.bootomInner .inner .boxS .leftTxt { padding-right: 50px; }
.bootomInner .inner .boxS .leftTxt .txtB { font-size: 16px; }
.bootomInner .inner .boxS .imgIcon { width: 42px; }
}
@media (max-width: 767px) {
.bootomInner .inner .boxS { padding: 1.5em 1em; }
.bootomInner .inner .boxS .leftTxt { padding-right: 0px; padding-top: 42px; height: 100px; }
.bootomInner .inner .boxS .leftTxt .txtB { font-size: 14px; }
.bootomInner .inner .boxS .imgIcon { width: 32px; top:0; left: 0; right: 0; }
}
@media (max-width: 680px) {
.bootomInner .inner .boxS { float: none; width: calc(100% - 0%); padding: 1em; margin-top: 0.5em;}
.bootomInner .inner .boxS .leftTxt { width: 100%; padding-left: 52px; padding-right: 0; padding-top: 0; height: auto; }
.bootomInner .inner .boxS .imgIcon { left: 0; right: auto; width: 42px; }
}


/* common */
.counsel-btn { background: #ff6000; }

/* * .sub-01 */
.ebcontents-greetings .ebcontents-box { border-left: 1px solid #111 !important; }
.ebcontents-greetings .master-title h2 strong { color: #1b1b1b !important; }
.ebcontents-greetings .master-title h3 { color: #1b1b1b !important; }

/* sub04 */
.ebcontents-overview .item .item-content:after { background-color: #1b1b1b !important; }
.ebcontents-overview .item .item-image h3 { color: #1b1b1b !important; }
@media (min-width: 1200px) {
    .ebcontents-overview .item .item-image h3 { font-size: 100px; font-size: 70px !important; }
}
.ebcontents-vision .item-content h4:after { background-color: #999 !important; }


.ebcontents-busi-outline .section-box .section-content {padding: 0 !important; background: none !important; border: none !important; }

/* sub05 */
.ebcontents-history .history-year { font-weight: 500; }
@media (min-width: 992px) {
.ebcontents-history .ebcontents-box:after { border-color: #666 !important; }
}

/* sub06 */
.ebcontents-contact .master-title h3 { color: #1b1b1b !important; }


/* shop */
.product-description .product-name a { font-weight: 500 !important; text-decoration: none !important; }
.product-description .title-price .title-price-discount { color: #ff6000 !important; margin-left: 0 !important; }


.btn-e-navy {background-color:#676767;border-color:#676767}
.btn-e-navy:hover {background-color:#707072;border-color:#707072}



/*---------- button-container ----------*/
.button-container {	position: fixed;right: 30px;top: 50%;transform: translateY(90%);z-index: 1000;}
.shopping-button {	position: relative;	padding:7px 20px;	background: linear-gradient(45deg, #ff6b35, #f7931e);border: none;border-radius: 50px;color: white;font-size: 14px;font-weight: bold;cursor: pointer;text-decoration: none;display: inline-flex;align-items: center;gap: 12px;	box-shadow: 0 5px 10px rgba(255, 107, 53, 0.3);overflow: hidden;transition: all 0.3s ease;}
.shopping-button::before {content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;	background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.4) 30%, rgba(255, 255, 255, 0.1) 70%, transparent 100%);	border-radius: 50%;	transform: translate(-50%, -50%);	animation: lightningBreathe 3s ease-in-out infinite;	pointer-events: none;}
.shopping-button::after {content: '';position: absolute;top: 0;	left: -100%;width: 100%;height: 100%;	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);	animation: shimmer 2s infinite;	pointer-events: none;}
.shopping-button:hover {color: white !important;} 
@keyframes lightningBreathe {
    0% {width: 0;height: 0;opacity: 0;	}
    50% {width: 200px;height: 200px;opacity: 0.8;}
    100% {width: 300px;height: 300px;opacity: 0;}
}
@keyframes shimmer {
    0% {left: -100%;}
    100% {left: 100%;}
}

.shopping-button:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(255, 107, 53, 0.5);background: linear-gradient(45deg, #ff8c42, #ffa726);}
.shopping-button:hover::before {animation: lightningBreathe 1.5s ease-in-out infinite;}
.cart-icon {width: 24px;height: 24px;fill: currentColor;}

/* 반응형 디자인 */
@media (max-width: 768px) {
    .button-container {right: 20px;bottom: 30px;top: auto;transform: none;}
    .shopping-button {padding: 15px 30px;font-size: 14px;}
}