/* 홈페이지 공통 표 스타일보다 상세페이지 디자인을 우선 적용합니다. */
/* IIBI 교육과정 상세페이지 — 원본 인라인 스타일을 분리한 CSS */
/* HTML과 이 파일을 같은 폴더에 두세요. */

.iibi-course-s001 {
  width:100% !important;
  max-width:1000px !important;
  margin:0 auto !important;
  padding:0 12px !important;
  box-sizing:border-box !important;
  font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif !important;
  background:#ffffff !important;
  color:#333333 !important;
  line-height:1.7 !important;
}

.iibi-course-s002 {
  margin-bottom:52px !important;
  overflow:hidden !important;
  border-radius:0 0 18px 18px !important;
}

.iibi-course-s003 {
  position:relative !important;
  padding:48px 22px 34px !important;
  background:linear-gradient(135deg,#FF5F65 0%,#EF4656 72%,#D83E4B 100%) !important;
  color:#ffffff !important;
  text-align:center !important;
  border-radius:0 0 18px 18px !important;
  overflow:hidden !important;
}

.iibi-course-s004 {
  position:absolute !important;
  width:230px !important;
  height:230px !important;
  right:-70px !important;
  top:-90px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:50% !important;
  box-shadow:0 0 0 25px rgba(255,255,255,.05),0 0 0 55px rgba(255,255,255,.04) !important;
}

.iibi-course-s005 {
  position:absolute !important;
  width:180px !important;
  height:180px !important;
  left:-80px !important;
  bottom:-100px !important;
  border:1px solid rgba(88,235,255,.45) !important;
  border-radius:50% !important;
  box-shadow:0 0 0 22px rgba(88,235,255,.08) !important;
}

.iibi-course-s006 {
  position:relative !important;
  z-index:1 !important;
}

.iibi-course-s007 {
  display:inline-block !important;
  margin-bottom:18px !important;
  padding:6px 15px !important;
  border:1px solid rgba(255,255,255,.65) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.12) !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:1px !important;
}

.iibi-course-s008 {
  margin:0 0 8px !important;
  font-size:clamp(27px,5.5vw,44px) !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  letter-spacing:-1.5px !important;
  word-break:keep-all !important;
}

.iibi-course-s009 {
  margin:0 0 15px !important;
  font-size:clamp(30px,6.5vw,54px) !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:-1.8px !important;
  word-break:keep-all !important;
}

.iibi-course-s010 {
  font-size:48px !important;
}

.iibi-course-s011 {
  color:#9AF3FF !important;
}

.iibi-course-s012 {
  max-width:560px !important;
  margin:0 auto 22px !important;
  padding:7px !important;
  border:1px solid rgba(154,243,255,.75) !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,rgba(154,243,255,.24),rgba(255,255,255,.08)) !important;
  box-shadow:0 12px 34px rgba(70,0,25,.18) !important;
  width:100% !important;
  box-sizing:border-box !important;
}

.iibi-course-s013 {
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  object-fit:cover !important;
  border-radius:9px !important;
  background:linear-gradient(135deg,#222044,#4D2C79,#EF4656) !important;
}

.iibi-course-s014 {
  margin:0 auto 22px !important;
  max-width:620px !important;
  font-size:clamp(15px,3vw,19px) !important;
  color:#FFF4F5 !important;
  line-height:1.65 !important;
  word-break:keep-all !important;
}

.iibi-course-s015 {
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:8px !important;
  margin-top:10px !important;
}

.iibi-course-s016 {
  padding:6px 12px !important;
  border:1px solid rgba(255,255,255,.65) !important;
  border-radius:20px !important;
  font-size:13px !important;
}

.iibi-course-s017 {
  padding:6px 12px !important;
  border:1px solid rgba(154,243,255,.9) !important;
  border-radius:20px !important;
  color:#9AF3FF !important;
  font-size:13px !important;
}

.iibi-course-s018 {
  margin:22px 0 0 !important;
  font-size:13px !important;
  color:#FFE6E9 !important;
}

.iibi-course-s019 {
  width:100% !important;
  margin:0 0 52px !important;
  box-sizing:border-box !important;
  font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif !important;
}

.iibi-course-s020 {
  overflow:hidden !important;
  padding:34px 18px 28px !important;
  box-sizing:border-box !important;
  border:1px solid #F3CCD5 !important;
  border-top:5px solid #E94860 !important;
  border-radius:18px !important;
  background-color:#FFF7F8 !important;
  background-image:linear-gradient(150deg,#FFF7F8 0%,#FFFFFF 50%,#FFEAF0 100%) !important;
  text-align:center !important;
  box-shadow:0 12px 30px rgba(217,62,88,0.10) !important;
}

.iibi-course-s021 {
  display:inline-block !important;
  padding:8px 18px !important;
  border-radius:24px !important;
  background-color:#E94860 !important;
  color:#FFFFFF !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.5 !important;
  letter-spacing:1.4px !important;
  box-shadow:0 5px 12px rgba(233,72,96,0.20) !important;
}

.iibi-course-s022 {
  margin:24px 0 0 !important;
  padding:0 !important;
  color:#403139 !important;
  font-size:21px !important;
  font-weight:800 !important;
  line-height:1.5 !important;
  letter-spacing:-0.7px !important;
  word-break:keep-all !important;
}

.iibi-course-s023 {
  max-width:420px !important;
  margin:22px auto 0 !important;
  padding:22px 8px 20px !important;
  box-sizing:border-box !important;
  border:1px solid #F7D5DE !important;
  border-radius:16px !important;
  background-color:#FFFFFF !important;
  box-shadow:0 8px 22px rgba(217,62,88,0.07) !important;
}

.iibi-course-s024 {
  margin:0 0 3px !important;
  padding:0 !important;
  color:#433039 !important;
  font-size:25px !important;
  font-weight:800 !important;
  line-height:1.4 !important;
  letter-spacing:-1px !important;
}

.iibi-course-s025 {
  display:block !important;
  width:100% !important;
  max-width:300px !important;
  height:auto !important;
  margin:0 auto !important;
  overflow:hidden !important;
}

.iibi-course-s026 {
  width:64px !important;
  height:5px !important;
  margin:14px auto 16px !important;
  border-radius:5px !important;
  background-color:#FFB5C5 !important;
  font-size:0 !important;
  line-height:0 !important;
}

.iibi-course-s027 {
  display:inline-block !important;
  padding:6px 13px !important;
  border-radius:6px !important;
  background-color:#FFF0F4 !important;
  color:#A6536A !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
}

.iibi-course-s028 {
  margin:24px auto 0 !important;
  max-width:500px !important;
}

.iibi-course-s029 {
  margin:0 0 10px !important;
  padding:0 !important;
  color:#806B75 !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.7 !important;
  word-break:keep-all !important;
}

.iibi-course-s030 {
  margin:0 !important;
  padding:0 !important;
  color:#3B2B33 !important;
  font-size:23px !important;
  font-weight:900 !important;
  line-height:1.6 !important;
  letter-spacing:-1px !important;
  word-break:keep-all !important;
}

.iibi-course-s031 {
  display:inline-block !important;
  padding:0 3px !important;
  border-bottom:4px solid #FFB5C5 !important;
  color:#D93654 !important;
  line-height:1.25 !important;
}

.iibi-course-s032 {
  margin:0 0 50px !important;
}

.iibi-course-s033 {
  margin-bottom:24px !important;
  text-align:center !important;
}

.iibi-course-s034 {
  display:inline-block !important;
  padding:5px 12px !important;
  margin-bottom:10px !important;
  border-radius:20px !important;
  background:#FFF1F5 !important;
  color:#D83E4B !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:1px !important;
}

.iibi-course-s035 {
  margin:0 !important;
  font-size:28px !important;
  line-height:1.4 !important;
  color:#111111 !important;
  word-break:keep-all !important;
}

.iibi-course-s036 {
  font-size:28px !important;
}

.iibi-course-s037 {
  margin:10px 0 0 !important;
  color:#666666 !important;
  font-size:15px !important;
  font-weight:400 !important;
  line-height:1.7 !important;
  word-break:keep-all !important;
}

.iibi-course-s038 {
  overflow:hidden !important;
  background:#FFF1F5 !important;
  border:1px solid #FFD0D6 !important;
  border-radius:16px !important;
}

.iibi-course-s039 {
  padding:24px 24px 22px !important;
}

.iibi-course-s040 {
  max-width:440px !important;
  margin:0 auto !important;
  overflow:hidden !important;
  border-radius:12px !important;
  background:#F6E8EC !important;
  width:100% !important;
}

.iibi-course-s041 {
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16 / 9 !important;
  object-fit:cover !important;
  object-position:center !important;
  border:0 !important;
}

.iibi-course-s042 {
  height:1px !important;
  margin:0 24px !important;
  background:#FFD0D6 !important;
}

.iibi-course-s043 {
  padding:22px 14px 14px !important;
}

.iibi-course-s044 {
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,max(260px,calc(50% - 6px))),1fr)) !important;
  gap:12px !important;
}

.iibi-course-s045 {
  box-sizing:border-box !important;
  padding:20px !important;
  background:#FFFFFF !important;
  border:1px solid #FFD0D6 !important;
  border-radius:12px !important;
  min-height:190px !important;
}

.iibi-course-s046 {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-bottom:14px !important;
}

.iibi-course-s047 {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:32px !important;
  height:32px !important;
  flex:0 0 32px !important;
  border-radius:9px !important;
  background:#FFF1F5 !important;
  color:#D83E4B !important;
  font-size:13px !important;
  font-weight:800 !important;
}

.iibi-course-s048 {
  font-size:11px !important;
  color:#D83E4B !important;
  font-weight:700 !important;
  letter-spacing:.8px !important;
}

.iibi-course-s049 {
  margin:0 0 8px !important;
  color:#222222 !important;
  font-size:18px !important;
  line-height:1.45 !important;
  word-break:keep-all !important;
}

.iibi-course-s050 {
  margin:0 !important;
  color:#666666 !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.7 !important;
  word-break:keep-all !important;
}

.iibi-course-s051 {
  box-sizing:border-box !important;
  grid-column:1 / -1 !important;
  padding:20px !important;
  background:#302638 !important;
  border:1px solid #493748 !important;
  border-radius:12px !important;
}

.iibi-course-s052 {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:32px !important;
  height:32px !important;
  flex:0 0 32px !important;
  border-radius:9px !important;
  background:#FF91A6 !important;
  color:#302638 !important;
  font-size:13px !important;
  font-weight:800 !important;
}

.iibi-course-s053 {
  font-size:11px !important;
  color:#FFB7C5 !important;
  font-weight:700 !important;
  letter-spacing:.8px !important;
}

.iibi-course-s054 {
  margin:0 0 8px !important;
  color:#FFFFFF !important;
  font-size:19px !important;
  line-height:1.45 !important;
  word-break:keep-all !important;
}

.iibi-course-s055 {
  margin:0 !important;
  color:#E9DFE8 !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.7 !important;
  word-break:keep-all !important;
}

.iibi-course-s056 {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin-top:14px !important;
}

.iibi-course-s057 {
  display:inline-block !important;
  padding:6px 10px !important;
  border-radius:6px !important;
  background:rgba(255,145,166,.12) !important;
  border:1px solid rgba(255,145,166,.35) !important;
  color:#FFD5DE !important;
  font-size:12px !important;
  font-weight:700 !important;
}

.iibi-course-s058 {
  width:100% !important;
  margin:0 0 54px !important;
  box-sizing:border-box !important;
  font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif !important;
}

.iibi-course-s059 {
  margin-bottom:22px !important;
  text-align:center !important;
}

.iibi-course-s060 {
  display:inline-block !important;
  padding:5px 12px !important;
  border-radius:20px !important;
  background-color:#FFF1F5 !important;
  color:#D83E4B !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.7 !important;
  letter-spacing:1px !important;
}

.iibi-course-s061 {
  margin:12px 0 8px !important;
  padding:0 !important;
  color:#222222 !important;
  font-size:28px !important;
  font-weight:800 !important;
  line-height:1.4 !important;
  word-break:keep-all !important;
}

.iibi-course-s062 {
  margin:0 !important;
  padding:0 !important;
  color:#777777 !important;
  font-size:15px !important;
  font-weight:400 !important;
  line-height:1.7 !important;
  word-break:keep-all !important;
}

.iibi-course-s063 {
  width:100% !important;
  overflow-x:auto !important;
  padding-bottom:10px !important;
}

.iibi-course-s064 {
  width:100% !important;
  min-width:720px !important;
  table-layout:fixed !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  border:0 !important;
  background-color:transparent !important;
}

.iibi-course-s065 {
  width:33.33% !important;
  padding:0 6px 0 0 !important;
  border:0 !important;
  background-color:transparent !important;
  vertical-align:top !important;
}

.iibi-course-s066 {
  width:100% !important;
  table-layout:fixed !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  border:1px solid #FFD0D6 !important;
  border-radius:14px !important;
  background-color:#FFFFFF !important;
}

.iibi-course-s067 {
  height:210px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:13px 13px 0 0 !important;
  background-color:#EAF8FB !important;
  vertical-align:top !important;
}

.iibi-course-s068 {
  display:block !important;
  position:static !important;
  width:100% !important;
  max-width:100% !important;
  height:210px !important;
  min-height:0 !important;
  max-height:210px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:13px 13px 0 0 !important;
  object-fit:cover !important;
  box-sizing:border-box !important;
}

.iibi-course-s069 {
  padding:18px 14px 22px !important;
  border:0 !important;
  background-color:#FFFFFF !important;
  border-radius:0 0 13px 13px !important;
  text-align:left !important;
  vertical-align:top !important;
}

.iibi-course-s070 {
  display:block !important;
  position:static !important;
  height:auto !important;
  margin:0 0 10px !important;
  padding:0 !important;
  color:#D83E4B !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
}

.iibi-course-s071 {
  display:block !important;
  position:static !important;
  height:auto !important;
  margin:0 0 12px !important;
  padding:0 !important;
  color:#333333 !important;
  font-size:17px !important;
  font-weight:800 !important;
  line-height:1.5 !important;
  word-break:keep-all !important;
}

.iibi-course-s072 {
  display:block !important;
  position:static !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#777777 !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.8 !important;
  word-break:keep-all !important;
}

.iibi-course-s073 {
  width:33.33% !important;
  padding:0 6px !important;
  border:0 !important;
  background-color:transparent !important;
  vertical-align:top !important;
}

.iibi-course-s074 {
  height:210px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:13px 13px 0 0 !important;
  background-color:#EEEBFF !important;
  vertical-align:top !important;
}

.iibi-course-s075 {
  width:33.33% !important;
  padding:0 0 0 6px !important;
  border:0 !important;
  background-color:transparent !important;
  vertical-align:top !important;
}

.iibi-course-s076 {
  max-width:1000px !important;
  margin:0 auto 50px !important;
  font-family:Malgun Gothic,sans-serif !important;
  color:#333 !important;
  line-height:1.7 !important;
}

.iibi-course-s077 {
  padding:30px 12px !important;
  background-color:#FFF7FA !important;
  border:1px solid #F4D3DE !important;
  border-radius:14px !important;
}

.iibi-course-s078 {
  margin:0 0 13px !important;
  text-align:center !important;
  color:#D83E65 !important;
  font-size:12px !important;
  font-weight:bold !important;
}

.iibi-course-s079 {
  display:inline-block !important;
  padding:6px 15px !important;
  border:1px solid #F5C8D2 !important;
  border-radius:20px !important;
  background-color:#FFE8EE !important;
  color:#D83E4B !important;
  font-size:11px !important;
  font-weight:bold !important;
  letter-spacing:1px !important;
  line-height:1.6 !important;
}

.iibi-course-s080 {
  margin:10px 0 !important;
  text-align:center !important;
  font-size:27px !important;
  color:#302039 !important;
}

.iibi-course-s081 {
  margin:0 0 22px !important;
  text-align:center !important;
  font-size:14px !important;
  color:#766B78 !important;
}

.iibi-course-s082 {
  width:100% !important;
  table-layout:fixed !important;
  border:0 !important;
}

.iibi-course-s083 {
  padding:20px 15px !important;
  border:1px solid #F1CCD9 !important;
  border-top:4px solid #E94870 !important;
  border-radius:14px !important;
  background-color:#FFF !important;
  box-shadow:0 5px 14px rgba(133,51,79,0.08) !important;
}

.iibi-course-s084 {
  margin:0 0 12px !important;
}

.iibi-course-s085 {
  display:inline-block !important;
  padding:9px 12px !important;
  background-color:#302050 !important;
  color:#CDBBFF !important;
  font-size:20px !important;
  font-weight:bold !important;
  border-radius:8px !important;
  box-shadow:0 4px 10px rgba(48,32,57,0.12) !important;
}

.iibi-course-s086 {
  margin:0 !important;
  font-size:17px !important;
  font-weight:bold !important;
  color:#302039 !important;
}

.iibi-course-s087 {
  margin:2px 0 12px !important;
  font-size:12px !important;
  color:#89788A !important;
}

.iibi-course-s088 {
  margin:0 0 14px !important;
  font-size:13px !important;
  color:#665C68 !important;
}

.iibi-course-s089 {
  margin:0 !important;
  padding:9px !important;
  background-color:#FFF0F5 !important;
  border-radius:7px !important;
  font-size:12px !important;
  color:#A63A60 !important;
}

.iibi-course-s090 {
  display:inline-block !important;
  padding:9px 12px !important;
  background-color:#083D60 !important;
  color:#8EDFFF !important;
  font-size:20px !important;
  font-weight:bold !important;
  border-radius:8px !important;
  box-shadow:0 4px 10px rgba(48,32,57,0.12) !important;
}

.iibi-course-s091 {
  display:inline-block !important;
  padding:9px 12px !important;
  background-color:#612A22 !important;
  color:#FFB88A !important;
  font-size:20px !important;
  font-weight:bold !important;
  border-radius:8px !important;
  box-shadow:0 4px 10px rgba(48,32,57,0.12) !important;
}

.iibi-course-s092 {
  display:inline-block !important;
  padding:9px 12px !important;
  background-color:#D83E65 !important;
  color:#FFFFFF !important;
  font-size:20px !important;
  font-weight:bold !important;
  border-radius:8px !important;
  box-shadow:0 4px 10px rgba(48,32,57,0.12) !important;
}

.iibi-course-s093 {
  padding:20px 15px !important;
  border:1px solid #61435C !important;
  border-top:4px solid #E94870 !important;
  border-radius:14px !important;
  background-color:#302638 !important;
  box-shadow:0 5px 14px rgba(133,51,79,0.08) !important;
}

.iibi-course-s094 {
  margin:0 !important;
  font-size:17px !important;
  font-weight:bold !important;
  color:#FFF !important;
}

.iibi-course-s095 {
  margin:2px 0 12px !important;
  font-size:12px !important;
  color:#D7BFD2 !important;
}

.iibi-course-s096 {
  margin:0 0 14px !important;
  font-size:13px !important;
  color:#EBDDE7 !important;
}

.iibi-course-s097 {
  margin:0 !important;
  padding:9px !important;
  background-color:#493547 !important;
  border-radius:7px !important;
  font-size:12px !important;
  color:#FFCADB !important;
}

.iibi-course-s098 {
  margin:15px 6px 0 !important;
  font-size:12px !important;
  color:#857785 !important;
}

.iibi-course-s099 {
  max-width:1000px !important;
  margin:0 auto 54px !important;
  padding:26px 12px !important;
  font-family:Malgun Gothic,sans-serif !important;
  line-height:1.7 !important;
  border:1px solid #FFD0D6 !important;
  border-radius:14px !important;
  background-color:#FFF7F9 !important;
}

.iibi-course-s100 {
  margin:0 0 13px !important;
  text-align:center !important;
}

.iibi-course-s101 {
  display:inline-block !important;
  padding:6px 15px !important;
  border:1px solid #F5C8D2 !important;
  border-radius:20px !important;
  background-color:#FFE8EE !important;
  color:#D83E4B !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:1px !important;
  line-height:1.6 !important;
}

.iibi-course-s102 {
  margin:10px 0 !important;
  text-align:center !important;
  font-size:27px !important;
  font-weight:700 !important;
  line-height:1.4 !important;
  color:#222 !important;
  word-break:keep-all !important;
}

.iibi-course-s103 {
  color:#D83E4B !important;
}

.iibi-course-s104 {
  margin:0 0 24px !important;
  text-align:center !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.7 !important;
  color:#666 !important;
  word-break:keep-all !important;
}

.iibi-course-s105 {
  width:100% !important;
  table-layout:fixed !important;
  border:0 !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}

.iibi-course-s106 {
  width:33.33% !important;
  padding:0 6px !important;
  border:0 !important;
  vertical-align:top !important;
}

.iibi-course-s107 {
  width:100% !important;
  table-layout:fixed !important;
  border:1px solid #F1D6DD !important;
  border-radius:14px !important;
  background-color:#FFF !important;
  box-shadow:0 6px 16px rgba(133,51,79,0.08) !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}

.iibi-course-s108 {
  padding:0 !important;
  border:0 !important;
  background-color:#FFF1F5 !important;
  border-radius:13px 13px 0 0 !important;
}

.iibi-course-s109 {
  display:block !important;
  width:100% !important;
  height:180px !important;
  max-height:180px !important;
  object-fit:cover !important;
  border:0 !important;
  border-radius:13px 13px 0 0 !important;
  background-color:#FCEAF0 !important;
}

.iibi-course-s110 {
  height:190px !important;
  padding:20px 16px !important;
  vertical-align:top !important;
  border:0 !important;
  border-radius:0 0 13px 13px !important;
  background-color:#FFF !important;
}

.iibi-course-s111 {
  margin:0 0 12px !important;
  line-height:1 !important;
}

.iibi-course-s112 {
  display:inline-block !important;
  padding:4px 8px !important;
  border-radius:5px !important;
  background-color:#FFF0F4 !important;
  color:#D83E4B !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:0.5px !important;
  line-height:1.6 !important;
}

.iibi-course-s113 {
  min-height:48px !important;
  margin:0 0 12px !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
  color:#333 !important;
  word-break:keep-all !important;
  overflow-wrap:break-word !important;
}

.iibi-course-s114 {
  margin:0 !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.8 !important;
  color:#666 !important;
  word-break:keep-all !important;
  overflow-wrap:break-word !important;
}

.iibi-course-s115 {
  text-align: center !important;
}

.iibi-course-s116 {
  display:inline-block !important;
  margin-bottom:12px !important;
  padding:6px 14px !important;
  background:#FFF1F5 !important;
  border-radius:20px !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.4 !important;
  letter-spacing:1px !important;
  color:#D83E4B !important;
}

.iibi-course-s117 {
  margin-bottom:50px !important;
}

.iibi-course-s118 {
  margin:0 0 25px !important;
  text-align:center !important;
  font-size:26px !important;
  color:#111111 !important;
}

.iibi-course-s119 {
  padding:18px 20px !important;
  background:#ffffff !important;
  border:1px dashed #FFBFC8 !important;
  border-radius:12px !important;
}

.iibi-course-s120 {
  margin:0 !important;
  padding-left:22px !important;
  font-size:15px !important;
  color:#444444 !important;
}

.iibi-course-s121 {
  margin-bottom:10px !important;
  word-break:keep-all !important;
}

.iibi-course-s122 {
  word-break:keep-all !important;
}

.iibi-course-s123 {
  max-width:560px !important;
  margin:0 auto 24px !important;
  text-align:center !important;
}

.iibi-course-s124 {
  display:inline-block !important;
  margin-bottom:12px !important;
  padding:6px 14px !important;
  background:#FFFFFF !important;
  border:1px solid #F5D5DE !important;
  border-radius:20px !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.4 !important;
  letter-spacing:1px !important;
  color:#D83E4B !important;
}

.iibi-course-s125 {
  margin-bottom:50px !important;
  font-family:Malgun Gothic,sans-serif !important;
}

.iibi-course-s126 {
  margin:0 0 25px !important;
  text-align:center !important;
  font-size:26px !important;
  color:#111111 !important;
  word-break:keep-all !important;
}

.iibi-course-s127 {
  width:100% !important;
  max-width:560px !important;
  margin:0 auto 26px !important;
  padding:8px !important;
  box-sizing:border-box !important;
  border:1px solid #FFD0D6 !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,#FFF1F5 0%,#FFE3EA 100%) !important;
  box-shadow:0 6px 18px rgba(216,62,75,.10) !important;
}

.iibi-course-s128 {
  display:block !important;
  width:100% !important;
  height:auto !important;
  border-radius:10px !important;
}

.iibi-course-s129 {
  padding:22px !important;
  margin-bottom:15px !important;
  background:#FFF1F5 !important;
  border:1px solid #FFD0D6 !important;
  border-radius:12px !important;
}

.iibi-course-s130 {
  margin-bottom:10px !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
  color:#222222 !important;
  word-break:keep-all !important;
}

.iibi-course-s131 {
  margin:0 !important;
  font-size:16px !important;
  font-weight:400 !important;
  line-height:1.8 !important;
  color:#555555 !important;
  word-break:keep-all !important;
}

.iibi-course-s132 {
  margin:12px 0 0 !important;
  text-align:right !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.6 !important;
  color:#888888 !important;
}

.iibi-course-s133 {
  padding:22px !important;
  background:#FFF1F5 !important;
  border:1px solid #FFD0D6 !important;
  border-radius:12px !important;
}

.iibi-course-s134 {
  display:incline-block !important;
  background:#FFF1F5 !important;
  color:#D83E4B !important;
  padding:6px 14px !important;
  border-radius:12px !important;
  font-size:12px !important;
}

.iibi-course-s135 {
  margin:0 0 10px !important;
  padding:0 !important;
  text-align:center !important;
  font-size:26px !important;
  font-weight:700 !important;
  color:#111111 !important;
}

.iibi-course-s136 {
  margin:0 0 24px !important;
  padding:0 !important;
  text-align:center !important;
  font-size:16px !important;
  color:#666666 !important;
  word-break:keep-all !important;
}

.iibi-course-s137 {
  width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  white-space:nowrap !important;
  font-size:0 !important;
  line-height:0 !important;
  padding:0 0 12px !important;
  box-sizing:border-box !important;
}

.iibi-course-s138 {
  display:inline-block !important;
  vertical-align:top !important;
  width:32% !important;
  min-width:250px !important;
  margin:0 2% 0 0 !important;
  white-space:normal !important;
  overflow:hidden !important;
  border:1px solid #FFD0D6 !important;
  border-radius:14px !important;
  background-color:#ffffff !important;
  box-shadow:0 5px 14px rgba(255,95,101,0.10) !important;
  box-sizing:border-box !important;
  font-size:14px !important;
  line-height:1.5 !important;
}

.iibi-course-s139 {
  display:block !important;
  position:relative !important;
  width:100% !important;
  overflow:hidden !important;
  background-color:#111111 !important;
  text-decoration:none !important;
}

.iibi-course-s140 {
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16/9 !important;
  object-fit:cover !important;
  border:0 !important;
}

.iibi-course-s141 {
  position:absolute !important;
  right:10px !important;
  bottom:10px !important;
  padding:5px 9px !important;
  border-radius:5px !important;
  background-color:rgba(0,0,0,0.65) !important;
  color:#ffffff !important;
  font-size:11px !important;
  line-height:1.4 !important;
  pointer-events:none !important;
}

.iibi-course-s142 {
  min-height:150px !important;
  padding:16px 14px !important;
  box-sizing:border-box !important;
}

.iibi-course-s143 {
  display:inline-block !important;
  margin:0 0 10px !important;
  padding:4px 8px !important;
  border-radius:4px !important;
  background-color:#FF5F65 !important;
  color:#ffffff !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
}

.iibi-course-s144 {
  margin:0 0 10px !important;
  color:#222222 !important;
  font-size:16px !important;
  line-height:1.45 !important;
  word-break:keep-all !important;
}

.iibi-course-s145 {
  margin:0 !important;
  color:#666666 !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.65 !important;
  word-break:keep-all !important;
}

.iibi-course-s146 {
  display:inline-block !important;
  vertical-align:top !important;
  width:32% !important;
  min-width:250px !important;
  margin:0 !important;
  white-space:normal !important;
  overflow:hidden !important;
  border:1px solid #FFD0D6 !important;
  border-radius:14px !important;
  background-color:#ffffff !important;
  box-shadow:0 5px 14px rgba(255,95,101,0.10) !important;
  box-sizing:border-box !important;
  font-size:14px !important;
  line-height:1.5 !important;
}

.iibi-course-s147 {
  display:inline-block !important;
  margin:0 0 10px !important;
  padding:4px 8px !important;
  border-radius:4px !important;
  background-color:#8652A3 !important;
  color:#FFFFFF !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
}

.iibi-course-s148 {
  margin:8px 0 0 !important;
  text-align:center !important;
  font-size:12px !important;
  color:#999999 !important;
  line-height:1.6 !important;
  word-break:keep-all !important;
}

.iibi-course-s149 {
  width:100% !important;
  max-width:1000px !important;
  margin:0 auto 50px !important;
  box-sizing:border-box !important;
  font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif !important;
  line-height:1.7 !important;
  color:#FFFFFF !important;
}

.iibi-course-s150 {
  padding:32px 22px !important;
  box-sizing:border-box !important;
  background:linear-gradient(145deg,#292929 0%,#353035 100%) !important;
  border-radius:18px !important;
}

.iibi-course-s151 {
  margin-bottom:26px !important;
  text-align:center !important;
}

.iibi-course-s152 {
  display:inline-block !important;
  margin-bottom:9px !important;
  padding:5px 12px !important;
  border-radius:20px !important;
  background:rgba(255,95,101,.15) !important;
  color:#FFADB3 !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:1px !important;
}

.iibi-course-s153 {
  margin:0 0 10px !important;
  font-size:clamp(24px,4.5vw,30px) !important;
  line-height:1.4 !important;
  font-weight:800 !important;
  color:#FFFFFF !important;
  word-break:keep-all !important;
}

.iibi-course-s154 {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
}

.iibi-course-s155 {
  flex:1 1 300px !important;
  min-width:0 !important;
  padding:18px !important;
  box-sizing:border-box !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.055) !important;
}

.iibi-course-s156 {
  margin-bottom:7px !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:1px !important;
  color:#FFADB3 !important;
}

.iibi-course-s157 {
  margin:0 0 8px !important;
  font-size:18px !important;
  line-height:1.5 !important;
  font-weight:800 !important;
  color:#FFFFFF !important;
  word-break:keep-all !important;
}

.iibi-course-s158 {
  margin:0 !important;
  font-size:13px !important;
  color:#C9C9C9 !important;
  word-break:keep-all !important;
}

.iibi-course-s159 {
  margin-top:24px !important;
  padding-top:19px !important;
  border-top:1px solid rgba(255,255,255,.15) !important;
  text-align:center !important;
}

.iibi-course-s160 {
  margin:0 !important;
  font-size:14px !important;
  color:#E0E0E0 !important;
  word-break:keep-all !important;
}

.iibi-course-s161 {
  font-size:20px !important;
}

.iibi-course-s162 {
  font-weight:800 !important;
  color:#FFADB3 !important;
}

.iibi-course-s163 {
  margin:0 0 25px !important;
  text-align:center !important;
  font-size:26px !important;
  color:#111111 !important;
  word-break:keep-all !important;
}

.iibi-course-s164 {
  padding:22px !important;
  background:#FFF1F5 !important;
  border:1px solid #FFD0D6 !important;
  border-radius:12px !important;
}

.iibi-course-s165 {
  margin-bottom:20px !important;
  padding-bottom:16px !important;
  border-bottom:1px dashed #FFD0D6 !important;
}

.iibi-course-s166 {
  margin:0 0 7px !important;
  font-size:16px !important;
  color:#D83E4B !important;
  word-break:keep-all !important;
}

.iibi-course-s167 {
  margin:0 !important;
  font-size:16px !important;
  color:#555555 !important;
  word-break:keep-all !important;
}

.iibi-course-s168 {
  margin-bottom:40px !important;
}

.iibi-course-s169 {
  padding:36px 20px !important;
  background:#FFF1F5 !important;
  border:1px solid #FFD0D6 !important;
  border-radius:12px !important;
  text-align:center !important;
}

.iibi-course-s170 {
  display:inline-block !important;
  padding:6px 18px !important;
  background:#FF5F65 !important;
  color:#ffffff !important;
  border-radius:24px !important;
  font-weight:700 !important;
}

.iibi-course-s171 {
  margin:18px 0 10px !important;
  font-size:clamp(26px,6vw,34px) !important;
  line-height:1.4 !important;
  color:#222222 !important;
  word-break:keep-all !important;
}

.iibi-course-s172 {
  margin:0 0 20px !important;
  font-size:20px !important;
  color:#D83E4B !important;
  font-weight:700 !important;
  word-break:keep-all !important;
}

.iibi-course-s173 {
  width:100% !important;
  max-width:560px !important;
  margin:0 auto 22px !important;
  padding:7px !important;
  border:1px solid #FFD0D6 !important;
  border-radius:14px !important;
  background:#ffffff !important;
  box-shadow:0 8px 24px rgba(216,62,75,0.08) !important;
  box-sizing:border-box !important;
}

.iibi-course-s174 {
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  border-radius:9px !important;
  background:#ffffff !important;
}

.iibi-course-s175 {
  display:inline-block !important;
  padding:10px 28px !important;
  background:#ffffff !important;
  border:2px solid #FF5F65 !important;
  border-radius:32px !important;
  color:#D83E4B !important;
  font-size:20px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  cursor:pointer !important;
}

.iibi-course-s176 {
  margin:18px 0 0 !important;
  font-size:16px !important;
  color:#555555 !important;
}

/* ==================================================
   모바일 전용: 767px 이하에서만 적용 / PC 설정 유지
   ================================================== */
@media screen and (max-width: 767px) {
  [class^="iibi-course-s"] {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  p[class^="iibi-course-s"],
  h1[class^="iibi-course-s"],
  h2[class^="iibi-course-s"],
  h3[class^="iibi-course-s"],
  h4[class^="iibi-course-s"],
  li[class^="iibi-course-s"],
  span[class^="iibi-course-s"],
  a[class^="iibi-course-s"],
  td[class^="iibi-course-s"] {
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
  }

  .iibi-course-s001 { padding: 0 12px !important; }
  .iibi-course-s003 { padding: 32px 16px 26px !important; }
  .iibi-course-s008 { font-size: clamp(26px, 7vw, 36px) !important; }
  .iibi-course-s009,
  .iibi-course-s010 { font-size: clamp(28px, 7.7vw, 40px) !important; line-height: 1.3 !important; letter-spacing: -1px !important; }
  .iibi-course-s014 { font-size: 15px !important; line-height: 1.75 !important; }
  .iibi-course-s016,
  .iibi-course-s017 { padding: 6px 9px !important; font-size: 11px !important; }
  .iibi-course-s018 { font-size: 12px !important; }
  .iibi-course-s020 { padding: 26px 14px !important; }
  .iibi-course-s022 { font-size: 19px !important; }
  .iibi-course-s030 { font-size: 21px !important; }

  /* 섹션 제목: 폭에 맞는 크기와 자연스러운 줄바꿈 */
  .iibi-course-s035,
  .iibi-course-s036,
  .iibi-course-s061,
  .iibi-course-s080,
  .iibi-course-s102,
  .iibi-course-s118,
  .iibi-course-s126,
  .iibi-course-s135,
  .iibi-course-s153,
  .iibi-course-s163,
  .iibi-course-s171 {
    font-size: clamp(22px, 5.7vw, 26px) !important;
    line-height: 1.45 !important;
    letter-spacing: -0.7px !important;
  }
  .iibi-course-s037,
  .iibi-course-s062,
  .iibi-course-s081,
  .iibi-course-s104,
  .iibi-course-s136 { font-size: 14px !important; line-height: 1.8 !important; }

  /* 차별점: 모바일은 넓은 카드 1열, 불필요한 높이 해제 */
  .iibi-course-s039 { padding: 18px 14px !important; }
  .iibi-course-s043 { padding: 16px 12px 12px !important; }
  .iibi-course-s044 { grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; }
  .iibi-course-s045,
  .iibi-course-s051 { min-width: 0 !important; min-height: 0 !important; padding: 18px !important; }
  .iibi-course-s046 { flex-wrap: wrap !important; }
  .iibi-course-s049,
  .iibi-course-s054 { font-size: 18px !important; }
  .iibi-course-s050,
  .iibi-course-s055 { font-size: 14px !important; line-height: 1.8 !important; }

  /* AI 결과물: 좁은 3열 표를 이미지+설명 카드 1열로 전환 */
  .iibi-course-s063 { overflow: visible !important; padding-bottom: 0 !important; }
  .iibi-course-s064 { display: block !important; width: 100% !important; min-width: 0 !important; }
  .iibi-course-s064 > tbody { display: block !important; }
  .iibi-course-s064 > tbody > tr { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
  .iibi-course-s065,
  .iibi-course-s073,
  .iibi-course-s075 { display: block !important; width: 100% !important; min-width: 0 !important; padding: 0 !important; }
  .iibi-course-s066 { overflow: hidden !important; }
  .iibi-course-s067,
  .iibi-course-s074 { height: auto !important; }
  .iibi-course-s068 { width: 100% !important; height: auto !important; max-height: none !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; }
  .iibi-course-s069 { padding: 18px 16px !important; }
  .iibi-course-s071 { font-size: 18px !important; }
  .iibi-course-s072 { font-size: 14px !important; line-height: 1.8 !important; }

  /* 학습 내용: 표의 행 구조를 풀고 6개 카드를 넓게 재배치 */
  .iibi-course-s077 { padding: 24px 12px !important; }
  .iibi-course-s082 { display: block !important; width: 100% !important; min-width: 0 !important; border-spacing: 0 !important; }
  .iibi-course-s082 > tbody { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  .iibi-course-s082 > tbody > tr { display: contents !important; }
  .iibi-course-s083,
  .iibi-course-s093 { display: block !important; width: 100% !important; min-width: 0 !important; padding: 18px !important; }
  .iibi-course-s088,
  .iibi-course-s096 { font-size: 14px !important; line-height: 1.8 !important; }
  .iibi-course-s089,
  .iibi-course-s097 { font-size: 13px !important; line-height: 1.75 !important; }

  /* 실습 환경: 이미지와 설명을 갖춘 전체 폭 카드 */
  .iibi-course-s099 { padding: 24px 12px !important; }
  .iibi-course-s105 { display: block !important; width: 100% !important; min-width: 0 !important; }
  .iibi-course-s105 > tbody { display: block !important; }
  .iibi-course-s105 > tbody > tr { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
  .iibi-course-s106 { display: block !important; width: 100% !important; min-width: 0 !important; padding: 0 !important; }
  .iibi-course-s107 { overflow: hidden !important; }
  .iibi-course-s109 { width: 100% !important; height: auto !important; max-height: none !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; }
  .iibi-course-s110 { height: auto !important; padding: 18px 16px !important; }
  .iibi-course-s113 { min-height: 0 !important; margin-bottom: 10px !important; font-size: 18px !important; }
  .iibi-course-s114 { font-size: 14px !important; line-height: 1.8 !important; }

  /* 추천 대상 / 후기 / FAQ */
  .iibi-course-s119 { padding: 18px 14px !important; }
  .iibi-course-s120 { padding-left: 20px !important; font-size: 14px !important; line-height: 1.85 !important; }
  .iibi-course-s129,
  .iibi-course-s133,
  .iibi-course-s164 { padding: 18px 16px !important; }
  .iibi-course-s130 { font-size: 17px !important; }
  .iibi-course-s131,
  .iibi-course-s167 { font-size: 15px !important; line-height: 1.85 !important; }
  .iibi-course-s132 { font-size: 13px !important; }
  .iibi-course-s166 { font-size: 16px !important; line-height: 1.6 !important; }

  /* 포트폴리오는 기존 좌우 스와이프 유지 */
  .iibi-course-s137 { white-space: nowrap !important; overflow-x: auto !important; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
  .iibi-course-s138,
  .iibi-course-s146 { width: 86% !important; min-width: 0 !important; margin-right: 12px !important; white-space: normal !important; scroll-snap-align: start; }
  .iibi-course-s146 { margin-right: 0 !important; }
  .iibi-course-s142 { min-height: 0 !important; }

  /* 진출 분야 / 상담 안내 */
  .iibi-course-s149 { padding: 0 12px !important; }
  .iibi-course-s150 { padding: 26px 16px !important; }
  .iibi-course-s155 { flex: 1 1 100% !important; padding: 16px !important; }
  .iibi-course-s157 { font-size: 17px !important; }
  .iibi-course-s158 { line-height: 1.8 !important; }
  .iibi-course-s161 { font-size: 17px !important; }
  .iibi-course-s168,
  .iibi-course-s117#course-faq { padding: 0 12px !important; }
  .iibi-course-s169 { padding: 26px 16px !important; }
  .iibi-course-s172 { font-size: 17px !important; line-height: 1.7 !important; }
  .iibi-course-s175 { padding: 12px 22px !important; font-size: 18px !important; }
  .iibi-course-s176 { font-size: 14px !important; }
}

@media screen and (max-width: 480px) {
  .iibi-course-s082 > tbody { grid-template-columns: minmax(0, 1fr) !important; }
}
@media screen and (max-width: 767px) {

  /* 가로 스크롤 제거 · 세로 배치 */
  .iibi-course-s137 {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    padding-bottom: 0 !important;
  }

  /* 각 작품을 화면 너비에 맞춤 */
  .iibi-course-s137 > .iibi-course-s138,
  .iibi-course-s137 > .iibi-course-s146 {
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* 영상 미리보기 비율 유지 */
  .iibi-course-s137 .iibi-course-s139 {
    display: block !important;
    width: 100% !important;
  }

  .iibi-course-s137 .iibi-course-s140 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
  }

  /* 제목·설명 자동 줄바꿈 */
  .iibi-course-s137 .iibi-course-s144,
  .iibi-course-s137 .iibi-course-s145 {
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
  }
}