@charset "UTF-8";
body,
html {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "OAGothic-ExtraBold";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/OAGothic-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "YoonChildfundkoreaManSeh";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408@1.0/YoonChildfundkoreaManSeh.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
#publishContainer {
  margin: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  letter-spacing: -1px;
  line-height: 1;
  font-family: "Pretendard", "나눔고딕", "NanumGothic", "맑은 고딕", "Malgun gothic", Helvetica, sans-serif;
  width: 100%;
  width: 100vw;
  min-width: 1000px;
  line-height: 1;
  font-family: "pretendard", "나눔고딕", "NanumGothic", "맑은 고딕", "Malgun gothic", Helvetica, sans-serif;
  color: #411e16;
  overflow-x: hidden;
}
#publishContainer div,
#publishContainer span,
#publishContainer applet,
#publishContainer object,
#publishContainer iframe,
#publishContainer h1,
#publishContainer h2,
#publishContainer h3,
#publishContainer h4,
#publishContainer h5,
#publishContainer h6,
#publishContainer p,
#publishContainer blockquote,
#publishContainer pre,
#publishContainer a,
#publishContainer abbr,
#publishContainer acronym,
#publishContainer address,
#publishContainer big,
#publishContainer cite,
#publishContainer code,
#publishContainer del,
#publishContainer dfn,
#publishContainer em,
#publishContainer font,
#publishContainer img,
#publishContainer ins,
#publishContainer kbd,
#publishContainer q,
#publishContainer s,
#publishContainer samp,
#publishContainer small,
#publishContainer strike,
#publishContainer strong,
#publishContainer sub,
#publishContainer sup,
#publishContainer tt,
#publishContainer var,
#publishContainer b,
#publishContainer u,
#publishContainer i,
#publishContainer center,
#publishContainer dl,
#publishContainer dt,
#publishContainer dd,
#publishContainer ol,
#publishContainer ul,
#publishContainer li,
#publishContainer fieldset,
#publishContainer form,
#publishContainer label,
#publishContainer legend,
#publishContainer table,
#publishContainer caption,
#publishContainer tbody,
#publishContainer tfoot,
#publishContainer thead,
#publishContainer tr,
#publishContainer th,
#publishContainer td,
#publishContainer input {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: inherit;
  list-style: none;
}
#publishContainer .banner-box {
  position: fixed;
  z-index: 900;
  bottom: 130px;
  left: 40px;
  display: inline-block;
  filter: drop-shadow(0px 7px 11.9px rgba(145, 58, 0, 0.26));
}
#publishContainer .banner-box .banner-link {
  display: block;
  width: 100%;
  height: 100%;
}
#publishContainer .banner-box .banner-link .banner-top {
  width: 210px;
  height: 177px;
  background-color: #FFE07D;
  text-align: center;
  color: #1E3E6B;
  font-weight: 500;
  font-size: 19px;
  padding: 20px 30px 14px;
  box-sizing: border-box;
  border-radius: 500px 500px 0 0;
  position: relative;
  border: 1px solid #FFE8D9;
}
#publishContainer .banner-box .banner-link .banner-top div {
  text-indent: -9999px;
}
#publishContainer .banner-box .banner-link .banner-top .banner-title {
  width: 150px;
  height: 140px;
  margin: 0 auto 3px;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_banner_title_250808.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  position: absolute;
  left: 50%;
  top: 35%;
  transform: translate(-50%, -25%);
}
#publishContainer .banner-box .banner-link .banner-top .banner-title span {
  color: #0084F7;
}
#publishContainer .banner-box .banner-link .banner-top .banner-ico1 {
  width: 50px;
  height: 50px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_banner_items1_250808.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 15px;
  z-index: 100;
}
#publishContainer .banner-box .banner-link .banner-top .banner-ico2 {
  width: 50px;
  height: 50px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_banner_items2_250808.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 54px;
  right: -17px;
  z-index: 100;
}
#publishContainer .banner-box .banner-link .banner-btn {
  width: 100%;
  background-color: #9B371E;
  font-size: 20px;
  font-weight: 700;
  color: white;
  text-align: center;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 0 0 15px 15px;
  position: relative;
}
#publishContainer .banner-box .banner-link .banner-btn .banner-hand {
  width: 70px;
  height: 70px;
  background-image: url("https://www.softcity.co.kr/public/images/ico/ico_startupPromotion_banner_hand_240329.png");
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 12px;
  right: -30px;
}
#publishContainer .banner-box:hover .banner-btn {
  background-color: #DE5630;
}
#publishContainer .color_orange {
  color: #FF5A19;
}
#publishContainer .color_pink {
  color: #ED517B;
}
#publishContainer .font_another {
  font-family: "OAGothic-ExtraBold";
}
#publishContainer .apply_event_btn {
  color: white;
  display: flex;
  margin: 70px auto 0;
  font-size: 22px;
  font-weight: 700;
  width: 310px;
  height: 56px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
}
#publishContainer section {
  width: 100%;
}
#publishContainer section .publishWrap {
  width: 1000px;
  margin: 0 auto;
}
#publishContainer #contents_main {
  background-color: #F6E7DE;
  padding: 120px 0 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
#publishContainer #contents_main .publishWrap {
  box-sizing: border-box;
  border: 0;
  position: relative;
}
#publishContainer #contents_main .publishWrap .mainBg2 {
  width: 200px;
  height: 300px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_main_bg2_250811.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 30px;
  top: 40px;
}
#publishContainer #contents_main .publishWrap .mainBg3 {
  width: 250px;
  height: 350px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_main_bg3_250811.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 0px;
  top: 11ww0px;
}
#publishContainer #contents_main .publishWrap .main_logo {
  width: 100px;
  margin-bottom: 10px;
}
#publishContainer #contents_main .publishWrap .main_txt {
  width: 100%;
}
#publishContainer #contents_main .publishWrap .main_txt .subHeader,
#publishContainer #contents_main .publishWrap .main_txt .mainHeader {
  margin: 0 auto;
  text-indent: -9999px;
}
#publishContainer #contents_main .publishWrap .main_txt .mainHeader {
  width: 550px;
  height: 310px;
  margin-top: 40px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_main_title_250811.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top;
}
#publishContainer #contents_main .publishWrap .main_txt .mainDate {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  opacity: 85%;
  padding-bottom: 360px;
}
#publishContainer #contents_main .mainBg1 {
  width: 1100px;
  height: 400px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_main_bg1_250811.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  position: absolute;
  left: 50%;
  top: -100px;
  transform: translateX(-50%);
}
#publishContainer #contents_main .mainBg4 {
  width: 1800px;
  height: 400px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_main_bg4_250811.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5px;
}
#publishContainer #contents_area1 {
  padding: 90px 0 0;
  position: relative;
  z-index: 1;
}
#publishContainer #contents_area1 .publishWrap {
  position: relative;
}
#publishContainer #contents_area1 .publishWrap .cont1Bg {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
}
#publishContainer #contents_area1 .publishWrap .cont1Bg.cont1Bg1 {
  width: 40px;
  height: 40px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont1Bg1_250811.png");
  background-size: auto 100%;
  left: 100px;
  top: 50px;
}
#publishContainer #contents_area1 .publishWrap .cont1Bg.cont1Bg2 {
  width: 80px;
  height: 80px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont1Bg2_250811.png");
  background-size: 100% auto;
  top: 230px;
  left: -20px;
}
#publishContainer #contents_area1 .publishWrap .cont1Bg.cont1Bg3 {
  width: 35px;
  height: 35px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont1Bg3_250811.png");
  background-size: 100%;
  top: 540px;
  left: 50px;
}
#publishContainer #contents_area1 .publishWrap .cont1Bg.cont1Bg4 {
  width: 50px;
  height: 50px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont1Bg4_250811.png");
  background-size: auto 100%;
  top: 800px;
  left: 140px;
}
#publishContainer #contents_area1 .publishWrap .cont1Bg.cont1Bg5 {
  width: 40px;
  height: 40px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont1Bg5_250811.png");
  background-size: 100% auto;
  right: 100px;
  top: 60px;
}
#publishContainer #contents_area1 .publishWrap .cont1Bg.cont1Bg6 {
  width: 70px;
  height: 70px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont1Bg6_250811.png");
  background-size: 100% auto;
  right: -10px;
  top: 370px;
}
#publishContainer #contents_area1 .publishWrap .cont1Bg.cont1Bg7 {
  width: 40px;
  height: 40px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont1Bg7_250811.png");
  background-size: auto 100%;
  right: 59px;
  top: 580px;
}
#publishContainer #contents_area1 .publishWrap .cont1Bg.cont1Bg8 {
  width: 68px;
  height: 68px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont1Bg8_250811.png");
  background-size: auto 100%;
  right: 180px;
  top: 730px;
}
#publishContainer #contents_area1 .contentsHead {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}
#publishContainer #contents_area1 .contentsHead h2 {
  text-indent: -9999px;
  width: 520px;
  height: 200px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont1-head_250811.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  margin: 20px auto 0;
}
#publishContainer #contents_area1 .contArea.area1 {
  display: flex;
  flex-flow: column;
  align-items: center;
}
#publishContainer #contents_area1 .contArea.area1 .recomEvent {
  filter: drop-shadow(0px 4px 13.4px rgba(0, 0, 0, 0.07));
  display: flex;
  width: 750px;
  justify-content: space-between;
}
#publishContainer #contents_area1 .contArea.area1 .recomEvent .recomEventList {
  width: 350px;
  box-sizing: border-box;
  background: linear-gradient(180deg, #FFB384 0%, #FFD88B 100%);
  border-radius: 13px;
  padding-top: 20px;
  padding-bottom: 35px;
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
}
#publishContainer #contents_area1 .contArea.area1 .recomEvent .recomEventList .recomBackImg1 {
  width: 160px;
  height: 200px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont1-list1img_250811.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
  position: absolute;
  right: 20px;
  top: -30px;
  z-index: 100;
}
#publishContainer #contents_area1 .contArea.area1 .recomEvent .recomEventList .recomBackImg2 {
  width: 160px;
  height: 250px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont1-list2img_250811.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
  position: absolute;
  right: 20px;
  bottom: 140px;
  z-index: 100;
}
#publishContainer #contents_area1 .contArea.area1 .recomEvent .recomEventList .listTxt {
  display: flex;
  height: 100%;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-top: 20px;
}
#publishContainer #contents_area1 .contArea.area1 .recomEvent .recomEventList .listTxt .recomWho {
  text-indent: -9999px;
  width: 100%;
  height: 80px;
  background-size: auto 100%;
  background-position: left top;
  background-repeat: no-repeat;
}
#publishContainer #contents_area1 .contArea.area1 .recomEvent .recomEventList .listTxt .recomWho.recomWho1 {
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont1-list1Title_250811.png");
}
#publishContainer #contents_area1 .contArea.area1 .recomEvent .recomEventList .listTxt .recomWho.recomWho2 {
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont1-list2Title_250811.png");
}
#publishContainer #contents_area1 .contArea.area1 .recomEvent .recomEventList .listTxt .recomReward {
  width: 300px;
  height: 110px;
  background: rgba(255, 255, 255, 0.77);
  font-size: 22px;
  line-height: 30px;
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  justify-content: center;
  position: relative;
  margin-top: 30px;
  font-weight: 700;
}
#publishContainer #contents_area1 .contArea.area1 .recomEvent .recomEventList .listTxt .recomReward.recomRe1 {
  padding-left: 130px;
}
#publishContainer #contents_area1 .contArea.area1 .recomEvent .recomEventList .listTxt .recomReward.recomRe2 {
  padding-left: 90px;
}
#publishContainer #contents_area1 .contArea.area1 .recomEvent .recomEventList .listTxt .recomReward .color_orange {
  font-size: 27px;
}
#publishContainer #contents_area1 .contArea.area1 .recomEvent .recomEventList .listTxt .recomReward .txtTop {
  display: flex;
  align-items: center;
  gap: 4px;
}
#publishContainer #contents_area1 .contArea.area1 .recomEvent .recomEventList .listTxt .recomReward .txtTop .txtPlus {
  width: 22px;
  height: 22px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont1-list2plus_250811.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
#publishContainer #contents_area1 .contArea.area1 .recomEvent .recomEventList .listTxt .recomReward .recomGiftImg1 {
  width: 120px;
  height: 140px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommand_cont1gift1money_240912.png");
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#publishContainer #contents_area1 .contArea.area1 .recomEvent .recomEventList .listTxt .recomReward .recomGiftImg2 {
  width: 100px;
  height: 150px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont1-list2gift_250811.png");
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: -10px;
  bottom: -20px;
}
#publishContainer #contents_area1 .contArea.area2 {
  margin-top: 40px;
}
#publishContainer #contents_area1 .contArea.area2 .cont1_info {
  width: 750px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
#publishContainer #contents_area1 .contArea.area2 .cont1_info .cont1_infoList {
  border: 2px solid #F8DED6;
  border-radius: 13px;
  width: 33%;
  padding: 22px 0;
  box-sizing: border-box;
  height: 150px;
}
#publishContainer #contents_area1 .contArea.area2 .cont1_info .cont1_infoList.infoList1 {
  width: 25%;
}
#publishContainer #contents_area1 .contArea.area2 .cont1_info .cont1_infoList .info_list {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 16px;
}
#publishContainer #contents_area1 .contArea.area2 .cont1_info .cont1_infoList .info_list .info_list_title {
  color: #C84310;
  font-size: 20px;
  font-weight: 600;
  border-top: 2px solid #EE7336;
  border-bottom: 2px solid #EE7336;
  padding: 9px 12px;
}
#publishContainer #contents_area1 .contArea.area2 .cont1_info .cont1_infoList .info_list .info_list_detail {
  font-size: 18px;
  font-weight: 400;
  position: relative;
  padding: 0 4px;
  text-align: center;
  line-height: 26px;
  height: 52px;
  display: flex;
  align-items: center;
}
#publishContainer #contents_area1 .contArea.area2 .apply_event_btn {
  background-color: #B03513;
}
#publishContainer #contents_area1 .contArea.area2 .apply_event_btn:hover {
  background-color: #801e02;
}
#publishContainer .contents2Head h2 {
  text-indent: -9999px;
  display: block;
}
#publishContainer #contents_area2 {
  background-color: #FFB824;
  padding: 0 0 90px;
  margin-top: 240px;
  position: relative;
}
#publishContainer #contents_area2 .cont2Title {
  text-indent: -9999px;
  margin: 0 auto;
  box-sizing: border-box;
  display: block;
  width: 600px;
  height: 350px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont2-head_250811.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  position: absolute;
  top: -142px;
  left: 50%;
  transform: translateX(-52%);
  z-index: 100;
}
#publishContainer #contents_area2 .cont2Bg {
  position: absolute;
  width: 1100px;
  height: 1000px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont2-bg_250811.png");
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#publishContainer #contents_area2 .publishWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  padding-top: 140px;
}
#publishContainer #contents_area2 .publishWrap .contArea.area2 {
  width: 750px;
  background-color: white;
  margin: 40px auto 0;
  border-radius: 4px;
  padding: 60px 40px 50px;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 30px;
  box-shadow: 3px 4px 9.5px 0px rgba(111, 48, 3, 0.25);
}
#publishContainer #contents_area2 .publishWrap .contArea.area2 .area2Title {
  width: 450px;
  height: 38px;
  text-indent: -9999px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont2-subTitle_250812.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
#publishContainer #contents_area2 .publishWrap .contArea.area2 .bonusEvent {
  display: flex;
  width: 100%;
  gap: 30px;
}
#publishContainer #contents_area2 .publishWrap .contArea.area2 .bonusEvent .bonusEventList {
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%;
  border: 2px solid rgba(84, 64, 85, 0.1);
  border-radius: 10px;
  padding: 20px 20px 25px;
}
#publishContainer #contents_area2 .publishWrap .contArea.area2 .bonusEvent .bonusEventList .numTxt {
  width: 100%;
  height: 45px;
  background-repeat: no-repeat;
  background-position: 13px center;
  background-size: auto 100%;
  text-indent: -9999px;
  margin-bottom: 10px;
}
#publishContainer #contents_area2 .publishWrap .contArea.area2 .bonusEvent .bonusEventList .numTxt.numTxt1 {
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont2-bonusT1_250812.png");
}
#publishContainer #contents_area2 .publishWrap .contArea.area2 .bonusEvent .bonusEventList .numTxt.numTxt2 {
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont2-bonusT2_250812.png");
}
#publishContainer #contents_area2 .publishWrap .contArea.area2 .bonusEvent .bonusEventList .bonusDetail {
  width: 90%;
  height: 210px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top;
  text-indent: -9999px;
}
#publishContainer #contents_area2 .publishWrap .contArea.area2 .bonusEvent .bonusEventList .bonusDetail.bonusDetail1 {
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont2-bonusD1_250812.png");
}
#publishContainer #contents_area2 .publishWrap .contArea.area2 .bonusEvent .bonusEventList .bonusDetail.bonusDetail2 {
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont2-bonusD2_250812.png");
}
#publishContainer #contents_area2 .publishWrap .contArea.area2 .bonusEvent .bonusEventList .exeTxt {
  color: #A13231;
  opacity: 0.81;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}
#publishContainer #contents_area2 .publishWrap .contArea.area2 .info_list {
  display: flex;
  flex-flow: column;
  align-items: center;
}
#publishContainer #contents_area2 .publishWrap .contArea.area2 .info_list .info_list_title {
  display: inline-block;
  padding: 14px 24px;
  font-size: 22px;
  font-weight: 600;
  border-radius: 30px;
  color: #DD4A11;
}
#publishContainer #contents_area2 .publishWrap .contArea.area2 .info_list .info_list_detail {
  padding: 0 4px;
  font-size: 20px;
  font-weight: 500;
  position: relative;
  z-index: 100;
  color: #571E10;
}
#publishContainer #contents_area3 {
  padding: 90px 0 110px;
}
#publishContainer #contents_area3 .publishWrap {
  display: flex;
  flex-flow: column;
  gap: 30px;
  align-items: center;
  position: relative;
  z-index: 1;
}
#publishContainer #contents_area3 .publishWrap .cont3Bg {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
}
#publishContainer #contents_area3 .publishWrap .cont3Bg1 {
  width: 70px;
  height: 70px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont3Bg1_250812.png");
  background-size: 100%;
  left: 0;
}
#publishContainer #contents_area3 .publishWrap .cont3Bg2 {
  width: 35px;
  height: 35px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont3Bg2_250812.png");
  background-size: 100%;
  left: 160px;
  top: 430px;
}
#publishContainer #contents_area3 .publishWrap .cont3Bg3 {
  width: 50px;
  height: 50px;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont3Bg3_250812.png");
  background-size: auto 100%;
  right: 80px;
  top: 350px;
}
#publishContainer #contents_area3 .publishWrap .contentsHead {
  border-top: 2px solid #EE7336;
  border-bottom: 2px solid #EE7336;
  padding: 9px 18px;
}
#publishContainer #contents_area3 .publishWrap .contentsHead h2 {
  text-align: center;
  color: #C84310;
}
#publishContainer #contents_area3 .publishWrap .contArea {
  width: 100%;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommend2025-sep_cont3-detail_250812.png");
  background-size: 770px;
  background-repeat: no-repeat;
  background-position: center top;
}
#publishContainer #contents_area3 .publishWrap .contArea .eventHowto {
  width: 100%;
  display: flex;
  margin-top: 70px;
  gap: 26px;
  opacity: 0;
}
#publishContainer #contents_area3 .publishWrap .contArea .eventHowto .eventHowtoList {
  width: 100%;
  background-color: rgba(255, 198, 215, 0.46);
  border-radius: 40px;
  padding: 68px 30px 0;
  height: 200px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
#publishContainer #contents_area3 .publishWrap .contArea .eventHowto .eventHowtoList .howtoTitle {
  font-size: 20px;
  margin-bottom: 13px;
}
#publishContainer #contents_area3 .publishWrap .contArea .eventHowto .eventHowtoList .howtoDetail {
  font-size: 18px;
  line-height: 25px;
}
#publishContainer #contents_area3 .publishWrap .contArea .eventHowto .eventHowtoList .stepIconImg {
  width: 80%;
  height: 130px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -70px;
  background-repeat: no-repeat;
  background-position: center;
}
#publishContainer #contents_area3 .publishWrap .contArea .eventHowto .eventHowtoList .stepIconImg.stepIcon1 {
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommand_cont3step1_240912.png");
  background-size: 160px;
}
#publishContainer #contents_area3 .publishWrap .contArea .eventHowto .eventHowtoList .stepIconImg.stepIcon2 {
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommand_cont3step2_240912.png");
  background-size: 90%;
  background-position-y: 80%;
}
#publishContainer #contents_area3 .publishWrap .contArea .eventHowto .eventHowtoList .stepIconImg.stepIcon3 {
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommand_cont3step3_240912.png");
  background-size: 87px;
  background-position-y: 60%;
}
#publishContainer #contents_area3 .publishWrap .contArea .eventHowto .eventHowtoList .stepIconImg.stepIcon4 {
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_event_recommand_cont3step4_240912.png");
  background-size: 90%;
}
#publishContainer #contents_area3 .publishWrap .contArea .eventHowto .eventHowtoList:has(.stepIcon1, .stepIcon2, .stepIcon3)::after {
  width: 30px;
  height: 33px;
  display: block;
  content: "";
  background-image: url("https://softcity.blob.core.windows.net/public/images/ico/ico_event_recommand_cont3next_240912.png");
  background-size: 28px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  right: -24px;
  transform: translateY(-50%);
  z-index: 100;
}
#publishContainer #contents_area3 .publishWrap .apply_event_btn {
  margin: 0 auto;
  background-color: #FF5A19;
}
#publishContainer #contents_area3 .publishWrap .apply_event_btn:hover {
  background-color: #aa3a0d;
}
#publishContainer #info .infoNotice {
  width: 100%;
  background-color: #8D8D8D;
  color: white;
  padding: 60px 20px 80px;
  box-sizing: border-box;
  word-break: keep-all;
}
#publishContainer #info .infoNotice .noticeTitle {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
#publishContainer #info .infoNotice .noticeList {
  display: flex;
  flex-flow: column;
  gap: 6px;
}
#publishContainer #info .infoNotice .noticeList li {
  display: flex;
  gap: 10px;
  line-height: 24px;
}
#publishContainer #info .infoCs {
  width: 100%;
  height: 550px;
  box-sizing: border-box;
  background-color: #142C5B;
  color: white;
  text-align: center;
  padding: 90px 0;
}
#publishContainer #info .infoCs .infoCs_top h2 {
  font-size: 36px;
  color: #76B5FF;
  margin-bottom: 40px;
}
#publishContainer #info .infoCs .infoCs_top div {
  display: flex;
  justify-content: center;
  align-items: end;
  gap: 10px;
}
#publishContainer #info .infoCs .infoCs_top div img {
  width: 50px;
}
#publishContainer #info .infoCs .infoCs_top div p {
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 50px;
}
#publishContainer #info .infoCs .infoCs_top .infoCs_number {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 4px;
}
#publishContainer #info .infoCs .infoCs_bottom {
  margin-top: 40px;
  border: 3px solid #749FD2;
  font-size: 20px;
  display: inline-block;
  padding: 30px 50px 23px;
  border-radius: 20px;
  filter: drop-shadow(0px 0px 13.8px rgba(255, 255, 255, 0.2));
  background-color: #142C5B;
}
#publishContainer #info .infoCs .infoCs_bottom ul li {
  display: flex;
  height: 30px;
}
#publishContainer #info .infoCs .infoCs_bottom ul li .bold {
  width: 60px;
  text-align: justify;
  margin-right: 20px;
  letter-spacing: -0.6px;
}
#publishContainer #info .infoCs .infoCs_bottom ul li .bold:after {
  content: "";
  display: inline-block;
  width: 100%;
  line-height: 2px;
}
#publishContainer #info .infoCs .infoCs_bottom ul li .text {
  font-weight: 200;
  margin-right: 10px;
}
#publishContainer #info .infoCs .infoCs_bottom ul li .small {
  font-weight: 200;
  font-size: 17px;
  line-height: 25px;
}

/*# sourceMappingURL=event-recommend2025-9_pc.css.map */