/* 직무소개 내용 컨텐츠 */
section{padding-bottom: 100px;}

.pop .pop_menu>div{width: 100%; box-sizing: border-box;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .1); border-radius: 15px;
    padding: 10px; margin-bottom: 40px;}
.pop h3{font-size: 1.34rem; font-weight: 700;}
.pop .pop_menu>div ul{margin-top: 10px; display: flex; flex-wrap: wrap; gap: 10px;}
.pop .pop_menu>div ul li a{font-size: 1.07rem; font-weight: 600;
    padding: 10px 15px;
    border-radius: 10px; box-sizing: border-box; background: #f5f5f5;
    border-bottom: 5px solid #ddd;
    display: flex; justify-content: center; align-items: center; transition: all .3s ease;}

    .pop .pop_menu>div ul li a:hover{background: var(--font-color-main); color: #fff;
        border-bottom: none;}

.pop .modal_box{position: fixed; left: 0; top: 0; z-index: 50; width: 100%; height: 100%; 
    background: #000; opacity: .7; display: none;}
.pop .popup{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-48%);
    border-radius: 20px; z-index: 60; display: none; width: 80%;}

.pop .popup .txt{width: 100%; height: 75vh;
    padding: 12px; background: #fff; box-sizing: border-box;
    border-radius: 15px;
    margin: 0 auto; overflow-y: scroll; color: #222; position: relative;
    border: 3px solid var(--font-color-main);}

.pop .popup .txt::-webkit-scrollbar{width: 8px;}
.pop .popup .txt::-webkit-scrollbar-thumb{
border-radius: 4px; background: var(--font-color-main);
background-clip: padding-box;
border-top: 7.5px solid transparent;
border-bottom: 7.5px solid transparent;}
   #content .content_area .popup .txt::-webkit-scrollbar-track{box-shadow: inset 0px 0px 4px rgba(0, 0, 0, .2); background: #eee; background-clip: padding-box;
    border-top: 7.5px solid transparent;
    border-bottom: 7.5px solid transparent;}

.pop .popup .txt>strong{display: block; font-size: 1.43rem; margin-bottom: 10px;}
.pop .popup .txt>p{font-size: .86rem; color: #666; font-weight: 500;}

.pop .popup .txt>div{margin: 20px 0; padding: 20px 0; border-top: 1px solid #ccc;}
.pop .popup .txt div strong{display: block; font-size: 1.14rem; font-weight: 700; margin-bottom: 15px;}

.pop .popup .txt dl{padding: 0 12px;}
.pop .popup .txt dt{font-size: 1.07rem; font-weight: 600; margin-bottom: 10px;}
.pop .popup .txt dd{margin-bottom: 20px; line-height: 1.5; font-size: .9rem; text-align: justify;}
.pop .popup .txt dd:last-of-type{margin: 0;}

.pop .popup .txt ul{display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
.pop .popup .txt li{border-radius: 50px; box-sizing: border-box;
    display: flex; justify-content: center; align-items: center; padding: 10px 15px; text-align: center;
    font-size: 1.07rem; font-weight: 700; color: #fff; background: var(--font-color-point1);}

.pop .popup .txt .tip p{margin-bottom: 20px; font-size: .9rem; text-align: justify; padding: 0 12px;}
.pop .popup .close_btn{width: 100px; height: 30px;
    position: absolute; bottom: -35px; left: 50%; transform: translateX(-50%); background: var(--font-color-main);
    font-size: 1.14rem; font-weight: 600; display: flex; justify-content: center; align-items: center;
    color: #fff; border-radius: 10px;}