@charset "UTF-8";

/* **************************************** *
 * 컨텐츠 레이아웃
 * **************************************** */
 /* space-cont */
.space-cont{display:flex}
.space-cont .space-l{position:relative; min-width:200px; max-width:200px}
.space-cont .space-r{flex:1; margin-left:40px}
.space-cont .space-l .stitarea{padding-top:15px}
.space-cont .space-l .stitarea:before{content:''; position:absolute; left:0; top:0; width:100%; height:3px; background:#3382e9}


/* **************************************** *
 * 원서접수
 * **************************************** */
.receipt-tit{display:flex; align-items:center; justify-content:center; margin-bottom:20px; padding:30px 20px; border:1px solid #ebebeb; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.receipt-tit .tit
{
     display:block;
     position:relative;
     line-height:1.4em;
     text-align:center;
     font-family:tjs;
     font-size:22px;
     font-weight:300;
     color:#202020;
     letter-spacing:-1.5px;
     word-break:keep-all
}
.receipt-state{position:relative; width:1000px; margin:0 auto 50px}
.receipt-state .state-list{margin-left:-34px; margin-top:-25px}
.receipt-state .state-list:after{content:''; display:block; clear:both}
.receipt-state .state-list li{position:relative; float:left; width:20%; box-sizing:border-box}
.receipt-state .state-box{margin-left:34px; margin-top:25px; text-align:center}
.receipt-state .state-box .state-top{position:relative; height:132px; padding-top:88px; background-color:#fff; border:1px solid #ebebeb; border-radius:8px; box-sizing:border-box}
.receipt-state .state-box .state-top .tit{font-family:tjs; font-size:15px; font-weight:normal; letter-spacing:-1px; line-height:155%; color:#505050}
.receipt-state .state-box .state-top .next
{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right:0;
    top:50%;
    width:26px;
    height:26px;
    margin-top:-12px;
    margin-right:-13px;
    padding-left:2px;
    background-color:#fff;
    border:2px solid #c6c6c6;
    border-radius:50%;
    box-sizing:border-box;
    z-index:1
}
.receipt-state .state-box .state-top .next:after{content:'\ea6e'; color:#c6c6c6; font-family:remixicon; font-size:20px}
.receipt-state .state-list li:last-child .state-box .state-top .next{display:none}
.receipt-state .state-box .state-num{display:block; margin-top:10px; letter-spacing:-0.2px; line-height:135%; color:#808080; font-family:pps; font-weight:normal; font-size:15px}
.receipt-state .state-box.active .state-top{border:1px solid #3382e9; box-shadow:2px 4px 12px 0 rgb(0 0 0 / 5%)}
.receipt-state .state-box.active .state-top .tit{color:#3382e9}
.receipt-state .state-box.active .state-top .next{background-color:#3382e9; border:2px solid #3382e9; box-shadow:4px 6px 6px 0 rgb(51 130 233 / 50%); animation:receipt-state-next 1.8s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards}
.receipt-state .state-box.active .state-top .next:after{color:#fff}
.receipt-state .state-box.info .state-top{background:#fff url("../images/common/join-agree.png") no-repeat 50% 25px; background-size:48px 47px}
.receipt-state .state-box.info.active .state-top{background:#fff url("../images/common/join-agree-active.png") no-repeat 50% 25px; background-size:48px 47px}
.receipt-state .state-box.privacy .state-top{background:#fff url("../images/common/join-certifi.png") no-repeat 50% 25px; background-size:45px 46px}
.receipt-state .state-box.privacy.active .state-top{background:#fff url("../images/common/join-certifi-active.png") no-repeat 50% 25px; background-size:45px 46px}
.receipt-state .state-box.certifi .state-top{background:#fff url("../images/common/join-register.png") no-repeat 50% 25px; background-size:47px 44px}
.receipt-state .state-box.certifi.active .state-top{background:#fff url("../images/common/join-register-active.png") no-repeat 50% 25px; background-size:47px 44px}
.receipt-state .state-box.register .state-top{background:#fff url("../images/common/join-register.png") no-repeat 50% 25px; background-size:47px 44px}
.receipt-state .state-box.register.active .state-top{background:#fff url("../images/common/join-register-active.png") no-repeat 50% 25px; background-size:47px 44px}
.receipt-state .state-box.final .state-top{background:#fff url("../images/common/join-final.png") no-repeat 50% 25px; background-size:38px 48px}
.receipt-state .state-box.final.active .state-top{background:#fff url("../images/common/join-final-active.png") no-repeat 50% 25px; background-size:38px 48px}
@keyframes receipt-state-next{0%{margin-right:-13px; opacity:0;} 100%{margin-right:-49px; opacity:1}}

.receipt-terms{position:relative; margin-bottom:35px}
.receipt-terms:after{content:''; display:block; clear:both}
.receipt-terms .terms-group{position:relative; margin-bottom:35px}
.receipt-terms .terms-top{display:flex; align-items:center; position:relative; min-height:55px; padding:10px 15px; background:#fff; border:1px solid #ebebeb; border-radius:8px 8px 0 0; box-sizing:border-box; z-index:1}
.receipt-terms .terms-top .tit{line-height:1.2em; font-family:tjs; font-size:18px; font-weight:300; letter-spacing:-1.5px; color:#202020; word-break:keep-all}
.receipt-terms .terms-top .info{margin-left:5px; line-height:1em; font-size:15px; font-weight:normal; letter-spacing:-0.8px; color:#808080}
.receipt-terms .terms-body{position:relative; height:250px; margin-top:-1px; padding:25px; border:1px solid #ebebeb; overflow-y:auto; box-sizing:border-box}
.receipt-terms .terms-body.auto{height:auto}
.receipt-terms .check-sector-box{position:relative; padding:20px 18px; background-color:#fff; border:1px solid #3382e9; border-radius:8px}
.receipt-terms .check-sector{display:flex; align-items:center}
.receipt-terms .check-sector .check-tit{position:relative; min-width:420px; margin-right:10px; line-height:1.65em; font-size:15px; font-weight:normal; color:#505050; letter-spacing:-0.5px}
.receipt-terms .terms-check{position:relative; margin-top:-1px; padding:20px; background-color:#f8f8f8; border:1px solid #ebebeb; border-radius:0 0 8px 8px}
.receipt-terms .terms-group.all-check .terms-check{border-radius:8px}

.receipt-final{display:flex; flex-direction:column; position:relative; width:880px; margin:0 auto; padding-top:25px;  box-sizing:border-box}
.receipt-final .final-tit{display:flex; align-items:center; justify-content:center; flex-direction:column}
.receipt-final .final-tit .tit{position:relative; line-height:1em; font-family:tjs; font-size:28px; font-weight:300; color:#202020; letter-spacing:-2px; text-align:center}
.receipt-final .final-tit{display:flex; flex-direction:column; align-items:center; justify-content:flex-start; padding-bottom:40px}
.receipt-final .final-tit .tit,
.receipt-final .final-tit .info{line-height:1em; font-family:tjs;}
.receipt-final .final-tit .tit{font-size:42px; font-weight:300; color:#202020; letter-spacing:-2px}
.receipt-final .final-tit .info{margin-top:30px; font-size:18px; font-weight:normal; color:#808080; letter-spacing:-0.8px}
.receipt-final .writing-ty1 .writing-tit{padding:0}
.receipt-final .writing-ty1 .writing-list > li.column-row .writing-cont{padding:15px 0}
.receipt-final .final-detail{padding:30px 20px; background-color:#fff; border:2px solid #3382e9; border-radius:12px}
.receipt-final .final-detail .detail-box{position:relative; min-height:32px; padding:3px 0 3px 140px; box-sizing:border-box}
.receipt-final .final-detail .detail-box .tit-area{position:absolute; left:25px}
.receipt-final .final-detail .detail-box .tit-area .tit,
.receipt-final .final-detail .detail-box .cont-area .info{line-height:1.65em; font-family:tjs; font-size:15px; font-weight:normal;}
.receipt-final .final-detail .detail-box .tit-area .tit{color:#202020; letter-spacing:-1px}
.receipt-final .final-detail .detail-box .cont-area .info{position:relative; color:#3382e9; letter-spacing:-0.5px}
.receipt-final .confirm-btn{display:flex; align-items:center; justify-content:center; margin:0 auto; padding:0; border:0; width:400px; height:60px; background:#3382e9; cursor:pointer; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.receipt-final .confirm-btn span{color:#fff; font-family:tjs; font-size:18px; font-weight:300; letter-spacing:-1px}
.receipt-final .final-guide{display:flex; align-items:center; justify-content:center; flex-direction:column; margin-top:40px}
.receipt-final .final-guide p{position:relative; line-height:1.3em; font-size:15px; font-weight:normal; color:#808080; letter-spacing:-0.5px; text-align:center}


/* **************************************** *
 * 마이홈
 * **************************************** */
/* 인트로 */
.myhome-intro .intro-inner{display:flex; margin-left:-20px; margin-top:-20px}
.myhome-intro .intro-inner:after{content:''; display:block; clear:both}
.myhome-intro .intro-align:nth-child(1){width:30%}
.myhome-intro .intro-align:nth-child(2){width:35%}
.myhome-intro .intro-align:nth-child(3){width:35%}
.myhome-intro .intro-pr,
.myhome-intro .intro-exam,
.myhome-intro .intro-quick{height:200px; margin-left:20px; margin-top:20px; border:1px solid #dadada; background-color:#fff; border-radius:22px 22px 42px 22px; box-sizing:border-box}

.myhome-intro .intro-pr{position:relative; padding:40px 30px; padding-bottom:0; border:2px solid #3382e9; background-color:#fff}
.myhome-intro .intro-pr .pr-inner{display:flex; align-items:flex-start}
.myhome-intro .intro-pr .pr-l{flex:none; min-width:75px; margin-right:30px}
.myhome-intro .intro-pr .pr-welcome .message{display:block; color:#505050; line-height:1.2em; font-family:tjs; font-size:16px; font-weight:normal; letter-spacing:-1.2px}
.myhome-intro .intro-pr .pr-welcome .message span{color:#007aff; font-family:tjs}
.myhome-intro .intro-pr .pr-connect{display:flex; flex-direction:column; margin-top:13px}
.myhome-intro .intro-pr .pr-connect .tit,
.myhome-intro .intro-pr .pr-connect .date{margin-top:2px; color:#505050; line-height:1.2em; font-size:15px; font-weight:normal; letter-spacing:-0.5px}
.myhome-intro .intro-pr .pr-btn{margin-top:18px}
.myhome-intro .intro-pr .pr-btn .button{padding:7px 20px}

.myhome-intro .intro-exam{position:relative; padding:30px; padding-top:15px; padding-bottom:0}
.myhome-intro .intro-exam .exam-top{display:flex; align-items:center; height:44px; border-bottom:1px solid #dadada}
.myhome-intro .intro-exam .exam-top .top-tit{display:flex; align-items:center}
.myhome-intro .intro-exam .exam-top .top-tit .tit,
.myhome-intro .intro-exam .exam-top .top-tit .stit{display:flex; align-items:center; line-height:1.2em; font-family:tjs; font-size:16px; font-weight:normal; letter-spacing:-1.2px}
.myhome-intro .intro-exam .exam-top .top-tit .tit{font-size:16px; color:#202020}
.myhome-intro .intro-exam .exam-top .top-tit .stit{margin-left:5px; font-size:14px; color:#808080}

.myhome-intro .intro-exam .exam-top .top-util{display:flex; align-items:center; position:relative; margin-left:auto}
.myhome-intro .intro-exam .exam-top .top-util .more{display:flex; align-items:center; justify-content:center; width:28px; height:28px; margin:0; padding:0; border:1px solid #dadada; border-radius:50%}
.myhome-intro .intro-exam .exam-top .top-util .more:before{content:'\ea6e'; color:#808080; font-family:remixicon; font-size:20px}

.myhome-intro .intro-exam .exam-lastset{padding-top:25px}
.myhome-intro .intro-exam .exam-lastset .lastset-tit{display:flex; flex-direction:column}
.myhome-intro .intro-exam .exam-lastset .lastset-tit .tit
{
    height:48px;
    line-height:1.4em;
    color:#202020;
    font-family:tjs;
    font-size:17px;
    font-weight:normal;
    letter-spacing:-1.2px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    word-wrap:break-word;
    word-break:keep-all;
    overflow:hidden;
    transition:all .20s ease
}
.myhome-intro .intro-exam .exam-lastset .lastset-meta{display:flex; align-items:center; margin-top:15px}
.myhome-intro .intro-exam .exam-lastset .lastset-meta .meta-l{display:flex; align-items:center; flex:none}
.myhome-intro .intro-exam .exam-lastset .lastset-meta .meta-l .tit,
.myhome-intro .intro-exam .exam-lastset .lastset-meta .meta-l .date{line-height:1.2em; color:#808080; font-size:14px; font-weight:normal; letter-spacing:-0.8px}
.myhome-intro .intro-exam .exam-lastset .lastset-meta .meta-l .tit{color:#808080}
.myhome-intro .intro-exam .exam-lastset .lastset-meta .meta-l .date{margin-left:10px; color:#505050}
.myhome-intro .intro-exam .exam-lastset .lastset-meta .meta-r{margin-left:auto}
.myhome-intro .intro-quick .quick-wrap{display:flex; flex-direction:column; min-height:100%; padding:20px; gap:4px; box-sizing:border-box}
.myhome-intro .intro-quick .quick-wrap .quick-btn{flex:1; display:flex; align-items:center; padding:0 20px; background-color:#fff; border-radius:12px; transition:all .20s ease}
.myhome-intro .intro-quick .quick-wrap .quick-btn span{line-height:1.2em; color:#505050; font-family:tjs; font-size:16px; letter-spacing:-1.2px;}
.myhome-intro .intro-quick .quick-wrap .quick-btn i{display:flex; align-items:center; justify-content:center; width:46px; height:46px; margin-right:10px; font-size:22px; background-color:#f4f4f4; border-radius:50%;}
.myhome-intro .intro-quick .quick-wrap .quick-btn:nth-child(1) i{background-color:#e1ecfa; color:#3382e9}
.myhome-intro .intro-quick .quick-wrap .quick-btn:nth-child(2) i{background-color:#fdecf0; color:#f26183}
.myhome-intro .intro-quick .quick-wrap .quick-btn:hover{background-color:#f8f8f8}

/* 나의 어학 사전등록 내역 */
.myhome-lprh{margin-top:50px}
.myhome-lprh .lprh-inner{display:flex; margin-left:-10px; margin-top:-20px}
.myhome-lprh .lprh-inner:after{content:''; display:block; clear:both}
.myhome-lprh .lprh-align{float:left; width:25%; min-height:100%; margin-top:10px}
.myhome-lprh .lprh-align:nth-child(2) .lprh-box{padding-top:0; border:none; border-radius:0}

.myhome-lprh .lprh-box{display:flex; flex-direction:column; position:relative; height:100%; margin-left:10px; margin-top:10px; padding-top:15px; border:1px solid #dadada; background-color:#fff; border-radius:12px; box-sizing:border-box}
.myhome-lprh .lprh-box .column-align{display:flex; flex-direction:column; flex:1; padding-top:15px; border:1px solid #dadada; background-color:#fff; border-radius:12px; box-sizing:border-box}
.myhome-lprh .lprh-box .column-align:nth-child(1){margin-bottom:5px}
.myhome-lprh .lprh-box .column-align:nth-child(2){margin-top:5px}

.myhome-lprh .lprh-top{display:flex; align-items:center; min-height:44px; padding:0 20px 0 20px; border-bottom:1px solid #dadada; box-sizing:border-box}
.myhome-lprh .lprh-top .top-tit{display:flex; align-items:center}
.myhome-lprh .lprh-top .top-tit .tit,
.myhome-lprh .lprh-top .top-tit .stit{display:flex; align-items:center; line-height:1.2em; font-family:tjs; font-size:16px; font-weight:normal; letter-spacing:-1.2px}
.myhome-lprh .lprh-top .top-tit .tit{font-size:16px; color:#202020}
.myhome-lprh .lprh-top .top-tit .stit{margin-left:5px; font-size:14px; color:#808080}
.myhome-lprh .lprh-top .top-tit .more{display:flex; align-items:center; justify-content:center; width:28px; height:28px; margin:0; margin-left:5px; padding-left:1px; background-color:#e2f3f7; border-radius:50%; box-sizing:border-box}
.myhome-lprh .lprh-top .top-tit .more:before{content:'\ea6e'; color:#119dc0; font-family:remixicon; font-size:20px}
.myhome-lprh .lprh-top .top-util{display:flex; align-items:center; position:relative; margin-left:auto}
.myhome-lprh .lprh-top .top-util .more{display:flex; align-items:center; justify-content:center; width:28px; height:28px; margin:0; margin-left:5px; padding-left:2px; background-color:#e2f3f7; border-radius:50%; box-sizing:border-box}
.myhome-lprh .lprh-top .top-util .more:before{content:'\ea6e'; color:#119dc0; font-family:remixicon; font-size:20px}
.myhome-lprh .lprh-top .top-util .count{display:flex; align-items:center; justify-content:center; min-width:28px; height:28px; margin:0; padding:0 8px; background-color:#e6eef8; border-radius:200px}
.myhome-lprh .lprh-top .top-util .count span{color:#3382e9; font-weight:300; font-size:14px; letter-spacing:-0.5px}

.myhome-lprh .lprh-box .lprh-body{position:relative; height:100%; padding:0 20px; box-sizing:border-box}

.myhome-lprh .lprh-grade .grade-box{padding:20px 0; border-bottom:1px solid #ebebeb}
.myhome-lprh .lprh-grade .grade-box:last-child{border-bottom:0}

.myhome-lprh .lprh-ps .ps-box{padding:20px 0; border-bottom:1px solid #ebebeb}
.myhome-lprh .lprh-ps .ps-box:last-child{border-bottom:none}

.myhome-lprh .lprh-wallet .wallet-box{padding:20px 0; border-bottom:1px solid #ebebeb}
.myhome-lprh .lprh-wallet .wallet-box:last-child{border-bottom:none}

.myhome-lprh .lprh-file .file-box{padding:20px 0; border-bottom:1px solid #ebebeb}
.myhome-lprh .lprh-file .file-box:last-child{border-bottom:none}

.myhome-lprh .lprh-tit{display:flex; align-items:flex-end}
.myhome-lprh .lprh-tit .tit,
.myhome-lprh .lprh-tit .num{color:#202020; line-height:1.2em; letter-spacing:-0.5px}
.myhome-lprh .lprh-tit .tit{display:-webkit-box;  font-size:15px; font-weight:300; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; overflow:hidden}
.myhome-lprh .lprh-tit .num{margin-left:auto; font-size:15px; font-weight:normal}

.myhome-lprh .lprh-btn{display:flex; align-items:center; margin-top:10px; gap:3px; box-sizing:border-box}

.myhome-lprh .lprh-meta{margin-top:10px}
.myhome-lprh .lprh-meta li{margin-bottom:3px}
.myhome-lprh .lprh-meta li:last-child{margin-bottom:0}
.myhome-lprh .lprh-meta .tit,
.myhome-lprh .lprh-meta .date{line-height:1.2em; color:#808080; font-size:14px; font-weight:normal}
.myhome-lprh .lprh-meta .tit{color:#808080; letter-spacing:-0.8px}
.myhome-lprh .lprh-meta .date{margin-left:10px; color:#505050; letter-spacing:-0.5px}

.myhome-lprh .lprh-grade .lprh-tit .tit,
.myhome-lprh .lprh-grade .lprh-tit .num{color:#3382e9}

.myhome-lprh .lprh-nodata{display:flex; align-items:center; justify-content:center; height:100%; padding:20px 0; box-sizing:border-box}
.myhome-lprh .lprh-nodata .message{display:flex; align-items:center; flex-direction:column}
.myhome-lprh .lprh-nodata .message:before{content:'\ea13'; display:flex; align-items:center; justify-content:center; width:50px; height:50px; margin-bottom:10px; background-color:#e6eef8; color:#3382e9; font-family:"remixicon"; font-size:20px; border-radius:50%}
.myhome-lprh .lprh-nodata .message span{line-height:135%; color:#808080; font-size:15px; font-weight:normal; letter-spacing:-0.5px}

/* 원서접수내역 */
.myhome-aprd{position:relative; margin-top:50px}
.myhome-aprd .aprd-more{position:absolute; right:0; top:-5px}
.myhome-aprd .aprd-more{display:flex; align-items:center; justify-content:center; height:40px; padding:0 15px; padding-right:5px; background:#e6eef8; border-radius:200px; box-sizing:border-box; z-index:1}
.myhome-aprd .aprd-more:after{content:'\ea6e'; margin-left:-2px; color:#3382e9; font-family:remixicon; font-size:22px}
.myhome-aprd .aprd-more span{color:#3382e9; font-family:tjs; font-size:14px; font-weight:normal; letter-spacing:-1.2px}

/* 추천/관심 공고 */
.myhome-rcir{position:relative; margin-top:50px}
.myhome-rcir .rcir-more{position:absolute; right:0; top:0}
.myhome-rcir .rcir-more{display:flex; align-items:center; justify-content:center; height:40px; padding:0 15px; padding-right:5px; background:#e6eef8; border-radius:200px; box-sizing:border-box; z-index:1}
.myhome-rcir .rcir-more:after{content:'\ea6e'; margin-left:-2px; color:#3382e9; font-family:remixicon; font-size:22px}
.myhome-rcir .rcir-more span{color:#3382e9; font-family:tjs; font-size:14px; font-weight:normal; letter-spacing:-1.2px}


/* **************************************** *
 * 채용 콜센터 이용안내
 * **************************************** */
.recruit-csinfo .csinfo-tit{display:flex; align-items:center; justify-content:center; margin-bottom:30px; padding:30px 20px; border:1px solid #ebebeb; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.recruit-csinfo .csinfo-tit .tit
{
     display:block;
     position:relative;
     line-height:1.4em;
     text-align:center;
     font-family:tjs;
     font-size:26px;
     font-weight:300;
     color:#3382e9;
     letter-spacing:-1.5px;
     word-break:keep-all
}
.recruit-csinfo .csinfo-message{display:flex; align-items:center; justify-content:center; flex-direction:column}
.recruit-csinfo .csinfo-message .message-m p,
.recruit-csinfo .csinfo-message .message-s p{position:relative; line-height:1.6em; font-family:tjs; font-size:18px; font-weight:normal; color:#202020; letter-spacing:-2px; text-align:center}
.recruit-csinfo .csinfo-message .message-s{margin-top:15px}
.recruit-csinfo .csinfo-message .message-s p{color:#808080; font-size:16px}

.recruit-csinfo .csinfo-confirm{display:flex; align-items:center; justify-content:center; gap:30px; margin-top:50px}
.recruit-csinfo .csinfo-confirm .confirm-btn{display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; width:340px; height:88px; cursor:pointer; border-radius:8px; box-sizing:border-box}
.recruit-csinfo .csinfo-confirm .confirm-btn span{display:flex; align-items:center; justify-content:center; flex-direction:column; font-family:tjs; font-size:18px; font-weight:300; letter-spacing:-1px}
.recruit-csinfo .csinfo-confirm .confirm-btn i{margin-bottom:3px; font-size:22px}

.recruit-csinfo .csinfo-confirm .confirm-btn.re-inquiry{background:#e1ecfa}
.recruit-csinfo .csinfo-confirm .confirm-btn.re-inquiry span{color:#3382e9}
.recruit-csinfo .csinfo-confirm .confirm-btn.my-inquiry{background:#e2f3f7}
.recruit-csinfo .csinfo-confirm .confirm-btn.my-inquiry span{color:#119dc0}

.recruit-csinfo .csinfo-guide{display:flex; align-items:center; justify-content:center; flex-direction:column; margin-top:50px; padding-bottom:30px; border-bottom:1px solid #ebebeb}
.recruit-csinfo .csinfo-guide p{position:relative; line-height:1.3em; font-size:15px; font-weight:normal; color:#808080; letter-spacing:-0.5px; text-align:center}


/* **************************************** *
 * 보이스피싱 주의 안내
 * **************************************** */
.voicepsh-atinfo .atinfo-tit{display:flex; align-items:center; justify-content:center; margin-bottom:40px; padding:30px 20px; border:1px solid #ebebeb; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.voicepsh-atinfo .atinfo-tit .tit
{
     display:block;
     position:relative;
     line-height:1.4em;
     text-align:center;
     font-family:tjs;
     font-size:26px;
     font-weight:300;
     color:#3382e9;
     letter-spacing:-1.5px;
     word-break:keep-all
}
.voicepsh-atinfo .atinfo-message{display:flex; flex-direction:column; margin-top:30px}
.voicepsh-atinfo .atinfo-message .message-m{margin-top:15px}
.voicepsh-atinfo .atinfo-message .message-m:first-child{margin-top:0}
.voicepsh-atinfo .atinfo-message .message-m p,
.voicepsh-atinfo .atinfo-message .message-s p{position:relative; line-height:1.6em; font-family:tjs; font-size:16px; font-weight:normal; color:#505050; letter-spacing:-1.2px}
.voicepsh-atinfo .atinfo-message .message-s{margin-top:15px}
.voicepsh-atinfo .atinfo-message .message-s p{color:#505050}

.voicepsh-atinfo .atinfo-confirm{display:flex; align-items:center; justify-content:center; gap:30px; margin-top:50px}
.voicepsh-atinfo .atinfo-confirm .confirm-btn{display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; width:340px; height:88px; cursor:pointer; border-radius:8px; box-sizing:border-box}
.voicepsh-atinfo .atinfo-confirm .confirm-btn span{display:flex; align-items:center; justify-content:center; flex-direction:column; font-family:tjs; font-size:18px; font-weight:300; letter-spacing:-1px}
.voicepsh-atinfo .atinfo-confirm .confirm-btn i{margin-bottom:3px; font-size:22px}
.voicepsh-atinfo .atinfo-confirm .confirm-btn.re-inquiry{background:#e1ecfa}
.voicepsh-atinfo .atinfo-confirm .confirm-btn.re-inquiry span{color:#3382e9}
.voicepsh-atinfo .atinfo-confirm .confirm-btn.my-inquiry{background:#e2f3f7}
.voicepsh-atinfo .atinfo-confirm .confirm-btn.my-inquiry span{color:#119dc0}

.voicepsh-atinfo .atinfo-guide{margin-top:15px; padding:20px 28px; border:1px solid #ebebeb; border-radius:8px 8px 8px 8px}
.voicepsh-atinfo .atinfo-guide p{position:relative; line-height:1.4em; font-size:15px; font-weight:normal; color:#808080; letter-spacing:-0.5px}


/* **************************************** *
 * 개인정보 수정 본인확인
 * **************************************** */
 .psinfo-certifi .certifi-tit{display:flex; align-items:center; justify-content:center; margin-bottom:30px; padding:30px 20px; border:1px solid #ebebeb; border-radius:8px 8px 22px 8px; box-sizing:border-box}
 .psinfo-certifi .certifi-tit .tit
 {
      display:block;
      position:relative;
      line-height:1.4em;
      text-align:center;
      font-family:tjs;
      font-size:26px;
      font-weight:300;
      color:#3382e9;
      letter-spacing:-1.5px;
      word-break:keep-all
 }
.psinfo-certifi .certifi-message{display:flex; align-items:center; justify-content:center; flex-direction:column}
.psinfo-certifi .certifi-message .message-m p,
.psinfo-certifi .certifi-message .message-s p{position:relative; line-height:1.6em; font-family:tjs; font-size:18px; font-weight:normal; color:#202020; letter-spacing:-2px; text-align:center}
.psinfo-certifi .certifi-message .message-m p span,
.psinfo-certifi .certifi-message .message-s p span{font-family:tjs}
.psinfo-certifi .certifi-message .message-s{margin-top:15px}
.psinfo-certifi .certifi-message .message-s p{color:#808080; font-size:16px}

.psinfo-certifi .certifi-confirm{display:flex; width:1000px; margin:30px auto 0; gap:40px}
.psinfo-certifi .certifi-confirm .confirm-l,
.psinfo-certifi .certifi-confirm .confirm-r{display:flex; align-items:center; justify-content:center; flex:1; padding:40px; border:1px solid #ebebeb; border-radius:8px}

.psinfo-certifi .certifi-guide{display:flex; align-items:center; justify-content:center; flex-direction:column; margin-top:50px; padding-bottom:30px; border-bottom:1px solid #ebebeb}
.psinfo-certifi .certifi-guide p{position:relative; line-height:1.3em; font-size:15px; font-weight:normal; color:#808080; letter-spacing:-0.5px; text-align:center}

.psinfo-certifi .name-certifi{width:100%; padding-top:0}
.psinfo-certifi .name-certifi .certifi-form{width:100%}
.psinfo-certifi .name-certifi .confirm-btn{width:100%}
.psinfo-certifi .name-certifi .certifi-form{margin-top:0}

.simple-certifi{width:100%}
.psinfo-certifi .simple-certifi .confirm-btn{width:100%; margin-top:50px}


/* **************************************** *
 * 채용 콜센터 문의상세
 * **************************************** */
 .recruitcs-inquiry{position:relative; border:1px solid #ebebeb; margin-bottom:40px; border-radius:12px; box-shadow:2px 4px 12px 0 rgb(0 0 0 / 5%)}
 .recruitcs-inquiry:last-child{margin-bottom:0}
 .recruitcs-inquiry:after{content:''; display:block; clear:both}
 .recruitcs-inquiry .inquiry-top{display:flex; align-items:center; position:relative; height:55px; padding:0 25px; background:#fff; border-bottom:1px solid #ebebeb; border-radius:12px 12px 0 0; box-sizing:border-box; z-index:1}
 .recruitcs-inquiry .inquiry-top .tit-ico{color:#808080; font-size:15px}
 .recruitcs-inquiry .inquiry-top .tit{font-family:tjs; font-size:18px; font-weight:300; letter-spacing:-1.5px; color:#202020}
 .recruitcs-inquiry .inquiry-top .info{margin-left:5px; line-height:1em; font-size:15px; font-weight:normal; letter-spacing:-0.8px; color:#808080}
 .recruitcs-inquiry .inquiry-body{position:relative; padding:25px; padding-right:40px; border-radius:0 0 12px 12px; box-sizing:border-box}

 .recruitcs-inquiry .inquiry-body .viewting-ty1 .viewting-list{padding:0; border-top:none; border-bottom:none}

 .recruitcs-inquiry .inquiry-detail{position:relative; margin-top:-1px}
 .recruitcs-inquiry .inquiry-detail .detail-list:after{content:''; display:block; clear:both}
 .recruitcs-inquiry .inquiry-detail .detail-list > li{display:flex; align-items:center; position:relative; padding:4px 0; min-height:34px; box-sizing:border-box}
 .recruitcs-inquiry .inquiry-detail .detail-list > li:last-child{border-bottom:none}
 
 .recruitcs-inquiry .inquiry-detail .detail-list li.col2 .col-box{display:flex; align-items:center; width:100%}
 .recruitcs-inquiry .inquiry-detail .detail-list li.col2 .col-box > li{display:flex; align-items:center; flex:1; position:relative; padding:6px 0; min-width:50%; max-width:50%; min-height:32px; box-sizing:border-box}
 .recruitcs-inquiry .inquiry-detail .detail-list li.col2 .col-box > li:nth-child(1){padding-right:20px}
 .recruitcs-inquiry .inquiry-detail .detail-list li.col2 .col-box > li:nth-child(2){padding-left:20px}
 .recruitcs-inquiry .inquiry-detail .detail-list li.col2 .col-box > li:first-child:nth-last-child(1){max-width:50%}
 
 .recruitcs-inquiry .inquiry-detail .inquiry-tit{display:flex; align-items:center}
 .recruitcs-inquiry .inquiry-detail .inquiry-tit .col-row{display:flex; flex-direction:column; flex:auto}
 .recruitcs-inquiry .inquiry-detail .inquiry-tit .col-row .row{display:flex; align-items:center}
 .recruitcs-inquiry .inquiry-detail .inquiry-tit .tit{display:flex; min-width:100px; padding:8px 15px; font-size:15px; letter-spacing:-0.8px; color:#505050; background-color:#f6f6f6; font-weight:300; border-radius:6px; box-sizing:border-box}
 
 .recruitcs-inquiry .inquiry-detail .inquiry-cont{display:flex; align-items:center; flex:auto}
 .recruitcs-inquiry .inquiry-detail .inquiry-cont .tit{display:inline-block; font-size:15px; letter-spacing:-0.8px; color:#202020; font-weight:300}
 .recruitcs-inquiry .inquiry-detail .inquiry-cont .col-row{display:flex; flex-direction:column; flex:auto}
 .recruitcs-inquiry .inquiry-detail .inquiry-cont .col-row .row{display:flex; align-items:center}
 .recruitcs-inquiry .inquiry-detail .inquiry-cont .cont-txt .txt{line-height:1.6em; font-size:15px; letter-spacing:-0.8px; color:#202020; font-weight:normal; word-break:break-all}
 
 .recruitcs-inquiry .inquiry-detail .col-flex{flex:1} 
 .recruitcs-inquiry .inquiry-detail .col-flex.none{flex:none}
 
 .recruitcs-inquiry .inquiry-detail .detail-list > li.column-row{flex-direction:column; align-items:normal}
 .recruitcs-inquiry .inquiry-detail .detail-list > li.column-row .writing-cont{padding:15px 10px}
 
 .recruitcs-inquiry .inquiry-detail .detail-list > li.align-top{align-items:flex-start}

 .recruitcs-inquiry.inquiry{border:2px solid #3382e9}

.recruitcs-inquiry .answer-message{display:flex; align-items:center; justify-content:center; min-height:60px}
.recruitcs-inquiry .answer-message .message{display:flex; align-items:center}
.recruitcs-inquiry .answer-message .message:before{content:'\eb4d'; margin-right:5px; color:#808080; font-family:remixicon; font-size:20px}
.recruitcs-inquiry .answer-message .message span{line-height:135%; color:#808080; font-size:15px; font-size:15px; font-weight:normal; letter-spacing:-0.2px}


/* **************************************** *
 * 관심분야 설정
 * **************************************** */
 .list{display:flex; flex-direction:column}


/* **************************************** *
 * 사이트맵
 * **************************************** */
.sitemap-nav .nav-depth{display:flex; gap:100px}
.sitemap-nav .nav-depth .nav-l,
.sitemap-nav .nav-depth .nav-r{flex:1}
.sitemap-nav .nav-depth .depth-list{display:flex; flex-direction:column; margin-top:-40px}

.sitemap-nav .nav-depth .depth-box{margin-top:40px; box-sizing:border-box}

.sitemap-nav .nav-depth .depth-box .depth1-tit{margin-bottom:5px}
.sitemap-nav .nav-depth .depth-box .depth1-tit .tit{display:flex; align-items:center; position:relative; height:60px; padding:0 20px; background-color:#e2f3f7; border-radius:8px 8px 14px 8px; box-sizing:border-box}
.sitemap-nav .nav-depth .depth-box .depth1-tit .tit:after
{
    display:none;
    content:'\ea6e';
    position:absolute;
    right:20px;
    top:50%;
    align-items:center;
    justify-content:center;
    width:26px;
    height:26px;
    margin-top:-13px;
    padding-left:2px;
    color:#119dc0;
    font-family:remixicon;
    font-size:24px;
    border:2px solid rgba(17,157,192,.4);
    border-radius:50%;
    box-sizing:border-box;
    text-align:center;
}
.sitemap-nav .nav-depth .depth-box .depth1-tit .tit:hover:after{border:2px solid rgba(17,157,192,.8)}
.sitemap-nav .nav-depth .depth-box .depth1-tit .tit span{padding-top:2px; line-height:1.4em; font-family:tjs; font-size:17px; font-weight:300; color:#119dc0; letter-spacing:-1.2px}

.sitemap-nav .depth2-list{padding:0}
.sitemap-nav .depth2-list > li{display:flex; flex-direction:column; margin-top:5px}
.sitemap-nav .depth2-list > li:first-child{margin-top:0}
.sitemap-nav .depth2-list > li > .depth2-tit{position:relative; width:100%; padding:12px 20px; padding-right:30px; background-color:#fff; border:1px solid #ebebeb; cursor:pointer; border-radius:6px; box-sizing:border-box}
.sitemap-nav .depth2-list > li > .depth2-tit:after{content:'\ea6e'; position:absolute; top:11px; right:12px; font-family:remixicon; font-size:22px; color:#808080}
.sitemap-nav .depth2-list > li > .depth2-tit:hover:after{color:#119cc4}
.sitemap-nav .depth2-list > li > .depth2-tit span{line-height:135%; color:#505050; font-family:tjs; font-size:15px; font-weight:normal; letter-spacing:-1.2px}
.sitemap-nav .depth2-list > li > .depth2-tit:hover span{color:#119cc4}

.sitemap-nav .depth3-list{position:relative; margin-top:5px; margin-bottom:15px; padding:15px 15px 15px; background-color:#f2f5f9; border:1px solid #d6e6fb; border-radius:6px}
.sitemap-nav .depth3-list > li > .depth3-tit{display:block; position:relative; padding:3px 0; padding-left:10px; cursor:pointer; box-sizing:border-box}
.sitemap-nav .depth3-list > li > .depth3-tit:before{content:''; position:absolute; left:0; top:11px; width:4px; height:4px; background:#b8c0c8; border-radius:50%}
.sitemap-nav .depth3-list > li > .depth3-tit span{line-height:135%; letter-spacing:-0.8px; font-family:tjs; font-size:14px; color:#505050; font-weight:normal}

.sitemap-nav .nav-depth .depth-box .depth1-tit .tit:after,
.sitemap-nav .depth2-list > li > .depth2-tit:after,
.sitemap-nav .depth2-list > li > .depth2-tit span,
.sitemap-nav .depth3-list > li > .depth3-tit:before,
.sitemap-nav .depth3-list > li > .depth3-tit span{transition:all .20s ease}


/* **************************************** *
* 개인정보처리방침
* **************************************** */
.receipt-info{padding:30px 25px}
.receipt-terms .tr_caption {background-color:#f3f3f3}

.policy-depth1-label{display:flex; flex-wrap:wrap; padding-bottom:25px; border-bottom:1px solid #ebebeb}
.policy-depth1-label .label-box{width:20%}
.policy-depth1-label .label-box .box-inner{padding:25px 0 20px; border-radius:18px; transition:all .15s ease}
.policy-depth1-label .label-box:hover .box-inner{background-color:#e6eef8}
.policy-depth1-label .label-box .box-inner:before{content:''; display:block; height:69px; background-repeat:no-repeat; background-position:50% 50%; background-size:60px 69px}
.policy-depth1-label .label-box.depth1-01 .box-inner:before{background-image:url('../images/contents/policy_depth1_01.png')}
.policy-depth1-label .label-box.depth1-02 .box-inner:before{background-image:url('../images/contents/policy_depth1_02.png')}
.policy-depth1-label .label-box.depth1-03 .box-inner:before{background-image:url('../images/contents/policy_depth1_03.png')}
.policy-depth1-label .label-box.depth1-04 .box-inner:before{background-image:url('../images/contents/policy_depth1_04.png')}
.policy-depth1-label .label-box.depth1-05 .box-inner:before{background-image:url('../images/contents/policy_depth1_05.png')}
.policy-depth1-label .label-box.depth1-06 .box-inner:before{background-image:url('../images/contents/policy_depth1_06.png')}
.policy-depth1-label .label-box.depth1-07 .box-inner:before{background-image:url('../images/contents/policy_depth1_07.png')}
.policy-depth1-label .label-box.depth1-08 .box-inner:before{background-image:url('../images/contents/policy_depth1_08.png')}
.policy-depth1-label .label-box.depth1-09 .box-inner:before{background-image:url('../images/contents/policy_depth1_09.png')}
.policy-depth1-label .label-tit{display:flex; align-items:center; justify-content:center; margin-top:8px; text-align:center; line-height:135%; color:#202020; font-size:15px; font-weight:normal; letter-spacing:-0.8px}

.policy-depth2-label{display:flex; width:880px; margin:30px auto 0; gap:40px}
.policy-depth2-label .label-box-align{display:flex; flex-direction:column; flex:1}
.policy-depth2-label .label-box{padding:5px 0}
.policy-depth2-label .label-tit{display:flex; line-height:135%; color:#505050; font-size:15px; font-weight:normal; letter-spacing:-0.5px; transition:all .20s ease}
.policy-depth2-label .label-tit span.color-blue{flex:none}
.policy-depth2-label .label-box:hover .label-tit{color:#3382e9}


/* **************************************** *
 * 출제 과목 현황
 * **************************************** */
.exanment-subject-code{display:flex; align-items:center; flex-wrap:wrap; margin-left:-20px; margin-top:-5px}
.exanment-subject-code .code-box{width:25%}
.exanment-subject-code.col4 .code-box{width:25%}
.exanment-subject-code.col6 .code-box{width:16.666666%}
.exanment-subject-code .inner{display:flex; align-items:center; justify-content:center; height:44px; margin-left:20px; margin-top:5px; padding:0 10px; text-align:center; border:1px solid #ebebeb; border-radius:4px; box-sizing:border-box}
.exanment-subject-code .inner.active{border: 2px solid #3382e9;}
.exanment-subject-code .code-box .tit{color:#505050; line-height:1.2em; font-size:14px; font-weight:300; letter-spacing:-0.5px}




/* **************************************** *
 * 전자문서 안내
 * **************************************** */
.edoc-guide{display:flex; flex-wrap:wrap; margin-left:-20px; margin-top:-20px}
.edoc-guide .guide-align{display:flex; width:50%}
.edoc-guide .guide-box{display:flex; flex-direction:column; width:100%; margin-left:20px; margin-top:20px; background-color:#f8f8f8; border-radius:18px; overflow:hidden; box-sizing:border-box}
.edoc-guide .guide-gui{height:150px; background-repeat:no-repeat; background-position:center bottom}
.edoc-guide .guide-info{position:relative; display:flex; flex-direction:column; padding:20px; padding-top:25px}
.edoc-guide .guide-info .info-num
{
     display:flex;
     align-items:center;
     justify-content:center;
     position:absolute;
     left:20px;
     top:-20px;
     width:34px;
     height:34px;
     line-height:1em;
     color:#505050;
     text-align:center;
     font-size:15px;
     font-weight:300;
     background-color:#fff;
     border-radius:50%;
     box-shadow:2px 2px 5px rgb(0 0 0 / 10%);
     z-index:1
}
.edoc-guide .guide-info .info-txt{color:#404040; line-height:1.4em; font-size:15px; font-weight:normal; letter-spacing:-0.8px; word-break: keep-all}

.edoc-guide .guide-align .guide-box.step1 .guide-gui{background-color:#e6eef8; background-image:url("../images/contents/edoc_guide_01.png"); background-size:180px 116px}
.edoc-guide .guide-align .guide-box.step2 .guide-gui{background-color:#fdecf0; background-image:url("../images/contents/edoc_guide_02.png"); background-size:180px 126px}
.edoc-guide .guide-align .guide-box.step3 .guide-gui{background-color:#e2f3f7; background-image:url("../images/contents/edoc_guide_03.png"); background-size:180px 136px}
.edoc-guide .guide-align .guide-box.step4 .guide-gui{background-color:#faeee7; background-image:url("../images/contents/edoc_guide_04.png"); background-size:180px 126px}
.edoc-guide .guide-align .guide-box.step5 .guide-gui{background-color:#e6eef8; background-image:url("../images/contents/edoc_guide_05.png"); background-size:180px 135px}
.edoc-guide .guide-align .guide-box.step6 .guide-gui{background-color:#fdecf0; background-image:url("../images/contents/edoc_guide_06.png"); background-size:180px 135px}
.edoc-guide .guide-align .guide-box.step7 .guide-gui{background-color:#e2f3f7; background-image:url("../images/contents/edoc_guide_07.png"); background-size:180px 135px}


/* **************************************** *
 * 어학사전등록 방법 안내
 * **************************************** */
.pop-contents:has(.lgpr-info-swiper),
.pop-contents.lgpr-info-pop {
     padding: 0 !important;
     height: calc(100vh - 44px);
}
.lgpr-info-pop .lgpr-info-swiper {
     position: relative;
     height: calc(100vh - 44px - 95px);
}
.lgpr-info-pop .lgpr-info-swiper .swiper-slide {
     padding: 30px 30px 45px;
     height: calc(100vh - 44px - 95px);
}
.lgpr-info-pop .lgpr-info-swiper .swiper-slide:focus {
     outline: none;
}
.lgpr-info-pop .lgpr-info-swiper .info-img {
     display: flex;
     align-items: center;
     justify-content: center;
     height: auto;
     max-width: 100%;
}
.lgpr-info-pop .lgpr-info-swiper .info-img img {
     width: auto;
     height: auto;
     max-width: 100%;
     border: 0;
     margin: 0 auto;
     cursor: pointer;
}
.lgpr-info-pop .lgpr-info-swiper-controller {
     position: sticky;
     bottom: 0;
     display: flex;
     flex-direction: row;
     padding: 15px 30px 40px;
     z-index: 2;
     box-sizing: content-box;
     background-color: white;
     /* background-color: white; */
     filter: drop-shadow(15px -15px 30px white)
}
.lgpr-info-pop .lgpr-info-swiper-pagination {
     position: relative;
     top: 0;
     width: fit-content;
     /* display: flex; */
     align-items: center;
     line-height: 40px;
}
.lgpr-info-pop .lgpr-info-swiper-navigation {
     width: fit-content;
     display: flex;
     gap: 4px;
     margin-left: auto;
}
.lgpr-info-pop .lgpr-info-slide-scroll {
     overflow-x: hidden;
     overflow-y: auto;
}
.lgpr-info-pop .lgpr-info-swiper-hidden {
     display: none;
}