@charset "euc-kr";    

/* Layout */
.typeMain {overflow:hidden}
.typeMain #header  {background:#F3F4F6;box-shadow: none;}
.typeMain .contents {padding-bottom:20px;}
.typeMain #container  {background:#F3F4F6;padding-bottom:100px;box-shadow: none;}

/* Main */
.mSearchZone {padding:var(--tablet-space--side);padding-top:36px;margin-bottom:16px;}
.mSearchZone .schWrap {position:relative;;font-size:0;}
.mSearchZone .btn_confirm {position:absolute;right:30px;top:50%;margin-top:-12.5px;display:block;width:25px;height:25px;background:url(../img/main/btn_mSearch.svg) no-repeat center;}
.mSearchZone .mSearchBox {width:100%;height:64px;padding:0 60px 0 32px;border:none;border-radius: 32px;outline:none;background:#fff;font-size:20px;font-weight: 700;color:#090B23;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);}
.mSearchZone .mSearchBox::placeholder {color:#090B23;}

.mBoxZone {display:flex;flex-direction: column;height:calc(100vh - 360px);height:calc(100dvh - 360px);justify-content: center;align-items: center;padding:var(--tablet-space--side);}
.mBoxZone .mBox {height:100%;width:100px;background:#079EF1;border-radius: 25px;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);}
.mBoxZone .mBox>a {position:relative;display:block;width:100%;height:100%;padding-top:32px;padding-left:32px;}
.mBoxZone .mBox .m_icon {position:absolute;right:32px;bottom:32px;display:block;font-size: 0;}
.mBoxZone .mBox .box_tit {margin-bottom:10px;font-size:24px;font-weight: 700;line-height: 34px;}
.mBoxZone .mBox .box_txt {font-size:16px;line-height: 15px;opacity: 0.6;}
.mBoxZone .mBox.typeResult .box_txt+.box_txt {margin-top: 5px;}
.mBoxZone .mBox .box_txt br {display:none}
.mBoxZone .mBoxTop {width:100%;height:35.08%;margin-bottom:16px;}
.mBoxZone .mBoxTop .mBox {width:100%;height:100%;}
.mBoxZone .mBoxTop .typeApply .box_tit {font-size:32px;font-weight: 700;color:#fff;line-height: 45px;}
.mBoxZone .mBoxTop .typeApply .date {padding-right:120px;font-size:18px;color:#fff;opacity: .9;word-break: keep-all;}
.mBoxZone .mBoxMid {width:100%;height:44.21%;margin-bottom:16px;}
.mBoxZone .mBoxMid .midWrap {display:flex;width:100%;height:100%;}
.mBoxZone .mBoxMid .midWrap>.mBox:nth-child(1) {width:calc(57.74% - 16px);background:#fff;}
.mBoxZone .mBoxMid .midWrap .halfArea {width:58.841%;margin-left:16px;}
.mBoxZone .mBoxMid .midWrap .halfArea {display:flex;flex-direction: column;height:100%;}
.mBoxZone .mBoxMid .midWrap .halfArea .mBox {width:100%;height:calc(50% - 8px);background:#A7C932;}
/* .mBoxZone .mBoxMid .midWrap .halfArea .mBox>a {display:flex;flex-direction: column;padding:0 0 0 32px;justify-content: center;} */
.mBoxZone .mBoxMid .midWrap .halfArea .mBox:first-child {margin-bottom: 16px;background:#003883}
.mBoxZone .mBoxMid .midWrap .halfArea .mBox .box_tit {color:#fff;}
.mBoxZone .mBoxMid .midWrap .halfArea .mBox .box_txt {color:#fff;}
.mBoxZone .mBoxMid .mBox {width:50%;height:100%;}
.mBoxZone .mBoxBtm {width:100%;height:20.7%;margin-bottom:0;}
.mBoxZone .mBoxBtm .mBox {width:100%;background:#fff;}
/* .mBoxZone .mBoxBtm .mBox>a {display:flex;flex-direction: column;padding:0 0 0 32px;justify-content: center;} */

.mNoticeZone {padding:var(--tablet-space--side);margin-top:16px;}
.mNoticeZone .notice {position:relative;display:flex;align-items: center;width:100%;height:56px;padding:0 32px;border-radius: 15px;background:#D8E3E7;}
.mNoticeZone .notice .btn_more {position:absolute;right:32px;width:14px;height:14px;background:url(../img/main/icon_plus.svg) no-repeat center;}
.mNoticeZone .notice .notice_tit {margin-right:15px;font-size:18px;font-weight: 700;}
.mNoticeZone .notice .notice_txt {font-size:18px;white-space: pre;width: calc(100% - 100px);overflow: hidden;text-overflow: ellipsis;}


/* ¿ø¼­Á¢¼ö Æ˾÷ */
#pop_main {padding:0 32px;}
#pop_main .popLayout {width:100%;padding:60px 30px 65px 30px}
#pop_main .popTitleArea .tit {font-size:26px;text-align: center;line-height: 34px;}
#pop_main .popTitleArea .tit b {display:block;font-weight: 700;}
#pop_main .pop_close {position:absolute;top:26px;right:25px;width:18px;height:18px;background: url(../img/main/ico_popClose.svg) no-repeat center;}
#pop_main .btnArea {margin-top:30px;}
#pop_main .btnArea a {display:flex;height:50px;width:100%;background:var(--color-navy);justify-content: center;align-items: center;border-radius: 30px;}
#pop_main .btnArea a>span {color:#fff;font-size:18px;}
#pop_main .btnArea .btnBlue {background:var(--color-blue)}

/* 2025.07.31 Ãß°¡(ÀÓ½Ã) ÀÚ°ÝÁõ ½Åû Æ˾÷ */
#pop_license {padding:0 32px;}
#pop_license .popLayout {width:100%;padding:60px 30px 65px 30px}
#pop_license .popTitleArea .tit {font-size:26px;text-align: center;line-height: 34px;}
#pop_license .popTitleArea .tit b {display:block;font-weight: 700;}
#pop_license .pop_close {position:absolute;top:26px;right:25px;width:18px;height:18px;background: url(../img/main/ico_popClose.svg) no-repeat center;}
#pop_license .btnArea {margin-top:30px;}
#pop_license .btnArea a {display:flex;height:50px;width:100%;background:var(--color-navy);justify-content: center;align-items: center;border-radius: 30px;}
#pop_license .btnArea a>span {color:#fff;font-size:18px;}
#pop_license .btnArea .btnBlue {background:var(--color-blue)}


/*** Mobile***/
@media screen and (max-width: 600px) {
  .typeMain #header header .logo {left:16px;}
    .typeMain #container {padding-bottom:36px;}


    .mSearchZone {padding:var(--base-space--side);padding-top:20px;margin-bottom:20px;}
    .mSearchZone .mSearchBox {height:48px;padding:0 50px 0 22px;font-size:16px;}
    .mSearchZone .btn_confirm {right:20px;}

    .mBoxZone {padding:var(--base-space--side);height:calc(100vh - 315px);height:calc(100dvh - 315px);}
    .mBoxZone .mBox>a {padding-top:18px;padding-left:16px;}
    .mBoxZone .mBox .m_icon {right:16px;bottom:16px;}
    .mBoxZone .mBoxMid .midWrap .halfArea .mBox .box_txt {padding-right:50px;word-break: keep-all;}
    .mBoxZone .mBox .box_tit {margin-bottom:8px;font-size:17px;line-height: 19px;}
    .mBoxZone .mBox .box_txt {font-size:13px;line-height: 15px;}
    .mBoxZone .mBox.typeResult .box_txt+.box_txt {margin-top: 3px;}
    .mBoxZone .mBox .box_txt br {display:block;}
    .mBoxZone .mBoxTop {height:36.734%;margin-bottom:10px;}
    .mBoxZone .mBoxTop .typeApply .box_tit {font-size:26px;line-height: 36px;}
    .mBoxZone .mBoxTop .typeApply .date{font-size:15px;line-height: 21px;}
    .mBoxZone .mBoxTop .typeApply .m_icon object {height:54px;}
    .mBoxZone .mBoxMid {height:38.775%;margin-bottom:10px;}
    .mBoxZone .mBoxMid .midWrap .halfArea {margin-left:10px;}
    .mBoxZone .mBoxMid .midWrap .halfArea .mBox {height:calc(50% - 5px)}
    .mBoxZone .mBoxMid .midWrap .halfArea .mBox:first-child {margin-bottom: 10px;}
    .mBoxZone .mBoxMid .typeResult .m_icon object {height:32px;}
    .mBoxZone .mBoxMid .typeLicense .m_icon object {height:24px;}
    .mBoxZone .mBoxMid .typeSch .m_icon object {height:27px;}
    .mBoxZone .mBoxBtm {height:20.408%}
    .mBoxZone .mBoxBtm .typeCal .m_icon object {height:26px;}

    .mBoxZone .mBox.typeLicense .m_icon,
    .mBoxZone .mBox.typeSch .m_icon {width: 30px;bottom: 13px;}

    .mNoticeZone {padding:var(--base-space--side);margin-top:10px;}
    .mNoticeZone .notice {height:50px;padding:0 16px;}
    .mNoticeZone .notice .notice_tit {font-size:15px;}
    .mNoticeZone .notice .notice_txt {width:calc(100% - 70px);font-size:15px;}
    .mNoticeZone .notice .btn_more {right:16px;}

    #pop_main {padding:0 16px;}
  }
  
  @media screen and (max-width: 330px) {
    .mBoxZone .mBoxMid .typeLicense .m_icon object {height:20px;}
    .mBoxZone .mBoxMid .typeSch .m_icon object {height:22px;}
    .mBoxZone .mBoxMid .midWrap>.mBox:nth-child(1) {width:calc(50.74% - 16px);}
    .mBoxZone .mBoxMid .midWrap>.mBox .m_icon {bottom:10px;}
  }


  /* Mobile */
  @media (min-width: 601px) and (max-width: 1500px) and (max-height: 960px) {
    .mBoxZone .mBoxMid .halfArea .mBox>a {display:flex;flex-direction: column;justify-content: center;padding-left:32px;padding-top:0;}
    .mBoxZone .mBoxBtm .mBox>a {display:flex;flex-direction: column;justify-content: center;padding-left:32px;padding-top:0;}

  }

  @media (min-width: 601px) and (max-width: 1500px) and (max-height: 850px) {
    .typeMain {overflow-x: hidden;overflow-y: auto;}
    .mBoxZone {height:602px;}

  }

  @media (min-width: 100px) and (max-width: 600px) and (max-height: 790px) {
      .mBoxZone .mBoxTop {height:32.734%;}
      .mBoxZone .mBoxMid {height:42.775%}
      .mBoxZone .mBoxMid .midWrap .halfArea .mBox .box_txt {padding-right:50px;word-break: keep-all;}
      .mBoxZone .mBoxMid .midWrap .halfArea .mBox .box_txt br {display:none;}
  }

  @media (min-width: 100px) and (max-width: 600px) and (max-height: 790px) {
      .mBoxZone .mBoxTop {height:32.734%;}
      .mBoxZone .mBoxMid {height:42.775%}
      
      .mBoxZone .mBoxMid .midWrap .halfArea .mBox .box_txt br {display:none;}
  }

  @media (min-width: 100px) and (max-width: 600px) and (max-height: 755px) {
    .mBoxZone .mBoxMid .halfArea .mBox>a {display:flex;flex-direction: column;justify-content: center;padding-left:16px;padding-top:0;}
  }

  @media (min-width: 100px) and (max-width: 600px) and (max-height: 720px) {
    .typeMain #container {padding-bottom: 30px;}

    .mBoxZone {height:calc(100vh - 290px);height:calc(100dvh - 290px);}
    .mBoxZone .mBox .box_tit {margin-bottom:5px;}
    .mBoxZone .mBoxTop .typeApply .box_tit {margin-bottom: 2px;}

    .mSearchZone .mSearchBox {height:45px;}
    .mSearchZone {padding-top:10px;margin-bottom:15px;}
    
    .mNoticeZone .notice {height:45px;}
  }

  @media (min-width: 100px) and (max-width: 600px) and (max-height: 690px) {
    .mBoxZone .mBoxTop .typeApply .m_icon object {height:45px;}
    .mBoxZone .mBoxTop {height:30.734%}
    .mBoxZone .mBoxMid {height:44.775%}
  }

  @media (min-width: 100px) and (max-width: 600px) and (max-height: 670px) {
    .mBoxZone {height:calc(100vh - 295px);height:calc(100dvh - 295px);}
    .mBoxZone .mBox .box_tit {margin-bottom:3px;font-size:15px;line-height: 17px;}
    .mBoxZone .mBoxMid .halfArea .mBox>a {display:block;padding-top:12px;padding-left:16px;}
    .mBoxZone .mBox>a {padding-top:12px;}
  }

  @media (min-width: 100px) and (max-width: 600px) and (max-height: 630px) {
    .mBoxZone .mBoxTop .typeApply .box_tit {font-size:22px;line-height: 26px;}
    .mBoxZone .mBoxTop .typeApply .date {padding-right:60px;font-size:14px;line-height: 18px;}
    .mBoxZone .mBox .box_txt {font-size:12px;}
    .mBoxZone .mBoxTop .typeApply .m_icon object {height:35px;}
    .mBoxZone .mBoxMid .typeLicense .m_icon object {height:18px;}
    .mBoxZone .mBoxMid .typeSch .m_icon object {height:20px;}
    .mBoxZone .mBoxMid .typeResult .m_icon object {height:25px;}
    .mBoxZone .mBox .m_icon {bottom:12px;}

    .mBoxZone .mBoxTop {height:27.734%}
    .mBoxZone .mBoxMid {height:47.775%;}
    .mBoxZone .mBoxMid .halfArea .mBox>a {display:flex;flex-direction: column;justify-content: center;padding-left:16px;padding-top:0;}
  }


  @media (min-width: 100px) and (max-width: 600px) and (max-height: 560px) {
    /* reset */
    .typeMain #container {padding-bottom: 90px;}
    .typeMain {overflow-x: hidden;overflow-y: auto;}

    .mSearchZone .mSearchBox {height:48px;}
    
    .mBoxZone {height:490px;}
    .mBoxZone .mBoxMid .halfArea .mBox>a {display:block;padding-top:16px;padding-left:16px;}
    .mBoxZone .mBoxTop {height:36.734%}
    .mBoxZone .mBoxMid {height:38.775%;}
    .mNoticeZone .notice {height:50px;}
    
  }