@charset "utf-8";

/* main{grid-template-columns: 700px 1fr;gap :20px 38px; } */
main{gap: 0 38px;}
.mn_ban{width: 700px;; border-radius: 9px; overflow: hidden;}
.mn_ban .slick-list, 
.mn_ban .slick-track,
.mn_ban .slick-slide > div{height: 100%; }
.mn_ban .item{ background:#065C9F url(../images/mnban_bg.png) no-repeat; background-position:calc(100% - 30px) calc(100% - 30px); padding: 50px 30px 30px 60px; height: 100%; }
.mn_ban .txt_wrap{width: 80%; max-width:460px }
.mn_ban .txt_wrap h2{color:#fff;font-family: 'korailGothic'; font-weight: bolder; margin-bottom: 40px; }
.mn_ban .txt_wrap span{color:#fff; font-weight:500;font-size: 17px;display:block; margin-bottom: 80px;}

.mn_ban .txt_wrap span .desc{display:block; font-size:clamp(18px, 4vw, 22px); line-height: 1.3; margin-bottom: 16px; font-weight:500;}

.mn_ban .txt_wrap a{border-radius: 25rem; background:#fff; padding: 15px 90px 15px 30px ; display:inline-block; font-weight: 500; position:absolute;bottom: 100px;}
.mn_ban .txt_wrap a:before,
.mn_ban .txt_wrap a:after{content:''; display:block; position:absolute; top:50%; right: 30px; background: #333; border-radius: 25rem; width: 8px; height: 2px;}
.mn_ban .txt_wrap a:before{transform: translateY(calc(-50% - 3px)) rotate(45deg); }
.mn_ban .txt_wrap a:after{transform: translateY(calc(-50% + 3px)) rotate(-45deg); }

.mn_ban .slick-dots{bottom: 20px;width: auto; background: rgba(255,255,255,0.2); border-radius: 25rem; display:flex; align-items:center; left: 50%; transform:translateX(-50%);}
.mn_ban .slick-dots li{margin: 0 ;}
.mn_ban .slick-dots li button:before{top: calc(50% + 1px); left: 50%; transform:translate(-50%, -50%) ; font-size: 10px;color:#fff;}
.mn_ban .slick-dots li.slick-active button:before{color:#fff;font-size: 12px;}

.mn_ban .slick-dots li button:focus{outline:2px solid #000}
.mn_ban + .right{width: calc(100% - 738px);}
/*메인 공지사항&&보도자료*/
.mn_tab{width:calc(66% - 8px); display:inline-block; }
.mn_tab .nav-tabs .nav-link{border:1px solid #E5E5E5; border-radius: 25rem;color:#848484;  font-weight:500;padding: 8px 20px 6px 20px ;}
.mn_tab .nav-tabs .nav-link.active{border:1px solid transparent; background: linear-gradient(135deg, #0087D1, #5FAF59); color:#fff; }
.mn_tab .tab-pane{position:relative;}

.mn_slide .slick-list{margin-left: -8px; margin-right: -8px;}
.mn_slide .slick-slide{margin:0 8px; }
.mn_slide .slick-slide > div:not(:nth-child(1)){margin-top: 16px;}
.mn_slide .item{display:block!important;}
.mn_slide .item a{padding: 36px clamp(20px, 2vw, 30px); background: #F1F5F9; border-radius: 8px; overflow: hidden;}
.mn_slide:not(.mn_photo) .item a.img_box{height: calc(72px + 74px + 14px + 19.5px);background: #f5f5f5; padding:0;}
.mn_slide:not(.mn_photo) .item a.img_box img{object-fit:cover;opacity:0.2;}
.mn_slide .item .titl{font-weight:700; overflow: hidden;text-overflow: ellipsis;height:74px; margin-bottom: 14px;width: 100%;  display:-webkit-box; -webkit-box-orient:vertical ; -webkit-line-clamp:3;;}
.mn_slide .item .date{font-size:13px; color:#858585}


.mn_slide_arrow{position:absolute; top:calc(-2rem - 25px); border:1px solid #eaeaea; width: 90px; height: 44px; background: #fff; right:0; border-radius: 25rem;display:flex; flex-direction: row; align-items:center; ;}
.mn_slide_arrow li{width:45px; position:relative;height: 100%; border:0; background:transparent;padding:0; cursor: pointer;}
.mn_slide_arrow li:hover:before,
.mn_slide_arrow li:hover:after{background-color:var(--dn_blue);}
.mn_slide_arrow li:before,
.mn_slide_arrow li:after{content:''; display:block; width: 12px; height: 3px; background-color: #ccc; border-radius: 3px; position:absolute; top:50%; left:50%; transform: translate(-50%, calc(-50% + 3px)) rotate(45deg); transition:background-color 0.3s; }
.mn_slide_arrow li:after{transform: translate(-50%, calc(-50% - 3px)) rotate(-45deg);}
.mn_slide_arrow .next{transform: rotate(180deg);}
.mn_slide_arrow:after{content:''; display:block; width: 1px; height: 18px; background: #ddd; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%)}


/*메인포토뉴스*/

.mn_photo_wrap{width:calc(33% - 8px);display:inline-block;float:right; position:relative;}
.mn_photo_wrap:before{content:''; display:block; width: 3px; height: calc(100% - 42px - 14px); background:linear-gradient(to bottom, #0087D1, #8FC31F); position:absolute; bottom: 0;  left:-12px;  border-radius: 25rem;}
.mn_photo_wrap .tit_wrap{display:flex; flex-direction: row; justify-content:space-between; align-items:flex-start; margin-bottom: 11px; }
.mn_photo_wrap .tit_wrap h5{border:1px solid transparent; background: linear-gradient(135deg, #0087D1, #5FAF59); color:#fff; border-radius: 25rem; font-weight: 500; padding:8px 20px 6px 20px; font-size: 16px;}
.mn_photo_wrap .tit_wrap .mn_slide_arrow{position:relative; top:unset; }
.mn_photo .item a{padding: 0!important;; position: relative; height: calc(72px + 74px + 14px + 19.5px)}
.mn_photo .item a img{object-fit: cover;}
.mn_photo .item a .desc{position:absolute; bottom: 0; left: 0;; width: 100%; padding: 16px 20px 14px 20px;background:rgba(0,0,0,0.5); color:#fff; 
font-weight: 500; font-size: 15px ; backdrop-filter:blur(1px)}










/*메인 아이콘*/
.mn_quick li{width: 50%; display:flex; flex-direction: column; justify-content:center; align-items:center; position:relative;padding-bottom: 1.5rem;}
.mn_quick li:not(:last-child):after{content:''; display:block; width: 1px; height: 100%; max-height: 40px; background: #eaeaea; position:absolute; top:50%; right:0; transform: translateY(-50%);}
.mn_quick li .img_box{width:50px; height: 50px; margin:0 auto 14px auto;}
.mn_quick li em{ word-break:keep-all; display:flex; flex-direction: column; align-items: center; justify-content:center;; height: 40px; text-align:center; padding: 0 8px;}

/*alert_wrap 서치++경보알람단계*/
.alert_wrap{background: linear-gradient(to right, #0087D1, #65B153); width: 100%; padding:28px clamp(60px,5vw, 100px); border-radius: 8px;column-gap: 38px;}
.alert_wrap .mn_sch{width: 50%; max-width: 600px; }
.alert_wrap .mn_sch label{display:block; font-family: 'wavvePado'; font-size:clamp(30px, 2vw, 36px);  color:#fff; ;}
.alert_wrap .mn_sch input{width: 100%; max-width: 400px;background:transparent; border:0; border-bottom: 1px solid #fff; color: #fff; font-size: 15px; }
.alert_wrap .mn_sch input::placeholder{color:#fff;  font-size: 15px;}
.alert_wrap .mn_sch button{background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 26 26'  %3E%3Cpath fill='%23fff' d='m25.648 23.591-4.924-4.909a11.47 11.47 0 0 0 2.447-7.1 11.586 11.586 0 1 0-11.585 11.589 11.47 11.47 0 0 0 7.1-2.447l4.909 4.924a1.454 1.454 0 1 0 2.056-2.056ZM2.9 11.586a8.689 8.689 0 1 1 8.689 8.689A8.689 8.689 0 0 1 2.9 11.586Z'/%3E%3C/svg%3E"); 
border:0; text-indent:-9999px; width: 20px; height: 20px; position:absolute; top:50%;transform: translateY(-50%); right:0; background-repeat:no-repeat; background-position:center center;}

.alert_wrap .ale_area{width: calc(100% - 600px);}
.alert_wrap .ale_area > div{column-gap: 2rem;}
.alert_wrap .ale_area .titl{min-width: 230px;}
.alert_wrap .ale_area h5{font-size: 22px; font-weight: bolder;color:#fff; letter-spacing: -1px;min-width: 190px; text-align: center;}
.alert_wrap .ale_area .date_wrap{background: #fff; border-radius: 25rem; padding: 4px; width: 90%; font-size: 15px; color:#747474; font-weight: 700; column-gap: 2px;}
.alert_wrap .ale_area .date_wrap span:nth-child(2){color:#2d2d2d;}
.alert_wrap .ale_area .date_wrap button{border:0; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.999' height='13.938'%3E%3Cpath d='m9.435 0 4.128.584-1.517 1.518A6.992 6.992 0 1 1 5.189.177l.257.967a6.007 6.007 0 1 0 5.89 1.666l-1.312 1.312-.142-.99Z'/%3E%3C/svg%3E"); 
width: 14px; height: 14px; margin-left:3px; transition: all 0.3s; background-repeat: no-repeat; background-position:center center;}
.alert_wrap .ale_area .date_wrap button:hover{transform:rotate(-35deg); transition: all 0.3s;}
.alert_wrap .ale_area .top_of_stair{min-width: 74px; min-height: 74px; border: 3px solid rgba(255,255,255,0.25); background: #ddd; border-radius: 50%;  display:flex; flex-direction: column; justify-content:center; align-items:center; width: 74px; height:74px; }
.alert_wrap .ale_area .top_of_stair:after{color:#fff; font-size: 22px; font-weight: bolder;}
/*정상 nor / 관심 int / 주의 cau / 경계 bou / 심각 dan*/
.alert_wrap .ale_area .top_of_stair.nor{background: #43C6FF;}
.alert_wrap .ale_area .top_of_stair.nor:after{content:'정상';}
.alert_wrap .ale_area .top_of_stair.int{background: #FFC830;}
.alert_wrap .ale_area .top_of_stair.int:after{content:'관심';}
.alert_wrap .ale_area .top_of_stair.cau{background: #FF9730;}
.alert_wrap .ale_area .top_of_stair.cau:after{content:'주의';}
.alert_wrap .ale_area .top_of_stair.bou{background: #E13333;}
.alert_wrap .ale_area .top_of_stair.bou:after{content:'경계';}
.alert_wrap .ale_area .top_of_stair.dan{background: #5848B4;}
.alert_wrap .ale_area .top_of_stair.dan:after{content:'심각';}

.alert_wrap .ale_area .ale_stair li{background: rgba(235,221,221,0.28); padding: 6px; font-size: 16px; color:#fff; font-weight: bolder; min-width: 60px; text-align: center; ;}
.alert_wrap .ale_area .ale_stair li.nor.on{background: #43C6FF; }
.alert_wrap .ale_area .ale_stair li.int.on{background: #FFC830; }
.alert_wrap .ale_area .ale_stair li.cau.on{background: #FF9730; }
.alert_wrap .ale_area .ale_stair li.bou.on{background: #E13333; }
.alert_wrap .ale_area .ale_stair li.dan.on{background: #5848B4; }


/*공통 ++ 메인제목*/
.main_sec{padding-top: 80px; padding-bottom: 80px;}
.main_sec .tit_wrap{padding-bottom: 24px; border-bottom: 1px solid #E5E5E5}
.main_sec .tit_wrap h3{ font-family: 'escor'; font-size:clamp(30px, 7vw, 37px); color:#232323; font-weight:600;}
.main_sec .tit_wrap h3 span{color:var(--dn_blue);}


/*교육프로그램 신청*/
.mn_edu{padding-top: 40px;}
.mn_edu .edu_list{margin-top: 46px;display:flex; flex-direction: row; column-gap:24px; }
.mn_edu .edu_list .item{width:calc(20% - 20px); }
.mn_edu .edu_list .item .img_box{width: 100%; aspect-ratio: 3/2; border-radius: 10px; overflow: hidden; margin-bottom: 20px;border:1px solid #e5e5e5; }
.mn_edu .edu_list .item .img_box img{object-fit: cover;}
.mn_edu .edu_list .item .tit{ display:block; margin-bottom: 24px; font-size: 17px;}
.mn_edu .edu_list .item .date em{color: #6d6d6d; font-weight: 500; position:relative;min-width: 58px; text-align:justify; text-align-last:justify;}
.mn_edu .edu_list .item .date em:after{content:''; display:block; width: 1px ;height: 11px; background: #ddd; position:absolute; top:5px; right:-1px}
.mn_edu .edu_list .item .date i{color: #858585;}


/*인프라*/
.mn_infra{background:#fff url(../images/bg_infra.png); background-size: 30%; background-position: left top;background-blend-mode: exclusion;background-repeat: no-repeat;;}

.mn_infra .tit_wrap{width: 30%; }
.mn_infra .tit_wrap h3{margin-bottom: 30px;}
.infra_wrap{z-index: 33;;}
.infra_wrap .slick-dots{font-size:17px; font-weight: bolder; transform:translate3d(0,0,0)!important;display:flex; flex-direction: column;position:relative;}
.infra_wrap .slick-dots li{width: unset; height: unset; }
.infra_wrap a{transition: all 0.3s;cursor: pointer; font-weight:500;}
.infra_wrap a:before{content:''; display:block; width: 0; height:4px; background:linear-gradient(to right, #0087D1 , #8FC31F); border-top-right-radius: 25rem; border-bottom-right-radius: 25rem;position:absolute; top:24px; left:calc(((-100vw + 1530px) / 2) - 115px);;visibility: hidden;}



.infra_info{cursor: grab;}
.infra_info .item{background: #fff; border-radius: 10px; border-bottom-right-radius:100px;  box-shadow: 3px 3px 16px rgba(151,164,177, 0.45);padding:clamp(40px,5vw,60px);transition: all 0.5s;}
.infra_info .item .txt_wrap h3{font-size: clamp(22px, 5vw , 28px); font-weight: bolder; margin-bottom: 44px; }
.infra_info .item .txt_wrap p{color:#6D6D6D; }
.infra_info .item .txt_wrap .dtl_view{color:#fff; font-weight: bolder; background:linear-gradient(145deg, #0087D1, #8FC31F); padding: 10px 30px; width: 100%; max-width: 200px; border-radius: 25rem;margin-top:auto; position:relative;}
.infra_info .item .txt_wrap .dtl_view:before,
.infra_info .item .txt_wrap .dtl_view:after{content:''; display:block; width: 7px; height: 2px; background: #fff; border-radius: 45rem; position:absolute; top:50%; right:30px; transform:translateY(calc(-50% - 2px)) rotate(45deg); transition: all 0.4s;}
.infra_info .item .txt_wrap .dtl_view:after{ transform:translateY(calc(-50% + 2px)) rotate(-45deg)}
.infra_info .item .txt_wrap .dtl_view:hover:before,
.infra_info .item .txt_wrap .dtl_view:hover:after{right: 24px; transition: all 0.4s;}

.infra_info .item .img_box{width:100%; max-width: 190px; border-radius: 10px; border-bottom-right-radius: 56px;overflow: hidden;margin-left:clamp(20px, 1vw, 30px);height: 270px;}
.infra_info .item .img_box img{object-fit: cover;;}


/*채용공고*/
.mn_recr{background: url(../images/bg_recr.png) no-repeat; background-size:cover; background-position:center center; padding-top:100px;padding-bottom: 100px;  margin-top: 60px}
.recr_list .slick-list{margin-left: -7px; margin-right: -7px;}
.recr_list.slick-dotted.slick-slider{margin-bottom: 0 ; margin-top:10px;padding-top:30px;}
.recr_list .slick-slide{margin-left:7px; margin-right: 7px;}
.recr_list .slick-slide > div:first-child{margin-bottom: 7px;}
.recr_list .item{background:#fff; border-radius:5px; overflow: hidden; }
.recr_logo{ border-bottom: 1px solid #E5E5E5; padding: 0.5rem 1rem; height: 64px; }
.recr_logo img{margin: 0 auto; width: 100%; height: 100%; object-fit: contain;;}
.recr_inf{padding: 25px 35px;}
.recr_nam{color:#6d6d6d; font-size: 15px;;}
.recr_tit{font-size: 17px; ;}
.recr_dat{font-size: 14px; font-weight: 400;color:#989898; margin-top: 35px;}
.recr_dots{width:max-content; }
.recr_dots .slick-dots{position: unset;width: max-content; display:flex; flex-direction:row; align-items:center; }
.recr_dots .slick-dots li{margin-left: 2px; margin-right:2px;width: 16px; height:16px;display:inline-flex; justify-content:center; align-items: center; }
.recr_dots .slick-dots li button{width:8px; height: 8px;border-radius: 50%; background:#fff; opacity: 0.2; transition:all 0.2s;}
.recr_dots .slick-dots li button:before{display: none;;}
.recr_dots .slick-dots li.slick-active button{width: 12px; height:12px; opacity: 1; transition:all 0.2s;}
.recr_play{width: 28px; height: 28px; border:1px solid rgba(255,255,255,0.4); border-radius: 50%; cursor: pointer; background-position:center center; background-repeat:no-repeat; background-size:10px;}
.recr_play.pause{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.477' height='10.301'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2.5'%3E%3Cpath d='M1.251 9.05v-7.8M7.227 9.05v-7.8'/%3E%3C/g%3E%3C/svg%3E");}
.recr_play.play{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='15'%3E%3Cpath fill='%23fff' d='M8.933 6.7a1 1 0 0 1 0 1.6L1.6 13.8A1 1 0 0 1 0 13V2a1 1 0 0 1 1.6-.8Z'/%3E%3C/svg%3E");background-position:calc(50% + 1px) calc(50% + 1px); }

/**/
.mn_security{padding-top: 30px;}
.mn_security .tit_wrap{border-bottom:0; padding-bottom: 20px;}
.mn_security .tit_wrap h3{font-size: clamp(26px, 3vw, 32px);  display:flex;align-items:center;column-gap: 10px;;min-width: fit-content;}
.mn_security .tit_wrap h3 span{min-width: fit-content;}

.mn_security .bg_box{width:calc(100% - 360px); column-gap: 20px; background: linear-gradient(to bottom, #F1F5F9, transparent); border-top-right-radius: 60px;border-bottom-right-radius: 60px;padding:84px 0 0px 0; position:relative; justify-content:flex-start; }
.mn_security .bg_box:before{content:''; display:block; width: calc(((100vw - 1530px) / 2) + 15px);height: 100%; position:absolute;  top:0;left: calc(((-100vw + 1530px) / 2) - 15px);background:linear-gradient(to bottom, #F1F5F9, transparent); }




.box_secur{width: calc(60% - 30px); padding-right: clamp(20px,1.4vw,40px);}
.box_secur .box button{ color: #fff; font-weight:600; display:inline-flex; padding: 4px 10px; border-radius: 4px; top:30px; left: -16px;
border:0;cursor:unset; }
.box_secur .box.sc_box button{background:#004992}
.box_secur .box.we_box button{background:#0087D1}
.box_secur .list_wrap{background:#fff; box-shadow: 0 3px 16px rgba(225,231,235,0.9);padding: 28px; padding-left:84px; border-radius: 15px; }
.box_secur .list_wrap .item:not(:last-child){border-bottom: 1px dotted #dadada;}

.box_secur .list_wrap .item{padding: 14px 0; }
.box_secur .list_wrap .item:first-child{padding-top:0; }
.box_secur .list_wrap .item:last-child{padding-bottom:0;}
.box_secur .list_wrap .item .desc{width:100%; margin-bottom: -8px; font-weight: 600;}
.box_secur .list_wrap .item .date{color:#aaa; font-size: 15px; display:inline-block;}

.box_cyberDanger{width:calc(40% - 36px);}
.box_cyberDanger .list_wrap{position:relative;padding-left: 15px; display:flex; flex-direction: column; justify-content:space-between; height: calc(100% - 60px);row-gap: 16px; }
.box_cyberDanger .list_wrap:before{content:''; display:block; width: 4px; border-radius: 25rem; background: linear-gradient(to bottom, #0087D1, #8FC31F); height: 100%; position:absolute;left:0; }
.box_cyberDanger .item{padding: 25px clamp(26px,2vw ,40px); background:#fff; box-shadow: 3px 3px 16px rgba(151, 164,177, 0.3); border-radius: 10px;height: 25%}
.box_cyberDanger .item a{height: 100%; display:flex; flex-direction: column; justify-content:space-between;}
.box_cyberDanger .item .desc{line-height: 1.3; height: 42px; font-weight: 600;}
.box_cyberDanger .item .date{color:#aaa; font-size: 15px; display:inline-block;}


.smis_msg{width: 330px; height: 670px;margin-left: auto;}
.smis_msg > div{background:url(../images/bg_phone.png) no-repeat; background-size: contain; width: 100%; max-width: 330px; height:calc(100% - 10px); margin-top: 30px;padding: 0 22px 0 32px;border-radius:53px;
box-shadow: 7px 6px 26px #D5D7D8;}
.smis_msg .tit_wrap{padding-bottom: 8px;}
.smis_msg .tit_wrap h3{padding-top: 68px; font-size: 24px; justify-content:center; margin-right: 10px; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px;}
.smis_msg .list_wrap{padding: 24px 0;height: calc(100% - 170px); overflow-y:auto;padding-right: 10px}
.smis_msg .list_wrap::-webkit-scrollbar{background: #f5f5f5; width: 4px;}
.smis_msg .list_wrap::-webkit-scrollbar-thumb{background: #ddd;}
.smis_msg .item:not(:last-child){margin-bottom: 28px}
.smis_msg .date{color:#b8b8b8; font-size: 12px;  font-weight:500;}
.smis_msg .desc{background:#f3f3f3; padding: 24px; color:#6d6d6d; border-radius: 16px; line-height: 1.25; font-size: 14px; font-weight:500;
width:100%; display:block;}




@media (min-width: 1200px) and (max-width:9999px){
    /*인프라*/
    
    .infra_wrap a{position:relative;padding-top: 15px; padding-bottom: 15px;text-align: left;}
    
    .infra_wrap a.hover,
    .infra_wrap .slick-active a{padding-left: 30px;transition: all 0.3s; font-weight: bolder;}
    .infra_wrap a.hover:before,
    .infra_wrap .slick-active a:before{visibility: visible; width: calc(((100vw - 1530px) / 2) + 100px); transition: all 0.3s;;}
    .infra_wrap .slick-active a.off{padding-left: 0;transition: all 0.3s; font-weight:500;}
    .infra_wrap .slick-active a.off:before{visibility: hidden; width: 0;;;}



    .infra_info{width: calc(70% - 40px); margin-left: auto;position:absolute; top: 0; right:0; max-width: 1660px;}
    .infra_info .slick-list{margin-left: 0; padding: 80px 0 30px 0;}
    .infra_info .slick-track{margin-left: -80px; }
    .infra_info .slick-slide{transform:translateX(-30px)}
    .infra_info .slick-now{transform: translateX(80px); position:relative; z-index: 3;;}
    .infra_info .item{ transform: scale(0.9); max-width: 700px;  margin-top: -80px;}
    .infra_info .slick-now .item{margin-top:0; z-index: 2;;}
    .infra_info .slick-slide:not(.slick-current) .item{position: relative; z-index: 1; transition: all 0.5s;}
    .infra_info .slick-slide:not(.slick-current) .item::after{content:''; display:block; width: 100%; height: 100%; border-radius: 10px; border-bottom-right-radius: 100px; background: linear-gradient(to right, rgba(255,255,255,0.56),#fff );position:absolute; backdrop-filter: blur(1px);top:0; left:0;}
    .infra_info .slick-cloned .item{transition:all 0.5s;}
    .infra_info .slick-current .item+.item+.item{margin-left:0;} 




    
}
@media screen and (max-width: 1530px) {
	
	
	
    .infra_wrap a.hover:before, .infra_wrap .slick-active a:before{width: 115px; }
    .infra_wrap a:before{left: -115px;}
    
    .mn_security .bg_box:before{width: 15px; left:-15px;}
    .alert_wrap .mn_sch .input-group{width: 92%; }
    .alert_wrap .mn_sch label{margin-right: 10px;}
    .alert_wrap .mn_sch input{max-width: unset; width:auto;}
}

@media (min-width:1200px) and (max-width: 1530px) {
	main{column-gap: 24px;}
	.mn_ban{width: 40%;}
	.mn_ban + .right{width: calc(60% - 24px)}
	
	.box_cyberDanger{width: calc(40% -  20px)}
	
}




@media screen and (max-width: 1400px) {

    .alert_wrap .ale_area > div{grid-template-columns: 70px 1fr; row-gap: 10px}
    .ale_area .top_of_stair{order:1;grid-row:1 / span 2;}
    .ale_area .titl{order:2; column-gap: 1rem;}
    .alert_wrap .ale_area h5{min-width: 230px}
    .ale_area .ale_stair{order:3; grid-column:2 / 3;}
    .alert_wrap .ale_area .date_wrap{width: auto; padding-left: 16px;padding-right: 16px; min-width: 190px; margin-top:0!important;}
    
    
    /* .alert_wrap .mn_sch input{max-width: 370px;} */
}

@media screen and (max-width: 1200px) {
    main{row-gap: 16px;;}
    .main_sec{padding-top: 60px; padding-bottom: 60px;}
    .mn_ban {order:2;width: 100%;  }
    .mn_ban .item{padding: 50px clamp(16px, 4vw ,60px);}
    .mn_ban + .right{order:3;width:100%; }
    .mn_ban .txt_wrap a{position:relative; bottom:unset;}
    .alert_wrap {order:1;width: 100%; padding: 20px ;}
    .alert_wrap .ale_area{max-width: unset; width: 100%; }
    .alert_wrap .ale_area h5{font-size: 18px; margin-bottom: 4px;}
    .ale_area .titl{order: 1; }
    .ale_area .top_of_stair{order: 2; }

    /*교육프로그램 신청*/
    .mn_edu .edu_list{column-gap: 0;}
    .mn_edu .edu_list .slick-slide{margin: 0 10px; }
    .mn_edu .edu_list .slick-list{margin-left: -10px; margin-right: -10px;}

    /*인프라지원*/
    .mn_infra{background-size: 50%;padding-bottom: 0;}
    .mn_infra .tit_wrap{width: 100%; }
    .mn_infra .tit_wrap > *:not(.infra_wrap){width: calc(100% - 180px)}

    .infra_wrap{position:absolute; top:80px; right:10px; width: 160px; }
    .infra_wrap .slick-dots{position:unset;  overflow: visible; min-width: 100px;  padding-top: 10px; margin-left: auto; width: auto!important;display:flex; flex-direction: column;  }
    .infra_wrap a{text-align: right;padding-top: 6px; padding-bottom: 6px;min-width: 100px; transition: all 0.5s;  width: 100%!important;padding-right: 15px; position:relative; font-weight:500; color:#787878;}
    .infra_wrap a:before{content:''; display: block ; width: 0;; height: 4px; background:linear-gradient(145deg, #0087D1, #8FC31F); border-radius: 45rem; position:absolute;top:50%; right: calc(100% - 20px); transform: translateY(-50%);visibility: hidden; transition: width 0.3s; left:unset; }

    .infra_wrap .slick-active a{transition: all 0.5s; margin-left:-10px; font-weight: bolder; color:#3b3b3b;}
    .infra_wrap .slick-active a:before{visibility: visible;width: 30px; transition: width 0.3s;}

    .infra_info .slick-list{padding:30px 0 30px 15px;  }
    .infra_info .item{max-width: 700px;margin:0 20px; }
    
    /**/
    
    .mn_security .bg_box{width:calc(100% - 345px);}
    .box_secur .box button{top:-10px; left: 24px;}
    .box_secur .list_wrap{padding-left: 28px;}
    
    /* 
    .box_cyberDanger .list_wrap{height: calc(100% - 54px);}
    .box_cyberDanger .list_wrap .item{padding-left: 26px;padding-right: 26px; }
    .box_secur .list_wrap{padding-left: 26px;}

	    
    .box_secur .box.sc_box button{position:unset!important;;}
    .box_secur .box.we_box button{top:calc(-100% - 56px);left: 82px;}
    
    .box_secur .box.sc_box button.on{background:#004992; border-color: #004992;color:#fff; }
    .box_secur .box.we_box button.on{background:#00A1E9; border-color: #00A1E9;color:#fff; }
     */

}

@media (min-width: 991px) and (max-width: 1200px){
	.mn_security .bg_box{column-gap: 0;}
	.box_secur{width: 50%;}
	.box_cyberDanger{width: calc(50% - 36px);}
	
}

@media screen and (max-width: 991px) {
	
	.main_sec{padding-top: 40px; padding-bottom: 40px}

    /**/
    .mn_security .inner{position:relative;}
    .mn_security .bg_box{width: 100%; padding-top: 44px; }
    .box_cyberDanger{width: calc(100% - 330px);}
    .box_cyberDanger .list_wrap .item{width: 94%; }
    
    .box_secur{width:100%;padding-right:0;}
    .box_secur .box{width:calc(50% - 20px)}
    .box_secur .tit_wrap ~ div{display:flex; flex-direction: row;gap: 20px;}
    
    
    .box_secur .box button{position:unset!important; margin-bottom: 8px;}
    .box_cyberDanger{margin-top: 30px}
    .smis_msg{position:absolute;right:30px; bottom:0;height: 520px;}
    
    .smis_msg > div{background-size:cover;height:calc(100% - 10px); position:relative; margin-top: 10px;}
    .smis_msg > div:after{content:''; display:block; width:100%; height: 60px; background:url(../images/bg_phone.png) no-repeat; background-size: cover;
    background-position:bottom center;position:absolute; bottom:0; left:0; }
    .smis_msg .list_wrap{height: calc(100% - 180px)}


}

@media screen and (max-width: 767px){
    /*인프라지원*/
    .mn_infra{background-size: 100%;}
    .recr_list.slick-dotted.slick-slider{padding-top:0; }
    .recr_tit{display:-webkit-box!important; white-space: normal; -webkit-line-clamp: 2;-webkit-box-orient: vertical;;line-height:1.2; height: 41px; }
    
    .infra_info .item{margin-left:0; margin-right:0; }
    .infra_info .slick-list{padding-left:0; }
    .infra_info .slick-slide{margin-left: 15px; margin-right:15px;}
    
    /**/
    .mn_security .bg_box{justify-content: flex-start;;}
    
    
    .box_cyberDanger{width: calc(100% - 300px);}
    .box_cyberDanger .list_wrap .item{width: calc(100% - 15px)}
    .smis_msg{width: 100%; max-width: 280px}
    
    
    .mn_slide .item a{padding: 26px 30px;}
    .mn_slide .item .titl{ margin-bottom:11px;}
    .mn_slide:not(.mn_photo) .item a.img_box{height: calc(52px + 74px + 11px + 19.5px)}
    
    .mn_tab{width: 100%; }
    .mn_photo_wrap{width: 100%; float:unset; }
    .mn_photo_wrap:before{display:none; }
    .mn_photo .item a{height: unset; aspect-ratio:3/2 ; padding-top:0;}
    
    
    .mn_slide_arrow{border:0; width:unset; height: 28px;gap:12px; top: -42px;}
    .mn_slide_arrow:after{display:none;}
    .mn_slide_arrow li{width: 20px; }
    .mn_photo_wrap{margin-top: 16px; }
    .mn_photo_wrap .tit_wrap{align-items:flex-end;}
    
    
	
}


@media screen and (max-width: 575px) {
    /*공통 ++ 메인제목*/
    .main_sec{padding-top: 48px; padding-bottom: 48px;}
    .main_sec .tit_wrap h3{font-size:30px; justify-content:center;}
    


    .mn_ban .item{min-height:400px;  }
    .mn_ban .txt_wrap{width: 90%; max-width: unset;}
    .mn_ban .txt_wrap span{margin-bottom: 20px; }
    .mn_ban .txt_wrap a{padding:10px 30px 10px 15px}
    .mn_ban .txt_wrap a:before, .mn_ban .txt_wrap a:after{right: 15px;width: 6px;  }
    .mn_ban .txt_wrap a:before{transform:translateY(calc(-50% - 2px)) rotate(45deg);}
    .mn_ban .txt_wrap a:after{transform:translateY(calc(-50% + 2px)) rotate(-45deg);}
    
    .mn_slide .item .titl{height:44px; -webkit-line-clamp:2;  }
    .mn_slide:not(.mn_photo) .item a.img_box{height: calc(52px + 44px + 11px + 19.5px)}
    
    .mn_quick{flex-wrap: wrap; gap: 0.5rem;}
    .mn_quick li:not(:last-child):after{display:none; }
    .mn_quick li{border:1px solid #ddd;padding-bottom: 0; padding:0.5rem ; width: calc(50% - 0.25rem) }
    .mn_quick li a{display:flex; flex-direction: row;align-items:center;  width: 100%; }
    .mn_quick li .img_box{width: 40px; height: 20px; margin: 0; }
    
    
    
    
    .alert_wrap .ale_area > div{flex-wrap: wrap; }
    .alert_wrap .ale_area h5{font-size: 17px;}
    .alert_wrap .ale_area .date_wrap{margin-top: 2px;}


    /*교육프로그램 신청*/
    .mn_edu{padding-left:0; padding-right:0;}
    .mn_edu .edu_list .slick-list{padding-right: 100px; margin-right: -15px;}
    .mn_edu .edu_list .item .tit{height: 47px;margin-bottom: 4px;}

    /*인프라지원*/
    .mn_infra{padding-bottom:0!important;}
    .mn_infra .inner{min-height: 130px} 
    
    .mn_infra .tit_wrap h3{width:100%!important;; }
    .mn_infra .tit_wrap > *:not(.infra_wrap){width:calc(100% - 150px)}
    .mn_infra .tit_wrap p br{display:none;}

    .infra_wrap{width: unset; right: 15px;top:110px; }
    .infra_wrap .slick-dots{width:  max-content!important; min-width: unset;}
    .infra_wrap a{width: max-content!important; min-width: unset;padding-right:0; font-weight:500;  color: #989898;padding-top:0; padding-bottom:0;}
    .infra_wrap a:before{transform: translate(0,0); left:-5px; right:unset; top:calc(100% - 4px);height: 3px;}
    .infra_wrap .slick-active a{margin-left:0; font-weight:bolder;  color:#3b3b3b; }
    .infra_wrap .slick-active a:before{ width: calc(100% + 10px); }
    
    .infra_info .item{min-height: 320px;}
    .infra_info .item .img_box{border-bottom-right-radius:70px; height: 180px;}
    .infra_info .item .txt_wrap .dtl_view{position:absolute; bottom: 40px; }

    /*채용공고*/
    .mn_recr{margin-top: 40px;}
    .recr_list .slick-list{padding-right:80px;; margin-right: -15px; }
    .recr_inf{padding: 20px 25px;}
    

	/**/
    
    
    .box_secur .tit_wrap ~ div{position:relative;}
    .box_secur .box{width: calc(100% - 15px); }
    .box_secur .we_box{position:absolute!important; }
    .box_secur .box button{cursor:pointer; position:relative!important;; z-index:3; top:unset; left: unset; }
    .box_secur .box.sc_box button{border:1px solid #004992; color:#004992;background:transparent;}
    .box_secur .box.we_box button{transform: translateX(80px); border: 1px solid #0087D1; color:#0087D1;background:transparent;}
    .box_secur .box.sc_box button.on{color:#fff;background:#004992;}
    .box_secur .box.we_box button.on{color:#fff;background:#0087D1;}
    .box_secur .box .list_wrap{visibility:visible; opacity:1; transition: opacity 0.4s}
    .box_secur .box .list_wrap.v-hidden{visibility:hidden; opacity:0;transition: opacity 0.4s}
    
    .box_cyberDanger{width: 100%;}
    .box_cyberDanger .item .desc{height:unset;; }
    
    .smis_msg{position:unset!important; max-width: unset;height: auto;  }
    .smis_msg > div{background: unset;max-width:unset;box-shadow:unset;height:auto;padding:0; margin-top:0;border-radius: 0; }
    .smis_msg > div:after{display:none;}
    /* .smis_msg .tit_wrap h3{justify-content:flex-start!important;} */
    .smis_msg .list_wrap{height: auto; overflow-y:unset;padding:0 20px;}
    .smis_msg .item{margin-bottom: 0!important;width: 100%; max-width:400px; margin:24px auto 0 auto;}
    .smis_msg .item:first-child{margin-top:14px;;}
    .smis_msg .item:not(:nth-child(-n + 2)){display:none;}
    
    
    
    
    
    
    
    
    
}

@media screen and (max-width: 425px){
	.alert_wrap .ale_area .titl,
	.alert_wrap .ale_area h5{min-width: unset;}
	.alert_wrap .ale_area > div{flex-direction: column!important; ;}
    .alert_wrap .ale_area .top_of_stair{border-radius: 4px; height: auto;min-height: unset; padding-top: 1px;width: 100%; max-width: 200px; min-width: unset;}
    .alert_wrap .ale_area .top_of_stair:after{font-size: 15px; letter-spacing: 1px;}
	
	.mn_infra .tit_wrap{padding-bottom: 32px;}
    .infra_info .item{flex-direction: column!important;padding: 30px;}
    .infra_info .item .txt_wrap h3{margin-bottom: 16px; }
    .infra_info .item .img_box{margin-left: 0; width: 100%; max-width: unset; height: 160px; }
    .infra_info .item .txt_wrap .dtl_view{position:relative; bottom: unset; background:transparent;color:#333; padding:10px 0;max-width: unset;display:inline-block;width: unset; }
    .infra_info .item .txt_wrap .dtl_view:before{width: 16px; height:16px; background:linear-gradient(135deg, #0087D1, #5FAF59); top:50%; transform:translateY(-50%); right:-22px;}
    .infra_info .item .txt_wrap .dtl_view:after{content:''; width: 6px; height: 6px; border-top:2px solid #fff; border-right:2px solid #fff; transform:translateY(-50%) rotate(45deg); top:50%; right: -17px; border-radius: 0;background:transparent;}
    
}

@media screen and (max-width: 375px) {
	
	.main_sec .tit_wrap h3{font-size: 28px;}
    
    .mn_quick{flex-direction: column!important;;}
    .mn_quick li{width: 100%; }
    .mn_quick li .img_box{width: 100%; max-width: 70px;}
    
    
    .mn_edu .edu_list .item .date{flex-direction: column!important; align-items:flex-start!important}
    .mn_edu .edu_list .item .date em:after{display:none;}
    
    .recr_tit{font-size: 15px;}
    .mn_tab .nav-tabs .nav-link,
    .mn_photo_wrap .tit_wrap h5,
    .mn_photo .item a .desc,
    .infra_wrap a,
    .recr_nam{font-size: 14px; }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}