@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Ram';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Ramche.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

html,body {
  font-family: 'pretendard';
}

.service.event.detail .bbs-detail.innerfull .cont.full {
    overflow: unset !important;
}

.event-info-diy {
    margin: 0 auto;
    max-width: 1140px;
}

area {
    cursor: pointer;
}

section {
    /* overflow-x: hidden; */
    margin:0 auto;
    width: 100%;
}

/* S: 260616 수정 */
section.section02 {    
    margin: 0 auto; 
	height: 1121px;	
}
/* E: 260616 수정 */

section.section02 {    
    margin: 0 auto;  
}

section.section02 > div  {
    position: relative;
    max-width: 1140px;
    margin: 0 auto;
}

section.section02 img {
    position: absolute !important;
}

/* 커서 깜빡임 */
.section02 .input-wrapper {
    position: relative;
    display: inline-block;
    top: 237px;
    left: -89px;
}

.section02 input[type="text"]{
    height: 91px;
    width: 677px;
    padding: 20px;
    border: none;
    background: transparent;
    font-family: 'Pretendard';
    font-size: 30px;
    caret-color: transparent;
}

.section02 .caret {
  position: absolute;
  top: 29px;
  left: 18px;
  width: 2px;
  height: 30px;
  background-color: #0d0d0d;
  animation: blink 1s steps(1) infinite;
  pointer-events: none;
  z-index: 2;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.section02 input::placeholder {
 	color: #0d0d0d;
    font-size: 30px;  
    position: relative;
    left: 20px;
    bottom: 2px;
}

/* 쿠폰 등록 완료 팝업 */
#couCompleted > div {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

#couCompleted p {
    position: absolute;
    top: 89px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 32px;
    font-weight: 600;
}

#couCompleted span {
    font-size: 36px;
}