.elementor-62 .elementor-element.elementor-element-2cadf395{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-62 .elementor-element.elementor-element-653e3aca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-62 .elementor-element.elementor-element-03f860b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-62 .elementor-element.elementor-element-2388b5c .elementor-heading-title{font-family:"Pretendard", Sans-serif;font-size:37px;font-weight:600;letter-spacing:2.4px;color:#000000;}.elementor-62 .elementor-element.elementor-element-523f41b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:00px;--padding-bottom:50px;--padding-left:168px;--padding-right:0px;}.elementor-62 .elementor-element.elementor-element-95960ae{--display:flex;}.elementor-62 .elementor-element.elementor-element-91d2aca{text-align:center;}.elementor-62 .elementor-element.elementor-element-91d2aca .elementor-heading-title{font-family:"Pretendard", Sans-serif;font-size:37px;font-weight:600;letter-spacing:2.4px;color:#000000;}.elementor-widget-portfolio a .elementor-portfolio-item__overlay{background-color:var( --e-global-color-accent );}.elementor-widget-portfolio .elementor-portfolio-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-primary );}.elementor-62 .elementor-element.elementor-element-cd90547 .elementor-post__thumbnail__link{padding-bottom:calc( 0.72 * 100% );}.elementor-62 .elementor-element.elementor-element-cd90547:after{content:"0.72";position:absolute;color:transparent;}.elementor-62 .elementor-element.elementor-element-cd90547{--grid-row-gap:11px;--grid-column-gap:11px;}.elementor-62 .elementor-element.elementor-element-cd90547 a .elementor-portfolio-item__overlay{background-color:#00000085;}.elementor-62 .elementor-element.elementor-element-345e302{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:00px;--padding-bottom:50px;--padding-left:168px;--padding-right:0px;}.elementor-62 .elementor-element.elementor-element-c37a7ac{--display:flex;}.elementor-62 .elementor-element.elementor-element-752b230 .elementor-post__thumbnail__link{padding-bottom:calc( 0.72 * 100% );}.elementor-62 .elementor-element.elementor-element-752b230:after{content:"0.72";position:absolute;color:transparent;}.elementor-62 .elementor-element.elementor-element-752b230{--grid-row-gap:11px;--grid-column-gap:11px;}.elementor-62 .elementor-element.elementor-element-752b230 a .elementor-portfolio-item__overlay{background-color:#00000085;}.elementor-62 .elementor-element.elementor-element-752b230 .elementor-portfolio-item__title{font-family:"Pretendard", Sans-serif;font-weight:500;}.elementor-62 .elementor-element.elementor-element-68ba01f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-62 .elementor-element.elementor-element-959f6d5{--spacer-size:128px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-62 .elementor-element.elementor-element-95960ae{--width:90%;}.elementor-62 .elementor-element.elementor-element-c37a7ac{--width:90%;}}@media(max-width:1024px){.elementor-62 .elementor-element.elementor-element-523f41b{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:030px;--padding-bottom:030px;--padding-left:0px;--padding-right:0px;}.elementor-62 .elementor-element.elementor-element-cd90547.elementor-element{--align-self:center;}.elementor-62 .elementor-element.elementor-element-345e302{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:030px;--padding-bottom:030px;--padding-left:0px;--padding-right:0px;}.elementor-62 .elementor-element.elementor-element-752b230.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-62 .elementor-element.elementor-element-523f41b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62 .elementor-element.elementor-element-345e302{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62 .elementor-element.elementor-element-752b230 .elementor-portfolio-item__title{font-size:17px;}}@media(max-width:1024px) and (min-width:768px){.elementor-62 .elementor-element.elementor-element-523f41b{--content-width:81%;}.elementor-62 .elementor-element.elementor-element-95960ae{--width:100%;}.elementor-62 .elementor-element.elementor-element-345e302{--content-width:81%;}.elementor-62 .elementor-element.elementor-element-c37a7ac{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-5f7ec689 *//* ===== DODOOM PROJECT RAIL 디자인 ===== */
#dodoom-rail{
  position: fixed;
  top: 60%;
  right: 80px;
  transform: translateY(-50%) scale(0.8);
  transform-origin: top right;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 24px;
  pointer-events: none;
  opacity: 1;
  visibility: visible;
  transition: opacity .4s ease, visibility .4s ease;
}

/* "PROJECT" 세로 라벨 */
#dodoom-rail .dodoom-label{
  font-family: 'Pretendard', sans-serif;
  font-weight: 700;
  letter-spacing:.08em;
  color:#e5e5e5;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  line-height:1;
  opacity:.95;
  user-select:none;
  font-size: clamp(50px, 7vw, 100px);
}

/* 세로 바 영역 */
#dodoom-rail .dodoom-steps{
  position: relative;
  width: 8px;
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  pointer-events: auto;
  background:#cfcfcf;
  border-radius: 99px;
  overflow: hidden;
}

/* 각 스텝(클릭 영역) */
#dodoom-rail .step{
  flex: 1;
  width:100%;
  display:block;
  cursor:pointer;
  background:transparent;
  transition: background-color .3s ease;
}

/* 현재 섹션 표시 */
#dodoom-rail .step.active{
  background:#e04545;
}

@media (max-width:1024px){
  #dodoom-rail{ display:none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f0e8483 */#scroll-btn {
  position: fixed;
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);
  z-index: 10000;
  color: #fff; /* 글자 & 아이콘 흰색 */
  text-decoration: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .35s ease, visibility .35s ease;
}

#scroll-btn.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  animation: scroll-bounce 1.5s infinite;
}

#scroll-btn .scroll-label {
  font-size: 16px;
  letter-spacing: .3em;
  line-height: 1;
  margin-bottom: -2px;
  opacity: .9;
  font-weight: 700;
  color: #fff; /* 글자 흰색 */
}

#scroll-btn svg {
  width: 45px;
  height: 45px;
  fill: #fff; /* 화살표 아이콘 흰색 */
}

#scroll-btn:hover {
  color: #fff; /* hover 시 색 유지 */
}

@keyframes scroll-bounce {
  0%,20%,50%,80%,100% { transform: translate(-50%, 0); }
  40% { transform: translate(-50%, -10px); }
  60% { transform: translate(-50%, -5px); }
}

@media (max-width:1024px) {
  #scroll-btn { display:none; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2388b5c */.dot-mark {
  position: relative;
}

.dot-mark::before {
  content: "•";             /* 빨간 점 */
  color: #d40000;           /* 점 색상 */
  font-size: 35px;          /* 점 크기 */
  position: absolute;
  top: -20px;               /* 글자 위로 올리기 */
  left: 50%;                /* span의 중앙 */
  transform: translateX(-50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-91d2aca */.dot-mark {
  position: relative;
}

.dot-mark::before {
  content: "•";             /* 빨간 점 */
  color: #d40000;           /* 점 색상 */
  font-size: 35px;          /* 점 크기 */
  position: absolute;
  top: -20px;               /* 글자 위로 올리기 */
  left: 50%;                /* span의 중앙 */
  transform: translateX(-50%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95960ae */a { text-decoration: none !important; }
a:hover, a:focus { text-decoration: none !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c37a7ac */a { text-decoration: none !important; }
a:hover, a:focus { text-decoration: none !important; }/* End custom CSS */
/* Start custom CSS */html { scroll-behavior: smooth; }

/* 헤더가 고정이면, 앵커 위치가 가려지지 않도록 오프셋 주기 */
section[id] { scroll-margin-top: 80px; } /* 헤더 높이에 맞게 숫자 조정 *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://dodoom.com/wp-content/uploads/2025/09/Pretendard-Thin.subset-2.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://dodoom.com/wp-content/uploads/2025/09/Pretendard-ExtraLight.subset.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://dodoom.com/wp-content/uploads/2025/09/Pretendard-Light.subset.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://dodoom.com/wp-content/uploads/2025/09/Pretendard-Regular.subset.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://dodoom.com/wp-content/uploads/2025/09/Pretendard-Medium.subset.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://dodoom.com/wp-content/uploads/2025/09/Pretendard-SemiBold.subset.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://dodoom.com/wp-content/uploads/2025/09/Pretendard-Bold.subset.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://dodoom.com/wp-content/uploads/2025/09/Pretendard-ExtraBold.subset.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://dodoom.com/wp-content/uploads/2025/09/Pretendard-Black.subset.woff2') format('woff2');
}
/* End Custom Fonts CSS */