/* =========================
   common
========================= */
:root {
   --main-font-color: #111;
   --sub-font-color: #222;
}

.all-mozip-wrap {position: relative; overflow: hidden;}
/* .header_tit_wrap {display: flex;justify-content: center;align-items: center;height: 14.06vw;overflow: hidden;background: #EBEFF8;}
.header_tit_wrap h2 {height:60px; line-height:60px; text-align:center; font-size:17px; font-weight:500; margin:0; color:#000;}
.header_tit_wrap h2 em {display:none;}
.sub_header_wrap.fixed_menu {position: relative !important;} */
/* =========================
   Visual
========================= */
.visual-wrap {position:relative;overflow:hidden;}
.visual-wrap .inner {width: 100%;margin: 0 auto;position: relative;}
.visual-wrap .inner .v-end {position: absolute;top: 0;right: 0;background: #111;color: #fff;max-width: calc(102vw / 3.6);width: 100%;display: flex;justify-content: center;padding: calc(10vw / 3.6) 0 calc(8vw / 3.6);border-radius: 0 0 0 10px;}
.visual-wrap .inner .v-end p {color: #fff;font-size: calc(12vw / 3.6);font-weight: 700;line-height: 1.2;text-align: center;}

.visual-wrap .inner .v-all-wrap {padding: calc(44vw / 3.6) 0 0 calc(20vw / 3.6);}
.visual-wrap .inner .v-all-wrap .v-box {position: relative;display: flex;height: calc(110vw / 3.6);}
.visual-wrap .inner .v-all-wrap .tit-wrap {max-width:60%;display: flex;flex-direction: column;justify-content: center;}
.visual-wrap .inner .v-all-wrap .v-box .v-obj {position: absolute;top: calc(19vw / 3.6);right: 0;width: calc(148vw / 3.6);}
.visual-wrap .inner .v-all-wrap .v-box .v-obj img {width: 100%;}

.visual-wrap .inner .sub-txt  {font-size: calc(14vw / 3.6);line-height: 1.5;font-weight: 500;letter-spacing: -0.5px;}
.visual-wrap .inner .main-tit {font-size: calc(28vw / 3.6);margin-top: calc(6vw / 3.6);display: block;line-height: 1.2;letter-spacing: -0.62px;font-weight: 800;color: var(--main-font-color);}

.visual-wrap .badge {position:relative;border-radius:999px;width: calc(86vw / 3.6);height: calc(86vw / 3.6);display:flex;align-items: center;justify-content: center;font-size: calc(14vw / 3.6);text-align: center;font-weight:800;color:#fff;background-color:#F63F5D;line-height:1.3;margin-left: calc(28vw / 3.6);margin-top: calc(24vw / 3.6);}
.visual-wrap .badge svg {position:absolute;top: calc(39vw / 3.6);right: calc(7vw / 3.6);width:calc(6vw / 3.6);height:calc(10vw / 3.6)}

.visual-wrap .inner .summary-wrap {margin-top: calc(28vw / 3.6);padding-left: calc(35vw / 3.6);margin-bottom: calc(56vw / 3.6);}
.visual-wrap .inner .summary-wrap dl {display: flex;}
.visual-wrap .inner .summary-wrap dl:not(:last-of-type) {margin-bottom: calc(5vw / 3.6);}
.visual-wrap .inner .summary-wrap dl dt {display: flex;flex-direction: column;align-items: flex-start;}
.visual-wrap .inner .summary-wrap dl dt div {padding: calc(2vw / 3.6) 0;letter-spacing: -0.5px;font-size: calc(12vw / 3.6);line-height: 1;min-width: calc(65vw / 3.6);display: flex;justify-content: left;align-items: center;position: relative;font-weight: 500;}
.visual-wrap .inner .summary-wrap dl dt div::after {display: block;content: '';border-radius: 50px;background: #777;width: 4px;height: 4px;position: absolute;top: 50%;left: calc(-11vw / 3.6);transform: translate(0, -50%);}
.visual-wrap .inner .summary-wrap dl dd {display: flex;justify-content: center;align-items: center;margin-bottom: 0;}
.visual-wrap .inner .summary-wrap dl dd div {padding: calc(2vw / 3.6) 0;display: flex;justify-content: center;align-items: flex-start;flex-direction: column;text-align: left;font-size: calc(12vw / 3.6);color: rgba(34, 34, 34, 0.70);font-weight: 500;letter-spacing: -0.5px;line-height: 1.5;margin-top: calc(-3vw / 3.6);}
.visual-wrap .inner .summary-wrap dl dd div span {color: rgba(119, 119, 119, 0.90);font-size: calc(10vw / 3.6);font-style: normal;font-weight: 500;letter-spacing: -0.35px;margin-top: calc(6vw / 3.6);}


/*오브제별 bg 컬러값 변경*/
.visual-wrap.blue_bg {background: linear-gradient(180deg, #E2EEFE 0%, #BAD5F7 100%), linear-gradient(180deg, #EAE6FE 0%, #CBC3F9 100%);}
.visual-wrap.orange_bg {background: linear-gradient(180deg, #FEF0E1 0%, #FADEC2 100%);}
.visual-wrap.pink_bg {background: linear-gradient(180deg, #FCE5F5 0%, #F8C9EA 100%);}
.visual-wrap.yellow_bg {background: linear-gradient(180deg, #FFF6DB 0%, #F7E3B1 100%), linear-gradient(180deg, #EAE6FE 0%, #CBC3F9 100%);}
.visual-wrap.purple_bg {background: linear-gradient(180deg, #EAE6FE 0%, #CBC3F9 100%);}
.visual-wrap.green_bg {background: linear-gradient(180deg, #E6F0DA 0%, #CEDEBC 102.39%), linear-gradient(180deg, #E2EEFE 0%, #BAD5F7 100%), linear-gradient(180deg, #EAE6FE 0%, #CBC3F9 100%);}
.visual-wrap.sky_bg {background: linear-gradient(180deg, #DDF4FD 0%, #C2E8F7 100%);}
.visual-wrap.gray_bg {background: linear-gradient(180deg, #F3EEED 0%, #DDD6D4 100%), linear-gradient(180deg, #FCE5F5 0%, #F8C9EA 100%);}
.visual-wrap.mint_bg {background: linear-gradient(180deg, #E3F2F0 0%, #C5E2DB 99.12%), linear-gradient(180deg, #EAE6FE 0%, #CBC3F9 100%);}
.visual-wrap.sunset_bg {background: linear-gradient(180deg, #FFE6E6 0%, #FCCFCF 100%);}



/* =========================
   contents
========================= */
.mozip-tab-wrap {height: calc(100vw / 3.6);position: relative;margin-top: calc(-27vw / 3.6);}
.mozip-tab-wrap.disabled {display: none;}
.mozip-tab-wrap.type-three {height:calc(50vw / 3.6);}
.mozip-tab-wrap.type-three .mozip-tab .cont-inner .tab-type .tab-item:nth-child(n+1):nth-child(-n+3) {border-bottom: 0}
.mozip-tab-wrap .mozip-tab {width: 100%;}
.mozip-tab-wrap.tobe {height: calc(33vw / 3.6) !important;}
.mozip-tab-wrap.type-one {height: calc(50vw / 3.6);}
.mozip-tab-wrap.type-one .tab-type.type1 {height: calc(50vw / 3.6);}
.mozip-tab-wrap.type-one .tab-item {pointer-events: none;}

.mozip-tab {position:relative;text-align: center;background:#fff;border-bottom: 1px solid #e9e9ec;border-radius: 20px 20px 0 0;margin-top: calc(-27vw / 3.6);overflow: hidden;}
.mozip-tab.fixed {position: fixed;top: 28px;left: 0;width: 100%;z-index: 10;border-radius: 0;border-bottom: 0;}

.mozip-tab .cont-inner .tab-type {display: none !important;}
.mozip-tab .cont-inner.off {padding-top: calc(32vw / 3.6);}

/*?? 6ea*/
.mozip-tab.fixed .cont-inner .tab-type .tab-item:nth-of-type(1).active {border-radius: 0;}
.mozip-tab.fixed .cont-inner .tab-type .tab-item:nth-of-type(3).active {border-radius: 0;}
.mozip-tab.no-border {border-bottom: 0;}

.mozip-tab .cont-inner {margin:0 auto;position: relative;z-index: 1;}
.mozip-tab .cont-inner .tab-type {display: flex;flex-wrap: wrap;}
.mozip-tab .cont-inner .tab-type .tab-item {letter-spacing: -0.5px;width: calc(100% / 3);box-sizing: border-box;padding: calc(19vw / 3.6) 0;cursor: pointer;line-height: 1;color: var(--sub-font-color);font-size: calc(11vw / 3.6);font-weight: 500;}

.mozip-tab .cont-inner .tab-type .tab-btn {flex: 1;}
/* --- 3개 → 1줄 3개 --- */
.mozip-tab .cont-inner .tab-type.col-3 .tab-btn {flex: 1 1 calc(33.333% - 8px);}

/* --- 4개 → 2 + 2 --- */
.mozip-tab .cont-inner .tab-type.col-4 .tab-btn {flex: 1 1 calc(50% );}
.mozip-tab .cont-inner .tab-type.col-4 .tab-btn:nth-child(3) {border-bottom:none!important;border-right:1px solid #e9e9ec!important}

/* --- 5개 → 2 + 3 --- */
.mozip-tab .cont-inner .tab-type.col-5 .tab-btn:nth-child(-n+2) {flex: 1 1 calc(50%);}
.mozip-tab .cont-inner .tab-type.col-5 .tab-btn:nth-child(n+3) {flex: 1 1 calc(33.333%);border-bottom:0!important;border-right:1px solid #e9e9ec!important}

/* --- 6개 → 3 + 3 --- */
.mozip-tab .cont-inner .tab-type.col-6 .tab-btn {flex: 1 1 calc(33.333%);}

.mozip-tab .cont-inner .tab-type .tab-item:nth-child(n+1):nth-child(-n+3) {border-bottom: 1px solid #e9e9ec;}
.mozip-tab .cont-inner .tab-type .tab-item:not(:last-of-type) {border-right: 1px solid #e9e9ec;}
.mozip-tab .cont-inner .tab-type .tab-item:nth-of-type(3) {border-right: 0 !important;}
.mozip-tab .cont-inner .tab-type .tab-item:last-of-type {border-right: 0 !important;}
.mozip-tab .cont-inner .tab-type .tab-item.active {background: #F5F5F5;font-weight: 700;color: var(--main-font-color);letter-spacing: -0.5px;position: relative;}
.mozip-tab .cont-inner .tab-type .tab-item.active::after {display: block;content: '';background: var(--main-font-color);width: 100%;height: 3px;position: absolute;bottom: -1px;left: 0;}
.mozip-tab .cont-inner .tab-type .tab-item:nth-of-type(1).active {border-radius: 20px 0 0 0;}
.mozip-tab .cont-inner .tab-type .tab-item:nth-of-type(3).active {border-radius: 0 20px 0 0;}
.mozip-tab .cont-inner .tab-type .tab-item.off {opacity: 0;pointer-events: none;height: 0;padding: calc(7vw / 3.6);}

/*5ea*/
.mozip-tab .cont-inner .tab-type.type5 .tab-item:nth-child(n+1):nth-child(-n+2) {width: calc(100% / 2);}
.mozip-tab .cont-inner .tab-type.type5 .tab-item:nth-of-type(2).active {border-radius: 0 20px 0 0;}
.mozip-tab .cont-inner .tab-type.type5 .tab-item:nth-of-type(3).active {border-radius: 0 0 0 0;}
.mozip-tab .cont-inner .tab-type.type5 .tab-item:nth-of-type(3) {border-right: 1px solid #e9e9ec !important;border-bottom: 0;}
.mozip-tab.fixed .cont-inner .tab-type.type5 .tab-item:nth-of-type(2).active {border-radius: 0 0px 0 0;}

/*4ea*/
.mozip-tab .cont-inner .tab-type.type4 .tab-item {width: calc(100% / 2);}
.mozip-tab .cont-inner .tab-type.type4 .tab-item:nth-of-type(2).active {border-radius: 0 20px 0 0;}
.mozip-tab .cont-inner .tab-type.type4 .tab-item:nth-of-type(3).active {border-radius: 0 0 0 0;}
.mozip-tab .cont-inner .tab-type.type4 .tab-item:nth-of-type(3) {border-right: 1px solid #e9e9ec !important;border-bottom: 0;}
.mozip-tab.fixed .cont-inner .tab-type.type4 .tab-item:nth-of-type(2).active {border-radius: 0 0px 0 0;}

/*3ea*/
.mozip-tab .cont-inner .tab-type.type3 .tab-item {width: calc(100% / 3);}

/*2ea*/
.mozip-tab .cont-inner .tab-type.type2 .tab-item {width: calc(100% / 2);}
.mozip-tab .cont-inner .tab-type.type2 .tab-item:nth-of-type(2).active {border-radius: 0 20px 0 0;}

/*1ea*/
.mozip-tab .cont-inner .tab-type.type1 .tab-item {width: calc(100%);}
.mozip-tab .cont-inner .tab-type.type1 .tab-item:nth-of-type(1).active {border-radius: 20px 20px 0 0;}


/* .mozip-cont-wrap {position: relative;margin-top: -1px;} */
.mozip-cont-wrap {margin-top: -1px;background: #fff;}
.mozip-cont-wrap .cont-inner {margin: 0 auto;}
/* .mozip-cont-wrap .cont-inner .section-pdf {height: calc(610vh / 3.6);border-bottom: 1px solid #e9e9ec;} */
.mozip-cont-wrap .cont-inner .section-pdf {height: calc(450vw / 3.6);border-bottom: 1px solid #e9e9ec;}
.mozip-cont-wrap .cont-inner .section-pdf.off {display: none;}

/* 모집요강 추후 공개일 경우 */
.mozip-tab.tobe {border-bottom: 0;}
.mozip-cont-wrap .cont-inner .tobe-box {background: #F5F5F5;border-radius: 16px;display: flex;justify-content: center;align-items: center;padding: calc(24vw / 3.6) 0;margin: 0px 4% calc(18vw / 3.6);}
.mozip-cont-wrap .cont-inner .tobe-box.off {display: none;}
.mozip-cont-wrap .cont-inner .tobe-box > div {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.mozip-cont-wrap .cont-inner .tobe-box > div > p {color: var(--sub-font-color);text-align: center;font-size: calc(13vw / 3.6);font-weight: 400;line-height: 130%;letter-spacing: -0.325px;margin-top: calc(3vw / 3.6);}
.mozip-cont-wrap .cont-inner .tobe-box .obj-tobe {width: calc(50vw / 3.6);}
.mozip-cont-wrap .cont-inner .tobe-box .obj-tobe img {width: 100%;}

/* 하단 퀵바 */
.fix-btm-btn {display: flex;justify-content: center;align-items: center;padding: 16px 4% 8px;}
.fix-btm-btn ul.fix-btn {display: flex;justify-content: space-between;border: 1px solid #e9e9ec;border-radius: 5px;width: 100%;overflow:hidden;}
.fix-btm-btn ul.fix-btn li {padding: 16px 0;text-align: center;flex: 1;line-height: 1;}
.fix-btm-btn ul.fix-btn li:not(:last-of-type) {border-right: 1px solid #e9e9ec;}
.fix-btm-btn ul.fix-btn li a {color: var(--main-font-color);text-align: center;font-size: 13px;font-weight: 500;line-height: 1;letter-spacing: -0.325px;}
.fix-btm-btn ul.fix-btn li.on-apply {background-color:#2C5BF6;}
.fix-btm-btn ul.fix-btn li.on-apply a {color:#fff;font-weight:800;}

.btn_bottom_pc {background: #2C5BF6;color: #fff;text-align: center;font-size: 13px;font-weight: 600;line-height: 48px;letter-spacing: -0.325px;height: 48px;border-radius: 6px;margin: 6px 4% 0;}
.m_btn_wrap .m_btn_area.type02 {background: unset;color: #fff;border: 0;}
.m_btn_wrap .m_btn_area {font-size: 13px;height: 48px;}
.pass .m_btn_wrap {height: 48px;line-height: 48px;}
.bottom-btn {padding: 10px 4% 8px;}
.btn-pdf {padding: 16px 0;text-align: center;line-height: 1;color: var(--main-font-color);font-size: 13px;font-weight: 500;letter-spacing: -0.325px;display:block;border: 1px solid #e9e9ec;}