@charset "UTF-8";

/* **************************************** *
* msection-cor
* **************************************** */
.msection-cor{position:relative; width:1400px; margin:auto; padding:40px 0 60px; box-sizing:border-box}

/* 채용가이드 / 시험공고검색 */
.cor-guide-search{display:flex}

/* 채용가이드 */
.cor-guide{width:58%}
.cor-guide .guide-inner{position:relative; height:235px; margin-left:40px; background-color:#d1eefa; border-radius:26px}
.cor-guide .guide-inner:before{content:''; position:absolute; left:20px; bottom:0; width:122px; height:109px; background:url("../images/main/cor_guide_person.png") 50% 50% no-repeat; background-size:122px 109px; transition:all .15s ease}
.cor-guide .guide-inner:hover:before{left:28px}
.cor-guide .group-btn{display:flex; align-items:center; position:absolute; left:-40px; width:165px; height:54px; padding:0 20px; padding-right:25px; border-radius:8px 8px 22px 8px; box-sizing:border-box; z-index:1}
.cor-guide .group-btn span{color:#505050; font-family:tjs; font-size:16px; font-weight:normal; letter-spacing:-1.4px}
.cor-guide .group-btn.law{top:22px}
.cor-guide .group-btn.cog{top:76px}
.cor-guide .group-btn:after{content:'\ea6e'; display:flex; align-items:center; color:#fff; position:absolute; right:8px; top:0; height:100%; font-family:remixicon; font-size:24px; opacity:0}
.cor-guide .group-btn.active{background-color:#1aabe7}
.cor-guide .group-btn.active span{color:#fff}
.cor-guide .group-btn.active:after{opacity:1}
.cor-guide .group-cont{display:none; height:235px; padding-left:162px}
.cor-guide .group-cont.active{display:block}
.cor-guide .guide-wrap{display:flex; align-items:center; height:235px; padding-right:40px; box-sizing:border-box}
.cor-guide .guide-wrap .guide-list{display:flex; flex:1; margin-left:-10px; margin-top:-10px}
.cor-guide .guide-wrap .guide-list li{flex:1; display:flex; max-width:25%}
.cor-guide .guide-wrap .guide-list .guide-box{display:flex; flex-direction:column; align-items:center; position:relative; width:100%; height:172px; margin-left:10px; margin-top:10px; padding-top:15px; background-color:#fff; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.cor-guide .guide-wrap .guide-list .guide-box:before{content:''; display:flex; align-items:center; justify-content:center; min-width:77px; min-height:77px; background-color:#e8f6fc; border-radius:50%}
.cor-guide .guide-wrap .guide-list .guide-box .tit{display:flex; flex-direction:column; justify-content:center; width:100%; height:80px; text-align:center; box-sizing:border-box}
.cor-guide .guide-wrap .guide-list .guide-box .tit span{margin-top:3px; line-height:1.2em; color:#202020; font-family:tjs; font-size:15px; font-weight:normal; letter-spacing:-1.8px}

.cor-guide .guide-wrap .guide-list .guide-box:before{background-position:50% 50%; background-repeat:no-repeat}
.cor-guide .guide-wrap .guide-list .guide-box.law01:before{background-image:url("../images/main/cor_guide_law01.png"); background-size:37px 42px}
.cor-guide .guide-wrap .guide-list .guide-box.law02:before{background-image:url("../images/main/cor_guide_law02.png"); background-size:42px 38px}
.cor-guide .guide-wrap .guide-list .guide-box.law03:before{background-image:url("../images/main/cor_guide_law03.png"); background-size:52px 43px}
.cor-guide .guide-wrap .guide-list .guide-box.law04:before{background-image:url("../images/main/cor_guide_law04.png"); background-size:45px 42px}

.cor-guide .faq-wrap{display:flex; align-items:center; position:relative; height:235px}
.cor-guide .faq-list{flex:1}
.cor-guide .faq-list li{margin-bottom:2px}
.cor-guide .faq-list .faq-box{display:flex; align-items:center; height:38px; padding:0 25px; background-color:#fff; border-radius:200px; box-sizing:border-box}
.cor-guide .faq-list .faq-box span{display:block; padding-right:2px; line-height:1.2em; color:#505050; font-family:tjs; font-size:14px; font-weight:normal; letter-spacing:-1px;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.cor-guide .faq-list .faq-box:hover span{color:#1aabe7}
.cor-guide .faq-more{flex:none; width:80px}
.cor-guide .faq-more .more{display:flex; align-items:center; flex-direction:column; justify-content:center; box-sizing:border-box;}
.cor-guide .faq-more .more:before
{
    content:'\ea6e';
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    padding-left:2px;
    background-color:#1aabe7;
    color:#fff;
    font-family:remixicon;
    font-size:24px;
    border-radius:50%;
    box-sizing:border-box
}
.cor-guide .faq-more .more span{margin-top:6px; line-height:1.2em; color:#707070; font-family:tjs; font-size:14px; font-weight:normal; letter-spacing:-1.8px}

.cor-guide .guide-wrap .guide-list .guide-box:hover{margin-top:5px}
.cor-guide .guide-wrap .guide-list .guide-box:hover .tit span{color:#1aabe7}
.cor-guide .group-btn,
.cor-guide .group-btn:after,
.cor-guide .guide-wrap .guide-list .guide-box,
.cor-guide .guide-wrap .guide-list .guide-box .tit span,
.cor-guide .faq-list .faq-box span{transition:all .20s ease}

/* 통합검색 */
.cor-search{width:42%}
.cor-search .search-inner{display:flex; justify-content:center; flex-direction:column; position:relative; height:235px; margin-left:40px; padding:0 40px; background-color:#d8e5f6; border-radius:26px; box-sizing:border-box}
.cor-search .search-inner:before{content:''; position:absolute; left:40px; bottom:0; width:267px; height:84px; background:url("../images/main/cor_search_deco.png") 50% 50% no-repeat; background-size:267px 84px; transition:all .15s ease}

.cor-search .search-tit{display:flex; align-items:center; margin-top:-10px}
.cor-search .search-tit .tit{line-height:1.2em; color:#202020; font-family:tjs; font-size:24px; font-weight:300; letter-spacing:-2.4px}
.cor-search .search-tit .tit > span{font-family:tjs; color:#3382e9}
.cor-search .search-form{position:relative; margin-top:10px}
.cor-search .search-form:before{content:''; position:absolute; left:170px; bottom:31px; width:216px; height:127px; background:url("../images/main/cor_search_person.png") 50% 50% no-repeat; background-size:216px 127px; transition:all .15s ease}
.cor-search .search-form fieldset{display:flex; align-items:center}
.cor-search .search-form .search-input{width:100%; height:60px; border:2px solid #3382e9; background-color:#fff; border-radius:8px 8px 20px 8px; box-sizing:border-box; z-index:1}
.cor-search .search-form .search-input input
{
    width:100%;
    height:56px;
    margin:0;
    padding:0 20px;
    background:none;
    text-align:left;
    font-family:tjs;
    color:#202020;
    font-size:17px;
    font-weight:normal;
    letter-spacing:-0.8px;
    border:0;
    border-radius:0;
    box-sizing:border-box;
    cursor:pointer;
}
.cor-search .search-form .search-input input::-webkit-input-placeholder{color:#a4a4a4; font-family:tjs; font-size:17px; font-weight:normal; letter-spacing:-0.8px}
.cor-search .search-form .search-input input::-moz-placeholder{color:#a4a4a4; font-family:tjs; font-size:17px; font-weight:normal; letter-spacing:-0.8px}
.cor-search .search-form .search-btn{flex:none; margin-left:20px; z-index:1}
.cor-search .search-form .search-btn button
{
    display:flex;
    align-items:center;
    justify-content:center;
    width:60px;
    height:60px;
    margin:0;
    padding:0;
    color:#fff;
    background-color:#3382e9;
    background:linear-gradient(316deg, #125cbc, #66a2ef);
    border:0;
    text-align:center;
    border-radius:50%;
    cursor:pointer;
    outline:none
}
.cor-search .search-form .search-btn button i{font-size:24px}
.cor-search .search-tag{display:none; align-items:center; margin-top:25px}
.cor-search .search-tag .tag{margin-left:15px; line-height:1.2em; color:#808080; font-family:tjs; font-size:15px; font-weight:normal; letter-spacing:-1.2px}
.cor-search .search-tag .tag:first-child{margin-left:0}
.cor-search .search-tag .tag:hover{color:#3382e9}
.cor-search .search-tag .tag:nth-child(n+4){display:none}

.cor-search .search-inner:hover:before{left:50px}
.cor-search .search-inner:hover .search-form:before{left:160px}


/* 공지사항 */
.cor-notice{margin-top:20px}
.cor-notice .notice-inner{display:flex; align-items:center; position:relative; height:60px; border:1px solid #ebebeb; border-radius:8px 8px 22px 8px; box-sizing:border-box}
.cor-notice .notice-tit{flex:none; width:100px; padding-left:30px; box-sizing:border-box}
.cor-notice .notice-tit .tit{color:#202020; font-family:tjs; font-size:17px; font-weight:300; letter-spacing:-1px}

.cor-notice .notice-swiper-play{display:flex; align-items:center; margin-right:5px}
.cor-notice .notice-swiper-button-play{display:flex; width:auto; height:auto; margin:0; padding:0; border:none; background:none; cursor:pointer}
.cor-notice .notice-swiper-button-play:after{content:'\efd6'; font-family:'remixicon'; font-size:23px; color:#3382e9; transition:all .20s ease}
.cor-notice .notice-swiper-button-play.active:after{content:'\f009'}

.cor-notice .swiper-pagination-vertical.swiper-pagination-bullets,
.cor-notice .swiper-vertical > .swiper-pagination-bullets{transform:none; flex:none}
.cor-notice .swiper-pagination-bullet{width:4px; height:4px}
.cor-notice .swiper-pagination-bullet-active{background-color:#3382e9}
.cor-notice .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.cor-notice .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{font-size:0; margin:4px 0;}

.cor-notice .notice-swiper-nav{display:flex; align-items:center; justify-content:center; flex-direction:column; position:absolute; right:0; width:42px; height:100%; border-left:1px solid #ebebeb; z-index:2}
.cor-notice .notice-swiper-nav .notice-swiper-button-prev{top:0}
.cor-notice .notice-swiper-nav .notice-swiper-button-next{bottom:0}
.cor-notice .notice-swiper-nav .notice-swiper-button-prev,
.cor-notice .notice-swiper-nav .notice-swiper-button-next{display:flex; width:auto; height:auto; margin:0; padding:0; border:none; background:none; cursor:pointer}
.cor-notice .notice-swiper-nav .notice-swiper-button-prev:after,
.cor-notice .notice-swiper-nav .notice-swiper-button-next:after{font-family:'remixicon'; font-size:26px; color:#808080; transition:all .20s ease}
.cor-notice .notice-swiper-nav .notice-swiper-button-prev:after{content:'\ea78'}
.cor-notice .notice-swiper-nav .notice-swiper-button-next:after{content:'\ea4e'}
.cor-notice .notice-swiper-nav .notice-swiper-button-prev:hover:after,
.cor-notice .notice-swiper-nav .notice-swiper-button-next:hover:after{color:#3382e9}

.notice-swiper-container{position:relative; width:100%; height:60px; padding-right:42px; overflow:hidden}
.notice-swiper-container:before{content:''; position:absolute; top:0; left:50%; width:1px; height:100%; margin-left:-20px; background-color:#ebebeb}
.notice-swiper{height:60px}
.notice-swiper .swiper-slide{width: calc(100% / 2)!important}
.notice-swiper .swiper-slide:nth-child(2n){left: 50%; top: -100%}
.notice-swiper .swiper-box{display:flex; align-items:center; height:60px}
.notice-swiper .swiper-box a{display:flex; position:relative; width:100%; padding:0 30px; padding-right:140px; box-sizing:border-box}
.notice-swiper .swiper-box a .tit,
.notice-swiper .swiper-box a .date{line-height:1.2em; font-size:15px; letter-spacing:-0.5px; transition:all .20s ease}
.notice-swiper .swiper-box a .tit{display:block; color:#505050; font-weight:300; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.notice-swiper .swiper-box a .date{position:absolute; right:30px; top:0; color:#808080; font-weight:normal}
.notice-swiper .swiper-box a:hover .tit{color:#3382e9}

/* 시험공고 */
.cor-exanment{margin-top:20px}
.exanment-tab{position:relative; margin-bottom:20px; border-radius:8px 8px 22px 8px; overflow:hidden}
.exanment-tab > ul{display:flex; align-items:center; background-color:#edeef2}
.exanment-tab > ul > li{display:flex; flex:1; position:relative}
.exanment-tab > ul > li:before{content:''; position:absolute; right:-1px; top:10px; bottom:10px; width:1px; background-color:#c8cace}
.exanment-tab > ul > li:last-child:before{display:none}
.exanment-tab > ul > li a{display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:56px; padding:0 8px; border-radius:0 0 20px 8px; box-sizing:border-box}
.exanment-tab > ul > li a > span{display:flex; align-items:center; color:#505050; font-family:tjs; font-size:18px; font-weight:normal; letter-spacing:-1.6px; transition:all .20s ease}
.exanment-tab > ul > li a:hover > span{color:#3382e9}
.exanment-tab > ul > li.active:before{display:none}
.exanment-tab > ul > li.active a{background:#3382e9; z-index:1}
.exanment-tab > ul > li.active a > span{color:#fff}
.exanment-tab > ul > li.active a > span:after
{
    content:'\ea4e';
    display:flex;
    align-items:center;
    justify-content:center;
    width:26px;
    height:26px;
    margin-left:8px;
    padding-right:2px;
    padding-top:1px;
    font-family:remixicon;
    font-size:24px;
    border:2px solid #fff;
    border-radius:50%;
    box-sizing:border-box;
    text-align:center;
}
.exanment-utility{display:flex; align-items:flex-end; margin-bottom:30px}
.exanment-filter{margin-left:auto; display:flex; align-items:center; justify-content:center; padding-left:66px}
.exanment-filter .filter-list{display:flex; align-items:center; margin-left:-5px; margin-top:-5px}
.exanment-filter .filter-list > li{display:flex; position:relative}
.exanment-filter .filter-box{display:flex; align-items:center; justify-content:center; min-width:125px; height:47px; margin-left:5px; margin-top:5px; padding:0 22px; border:1px solid #dadada; border-radius:8px; box-sizing:border-box}
.exanment-filter .filter-list > li:last-child .filter-box{min-width:140px}

.exanment-filter .filter-box span{display:flex; align-items:center; line-height:1.2em; color:#808080; font-family:tjs; font-size:15px; font-weight:normal; letter-spacing:-1.4px}
.exanment-filter .filter-box span:before{content:''; margin-right:10px; background-image:url("../images/main/cor_exanment_filter.png"); background-repeat:no-repeat; background-size:216px 53px; overflow:hidden; transition:all .20s ease}
.exanment-filter .filter-box.all span:before{width:21px; height:21px; background-position:0 0}
.exanment-filter .filter-box.all:hover span:before{background-position:0 -31px}
.exanment-filter .filter-box.nft span:before{width:18px; height:23px; background-position:-41px 0}
.exanment-filter .filter-box.nft:hover span:before{background-position:-41px -31px}
.exanment-filter .filter-box.exm span:before{width:18px; height:19px; background-position:-79px 0}
.exanment-filter .filter-box.exm:hover span:before{background-position:-79px -31px}
.exanment-filter .filter-box.apr span:before{width:19px; height:20px; background-position:-117px 0}
.exanment-filter .filter-box.apr:hover span:before{background-position:-117px -31px}
.exanment-filter .filter-box.ans span:before{width:20px; height:20px; background-position:-156px 0}
.exanment-filter .filter-box.ans:hover span:before{background-position:-156px -31px}
.exanment-filter .filter-box.awt span:before{width:20px; height:20px; background-position:-196px 0}
.exanment-filter .filter-box.awt:hover span:before{background-position:-196px -31px}
.exanment-filter .filter-list li > .filter-box.all.active span:before{background-position:0 -31px}
.exanment-filter .filter-list li > .filter-box.nft.active span:before{background-position:-41px -31px}
.exanment-filter .filter-list li > .filter-box.exm.active span:before{background-position:-79px -31px}
.exanment-filter .filter-list li > .filter-box.apr.active span:before{background-position:-117px -31px}
.exanment-filter .filter-list li > .filter-box.ans.active span:before{background-position:-156px -31px}
.exanment-filter .filter-list li > .filter-box.awt.active span:before{background-position:-196px -31px}
.exanment-filter .filter-list li > .filter-box.active{border:2px solid #3382e9; border-radius:8px 8px 22px 8px}
.exanment-filter .filter-list li > .filter-box.active span{color:#3382e9}

.exanment-filter .filter-box.toggle{padding-right:12px}
.exanment-filter .filter-box.toggle span:after{content:'\ea4e'; padding-top:1px; color:#808080; font-family:remixicon; font-size:24px; transition:all .20s ease}
.exanment-filter .filter-box.toggle.active span:after{color:#3382e9; transform:rotate(180deg)}
.exanment-filter .filter-detail{display:none; position:absolute; left:5px; top:52px; height:auto; max-height:340px; padding:15px 20px; background:#fff; border:1px solid #dadada; border-radius:8px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; box-shadow:1px 5px 30px rgb(0 0 0 / 10%); z-index:3}
.exanment-filter .filter-detail .oca-list{overflow-y:auto; overflow-x:hidden; box-sizing:border-box}
.exanment-filter .filter-detail .oca-list a{display:block; padding: 5px 0;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.exanment-filter .filter-detail .oca-list a span{line-height:1em; color:#505050; font-size:15px; font-weight:300; letter-spacing:-0.8px}
.exanment-filter .filter-detail .oca-list a:hover span{color:#3382e9}
.exanment-filter .filter-detail .close{display:flex; align-items:center; justify-content:center; position:absolute; top:7px; right:7px; width:26px; height:26px}
.exanment-filter .filter-detail .close i{font-size:18px; color:#808080}

.exanment-more{display:flex; flex:none; align-items:center; margin-left:auto; padding-left:10px}
.exanment-more .more{display:flex; align-items:center; height:34px; padding:0 15px; border:1px solid #dadada; border-radius:200px; box-sizing:border-box}
.exanment-more .more span{display:flex; align-items:center; padding-top:1px; line-height:1.2em; color:#707070; font-family:tjs; font-size:15px; font-weight:normal; letter-spacing:-1.5px}

.exanment-login{display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; padding-top:20px; box-sizing:border-box}
.exanment-login .login-message{display:flex; align-items:center; justify-content:center; flex-direction:column}
.exanment-login .login-message p{position:relative; margin-top:0; line-height:1.4em; color:#505050; font-family:tjs; font-size:17px; font-weight:normal; letter-spacing:-1.2px; text-align:center}
.exanment-login .confirm-btn
{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:20px;
    padding:0;
    border:0;
    width:110px;
    height:45px;
    background:#3382e9;
    cursor:pointer;
    border-radius:200px;
    box-sizing:border-box
}
.exanment-login .confirm-btn span{color:#fff; font-family:tjs; font-size:16px; font-weight:300; letter-spacing:-1px}

.exanment-login .login-help{display:flex; align-items:center; justify-content:center; position:relative; width:440px; margin-top:20px; padding:15px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb}
.exanment-login .login-help .help-list{display:flex; align-items:center; position:relative}
.exanment-login .login-help .help-list li{position:relative;}
.exanment-login .login-help .help-list li:after{content:''; position:absolute; right:0; top:50%; width:1px; height:14px; margin-top:-7px; background-color:#ebebeb}
.exanment-login .login-help .help-list li:last-child:after{display:none}
.exanment-login .login-help a{display:flex; align-items:center; margin:0 12px; box-sizing:border-box; transition:all .20s ease}
.exanment-login .login-help a span{color:#808080; font-family:tjs; font-size:14px; font-weight:normal; letter-spacing:-1.5px}
.exanment-login .login-help a:hover span{color:#202020}

.exanment-nodata{display:flex; align-items:center; justify-content:center; min-height:100px}
.exanment-nodata .message{display:flex; align-items:center}
.exanment-nodata .message:before{content:'\eb4d'; margin-right:5px; color:#808080; font-family:remixicon; font-size:24px}
.exanment-nodata .message span{line-height:135%; color:#808080; font-family:tjs; font-size:17px; font-weight:normal; letter-spacing:-1.2px}

.exanment-tab-cont{display:none}
.exanment-tab-cont.active{display:block}
.cor-exanment .exanment-card-list .exanment-box{border:1px solid #ebebeb; border-radius:26px}
.cor-exanment .exanment-box .exanment-meta{border-radius:0 0 26px 26px}


/* **************************************** *
* msection-gov
* **************************************** */
/* 기관별 공무원/공무직 원서접수 현황 */
.gov-current{background-color:#e0f2fa}
.gov-current .current-inner{position:relative; width:1400px; min-height:525px; margin:0 auto; padding:98px 0 60px; box-sizing:border-box}
.gov-current .current-top{display:flex; flex-direction:column; position:relative}
.gov-current .current-top:after{content:''; position:absolute; left:300px; bottom:0; width:130px; height:166px; background:url("../images/main/gov_current_person.png") 50% 50% no-repeat; background-size:130px 166px}
.gov-current .current-tite{display:flex; align-items:center}
.gov-current .current-tite .tit{line-height:1.2em; color:#202020; font-family:tjs; font-size:24px; font-weight:300; letter-spacing:-2px}
.gov-current .current-tite .tit > span{font-family:tjs}
.gov-current .current-tite .tit > span:nth-child(2){color:#1aabe7}
.gov-current .current-tite .info{display:flex; align-items:center; flex:none; position:relative; margin-left:auto; padding-left:20px; line-height:1.3em; font-size:15px; font-weight:300; color:#808080; letter-spacing:-0.5px}
.gov-current .current-tite .info > [class^="ri-"]{position:absolute; left:0; top:0; margin-right:2px; color:#808080; font-size:19px}

.gov-current .current-tab{display:flex; align-items:center; position:relative; margin-top:25px}
.gov-current .current-tab .tab-list{display:flex; align-items:center}
.gov-current .current-tab .tab-list .tab-box{display:flex; align-items:center; flex:none}
.gov-current .current-tab .tab-list .tab-box a{display:flex; align-items:center; justify-content:center; position:relative; min-width:42px; height:42px; margin-right:5px; background-color:#fff; border-radius:200px; box-sizing:border-box; box-shadow:2px 2px 5px rgb(0 0 0 / 10%); transition:all .20s ease}
.gov-current .current-tab .tab-list .tab-box a:after{content:''; position:absolute; right:0; top:50%; width:0; height:2px; margin-top:-1px; background-color:#1aabe7; transition:all .20s ease}
.gov-current .current-tab .tab-list .tab-box a span{line-height:1.2em; color:#505050; font-family:tjs; font-size:15px; font-weight:normal; letter-spacing:-1.4px; transition:all .20s ease}
.gov-current .current-tab .tab-list .tab-box.active a{margin-right:50px; background-color:#1aabe7; box-shadow:2px 2px 5px rgb(26 171 231 / 50%)}
.gov-current .current-tab .tab-list .tab-box.active a:after{right:-40px; width:40px}
.gov-current .current-tab .tab-list .tab-box.active a span{color:#fff; font-weight:300}
.gov-current .current-tab .tab-list .tab-box:last-child a{padding:0 20px}
.gov-current .current-tab .tab-list .tab-box:last-child.active a{margin-right:5px}
.gov-current .current-tab .tab-list .tab-box:last-child.active a:after{display:none}

.gov-current .current-tab .tab-list .tab-box:last-child.active a:after{display:none}

.gov-current .current-tab .current-search-form{display:none; position:relative; width:340px; z-index:1}
.gov-current .current-tab .tab-list .tab-box.active .current-search-form{display:block}
.gov-current .current-tab .current-search-form fieldset{display:flex; align-items:center}
.gov-current .current-tab .current-search-form .search-input{width:100%; height:42px; border:0; background-color:#fff; border-radius:200px; box-shadow:2px 2px 5px rgb(0 0 0 / 10%); box-sizing:border-box}
.gov-current .current-tab .current-search-form .search-input input
{
    width:100%;
    height:42px;
    margin:0;
    padding:0 20px;
    background:none;
    text-align:left;
    font-family:tjs;
    color:#202020;
    font-size:15px;
    font-weight:normal;
    letter-spacing:-0.8px;
    border:0;
    border-radius:0;
    box-sizing:border-box;
    cursor:pointer;
}
.gov-current .current-tab .current-search-form .search-input input::-webkit-input-placeholder{color:#a4a4a4; font-family:tjs; font-size:15px; font-weight:normal; letter-spacing:-0.8px}
.gov-current .current-tab .current-search-form .search-input input::-moz-placeholder{color:#a4a4a4; font-family:tjs; font-size:15px; font-weight:normal; letter-spacing:-0.8px}
.gov-current .current-tab .current-search-form .search-btn{flex:none; margin-left:4px}
.gov-current .current-tab .current-search-form .search-btn button
{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    margin:0;
    padding:0;
    color:#fff;
    background-color:#1aabe7;
    border:0;
    text-align:center;
    border-radius:50%;
    cursor:pointer;
    outline:none;
    box-shadow:2px 2px 5px rgb(26 171 231 / 50%);
}
.gov-current .current-tab .current-search-form .search-btn button i{font-size:22px}

.gov-current .current-paging{display:flex; align-items:center; position:absolute; right:0; top:0; z-index:1}
.gov-current .current-paging .paging-num{display:flex; align-items:center}
.gov-current .current-paging .paging-num .num{margin:0 1px; line-height:1.2em; color:#505050; font-weight:normal; font-size:15px; letter-spacing:-1.4px;}
.gov-current .current-paging .paging-num .num:first-child{color:#1aabe7; font-weight:300}
.gov-current .current-paging .paging-btn{display:flex; align-items:center; margin-left:10px}
.gov-current .current-paging .paging-btn .btn
{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    margin:0 1px;
    padding:0;
    color:#fff;
    background-color:#fff;
    border:0;
    text-align:center;
    border-radius:50%;
    cursor:pointer;
    outline:none;
    box-shadow:2px 2px 5px rgb(0 0 0 / 10%);
}
.gov-current .current-paging .paging-btn .btn:after{color:#808080; font-family:remixicon; font-size:24px}
.gov-current .current-paging .paging-btn .btn.prev:after{content:'\ea64'; padding-right:2px}
.gov-current .current-paging .paging-btn .btn.next:after{content:'\ea6e'; padding-left:2px}

.gov-current .current-cont-group{position:relative; margin-top:30px}
.gov-current .current-cont{display:none}
.gov-current .current-cont.active{display:block}

.current-card-list .current-list{display:flex; flex-wrap:wrap; margin-left:-20px; margin-top:-10px}
.current-card-list .current-list li{width:25%;}
.current-card-list .current-box{display:flex; align-items:center; height:78px; margin-left:20px; margin-top:10px; padding:0 40px; padding-right:25px; background-color:#fff; border:1px solid #fff; border-radius:8px; box-sizing:border-box; transition:all .20s ease}
.current-card-list .current-box .tit{flex:none; line-height:1.2em; color:#202020; font-family:tjs; font-size:17px; font-weight:normal; letter-spacing:-1.5px}
.current-card-list .current-box .stit{margin-top:2px; line-height:1.2em; color:#808080; font-size:15px; font-weight:normal; letter-spacing:-0.8px}
.current-card-list .current-box .num{display:flex; align-items:center; position:relative; top:-1px; height:22px; margin-left:10px; padding:1px 12px 0; line-height:1.2em; color:#1aabe7; font-family:pps; font-size:14px; font-weight:normal; letter-spacing:-0.5px; background-color:#d1eefa; box-sizing:border-box; border-radius:200px}
.current-card-list .current-box.ghost{opacity:0.6}
.current-card-list .current-box:hover{border:1px solid #1aabe7}
.current-card-list .current-box.ghost:hover{border:1px solid #fff}
.current-card-list .current-box:after{content:'\ea6e'; margin-left:auto; color:#1aabe7; font-family:remixicon; font-size:24px; opacity:0}
.current-card-list .current-box:hover:after{opacity:1}
.current-card-list .current-box.ghost:hover:after{opacity:0}

.current-card-list .current-box .current-group{display:flex; flex-direction:column}
.current-card-list .current-box.group .num{top:-10px}

.gov-current .gov-nodata{display:flex; align-items:center; justify-content:center; width:1100px; min-height:190px; margin:80px auto 0; background-color:#cae9f7; border-radius:200px}
.gov-current .gov-nodata .message{display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; text-align:center}
.gov-current .gov-nodata .message .message-ico{position:relative; width:120px; height:120px; margin-top:-70px; background-color:#fff; border-radius:50%; overflow: hidden}
.gov-current .gov-nodata .message .message-ico:before{content:''; position:absolute; left:15px; top:14px; width:89px; height:176px; background:url("../images/main/gov_current_search.png") 50% 50% no-repeat; background-size:89px 176px}
.gov-current .gov-nodata .message span{margin-top:20px; line-height:135%; color:#4494b5; font-family:tjs; font-size:16px; font-weight:normal; letter-spacing:-1.2px}



/* **************************************** *
* msection-cmt
* **************************************** */
.msection-cmt{position:relative; width:1400px; margin:0 auto; padding:60px 0 60px}
.msection-cmt .cmt-inner{display:flex; position:relative; box-sizing:border-box}
.msection-cmt .cmt-l{display:flex; margin-left:-40px}
.msection-cmt .cmt-l .cmt-align{flex:none; margin-left:40px; box-sizing:border-box}
.msection-cmt .cmt-inner > .cmt-align{flex:1; margin-left:40px}

/* 알림배너 */
.cmt-banner{display:flex; flex-direction:column; width:400px; height:320px; padding:22px 39px 0; border:1px solid #ebebeb; border-radius:26px; box-sizing:border-box}
.cmt-banner .banner-top{display:flex; align-items:center}
.cmt-banner .banner-top .tit{line-height:1em; color:#202020; font-family:tjs; font-size:18px; font-weight:300; letter-spacing:-1.5px}
.cmt-banner .banner-swiper-nav{display:flex; align-items:center; position:relative; margin-left:auto; right:-10px}
.cmt-banner .banner-swiper-button-prev,
.cmt-banner .banner-swiper-button-next,
.cmt-banner .banner-swiper-button-play{display:flex; width:auto; height:auto; margin:0; padding:0; border:none; background:none; cursor:pointer}
.cmt-banner .banner-swiper-button-prev:after,
.cmt-banner .banner-swiper-button-next:after,
.cmt-banner .banner-swiper-button-play:after{font-family:'remixicon'; font-size:28px; color:#646464; transition:all .20s ease}
.cmt-banner .banner-swiper-button-prev:after{content:'\ea64'}
.cmt-banner .banner-swiper-button-next:after{content:'\ea6e'}
.cmt-banner .banner-swiper-button-play:after{content:'\efd6'; font-size:24px}
.cmt-banner .banner-swiper-button-play.active:after{content:'\f009'}
.cmt-banner .banner-swiper-button-prev.swiper-button-disabled:after,
.cmt-banner .banner-swiper-button-next.swiper-button-disabled:after{color:#d2d2d2}
.cmt-banner .banner-swiper-pagination{display:flex; align-items:center; margin:0 2px; color:#808080; line-height:1em; font-family:pps; font-size:14px; letter-spacing:1.5px}
.cmt-banner .swiper-pagination-bullet{display:flex; align-items:center; justify-content:center; width:24px; height:24px; margin:0 2px !important; padding-top:1px; color:#808080; font-family:pps; font-size:13px; font-weight:normal; background-color:#f2f2f2; opacity:1}
.cmt-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{color:#fff; background-color:#3382e9}
.cmt-banner .banner-swiper-pagination .swiper-pagination-current,
.cmt-banner .banner-swiper-pagination .swiper-pagination-total{font-size:15px}
.cmt-banner .banner-swiper-pagination .swiper-pagination-current{color:#3382e9; font-weight:300}

.cmt-banner .banner-body{margin-top:15px}
.cmt-banner .banner-swiper-container{overflow:hidden}
.cmt-banner .banner-swiper-container .swiper-box{display:block; font-size:0}
.cmt-banner .banner-swiper-container .swiper-box img{width:100%; height:auto; border-radius:8px}


/* 동영상 */
.cmt-video{display:flex; flex-direction:column; width:400px; height:320px; padding:30px 39px 0; border:1px solid #ebebeb; border-radius:26px; box-sizing:border-box}
.cmt-video .video-top{display:flex; align-items:center}
.cmt-video .video-top .tit{line-height:1em; color:#202020; font-family:tjs; font-size:18px; font-weight:300; letter-spacing:-1.5px}
.cmt-video .video-body{margin-top:20px}
.cmt-video .video-thum{display:flex; align-items:center; justify-content:center; position:relative; border-radius:8px; overflow:hidden}
.cmt-video .video-thum:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.2)}
.cmt-video .video-thum:after{content:''; position:absolute; left:50%; top:50%; width:50px; height:40px; margin-left:-25px; margin-top:-20px; background:url("../images/main/cmt_video_play.png") 50% 50% no-repeat; background-size:50px 40px}
.cmt-video .video-thum img{width:100%; height:auto; border-radius:8px}
.cmt-video .video-tit{margin-top:10px}
.cmt-video .video-tit .tit{line-height:1.4em; color:#505050; font-family:tjs; font-size:15px; font-weight:normal; letter-spacing:-1.2px}

/* 채용맞춤메뉴 */
.cmt-csmenu{display:flex; flex-direction:column}
.cmt-csmenu .csmenu-top{display:flex; align-items:center; position:relative}
.cmt-csmenu .csmenu-top .tit{display:flex; align-items:center; height:44px; padding:0 20px; line-height:1em; color:#fff; font-family:tjs; font-size:17px; font-weight:300; letter-spacing:-1.2px; background-color:#636c7d; border-radius:200px; z-index:1}
.cmt-csmenu .csmenu-top:before{content:''; position:absolute; left:0; bottom:-22px; width:22px; height:44px; background-color:#636c7d}

.cmt-csmenu .csmenu-body{display:flex; flex-wrap:wrap; margin-left:-10px; margin-top:-10px}
.cmt-csmenu .csmenu-body .csmenu-align{width:50%}
.cmt-csmenu .csmenu-body .csmenu-box{display:flex; flex-direction:column; position:relative; height:155px; margin-left:10px; margin-top:10px; padding:20px 30px 0; background-color:#f8f8f8; border-radius:18px; box-sizing:border-box}
.cmt-csmenu .csmenu-body .csmenu-box:after{content:''; position:absolute; right:30px; bottom:20px; width:66px; height:66px; background-position:right bottom; background-repeat:no-repeat; transition:all .15s ease}
.cmt-csmenu .csmenu-body .csmenu-box:hover:after{bottom:28px}

.cmt-csmenu .csmenu-body .csmenu-box .csmenu-tit{display:flex; align-items:center}
.cmt-csmenu .csmenu-body .csmenu-box .csmenu-tit .tit{display:flex; flex-direction:column; position:relative; line-height:1.2em; color:#505050; font-family:tjs; font-size:17px; font-weight:normal; letter-spacing:-1.5px; word-break:keep-all}
.cmt-csmenu .csmenu-body .csmenu-box .csmenu-tit .tit:before{content:''; width:24px; height:6px; margin-bottom:18px; background-color:#808080; border-radius:200px}

.cmt-csmenu .csmenu-body .csmenu-box.cpg{background-color:#fdecf0}
.cmt-csmenu .csmenu-body .csmenu-box.aeq{background-color:#e1ecfa}
.cmt-csmenu .csmenu-body .csmenu-box.apg{background-color:#e2f3f7}
.cmt-csmenu .csmenu-body .csmenu-box.flp{background-color:#faeee7}

.cmt-csmenu .csmenu-body .csmenu-box.cpg .csmenu-tit .tit{color:#f26183}
.cmt-csmenu .csmenu-body .csmenu-box.aeq .csmenu-tit .tit{color:#3382e9}
.cmt-csmenu .csmenu-body .csmenu-box.apg .csmenu-tit .tit{color:#119dc0}
.cmt-csmenu .csmenu-body .csmenu-box.flp .csmenu-tit .tit{color:#867062}

.cmt-csmenu .csmenu-body .csmenu-box.cpg .csmenu-tit .tit:before{background-color:#f7a6b9}
.cmt-csmenu .csmenu-body .csmenu-box.aeq .csmenu-tit .tit:before{background-color:#8ab7f1}
.cmt-csmenu .csmenu-body .csmenu-box.apg .csmenu-tit .tit:before{background-color:#79c8db}
.cmt-csmenu .csmenu-body .csmenu-box.flp .csmenu-tit .tit:before{background-color:#c0afa4}

.cmt-csmenu .csmenu-body .csmenu-box.cpg:after{background-image:url("../images/main/cmt_nav_cpg.png"); background-size:42px 41px}
.cmt-csmenu .csmenu-body .csmenu-box.aeq:after{background-image:url("../images/main/cmt_nav_aeq.png"); background-size:52px 37px}
.cmt-csmenu .csmenu-body .csmenu-box.apg:after{background-image:url("../images/main/cmt_nav_apg.png"); background-size:47px 42px}
.cmt-csmenu .csmenu-body .csmenu-box.flp:after{background-image:url("../images/main/cmt_nav_flp.png"); background-size:47px 41px}