body {
    font-family: Verdana, Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
}

.carousel-container {
    position: relative;
    margin: 10px auto;
    width: 95%;
    /*max-width: 1200px;*/
	max-width: 800px;
}

.owl-carousel .item {
    position: relative;
    overflow: hidden;
}

.owl-carousel .item img {
    width: 100%;
    border-radius: 10px;
}

.owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    font-size: 50px;
color: #ffffffb3;
}

.owl-theme .owl-nav [class*=owl-] {
margin: 20px;
background: #D6D6D6;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    color: white;
    padding: 8px 10px 10px;
    cursor: pointer;
}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
color: #ffffff;
}

.owl-dots {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

#carousel5 .owl-dots {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
}

.owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 4px;
    background-color: #bbb;
    border-radius: 50%;
    cursor: pointer;
}

.owl-dot.active {
    background-color: #333;
}

.copy {
    position: absolute;
    top: 60px;
left: 71%;
transform: translateX(-50%);
    width: 50%;
    /*text-align: left;*/
}

.item img {
width: 100%;
}

.color-button {
    width:100%;
/*background-color: #3498db;*/
background-color: #FF9900;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
margin:15px 0;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.color-button:hover {
    /*background-color: #2ecc71;*/
background-color: #FF9900;
}

.gradient-button {
    /*background: linear-gradient(270deg, #ff6b6b, #feca57, #48dbfb, #1dd1a1);*/
	background: linear-gradient(270deg, #ff6b6b, #feca57, #EBA3AF, #EBA3AF);
    background-size: 600% 600%;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    animation: gradientAnimation 8s ease infinite;
	margin-top: 10px;
}

.get-coupon-button {
	/*#Of3194 #FFEE5C*/
    /*background: linear-gradient(270deg, #ff6b6b, #feca57, #48dbfb, #1dd1a1);*/
	background: #0f3194;
    background-size: 600% 600%;
    color: #FFEE5C;
    border: none;
    border-radius: 5px;
    padding: 20px 20px;
    font-size: 16px;
    cursor: pointer;
    /*transition: background-color 0.3s ease;*/
    /*animation: gradientAnimation 8s ease infinite;*/
	margin-top: 10px;
}

.get-coupon-button {
	 font-size: 20px;
	 padding: 12px 14px;
	 margin-top:10px !important;
	 font-weight:bold;
	 position: absolute;
	 z-index: 2;
	 left: 50%;
	 width: 275px;
	 bottom: 50px;
	 transform: translateX(-50%);
}

.copy-header {
margin-top:20px 0;
text-align:center;
}
.copy-body {
font-size:10pt;
height:16px;
margin-top: 15px;

}
.copy-main {
/*margin: 10px 0 0 0;				*/
font-size:35px;
line-height: 50px;
}

.copy-footer {
margin-top: 32px;
line-height: 30px;
font-size:18px;
/*font-size:10%;*/
/*font-weight:bold;*/
}
.copy-footer-mobile{
display:none;
}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.mobile { display:none ; }

/* 반응형 미디어 쿼리 */

@media (max-width: 1220px) {
	.copy-main {
	/*margin: 10px 0 0 0;				*/
	font-size:20px;
	line-height: 35px;
	}
	.copy-footer {
	font-size: 11px;
	line-height: 20px;
	margin: 10px 0 0 0;
	}
	.gradient-button {
		margin-top: 0;
	 }

	

	
}


@media (max-width: 768px) {
    /*.copy {*/
        /*top: 40px;*/
        /*width: 65%;*/
        /*left: 73%;*/
        /*transform: translateX(-50%);*/
        /*text-align: left;*/
    /*}*/

.copy-main { font-size:28px !important;}
.copy-footer { font-size:14px !important;}


.copy-header h2 {
font-size: 0.9em !important;
}

/*.copy-main {*/
/*font-size: 0.7em;	*/
/*font-weight:bold;*/
/*margin: 0 0 5px 0px;*/
/*}*/

/*.copy-footer {				*/
/*display:none;*/
/*}*/

.copy-footer-mobile{
display:block;
margin: 20px 0 0 30px !important;
font-size:0.7em;
font-weight:bold;
}

    .copy h2 {
        font-size: 0.8em;
    }

.copy .copy-body{
font-size: 0.5em;
width:85%
}

    .copy h5 {
        font-size: 0.7em;
    }

    .color-button, .gradient-button {
        font-size: 12px;
        padding: 8px 16px;
    }

.mcopy {
        position:absolute;
top: 50px;
        width: 100%;
        /*left: 72%;*/
        /*transform: translateX(-50%);*/
        text-align: center;
/*background-color:#e3e2e7;*/
color:#fff;

    }

.mcopy-main {
font-weight:bold;
font-size: 30px;
}


.cta_box {
width:100%;
height:400px;
background-color: #FCFAF5;
text-align:center;
/*margin:50px;*/
}
.cta_body {
/*margin:50px;*/
padding:35px 10px;
}
.cta_title {
font-size:20px;
/*font-weight:bold;*/
line-height:36px;
}
.cta_contents {
line-height:33px;
}
.cta_btn {
margin-top:35px;
/*line-height:30px;*/
}

/*.kahi-logo {*/
/*text-align:left;*/
/*width:125px;*/

/*}*/

.mobile {
display:block;
}
.pc {
display:none;
}

.roll {
margin-bottom:0;
}
  .mobile .static {
	margin-top:0;
   }

  .get-coupon-button {
      font-size: 20px;
      padding: 12px 14px;
      margin-top:10px !important;
      font-weight:bold;
      position: absolute;
      z-index: 2;
      left: 50%;
      width: 275px;
      bottom: 156px;
      transform: translateX(-50%);
    }



}

@media (max-width: 480px) {
    .mcopy {
        position:absolute;
top: 30px;
        width: 100%;
        text-align: center;
color:#fff;
    }


/*.mcopy {*/
/*display: flex;*/
/*justify-content: center;*/
/*align-items: center;*/
/*margin: 15px 0;*/
/*}*/


.mcopy-main {
font-weight:bold;
font-size: 30px;
}

.cta_box {
width:100%;
height:400px;
background-color: #FCFAF5;
text-align:center;
/*margin:50px;*/
}
.cta_body {
/*margin:50px;*/
padding:35px 10px;
}
.cta_title {
font-size:20px;
/*font-weight:bold;*/
line-height:36px;
}
.cta_contents {
line-height:33px;
}
.cta_btn {
margin-top:35px;
/*line-height:30px;*/
}

    .copy h2 {
        font-size: 1.2em;
    }

    .copy h5 {
        font-size: 0.7em;
    }

.copy .copy-body{
font-size: 0.7em;
width:85%;
text-align:left;
margin-top: 5px !important;
}

    .color-button {
        font-size: 20px;
        padding: 12px 14px;
        margin-top:10px !important;
        font-weight:bold;
    }

    .gradient-button {
        font-size: 20px;
        padding: 12px 14px;
        margin-top:10px !important;
        font-weight:bold;
        position: absolute;
        z-index: 2;
        left: 50%;
        width: 290px;
        bottom: 87px;
        transform: translateX(-50%);
    }
    .get-coupon-button {
      font-size: 20px;
      padding: 12px 14px;
      margin-top:10px !important;
      font-weight:bold;
      position: absolute;
      z-index: 2;
      left: 50%;
      width: 275px;
      bottom: 87px;
      transform: translateX(-50%);
    }

.copy-footer-mobile{
display:block;
margin: 20px 0 0 30px !important;
font-size:0.8em !important;
font-weight:bold;
margin-top: 30px !important;
}

.kahi-logo {

text-align:left;
width:150px !important;
margin: 20px;

}

.mobile {
display:block;
}
.pc {
display:none;
}

.roll {
margin-bottom:0;
}
.mobile.static {
margin-top:0;
}
}

.kahi-logo {
width: 125px;
margin: 25px;
}


/* Popup overlay */
/* Popup overlay */
.popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none;
justify-content: center;
align-items: center;
z-index: 999;
}

.popup-content {
background: white;
padding: 20px;
border-radius: 10px;
text-align: center;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 300px; /* 팝업 창의 크기 조절 */
max-width: 90%;
position: relative;
}

/* Close button */
.close-popup {
position: absolute;
top: 10px;
right: 10px;
background: none;
border: none;
font-size: 24px;
color: #333;
cursor: pointer;
}

.close-popup:hover {
color: #ff6b6b;
}

.popup-content h3 {
margin: 20px 0 10px;
font-size: 1.5em;
}

.popup-content p {
margin: 10px 0;
}

.color-button {
/*background-color: #3498db;*/
background-color: #FF9900;
color: white;
border: none;
border-radius: 5px;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}

.color-button:hover {
/*background-color: #2ecc71;*/
background-color: #EBA3AF;
}


/* Popup coupon code display */

/*.coupon-container {*/
/*display: flex;*/
/*justify-content: center;*/
/*align-items: center;*/
/*margin: 15px 0;*/
/*}*/

/*#coupon-code {*/
/*border: 1px solid #ccc;*/
/*border-radius: 5px;*/
/*padding: 10px;*/
/*font-size: 16px;*/
/*width: 180px;*/
/*text-align: center;*/
/*margin-right: 10px;*/
/*}*/

/*.copy-button {*/
/*background-color: #3498db;*/
/*color: white;*/
/*border: none;*/
/*border-radius: 5px;*/
/*padding: 10px 20px;*/
/*font-size: 16px;*/
/*cursor: pointer;*/
/*}*/

/*.copy-button:hover {*/
/*background-color: #2ecc71;*/
/*}*/




.coupon-container {
display: flex;
justify-content: center;
align-items: center;
margin: 15px 0;
}

.coupon-code-wrapper {
position: relative;
display: inline-block;
}

#coupon-code {
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px 80px 10px 10px;  /* Right padding increased to make space for the button */
font-size: 16px;
width: 208px;
text-align: center;
}

.copy-button-inside {
position: absolute;
right: 0;
top: 0;
height: 100%;
/*background-color: #3498db;*/
background-color: #000;
color: white;
border: none;
border-radius: 0 5px 5px 0;
padding: 0 15px;
cursor: pointer;
}

.copy-button-inside:hover {
/*background-color: #2ecc71;*/
background-color: #EBA3AF;
}


/* Popup overlay */




/* Rolling Text */
ul, li {list-style: none;}
ul { margin:10px auto; }
.flow_banner {overflow: hidden;display: flex;max-width: 1180px;margin: 0px;background: #EBA3AF;}
.flow_banner .list {display: flex;}
.flow_banner .list > li {white-space: nowrap;font-size: 18px;color: #fff;padding: 0px;}
@keyframes flowRolling {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}

/* 반응형 스타일 */
@media (max-width: 1280px) {
.flow_banner .list > li {font-size: 16px;padding: 10px;}
/*.mobile { display:none !important; }*/
}

@media (max-width: 767px) {
.flow_banner .list > li {font-size: 16px;padding: 0px; font-weight:bold}
/*.mobile { display:none !important; }*/
}

/* Rolling Text */


/* why kahi Text */
.text-container {
    margin-top: 20px;
}
.text-line {
    display: none; /* 처음에는 숨겨진 상태 */
    /*font-size: 16px;*/
font-size: 4vw;
    margin: 10px 0;
}

.footer {
font-size:13px;
height:20px;
margin:15px auto;
}

.div-left {
width:50%;
font-weight:bold;
float:left;
}
.div-right {
width:50%;
text-align:right;
font-size:10px;
color: #909090;
float:left;
margin-top:2px;
}



.owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
/*background: #869791;*/
/*background: #e67e79 !important;		*/
background: #000 !important;
}



@keyframes blink-effect {
50% {
opacity: 0;
}
}

.blink {
animation: blink-effect 1s step-end infinite;

/*
animation-name: blink-effect;
animation-duration: 1s;
animation-iteration-count:infinite;
animation-timing-function:step-end;
*/
}

/* Alert 스타일 */
/*
#coupon-popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
z-index: 9999;
}

#coupon-popup button {
margin-top: 10px;
}
*/