/* 미션 - 유형 선택 블록 - 스타일 */
    .roadmapSelector a span {
      color: rgba(255, 255, 255, 0.3) !important;
      text-decoration: none !important;
      transition: color 0.5s !important;
    }
    .roadmapSelector a.active span {
      color: rgba(255, 255, 255, 1.0) !important;
    }

		/* 미션 - 유형 선택 블록 하단 콘텐츠 - 스타일 */
    .missionContent {
      visibility: hidden;
      opacity: 0;
      height: 0;
      overflow: hidden;
      transition: visibility 0s, opacity 1s ease-out;
    }
    .missionContent.show {
      visibility: visible;
      opacity: 1;
      height: auto;
    }
    .missionContent .notion-bulleted_list-block .pseudoBefore {
	    font-size: 1em !important;
    }
    .missionContent .pseudoSelection {
	    min-height: 1.2em !important;
    }
    
    /* 미션 - 로드맵 블록 - 스타일 */
    .mermaid svg { 
      max-width: 100%; 
      height: auto;
    }
		.nodeMissionKind {
		  font-weight: bold;
		  font-size: 90% !important;
		  background-color: rgba(74, 144, 226, 0.5);
		  border: 2px solid rgba(160, 200, 240, 0.5);
		  border-radius: 5px;
		  color: #ffffff;
		  padding: 0 3px;
		  float: left;
		}
		.nodeMissionType {
		  font-weight: bold;
		  font-size: 90% !important;
		  background-color: rgba(76, 175, 80, 0.5);
		  border: 2px solid rgba(160, 220, 160, 0.5);
		  border-radius: 5px;
		  color: #ffffff;
		  padding: 0 3px;
		  float: right;
		}
		.nodeMissionName {
			margin: 30px 0 0;
		}
		.nodeMissionEXP {
		  font-weight: bold;
		  font-size: 90% !important;
		  color: #e74c3c !important;
		  padding: 5px 0 0 0;
		  float: left;		  
		}
		.nodeMissionDifficulty {
		  font-weight: bold;
		  font-size: 90% !important;
		  color: #f39c12 !important;
		  padding: 5px 0 0 0;
		  float: right;
		}
		.mermaid svg { 
		  max-width: 100%; 
		  height: auto; 
		}
		[id^="mermaid"] .cluster rect {
		    fill: transparent !important;
		    stroke: transparent !important;
		}
		[id^="mermaid"] .cluster span {
		    color: rgba(255, 255, 255, 0.5) !important;
		}
		
		/* 미션 - 로드맵 블록 - 정렬 */
	  .css-1hfeeac {
	    align-content: center;
	  }
	  
		/* 해커톤 - 영상 - 정렬 */
	  .css-1hfeeac {
	    align-content: center;
	  }

		/* 후기(영상) - 텍스트 전체 - 정렬 */
		  .css-jwuyud {
			  align-content: center;
	  }
		
		/* 후기(영상) - 프로필 - 정렬 */
    .customers_author {
	    align-items: center;
	    margin-top: 32px;
	    display: flex;
	  }

	  /* 후기(영상) - 프로필 이미지 - 스타일 */
	  .customers-author_img {
	    object-fit: cover;
	    object-position: 50% 50%;
	    border-radius: 100%;
	    width: 100%;
	    height: 100%;
	  }

	  /* 후기(영상) - 프로필 이미지 - 사이즈 */
	  .customers-author_img-wrapper {
	    flex: none;
	    width: 48px;
	    height: 48px;
	    margin-right: 16px;
	  }
  
	  /* 후기(영상) - 프로필 이름 텍스트 - 굵기 */
	  .customers-author_name {
	    font-weight: 600 !important;
	  }

	  /* 푸터 - '이용약관 ~ 도움말' 텍스트 - 정렬 */
    .footer_company-info-top {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	  }
	  .footer_link-list {
		  display: flex;
	    align-items: center;
		}
		
		/* 푸터 - '이용약관 ~ 도움말' 텍스트 - 간격 */
		.footer_link-list-item {
			padding-right: 1rem;
		}
		
		/* 푸터 - '이용약관 ~ 도움말' 텍스트 - hover 스타일 */
		.footer_info-link:hover {
			text-decoration: underline;
		}
	  
	  /* 푸터 - '이용약관 ~ 도움말' 링크 - 스타일 */
		.footer_info-link {
			cursor: pointer;
	    color: inherit;
	    overflow-wrap: break-word;
	    text-decoration: none;
	    font-size: 90%;
		}
	  
	  /* 푸터 - 브랜드 대상 이미지 - 정렬 */
	  .footer_emblem {
	    display: flex;
	    justify-content: flex-end;
		}

	  @media (max-width: 480px) { /* [참고] 여기부터 화면 너비가 480px 이하일 때 적용 */
	  
	  /* 네비게이션 바 - 전체 - 숨김 */
    .custom-navbar {
      display: none !important;
    }	  
    
	  /* 카운터 CTA - 버튼 - 스타일 */
	  .cta-techup-button {
		  display: none;
	  }
	  .cta-techup-button-mobile { 
		  display: block;
	  }	  
	  
	  /* 채용 연계형 인턴제 - 메인 타이틀 텍스트 - 정렬 */
    [data-block-id="1f94e699-7fb0-81c7-af64-f1625348b20c"] {
      text-align: center !important;
      margin-top: 0 !important;
    }
    
	  /* 채용 연계형 인턴제 - 서브 타이틀 텍스트 - 정렬 */
    [data-block-id="1f94e699-7fb0-81ff-86c3-c581d77a76d9"] {
      text-align: center !important;
    }

    /* 채용 연계형 인턴제 - 이미지 - 사이즈 */
	  [data-block-id="1f94e699-7fb0-817e-8a14-e65f65d8690f"] {
		  text-align: center !important;
		  width: 60%;
		}
		
    /* 채용 연계형 인턴제 - 이미지 - 정렬 */
	  .css-1ts4rwa {
		  display: flex;
	    justify-content: center;
		}
		
		/* 미션 - 유형 선택 블록 하단 콘텐츠 - 스타일 */
    .missionContent > div {
      height: 0 !important;
      padding: 0 !important;
    }
    .missionContent.show > div {
      height: auto !important;
    }
    .missionContent > div .notion-column-block .notion-divider-block > div > div {
      border-bottom: none !important;
    }	    
    .missionContent.show > div .notion-column-block .notion-divider-block > div > div {
      border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
    }
    .missionContent {
	    display: block !important;
    }
    
    /* 후기(영상) - 후기 문구 - 정렬 */
	    [data-block-id="1fc4e699-7fb0-81ca-989b-c612ac8b71e4"] {
	    text-align: center;
	    }
	    
    /* 후기(영상) - 프로필 - 정렬 */
	  .customers_author {
		  justify-content: center;
		  margin-top: 16px;
		}			
		
    /* 후기(영상) - 프로필 이름 텍스트 - 사이즈 */
	  .customers-author_name {
		  font-size: 13.5px !important;
		}
		
		/* 후기(영상) - 프로필 직군 텍스트 - 사이즈 */
		.customers-author_role 
			font-size: 13.5px !important;
		}
  }
	

.css-ql00w2{width:144px;max-width:100%;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin-top:4px;margin-bottom:4px;}

.css-1xzjs12{display:block;object-fit:cover;border-radius:1px;width:100%;height:auto;pointer-events:auto;border-radius:0px;}

.css-3chm4e{display:block;object-fit:cover;border-radius:1px;width:100%;height:auto;pointer-events:auto;border-radius:0px;}

.css-15830to{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;}

.css-1hkimrz{max-width:100%;width:100%;white-space:pre-wrap;word-break:break-word;padding:3px 2px;font-weight:600;font-size:1.875em;line-height:1.3;margin:0;}@media (max-width:480px){.css-1hkimrz{font-size:1.5em;}}

.css-1g2rt6x{width:100%;max-width:calc(100vw - 192px);margin-top:1px;margin-bottom:1px;}@media (max-width: 480px){.css-1g2rt6x{max-width:100%;}}

.css-1hbojrh{max-width:100%;width:100%;white-space:pre-wrap;word-break:break-word;padding:3px 2px;}

.css-i2xsib{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-left:1.5em;}

.css-7ft6pd{width:100%;margin-top:1px;margin-bottom:1px;max-width:calc(100vw - 192px);}@media (max-width: 480px){.css-7ft6pd{max-width:100%;}}

.css-bgqgff{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}@media (max-width:480px){.css-bgqgff{display:block;}}

.css-13b3qw9{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 92px) * 0.33333333333333337);}@media (max-width: 480px){.css-13b3qw9{width:100%;}}

.css-2eoo2x{width:100%;max-width:100%;margin-top:2px;margin-bottom:0px;}

.css-w4bdbe{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 92px) * 0.3333333333333333);}@media (max-width: 480px){.css-w4bdbe{width:100%;}}

.css-1klgan9{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 46px) * 0.5);}@media (max-width: 480px){.css-1klgan9{width:100%;}}

.css-1fhgjcy{margin-top:4px;}

.css-hetz5y{width:100%;max-width:100%;margin-top:2px;margin-bottom:1px;}

.css-1easnuy{width:100%;max-width:100%;margin-top:1px;margin-bottom:1px;}

.css-1n4xn28{width:100%;max-width:100%;margin-top:1px;margin-bottom:0px;}

.css-9rezqf{width:100%;margin-top:1px;margin-bottom:1px;}

.css-bf7j1z{width:100%;margin-top:1px;margin-bottom:1px;max-width:100%;}

.css-y6yo6l{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 46px) * 0.625);}@media (max-width: 480px){.css-y6yo6l{width:100%;}}

.css-12lfay0{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 46px) * 0.375);}@media (max-width: 480px){.css-12lfay0{width:100%;}}

.css-1571gtv{width:100%;max-width:100%;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin-top:4px;margin-bottom:4px;}

.css-sshsh6{max-width:100%;width:100%;white-space:pre-wrap;word-break:break-word;padding:3px 2px;font-weight:600;font-size:1.875em;line-height:1.3;margin:0;font-size:1.25em;line-height:1.3;}@media (max-width:480px){.css-sshsh6{font-size:1.5em;}}@media (max-width:480px){.css-sshsh6{font-size:1.17em;}}

.css-15m6hb6{width:330.9895935058594px;max-width:100%;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin-top:4px;margin-bottom:4px;}

.css-xyxdw0{width:100%;margin-top:1px;margin-bottom:0px;max-width:100%;}

.css-1y4xmt{width:100%;margin-top:2px;margin-bottom:4px;max-width:100%;}

.css-1s5bcu3{width:100%;margin-top:4px;margin-bottom:4px;max-width:100%;}

.css-1wdxv8c{width:100%;margin-top:4px;margin-bottom:0px;max-width:100%;}

.css-1b8d77e{width:100%;margin-top:2px;margin-bottom:0px;max-width:100%;}

.css-17mfhe2{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 46px) * 0.25);}@media (max-width: 480px){.css-17mfhe2{width:100%;}}

.css-1kaak0u{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 46px) * 0.75);}@media (max-width: 480px){.css-1kaak0u{width:100%;}}

.css-uoj1ky{width:100%;max-width:100%;-webkit-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;margin-top:4px;margin-bottom:4px;}

.css-ws5gm7{width:1em;height:1em;line-height:1em;}

.css-jgt332{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 46px) * 0.6875);}@media (max-width: 480px){.css-jgt332{width:100%;}}

.css-8vi1ir{color:rgba(55,53,47,0.65);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;font-size:12px;margin-top:4px;margin-right:4px;}

.css-9m6hya{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background 20ms ease-in 0s;transition:background 20ms ease-in 0s;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;height:25px;border-radius:3px 0px 0px 3px;font-size:11.5px;line-height:1.2;padding:4px 6px;color:rgb(55,53,47);background:rgb(234,233,229);font-weight:400;}

.css-1fl3fei{width:16px;height:16px;display:block;fill:inherit;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding-right:4px;}

.css-1fd5do5{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 46px) * 0.31250000000000006);}@media (max-width: 480px){.css-1fd5do5{width:100%;}}

.css-1i3rvmg{width:100%;margin-top:1px;margin-bottom:0px;}

.css-1t7u8ij{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 46px) * 0.3125);}@media (max-width: 480px){.css-1t7u8ij{width:100%;}}

.css-oj0whx{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 46px) * 0.31249999999999994);}@media (max-width: 480px){.css-oj0whx{width:100%;}}

.css-11x5oxj{max-width:100%;width:100%;white-space:pre-wrap;word-break:break-word;padding:3px 2px;font-weight:600;font-size:1.875em;line-height:1.3;margin:0;font-size:1.5em;line-height:1.3;}@media (max-width:480px){.css-11x5oxj{font-size:1.5em;}}@media (max-width:480px){.css-11x5oxj{font-size:1.25em;}}

.css-1yunidd{width:100vw;max-width:100vw;margin-top:1px;margin-bottom:1px;}

.css-cw0vbj{min-height:40px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;z-index:85;padding-left:calc((100% - var(--content-max-width)) / 2);padding-right:calc((100% - var(--content-max-width)) / 2);}@media (max-width:1200px){.css-cw0vbj{padding-left:96px;padding-right:96px;}}@media (max-width:480px){.css-cw0vbj{padding-left:24px;padding-right:24px;}}

.css-tueaip{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}

.css-1hio00a{padding-bottom:15px;padding-left:calc((100% - var(--content-max-width)) / 2);padding-right:calc((100% - var(--content-max-width)) / 2);}@media (max-width:1200px){.css-1hio00a{padding-bottom:15px;padding-left:96px;padding-right:96px;}}@media (max-width:480px){.css-1hio00a{padding-bottom:0px;padding-left:24px;padding-right:24px;}}

.css-jp9mcb{display:grid;position:relative;grid-template-columns:repeat(
            auto-fill,minmax(
              260px,1fr
            )
          );gap:16px;padding-top:16px;padding-bottom:4px;}@media (max-width:480px){.css-jp9mcb{grid-template-columns:repeat(auto-fill,minmax(100%,1fr));}}

.css-cnzm4r{position:relative;width:100%;padding-top:56.25%;overflow:hidden;}

.css-t37t6d{position:absolute;top:0;bottom:0;left:0;right:0;}

.css-1ymil09{max-width:100%;width:auto;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.5;min-height:21px;font-weight:500;pointer-events:none;}

.css-17kl9b3{width:100%;margin-top:2px;margin-bottom:1px;max-width:100%;}

.css-ni3pg3{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 92px) * 0.3333333333333334);}@media (max-width: 480px){.css-ni3pg3{width:100%;}}

.css-fcxtie{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 92px) * 0.33333333333333326);}@media (max-width: 480px){.css-fcxtie{width:100%;}}

.css-1xq0qpi{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 92px) * 0.3333333333333335);}@media (max-width: 480px){.css-1xq0qpi{width:100%;}}

.css-1rqmqaw{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 138px) * 0.25);}@media (max-width: 480px){.css-1rqmqaw{width:100%;}}

.css-1akepjl{width:132px;max-width:100%;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin-top:4px;margin-bottom:4px;}

.css-1wyqg30{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 46px) * 0.49999999999999994);}@media (max-width: 480px){.css-1wyqg30{width:100%;}}

.css-qdjvfd{cursor:pointer;display:block;object-fit:cover;border-radius:1px;width:100%;height:auto;pointer-events:auto;border-radius:0px;}

.css-3lfxxe{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 46px) * 0.5625);}@media (max-width: 480px){.css-3lfxxe{width:100%;}}

.css-1pdi6h0{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 46px) * 0.43749999999999994);}@media (max-width: 480px){.css-1pdi6h0{width:100%;}}

.css-1xbo1hp{width:100%;margin-top:2px;margin-bottom:0px;}

.css-yxdbfw{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 92px) * 0.33333333333333304);}@media (max-width: 480px){.css-yxdbfw{width:100%;}}

.css-1l4g0e8{width:0.6875em;height:0.6875em;display:block;fill:inherit;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 200ms ease-out 0s;transition:transform 200ms ease-out 0s;opacity:1;-webkit-transform:rotateZ(90deg);-moz-transform:rotateZ(90deg);-ms-transform:rotateZ(90deg);transform:rotateZ(90deg);}

.css-12jmhfi{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 138px) * 0.53125);}@media (max-width: 480px){.css-12jmhfi{width:100%;}}

.css-fh1cp8{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 138px) * 0.15624999999999992);}@media (max-width: 480px){.css-fh1cp8{width:100%;}}

.css-8cmf9u{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 138px) * 0.1875);}@media (max-width: 480px){.css-8cmf9u{width:100%;}}

.css-1ovrlbo{padding-top:12px;padding-bottom:12px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:calc((100% - 138px) * 0.1250000000000001);}@media (max-width: 480px){.css-1ovrlbo{width:100%;}}


/* 오픈 알림 신청 CTA - 전체 - 아래에서 위로 등장하는 효과 */
@keyframes animation-alert {
	0% {
	    transform: translate(-50%, 100%);
	    opacity: 0;
	}
	60% {
	    transform: translate(-50%, -32px);
	    opacity: 1;
	}
	80% {
	    transform: translate(-50%, 16px);
	}
	100% {
	    transform: translate(-50%, 0px);
	}
}

/* 오픈 알림 신청 CTA - 전체 - 스타일 */
.open-alert {
    display: flex;
    position: fixed;
    left: 50%;
    bottom: 1.5rem;
    z-index: 100;
    max-width: 48rem;
    width: calc(100% - 3rem);
    transform: translateX(-50%);
    transition: bottom 0.2s;
    animation: 1s ease-out 0s 1 normal forwards running animation-alert;
    border-radius: 1rem;
    box-shadow: rgba(43, 45, 54, 0.08) 0px 0px 24px 0px;
    border: 1px solid var(--gray-200);
}
.open-alert-style {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%;
    padding: 1rem;
    border-radius: 1rem;
    background-color: var(--gray-000);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 32px 0px;
}

/* 오픈 알림 신청 CTA - 텍스트 - 정렬 및 자동 줄바꿈 */
.text-align {
    margin: 0px;
    flex-wrap: wrap;
    display: flex;
}

/* 오픈 알림 신청 CTA - 텍스트('Techup에 합류하고 싶다면'&'하세요.' - 스타일 */
.open-alert-text {
	font-size: 1rem;
	color: var(--gray-900);
	line-height: 1.6;
	justify-content: center;
}

/* 오픈 알림 신청 CTA - 텍스트('오픈 알림 신청') - 스타일 */
.apply-text {
	color: var(--primary);
	margin: 0 3.5px 0 3.5px;
	font-weight: 600;
}

/* 오픈 알림 신청 CTA - 버튼 - 색상 */
.btn-ktb-color {
	background-color: var(--primary) !important;
}

/* 오픈 알림 신청 CTA - 버튼 - hover 스타일 */
.btn-ktb-color:hover {
	background-color: var(--primary-hover) !important;
	color: var(--text-light) !important;
}

@media (max-width: 768px) { /* [참고] 여기부터 화면 너비가 768px 이하일 때 적용 */
	
/* 오픈 알림 신청 CTA - 전체 - 넓이 */
.open-alert {
	width: calc(100% - 12rem);
}

/* 오픈 알림 신청 CTA - 텍스트 및 버튼 - 정렬 */
.open-alert-style {
  flex-direction: column;
}

/* 오픈 알림 신청 CTA - 버튼 - 스타일 */
.btn {
  width: 100%;
  margin-top: 1rem;
}
	
@media (max-width: 480px) { /* [참고] 여기부터 화면 너비가 480px 이하일 때 적용 */

/* 오픈 알림 신청 CTA - 전체 - 넓이 */
.open-alert {
	width: calc(100% - 2.5rem);
}


}}
.css-f291r7{width:100%;max-width:calc(100vw - 192px);margin-top:1px;margin-bottom:0px;}@media (max-width: 480px){.css-f291r7{max-width:100%;}}

/* Fullstack-only instructor introduction, authored directly in fullstack.html. */
.course-instructor, .course-instructor * { box-sizing: border-box; }
.course-instructor { color: #f5f4f7; font-family: var(--course-font-family, techupSans, Arial, sans-serif); }
.course-instructor .course-instructor-title { margin: 0 0 var(--course-heading-gap, 32px); text-align: center; }
.course-instructor .course-instructor-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 32px;
  border-radius: 8px;
  background: #0d0d0d;
  text-align: center;
}
.course-instructor .course-instructor-photo {
  display: block;
  width: 72px;
  height: auto;
  margin: 0 0 16px;
  border-radius: 50%;
}
.course-instructor .course-instructor-name { margin: 0 0 8px; font-size: var(--course-body-size, 16px); font-weight: 700; line-height: 1.5; }
.course-instructor .course-instructor-career {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #b5b5bd;
  font-size: var(--course-caption-size, 14px);
  line-height: 1.6;
}
.course-instructor .course-instructor-career li { margin: 0; padding: 0; }
.course-instructor .course-instructor-intro { width: 100%; margin-top: 24px; padding-top: 24px; border-top: 1px solid #262626; }
.local-course.course-design .course-instructor .course-instructor-message {
  margin: 0 0 8px;
  font-size: var(--course-card-size, 18px);
  font-weight: 700;
  line-height: 1.5;
  text-align: center !important;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.course-instructor .course-instructor-description { margin: 0; font-size: var(--course-body-size, 16px); line-height: 1.75; word-break: keep-all; overflow-wrap: anywhere; }
@media (max-width: 480px) {
  .course-instructor .course-instructor-card { padding: 24px; }
  .course-instructor .course-instructor-career { gap: 4px; }
}

.course-instructor .course-instructor-heading { margin-bottom: var(--course-heading-gap, 32px); }

/* Career banner before FAQ. Stored separately for this course page. */
.local-course .course-career-banner {
  position: relative;
  width: 100%;
  margin: var(--course-section-gap, 96px) 0;
  padding: 0;
  overflow: hidden;
  background: #02040c;
  line-height: 0;
}

.local-course .course-career-banner-image {
  position: relative;
  left: 50%;
  display: block;
  width: 100%;
  min-width: 960px;
  max-width: none;
  height: auto;
  margin: 0;
  transform: translateX(-50%);
}

.local-course .course-career-banner-button {
  position: absolute;
  top: 62.3%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(190px, 14.35vw, 275px);
  height: clamp(44px, 2.92vw, 56px);
  margin: 0;
  padding: 0 20px;
  transform: translateX(-50%);
  border: 0;
  border-radius: 999px;
  background: #ff0000;
  color: #fff;
  font-family: techupSans, Arial, sans-serif;
  font-size: clamp(20px, 1.46vw, 28px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.035em;
  white-space: nowrap;
  appearance: none;
}
.local-course .course-career-banner-button:disabled { font-size: 22px; opacity: 1; cursor: default; -webkit-text-fill-color: #fff; }
.local-course .course-career-banner-button:not(:disabled):hover { background: #d71920; }
.local-course .course-career-banner-button:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }

.local-course .course-career-banner, .local-course .course-career-banner * { box-sizing: border-box; }

/* Fullstack reading order: overview, outcomes, learning, operation, support, stories. */
.course-gen-ai .course-flow-nav { box-sizing: border-box; padding-inline: 16px; }
.course-gen-ai .course-flow-nav .nav-item { flex: 0 0 auto; white-space: nowrap; margin-inline: 5px; padding-inline: 12px; font-size: 14px; }
.course-gen-ai .course-flow-nav .nav-item:not(:last-child)::after { right: -5px; width: 1px; height: 16px; }
.course-gen-ai .course-flow-nav .nav-item:hover { color: var(--kt-red-text, #ff646c); }
.course-gen-ai .course-flow-nav .nav-item:focus-visible { outline: 2px solid var(--kt-red-focus, #ff969d); outline-offset: 2px; }
.course-gen-ai [data-flow-anchor], .course-gen-ai #anchor1, .course-gen-ai #anchor2 { scroll-margin-top: 150px; }
.course-gen-ai .course-flow-heading { margin-bottom: var(--course-heading-gap, 32px); }
.course-gen-ai .course-flow-heading h2 { margin: 0; }
.course-gen-ai .course-flow-coaching { margin-top: var(--course-section-gap, 96px); }
.local-course.course-design.course-gen-ai .course-flow-subtitle { margin: 0 0 var(--course-heading-gap, 32px); text-align: center !important; font-size: var(--course-subtitle-size, 24px) !important; line-height: 1.45; }
@media (max-width: 800px) and (min-width: 481px) {
  .course-gen-ai .course-flow-nav { justify-content: flex-start; overflow-x: auto; padding-inline: 8px; scrollbar-width: thin; }
  .course-gen-ai .course-flow-nav .nav-item { margin-inline: 2px; padding-inline: 10px; font-size: 13px; }
}
@media (max-width: 480px) { .course-gen-ai [data-flow-anchor], .course-gen-ai #anchor1, .course-gen-ai #anchor2 { scroll-margin-top: 92px; } }

/* Align this course's mission roadmap note with the content right edge. */
.local-course.course-gen-ai .course-mission-note { width: 100%; }
.local-course.course-design.course-gen-ai .course-mission-note [data-root] { width: 100%; min-width: 0; text-align: right !important; }

/* Center mission type labels within their shared rectangular background. */
.local-course.course-design.course-gen-ai .roadmapSelector [class*="__content"] { padding: 16px; }
.local-course.course-design.course-gen-ai .roadmapSelector [class*="__blocks"] { margin-left: 0; }
.local-course.course-design.course-gen-ai .roadmapSelector [class*="__title"] { text-align: center !important; }

/* Consultation hover: darker red, pointer cursor, and a small lift. */
@media (hover: hover) and (pointer: fine) {
  .local-course .course-overview .course-overview-cta:hover,
  .local-course .course-career-banner .course-career-banner-button:hover { background-color: #d71920; cursor: pointer; }
  .local-course.course-gen-ai .course-overview .course-overview-cta:hover { background-color: #bb141b; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .local-course :is(.course-overview-cta, .course-career-banner-button) { transition: translate 180ms ease-out, background-color 180ms ease-out; text-decoration: none; }
  .local-course :is(.course-overview-cta, .course-career-banner-button):hover { translate: 0 -3px; }
}

/* Fullstack description scale, separate from headings and control labels. */
.local-course.course-design.course-gen-ai {
  --fullstack-description-size: 15px;
}
.local-course.course-design.course-gen-ai :is(
  [data-fullstack-description],
  [data-course-lead],
  [data-course-section="projects"] [data-course-body],
  [data-course-section="career"] [data-course-body],
  [data-course-section="operation"] [data-course-body],
  [data-course-section="benefits"] [data-course-body],
  [data-course-section="coding"] .notion-bulleted_list-block,
  [data-course-section="missions"] .notion-bulleted_list-block,
  .course-brand-copy p,
  .course-instructor-description,
  .place-copy p,
  .profileBox .lecturer_txt,
  .faq-body-inner,
  .fs-curri-item-desc
) {
  font-size: var(--fullstack-description-size) !important;
}
.local-course.course-design.course-gen-ai .course-overview-description {
  font-size: var(--fullstack-description-size) !important;
}
@media (max-width: 700px) {
  .local-course.course-design.course-gen-ai {
    --fullstack-description-size: 14px;
  }
  .local-course.course-design.course-gen-ai .course-overview-description {
    font-size: 13px !important;
  }
}

/* Wider spacing between fullstack sections. */
.local-course.course-design.course-gen-ai { --course-section-gap: 120px; }
@media (max-width: 1000px) and (min-width: 701px) {
  .local-course.course-design.course-gen-ai { --course-section-gap: 100px; }
}
@media (max-width: 700px) {
  .local-course.course-design.course-gen-ai { --course-section-gap: 80px; }
}