.popup {
     width: 1042px;
     background: #5d6d82;
     background: #bdb8aa;
     position: fixed;
     left: 225px;
     top: 120px;
     padding: 20px 20px 15px 20px;
 }

 .popup .inner {
     background: #fff;
     border-radius: 5px;
     padding: 40px;
     overflow: hidden;
 }

 .popup .inner .title {
     letter-spacing: 0px;
     font-weight: bold;
     font-size: 19px;
     float: left;
     width: 49%;
 }

 .popup .inner .title > span {
     width: 37px;
     margin-bottom: 5px;
     height: 5px;
     display: block;
     background: #2F4471;
 }

 .popup .inner .title p .circle2 {
     position: relative;
 }

 .popup .inner .title p .circle2 span:after {
     border-radius: 50%;
     width: 7px;
     height: 7px;
     background: #ff5800;
     position: absolute;
     top: -13px;
     left: 4px;
     content: "";

 }

 .popup .inner .text {
     float: right;
     width: 49%;
 }

 .popup .inner .text .concept {
     margin: 10px 0;
 }

 .popup .inner .text .concept p {
     position: relative;
     padding-left: 11px;
     margin-bottom: 7px;
     font-size: 20px;
     font-weight: bold;
 }

 .popup .inner .text .concept p:before {
     width: 5px;
     height: 20px;
     background: #2F4471;
     position: absolute;
     top: 3px;
     left: 0px;
     content: "";
 }

 .popup .inner .text .concept li {
     list-style: disc;
     margin-left: 16px;
     font-size: 14px;
 } 



.popup2 {
     width: 1042px;
     background: #5d6d82;
     background: #bdb8aa;
     position: fixed;
     left: 225px;
     top: 120px;
     padding: 20px 20px 15px 20px;
 }

 .popup2 .inner {
     background: #fff;
     border-radius: 5px;
     padding: 15px;
     overflow: hidden;
 }

 .popup2 .inner .title {
     letter-spacing: 0px;
     font-weight: bold;
     font-size: 19px;
     float: left;
     width: 49%;
 }

 .popup2 .inner .title > span {
     width: 37px;
     margin-bottom: 5px;
     height: 5px;
     display: block;
     background: #2F4471;
 }

 .popup2 .inner .title p .circle2 {
     position: relative;
 }

 .popup2 .inner .title p .circle2 span:after {
     border-radius: 50%;
     width: 7px;
     height: 7px;
     background: #ff5800;
     position: absolute;
     top: -13px;
     left: 4px;
     content: "";

 }

 .popup2 .inner .text {
     float: right;
     width: 49%;
 }

 .popup2 .inner .text .concept {
     margin: 10px 0;
 }

 .popup2 .inner .text .concept p {
     position: relative;
     padding-left: 11px;
     margin-bottom: 7px;
     font-size: 20px;
     font-weight: bold;
 }

 .popup2 .inner .text .concept p:before {
     width: 5px;
     height: 20px;
     background: #2F4471;
     position: absolute;
     top: 3px;
     left: 0px;
     content: "";
 }

 .popup2 .inner .text .concept li {
     list-style: disc;
     margin-left: 16px;
     font-size: 14px;
 }

 .apply {
     border-radius: 10px;
     margin-top: 20px;
     padding: 20px;
     background: #f5ece2 url(/employee/images/icon10.png) top right no-repeat;
     background-size: 100px;
     box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);

 }

 .apply h3 {
     font-size: 20px;
     color: #a2690f;
     font-weight: bold;
     display: inline-block;
     text-decoration: underline;
 }

 .apply ul {
     font-size: 15px;
     margin: 5px 0;
 }

 .apply li {
     font-weight: bold;
     line-height: 1.8;
 }

 .apply p {
     font-size: 13px;
 }

 .footer {
     margin-top: 10px;
     overflow: hidden;
 }

 .footer p {
  border-radius: 5px;
    background: #2F4471;
    margin-top: 8px;
    padding: 4px 12px;
    color: #fff;
    float: left;
    font-size: 13px;
    letter-spacing: 0px;
 }


.innerPoptodayclose {
    border-radius: 5px;
    background:#afb2b5;
    margin: 10px 5px 0 15px;
    padding: 4px 12px;
    color: #fff;
    float: left;
    font-size: 11px;
    letter-spacing: 0px;
}

 .btn_close {
     color: #fff;
     float: right;
     font-size: 14px;
     text-decoration: underline;
     padding: 7px 10px;
     line-height: 1;
     margin-top: 9px;
 }

 .text-blue {
     color: #2F4471 !important;
 }


 .mr7 {
     margin-right: 7px;
 }

 .bold {
     font-weight: bold;
 }


 /*모바일 팝업*/

 .popup_mobile {
     display: none;
     width: 90%;
     margin: 0 auto;
     height: auto;
     top: 20px;
     left: 50%;
     margin-left: -45%;
     position: absolute;
     overflow: hidden;
     background: #bdb8aa;
     padding: 10px;
 }

 .popup_mobile .inner {
     background: #fff;
     border-radius: 5px;
     padding: 15px;
     overflow: hidden;
 }

 .popup_mobile .inner .title {
     letter-spacing: 0px;
     font-weight: bold;
     font-size: 16px;
     width: 100%;
 }

 .popup_mobile .inner .title h1 {
     font-size: 30px !important;
 }

 .popup_mobile .inner .title > span {
     width: 37px;
     margin-bottom: 5px;
     height: 5px;
     display: block;
     background: #2F4471;
 }

 .popup_mobile .inner .title p .circle2 {
     position: relative;
 }

 .popup_mobile .inner .title p .circle2 span:after {
     border-radius: 50%;
     width: 7px;
     height: 7px;
     background: #ff5800;
     position: absolute;
     top: -13px;
     left: 4px;
     content: "";

 }

 .popup_mobile .inner .title img {
     height: 250px !important;
 }

 .popup_mobile .inner .text {
     width: 100%;
 }

.popup_mobile .inner .text h3 {
  
   height: 24px !important;
} 
.popup_mobile .inner .text h3 span{
  
    font-size: 14px !important;
} 

 .popup_mobile .inner .text .concept {
     margin: 10px 0;
 }

 .popup_mobile .inner .text .concept p {
     position: relative;
     padding-left: 11px;
     margin-bottom: 7px;
     font-size: 15px;
     font-weight: bold;
 }

 .popup_mobile .inner .text .concept p:before {
     width: 5px;
     height: 20px;
     background: #2F4471;
     position: absolute;
     top: 3px;
     left: 0px;
     content: "";
 }

 .popup_mobile .inner .text .sub {
     display: block;
 }



 .popup_mobile .inner .text .concept li h6 {
     font-size: 11px !important;
     margin: 0 !important;
 }

 .popup_mobile .inner .text .concept li {
     list-style: disc;
     margin-left: 16px;
     font-size: 11px;
 }

 .popup_mobile .apply {
     border-radius: 10px;
     margin-top: 20px;
     padding: 20px;
     background: #f5ece2 url(/employee/images/icon10.png) top right no-repeat;
     background-size: 86px;
     box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);

 }

 .popup_mobile .apply h3 {
     font-size: 16px;
     color: #a2690f;
     font-weight: bold;
     display: inline-block;
     text-decoration: underline;
 }

 .popup_mobile .apply ul {
     font-size: 11px;
     margin: 5px 0;
 }

 .popup_mobile .apply li {
     font-weight: bold;
     line-height: 1.8;
 }

 .popup_mobile .apply p {
     font-size: 10px;
 }

 .popup_mobile .footer {
     margin-top: 10px;
     overflow: hidden;
     padding: 5px 15px;
 }

 .popup_mobile .footer p {
     border-radius: 5px;
     background: #2F4471;
     margin-top: 4px;
     padding:7px;
     color: #fff;
     float: left;
     font-size: 11px;
     letter-spacing: 0px;
 }
.popup_mobile .footer > img {
    height: 30px; float: none !important;
}
 .popup_mobile .footer > div {
     float: none !important;color: #fff !important;
     
 }
.popup_mobile .footer > div a {
    color: #fff !important;
}
 .popup_mobile .footer > div img {
     display: none;
 }

 .popup_mobile .btn_close {
     color: #fff;
     margin-left: 0;
     float: right;
     font-size: 15px;
     text-decoration: underline;
     padding: 7px 10px;
     line-height: 1;
     margin-top: 7px;
 }






 @media (max-width:1199px) {
     .popup {
         display: none !important;
     }
     .popup_mobile {
         display: block;
     }
 }