/* =========================
   common
========================= */
:root {
   --main-font-color: #111;
   --sub-font-color: #222;
   --container: 1200px;   /* cont-innerÀÇ ½ÇÁ¦ max-width °ª */
   --gap: 175px;           /* ÄÁÅ×ÀÌ³Ê ¿À¸¥ÂÊ¿¡¼­ ¹Ù±ùÀ¸·Î ¶ç¿ï °£°Ý */

}

.all-mozip-wrap {margin-top:-20px;position: relative; overflow: hidden;z-index: 1;}
.wrap_left_sky {display: none;}
.wrap_right_sky {display: none;}

/* =========================
   Visual
========================= */
.visual-wrap {position:relative;overflow:hidden;background: linear-gradient(180deg, #EAE6FE 0%, #CBC3F9 100%);}
.visual-wrap .inner {width: 1200px;margin: 0 auto;padding: 77.5px 0 149.5px;position: relative;box-sizing: border-box;min-height: 454px;}
.visual-wrap .inner .sub-txt  {font-size: 24px;line-height: 1.5;font-weight: 500;letter-spacing: -0.5px;}
.visual-wrap .inner .main-tit {font-size: 62px;margin-top: 10px;display: block;line-height: 1;letter-spacing: -0.62px;font-weight: 800;color: var(--main-font-color);}
.visual-wrap .inner .summary-wrap {margin-top: 36px;padding-left: 14px;}
.visual-wrap .inner .summary-wrap dl {display: flex;}
.visual-wrap .inner .summary-wrap dl:not(:last-of-type) {margin-bottom: 8px;}
.visual-wrap .inner .summary-wrap dl dt {display: flex;flex-direction: column;align-items: flex-start;}
.visual-wrap .inner .summary-wrap dl dt div {letter-spacing: -0.5px;font-size: 16px;line-height: 1.5;min-width: 100px;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: -14px;transform: translate(0, -50%);}
.visual-wrap .inner .summary-wrap dl dd {display: flex;justify-content: center;align-items: center;}
.visual-wrap .inner .summary-wrap dl dd div {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;text-align: left;font-size: 16px;color: rgba(34, 34, 34, 0.70);font-weight: 500;letter-spacing: -0.5px;line-height: 1.5;}
.visual-wrap .inner .summary-wrap dl dd div span {color: rgba(119, 119, 119, 0.90);font-size: 14px;font-style: normal;font-weight: 500;letter-spacing: -0.35px;margin-top: 6px;}
.visual-wrap .inner .v-end {position: absolute;top: 0;right: 0;background: #F63F5D;color: #fff;max-width: 148px;width: 100%;display: flex;justify-content: center;padding: 16px 0;border-radius: 0 0 10px 10px;}
.visual-wrap .inner .v-end p {color: #fff;font-size: 18px;font-weight: 700;line-height: 1.2;}
.visual-wrap .inner .v-obj {position: absolute;bottom: 88px;right: 0;}


/*N¼ö Á¾ÇÕ¹Ý bg»ö º¯°æ*/
.visual-wrap.first-overall-27 {background: linear-gradient(180deg, #FCE5F5 0%, #F8C9EA 100%);}

/* =========================
   contents
========================= */
.mozip-tab {position:relative;text-align: center;background:#fff;border-bottom: 1px solid #e9e9ec;height: 88px;border-radius: 40px 40px 0 0;margin-top: -88px;}
.mozip-tab.fixed {position: fixed;top: 88px;left: 0;width: 100%;z-index: 10;}
.mozip-tab.no-border {border-bottom: 0;}
.mozip-tab .cont-inner {max-width: 1200px;margin:0 auto;position: relative;z-index: 1;}
.mozip-tab .cont-inner.off {display: none;}
.mozip-tab .cont-inner .tab-type {display: flex;}
.mozip-tab .cont-inner .tab-type .tab-item {width: 100%;padding: 34px 0;cursor: pointer;line-height: 1;color: var(--sub-font-color);font-size: 18px;font-weight: 500;}
.mozip-tab .cont-inner .tab-type .tab-item:hover {background: #F5F5F5;border-bottom: 3px solid var(--main-font-color);font-weight: 700;}
.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:last-of-type {border-right: 0 !important;}
/* .mozip-tab .cont-inner .tab-type .tab-item.active {border-bottom: 3px solid var(--main-font-color);background: #F5F5F5;font-size: 18px;font-weight: 700;color: var(--main-font-color);letter-spacing: -0.5px;border-right: 0;} */
.mozip-tab .cont-inner .tab-type .tab-item.active {border-bottom: 3px solid var(--main-font-color);background: #F5F5F5;font-size: 18px;font-weight: 700;color: var(--main-font-color);letter-spacing: -0.5px;}

.mozip-cont-wrap {position: relative;}
.mozip-cont-wrap .cont-inner {max-width: 1200px; margin: 0 auto;}
.mozip-cont-wrap .cont-inner .section-pdf {max-height: 1500px;height: 1084px;margin: 36px 0 100px;}
.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: 63px 0;margin: 0px 0 100px;}
.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: #555;text-align: center;font-size: 24px;font-weight: 600;letter-spacing: -0.6px;margin-top: 17px;line-height: 1;}

/*¿ìÃø Äü¹Ù*/
.mozip-cont-wrap .quick-wrap {position: absolute;top: 0;right: max(16px, calc((100vw - var(--container)) / 2 - var(--gap)));z-index: 5;display: flex;flex-direction: column;transition: top 0.2s;border: 1px solid #e9e9ec;border-radius: 8px;overflow: hidden;}
.mozip-cont-wrap .quick-wrap.fixed {position: fixed;top: 0;}
.mozip-cont-wrap .quick-wrap .q-banner {background: #fff;color: var(--main-font-color);width: 144px;padding: 16px 0;text-align: center;font-weight: 500;font-size: 14px;text-decoration: none;}
.mozip-cont-wrap .quick-wrap .q-banner:not(:last-of-type) {border-bottom: 1px solid #e9e9ec;}

/*Äü¹Ù ¹è°æ»ö º¯°æ*/
.mozip-cont-wrap .quick-wrap .q-banner:hover {background: #F5F5F5;}