@charset "utf-8";

.main-container *{font-family:'NexenTire';}
.main-container ul:after{display:none;}

.main_search{margin:0 auto 60px auto;width:1200px;display:flex;justify-content:space-between;align-items:center;}
.main_search_txt{display:flex;flex-direction:column;gap:16px;}
.main_search_txt strong{font-size:clamp(20px,2.5vw,35px);color:#fff;font-weight:700;}
.main_search_txt span{font-size:clamp(16px,2vw,28px);color:#fff;}

.main_chart_search{width:540px;background:#fff;height:58px;border-radius:58px;overflow:hidden;display:flex;align-items:center;padding:0 30px;
    box-shadow:4px 4px 4px rgba(0,0,0,0.2);
}
.main_chart_search input{border:none;height:100%;font-family:'NotoKrR';font-size:18px;width:100%;}
/*.main_chart_search:before{*/
/*    width:33px;*/
/*    height:29px;*/
/*    background-image:url(/images/uportal/main/ico_search.png);*/
/*    background-size:100%;*/
/*    background-repeat:no-repeat;*/
/*    content:"";*/
/*    display:inline-block;*/
/*    margin:0 20px;*/
/*}*/
.main_chart_search button{
    flex-shrink: 0;
    width:33px;
    height:29px;
    background:url(/images/uportal/main/ico_search.png) no-repeat center center;
    display:block;
    text-indent:-9999px;
}

.main_visual{background:url(/images/uportal/main/bg_main_visual.png) no-repeat center 0;background-size:cover;padding:60px 0;}
.main_inner{margin:0 auto;width:1200px;display:flex;justify-content:space-between;}
.main_box{display:flex;flex-direction:column;gap:20px;}
.main_ex{color:#fff;font-size:16px;text-align:right;}


.main_box > ul{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.main_box > ul li a{display:flex;flex-direction:column;background:#fff;border-radius:14px;padding:20px;width:224px;box-sizing:border-box;transition:all 0.2s;}
.main_box > ul li a div:first-child{display:flex;flex-direction:column;gap:7px;height:80px;}
.main_box > ul li a div:first-child span{line-height:1.1;font-size:clamp(16px, 2vw, 21px);color:#000;font-weight:700;word-break:keep-all;}
.main_box > ul li a div:first-child em{
    font-size:clamp(14px,2vw,17px);
    color:#888;
    font-family:'NotoKrR';
    display:block;
    margin-top:5px;
}
.main_box > ul li a div:last-child{display:flex;justify-content:flex-end;align-items:flex-end;}
.main_box > ul li a div:last-child strong{font-family: 'Poppins';font-size:clamp(25px, 3vw, 42px);color:#00A461;font-weight:700;line-height:0.8;}
.main_box > ul li a div:last-child span{font-size:clamp(14px, 2vw, 16px);color:#000;font-family:'NotoKrM';}
.main_box > ul li.on a{background:#00A461;}
.main_box > ul li.on div *{color:#fff !important;}
.main_box > ul li:hover a{background:#00A461;}
.main_box > ul li:hover div *{color:#fff !important;}

.main_chart{width:600px;display:flex;gap:70px;flex-direction:column;}
.main_chart_box{display:flex;flex-direction:column;gap:15px;}
.main_chart_box_title{display:flex;flex-direction:column;align-items:baseline;gap:10px;}
.main_chart_box_title strong{font-size:clamp(18px, 2vw, 26px);color:#fff;font-weight:700;}
.main_chart_box_title span{font-size:14px;color:#FFC04C;font-family:'NotoKrM';display:inline-block;border:1px solid #FFC04C;padding:5px 12px;border-radius:20px;}

footer{background:#F4F1EF;border:none;}

.stat_service{margin:45px auto;width:1200px;display:flex;justify-content:space-between;align-items:center;}
.stat_service > div{display:flex;flex-direction:column;gap:20px;}
.stat_service > div strong{font-size:clamp(18px,2vw,27px);color:#000;font-weight:700;}
.stat_service > div span{font-size:16px;color:#888;font-family:'NotoKrR';line-height:1.2;}
.stat_service > ul{display:flex;gap:34px;}
.stat_service > ul:after{display:none;}
.stat_service > ul li a{display:block;font-size:14px;color:#585858;font-family:'NotoKrB';padding:100px 0 0 0;width:90px;text-align:center;line-height:1.2;transition:all 0.2s;}
.stat_service > ul li a:hover{color:#000;transform: scale(1.1);}
.stat_service > ul li:nth-child(1) a{background:url(/images/uportal/main/main_svc01.png) no-repeat center 0;background-size:contain;}
.stat_service > ul li:nth-child(2) a{background:url(/images/uportal/main/main_svc02.png) no-repeat center 0;background-size:contain;}
.stat_service > ul li:nth-child(3) a{background:url(/images/uportal/main/main_svc03.png) no-repeat center 0;background-size:contain;}
.stat_service > ul li:nth-child(4) a{background:url(/images/uportal/main/main_svc04.png) no-repeat center 0;background-size:contain;}
.stat_service > ul li:nth-child(5) a{background:url(/images/uportal/main/main_svc05.png) no-repeat center 0;background-size:contain;}
.stat_service > ul li:nth-child(6) a{background:url(/images/uportal/main/main_svc06.png) no-repeat center 0;background-size:contain;}
.stat_service > ul li:nth-child(7) a{background:url(/images/uportal/main/main_svc07.png) no-repeat center 0;background-size:contain;}

.stat_pub{position:relative;margin:45px auto;width:1200px;background:#FDF8E5;border-radius:20px;padding:30px 0;}
.stat_pub h3{font-size:clamp(18px,2vw,27px);font-weight:700;color:#E37F40;display:block;text-align:center;margin:0 0 30px 0;}
/*.stat_pub_book{display:flex;justify-content:center;}*/
/*.stat_pub_book ul{display:flex;}*/
/*.stat_pub_book ul li{width:210px;margin:0 30px;}*/

.stat_pub_book ul{overflow:hidden;padding:0 0 5px 0;}
.stat_pub_book ul li{float:left;}
.stat_pub_book ul li a{display:block;border-radius:15px;overflow:hidden;/*box-shadow:5px 5px 0 rgba(0,0,0,0.1);*/width:210px;
    box-shadow:5px 5px 0px rgba(0,0,0,0.1);
    transition:all 0.1s;
}
.stat_pub_book ul li a:hover{outline:2px solid #e37f40;outline-offset:-2px;}
.stat_pub_book ul li a img{max-width:100%;}

.stat_pub_book .bx-viewport{padding:0 5px 5px 0;border-radius:15px;}

.stat_pub_btn{position:absolute;top:34px;right:82px;}
.stat_pub_btn a{margin:0 5px;}
.stat_pub_btn a:first-child{width:14px;height:17px;background:url(/images/uportal/main/arrow_org.png) no-repeat center center;text-indent:-9999px;display:inline-block;}
.stat_pub_btn a:last-child{transform:rotate(180deg);width:14px;height:17px;background:url(/images/uportal/main/arrow_org.png) no-repeat center center;text-indent:-9999px;display:inline-block;}

.noti_software{width:1200px;margin:45px auto;display:flex;justify-content:space-between;gap:50px;}
.noti_software h3{color:#000;font-size:clamp(18px,2vw,27px);font-weight:700;display:block;margin:0 0 20px 0;}

.main_notice{position:relative;}
.main_notice ul{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.main_notice ul li a{width:320px;display:flex;background:#F5F5F5;border-radius:20px;padding:20px 30px;flex-direction:column;gap:10px;box-sizing:border-box;transition:all 0.2s;}
.main_notice ul li a:hover{background:#fdf5d5;}
.main_notice ul li a strong{font-size:clamp(15px, 2vw, 17px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;color:#000;font-family:'NotoKrB';}
.main_notice ul li a span{color:#666;font-size:15px;font-family:'NotoKrR';
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    height: 36px;
    -webkit-box-orient: vertical;
    line-height:1.2;
}
.main_notice ul li a span p{
    color:#666;
    font-size:15px;
    font-family:'NotoKrR';
}
.main_notice ul li a em{color:#000;font-size:15px;font-family:'NotoKrB';}
.main_notice > a{position:absolute;top:0;right:0;width:20px;height:20px;background:url(/images/uportal/main/ico_plus.png) no-repeat center center;display:block;text-indent:-9999px;
    transition: transform 0.2s ease-in-out;
}
.main_notice > a:hover {
    transform: rotate(90deg);
}

.main_software{position:relative;width:100%;}
/*.main_software_box{display:flex;border-radius:25px;flex-direction:column;justify-content:center;background:url(/images/uportal/main/main_soft01.png) no-repeat 0 0;background-size:100% 100%;height:275px;align-items:baseline;padding:0 0 0 60px;}*/
.main_software_box{display:flex;border-radius:25px;flex-direction:column;justify-content:center;background-size:100% 100%;background-repeat:no-repeat;background-position:0 0;height:275px;align-items:baseline;padding:0 0 0 60px;}
.main_software_box span{color:#fff;font-size:clamp(18px, 2vw, 26px);font-family:'NotoKrB';line-height:1.3;padding:0 20px 0 0;}
.main_software_box a{color:#000;font-size:clamp(14px, 2vw, 15px);font-family:'NotoKrM';background:#fff;display:block;padding:12px 26px;border-radius:20px;margin:30px 0 0 0;}
.main_software_box a:hover{color:#fff;background:#00A461;}
.main_software .bx-viewport{border-radius:25px;}

.soft_btn{position:absolute;top:0;right:0;}
.soft_btn a{margin:0 5px;}
.soft_btn a:first-child{width:14px;height:17px;background:url(/images/uportal/main/arrow_bk.png) no-repeat center center;text-indent:-9999px;display:inline-block;}
.soft_btn a:last-child{transform:rotate(180deg);width:14px;height:17px;background:url(/images/uportal/main/arrow_bk.png) no-repeat center center;text-indent:-9999px;display:inline-block;}

/* bxslider */
.bx-wrapper{
    box-shadow:none !important;
    border:none !important;
    background:none !important;
    margin:0 auto !important;
}
.bx-viewport{
    /*padding:10px;*/
}
/*.bx-wrapper .bx-controls-direction a{height:44px !important;}*/
/*.bx-wrapper .bx-prev{*/
/*    left:-70px !important;*/
/*    width: 20px;*/
/*    height: 44px;*/
/*    background: url(/images/uportal/main/arrow_org.png) no-repeat center center !important;*/
/*}*/
/*.bx-wrapper .bx-next{*/
/*    right:-70px !important;*/
/*    transform: rotate(180deg);*/
/*    width: 20px;*/
/*    height: 44px;*/
/*    background: url(/images/uportal/main/arrow_org.png) no-repeat center center !important;*/
/*}*/

/* response web mobile */
@media only all and (max-width: 1200px) {
    .main_visual{padding:40px 0;}
    .main_search{flex-direction:column;width:auto;gap:30px;padding:0 20px;margin:0 auto 40px auto;}
    .main_search_txt{align-items:center;}
    .main_chart_search{width:calc(100% - 60px);}

    .main_chart{width:auto;}
    .main_chart_box_title{flex-direction:row;justify-content:space-between;align-items:center;}

    .main_box{margin-bottom:20px;}
    .main_box > ul li a{width:auto;}

    .main_inner{flex-direction:column;width:auto;padding:0 20px;}

    .stat_pub{width:auto;margin:0 20px;padding:30px;}
    .stat_pub h3{margin:0 0 20px 0;}
    .stat_pub_btn{right:30px;}

    .stat_service{flex-direction:column;width:auto;gap:40px;}
    .stat_service > ul{flex-wrap:wrap;justify-content:center;}
    .stat_service > div{align-items:center;gap:6px;}
    .stat_service > div span br{display:none;}

    .noti_software{flex-direction:column;width:auto;padding:0 20px;}
    .main_notice ul{grid-template-columns:repeat(auto-fit, minmax(40%, 1fr));}
    .main_notice ul li a{width:auto;}

    .main_software_box{height:195px;}
}

@media only all and (max-width: 768px) {
    .main_notice ul{grid-template-columns:repeat(auto-fit, minmax(100%, 1fr));}
}

@media only all and (max-width: 414px) {

}

.popup_okti{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:9999;display: flex; align-items: center;}
.popup_okti > div{width:480px;margin:120px auto 0 auto;position: relative}
.popup_okti a{display: flex;justify-content: center;}
.popup_okti > div .foot_pop{position:relative;height:32px;background:#000000;display:flex;justify-content: space-between;padding:0 5px 0 10px;line-height:32px;}
.popup_okti > div .foot_pop .today label{color:#ffffff;}

.popup_okti > div .foot_pop .btns{display: flex}
.popup_okti > div .foot_pop .btns a{width: 30px;height: 30px;display: block;text-indent: -9999px;font-size: 0;line-height: 0;opacity:0.4}
.popup_okti > div .foot_pop .btns a.play{background:url(/images/uportal/main/icon_play2.png) no-repeat center }
.popup_okti > div .foot_pop .btns a.stop{background:url(/images/uportal/main/icon_stop.png) no-repeat center }
.popup_okti > div .foot_pop .btns a.pause{background:url(/images/uportal/main/icon_pause.png) no-repeat center }
.popup_okti > div .foot_pop .btns a.on{opacity: 1 !important}

.pop_closed{position: absolute;top:0px;right:0px;z-index: 9}
.pop_closed a{width: 50px;height: 50px;background:#4311f3 url(/images/uportal/main/btn_x_new.png) no-repeat center;display: block;font-size: 0;text-indent: -9999px;
    box-shadow: -2px 5px 8px rgba(0, 0, 0, .5)}

/*  팝업 */
.popup_okti > div{position: relative}
.popup_okti > div .arrowbtn{width: 100%;height: 100%;position: absolute;}
.popup_okti > div .arrowbtn a{position: absolute;top:45%;display: block;width: 50px;height: 50px;font-size: 0;border-radius: 50%; z-index: 9999}
.popup_okti > div .arrowbtn a.left_arrow{left:-20px;background:rgba(0,0,0,.6) url(/images/uportal/main/arrow_left.png) no-repeat center;background-size: 50%}
.popup_okti > div .arrowbtn a.right_arrow{right:-20px;background:rgba(0,0,0,.6) url(/images/uportal/main/arrow_right.png) no-repeat center;background-size: 50%;}
.popup_okti > div img{max-width:100%;}

@media only all and (max-height: 800px) {
    .popup_okti > div{margin: 2% auto;width: 500px;position: relative}

}
@media only all and (max-width: 480px) {
    .popup_okti{display: flex; align-items: center;padding: 20px;box-sizing:border-box;}
    .popup_okti > div{margin: 0 auto;width: 100%}
    .popup_okti > div img{max-width:100%;}
    .popup_okti > div .arrowbtn a{position: absolute;top:40%;display: block;width: 35px;height: 35px;font-size: 0;border-radius: 50%}
    .popup_okti > div .arrowbtn a.left_arrow{left:-10px}
    .popup_okti > div .arrowbtn a.right_arrow{right:-10px}

}