@charset "UTF-8";
html{ font-size:14px } 
main button{ font-size: 12px} 
.container{ padding-bottom: 0} 
#footer{ margin-top: 0} 

/* 메인gnb */
/* 헤더 */
#header { position: fixed;width:100%; height:130px; z-index:100; box-sizing:content-box; background-color: transparent;} 
#header .inner:after { display:block; clear:both; content:"" } 
.header_top { background-color: rgba(39, 67, 128,0.6); transition: all .5s; } 
.header_top > ul { position: relative; width: 1280px; margin: 0 auto; } 

.header_top > .top_list > li.active > a { margin-top: 4px; height: calc(100% - 4px); color: #fff; background-color: rgba(0, 0, 0,0.5); border-top-left-radius: 5px; border-top-right-radius: 5px; font-weight: 600; } 

.header_top > .top_list > li.local { position: relative; margin-top: 0; background-color: rgba(2, 83, 165,0.5); } 

#gnb {border-bottom:none;}
#gnb::after {position: absolute;bottom: 0;;display: inline-block;content: "";background-color: rgba(225, 225, 225,0.3);width: 100%;height: 1px;}
#gnb_layout.open #gnb {border-bottom:1px solid #e1e1e1;}
#gnb_layout.fix #gnb {border-bottom:1px solid #e1e1e1;}
#gnb_layout.open #gnb::after,
#gnb_layout.fix #gnb::after {display: none;}

#gnb_layout .navi_pc > li > a { position: relative; display: block; color: #fff; padding: 0 20px; width: 118px; height: 90px; line-height: 90px; transition: all .3s ease-out; font-size: 17px; font-weight: 500; } 

#gnb_layout .logo a { background: url(../img/comm/logo_wh.svg) no-repeat center center;background-size: contain;} 

#gnb .navi_util ul > li > .btn_search { background: url(../img/comm/icon_search_wh.png) no-repeat center center; } 
#gnb .navi_util ul > li > .btn_sitemap { background: url(../img/comm/btn_all_wh.png) no-repeat center center; } 
#gnb .navi_util ul > li > .btn_lang { background: url(../img/comm/icon_lang_wh.png) no-repeat center center; } 


/* gnb open */
#gnb_layout.open {background-color: #fff;}
#gnb_layout.open .navi_pc > li > a {color: #222;}
#gnb_layout.open .logo a { background: url(../img/comm/logo.svg) no-repeat center center;} 
#gnb_layout.open .navi_util ul > li > .btn_search { background: url(../img/comm/icon_search.png) no-repeat center center; } 
#gnb_layout.open .navi_util ul > li > .btn_sitemap { background: url(../img/comm/btn_all.png) no-repeat center center; } 
#gnb_layout.open .navi_util ul > li > .btn_lang { background: url(../img/comm/icon_lang.png) no-repeat center center;background-size: contain; } 

#gnb_layout.fix {background-color: #fff;}
#gnb_layout.fix .navi_pc > li > a {color: #222;}
#gnb_layout.fix .logo a { background: url(../img/comm/logo.svg) no-repeat center center;} 
#gnb_layout.fix .navi_util ul > li > .btn_search { background: url(../img/comm/icon_search.png) no-repeat center center; } 
#gnb_layout.fix .navi_util ul > li > .btn_sitemap { background: url(../img/comm/btn_all.png) no-repeat center center; } 
#gnb_layout.fix .navi_util ul > li > .btn_lang { background: url(../img/comm/icon_lang.png) no-repeat center center;background-size: contain; } 

@media screen and (max-width:1299px) {
	#gnb_layout {background-color: #fff;}
	#gnb_layout .logo a { background: url(../img/comm/logo.svg) no-repeat center center;} 
	#gnb .navi_util ul > li > .btn_search { background: url(../img/comm/icon_search.png) no-repeat center center; }
	#gnb_layout.open .navi_util ul > li > .btn_search {background-size: contain;}
	#gnb .navi_util ul > li > .btn_lang {background: url(../img/comm/icon_lang.png) no-repeat center; background-size: contain;}
}
@media screen and (max-width:767px) {
#gnb_layout.fix .navi_util ul > li > .btn_search {background-size: contain;}
#gnb_layout {background-color: #fff;}
#gnb_layout .logo a {background: url(../img/comm/logo.svg) no-repeat center center; } 
#gnb .navi_util ul > li > .btn_search { background: url(../img/comm/icon_search.png) no-repeat center center;background-size: contain; } 
#gnb .navi_util ul > li > .btn_sitemap { background: url(../img/comm/btn_all.png) no-repeat center center;background-size: contain; } 
#gnb .navi_util ul > li > .btn_lang { background: url(../img/comm/icon_lang.png) no-repeat center center;background-size: contain; } 
}


/* 메인비주얼 */
.main_visual{ position: relative; width: 100%}
.swiper-button-play{ display: none} 
.main_visual .swiper-wrapper{ position: relative; z-index: 1} 
.main_visual{ background-size: cover} 
.main_visual .swiper-slide{ position: relative; height: 950px; width: 100%;overflow: hidden; display: flex; justify-content: center; background-color: #f6f6f6 } 
.main_visual .img{ position: absolute; left: 50%; top: 50%; ;width: 100%;height: 950px; transform: translate(-50%,-50%);object-fit: cover; z-index: 1; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; max-width: 1920px}

.main_visual img{ min-width: 100%; height: 950px; width: auto; object-fit: cover; display: none} 
.main_visual .v_txt{ position: relative; z-index: 2; width: 100%; max-width:1200px; color: #fff; margin-top: 280px } 
.main_visual .v_txt .tit{ font-weight: 700; line-height: 1.24;  letter-spacing: -1.21px; font-size:3.5rem; text-shadow:2px 2px 2px rgba(0,0,0,0.3)} 
.main_visual .v_txt .tit strong{ display: block;font-weight: 700; } 
.main_visual .v_txt .txt{ word-break: keep-all;text-shadow:2px 2px 2px rgba(0,0,0,0.3); font-weight: 600; font-size:2.07rem; line-height: 1.4;letter-spacing: -0.71px; margin-top: 30px; } 
.main_visual .v_txt .txt strong{ display: block;font-weight: 600; } 
.slide_tool{ position: absolute; z-index: 2; bottom: 100px; width: 100%; max-width: 1200px; left: 50%; transform: translateX(-50%); display: flex; align-items: center} 
.main_visual .swiper-button-prev, .main_visual .swiper-button-next{ width:25px; height: 49px; color: #fff} 
.main_visual .swiper-button-prev:after, .main_visual .swiper-button-next:after{ content:""; display: block; width: 100%; height: 100%; background: url("../img/main/arrow_left.svg"); background-size: 100%} 
.main_visual .swiper-button-next:after{ transform: rotate(180deg)} 
.main_visual .swiper-button-next{ right: 80px} 
.main_visual .swiper-button-prev{ left: 80px} 
.main_visual.swiper-container-horizontal > .swiper-pagination-bullets{ position: relative; width: auto; bottom: auto; left: auto} 

.main_visual .swiper-pagination{ position: relative; opacity: 1; transition: none; line-height: 1} 
.swiper-pagination-clickable .swiper-pagination-bullet{ width: 16px; height: 16px; border-radius: 8px; margin-right: 15px; opacity: 1; background:rgba(255,255,255,0.7); transition:width .3s ;box-shadow:0px 1px 5px rgb(0,0,0,0.3); } 
.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 40px; background: #df0b15;  } 
.play_pause{ line-height: 1} 
.swiper-button-play{ font-size: 0}
.swiper-button-pause{ font-size: 0;}
.swiper-button-play:before, .swiper-button-pause:before{text-shadow: 0px 1px 5px rgb(0,0,0,0.2);font-style: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "remixicon"; content: "\EFDA"; color: rgba(255,255,255,0.6); font-size: 30px; font-weight: bold}
.swiper-button-play:before{    content: "\F012";} 


/************ 
컨텐츠 
************/
.contentWrap{ margin: 5.071rem auto 0 auto; padding: 0 40px; width: 100%; max-width: 1280px } 
.contentWrap h2{ font-size:  1.428rem; font-weight: 600; color: #222; border-bottom: 1px solid #0253a5; padding-bottom: 15px; margin-bottom: 25px}
/* 더보기 버튼 기본 */
.bt_more{ position: absolute; right: 0; top:7px; width: 19px; height: 19px; display: block  } 
.bt_more:before, .bt_more:after{ content: ""; display: block; width: 19px; height: 1px; background: #606060; top: 50%; position: absolute; left: 0} 
.bt_more:after{ transform: rotate(90deg)} 
/* 리스트 기본 */
ul.list{ display: flex;}
ul.list .img{ margin-bottom: 15px;position: relative;overflow: hidden;} 
ul.list .img img{image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;}
ul.list .tit{ font-size: 1.142rem; font-weight: 500;line-height: 1.38;  color: #222; height:3.14rem; margin-bottom: 10px; overflow: hidden; display: -webkit-box; word-wrap: break-word; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 100%} 
ul.list .date{ font-size: 1rem; color: #777; font-weight: 400 } 
ul.list .dec{ font-size: 1rem;line-height: 1.29;color: #606060;height:4.08rem; margin-bottom: 15px; overflow: hidden; display: -webkit-box; word-wrap: break-word; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; width: 100%; font-weight: 400; padding-top: 5px } 
ul.list li> a{ display: block; } 
/* 탭 기본 */
.tab_list_w{ display: flex; font-size: 1.428rem;  color: #838281; width: 100%; border-bottom: 1px solid #0253a5; margin-bottom: 25px  } 
.tab_list_w li{ position: relative;} 
.tab_list_w li button{ font-size: 1.428rem;  color: #838281; font-weight:400; padding-bottom: 15px; min-width: 82px; line-height: 1.6} 
.tab_list_w li.active button{ color: #222; font-weight: 500} 
.tab_list_w li + li:before{ content: ""; width: 1px; height: 13px; background:#e1e1e1; display: block; position: absolute; left: 0; top:10px} 
.tab_list_w li:not(:first-of-type){ margin-left:22px; padding-left: 22px } 

/************ 
뉴스영역 
************/
.news_container{ display: flex; flex-wrap: wrap; justify-content: space-between}
.news_bx, .alarm_bx{ width: calc(100% - 413px); position: relative} 
.popzone_bx, .map_bx{ width: 360px; position: relative} 
.news_bx, .popzone_bx{ margin-bottom: 60px} 
.map_bx, .alarm_bx{ margin-bottom: 70px} 

/* 뉴스 */
.news_bx ul.list li{ flex: 33.333%} 
.news_bx ul.list li .img {height: 155px;}
.news_bx ul.list li .img img {display: inline-block;width: 100%;height: 100%;object-fit: cover;}
.news_bx ul.list li:not(:first-of-type){ margin-left:28px } 
.news_bx  .swiper-pagination{ display: none}

/* 팝업존*/
.popzone_bx h2{ border: none; margin-bottom: 0} 
.popzone_bx .slide_tool{ right: -8px; bottom: auto; top:7px; width:80px; left: auto; transform: none; justify-content: center; align-items: center } 
.popzone_bx .swiper-button-prev:after, .popzone_bx .swiper-button-next:after{ color:#606060; font-size: 15px } 
.popzone_bx .swiper-button-prev{ left: 0} 
.popzone_bx .swiper-button-next{ right: 0} 
.popzone_bx .swiper-button-pause, .popzone_bx .swiper-button-play{ position: relative; text-align: center; width: 18px; height: 18px; line-height: 15px; vertical-align: top} 
.popzone_bx .swiper-button-play{ width: 20px} 
.popzone_bx .swiper-button-play:before, .popzone_bx .swiper-button-pause:before{ color: #606060; font-size: 20px; font-weight: normal; width: 20px; height: 15px} 
.popzone_bx .swiper-button-pause:before, .popzone_bx .swiper-button-pause:after{content:""; display: block; width: 2px; height: 15px; position: absolute; left: 4px; background: #606060; top: 0 }
.popzone_bx .swiper-button-pause:after{ left: auto; right: 4px} 
.popzone_bx .swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 0; background: rgba(0,0,0,0.5); height: 40px; line-height: 40px} 
.popzone_bx .swiper-pagination-clickable .swiper-pagination-bullet{ width: 18px; height: 18px; border-radius: 10px;margin-top: 10px;} 
.popzone_bx .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 35px; background: #00a6e7 } 
/* 알림 */
.alarm_bx .bt_more{ top: 10px}
.alarm_bx .badge{ margin-bottom: 19px} 
.alarm_bx .badge > span{ display: inline-block; height: 26px; background: #007bcb; line-height: 26px; padding: 0 10px; color: #fff; font-size: 12px; font-weight: 500} 
.alarm_bx .badge > span.notice{ background: #007bcb} 
.alarm_bx .badge > span.law{ background:#0253a5} 
.alarm_bx .badge > span.bid{ background: #d54400;} 
.alarm_bx .list li{ width: 33.33%; justify-content: space-between;padding:0 20px; position: relative} 
.alarm_bx .list li:nth-of-type(3n + 1){width: calc(33.33% - 7px); padding-left: 0} 
.alarm_bx .list li:nth-of-type(3n + 2){width: calc(33.33% + 14px);} 
.alarm_bx .list li:nth-of-type(3n + 3){width: calc(33.33% - 7px); padding-right: 0} 
.alarm_bx .list li + li:before{ content: ""; width: 1px; height:100%; background: #e1e1e1; display: block; position: absolute; left:  0; top: 0 } 
.alarm_bx  .swiper-pagination{ display: none}

/* 위치찾기 */
.map_bx h2{  position: relative; border: none; margin-bottom: 0} 
.map_bx h2:before, .map_bx h2:after{ position: absolute; bottom: 0; left: 0; background: #e01214; background: -webkit-linear-gradient(left,#e01214,#ec6b00);background: -moz-linear-gradient(left,#e01214,#ec6b00);background: linear-gradient(90deg,#e01214,#ec6b00);display: block; content: ""; width: 35%; height: 3px;}
.map_bx h2:after{ width: 65%; background: #0252a5; background: -webkit-linear-gradient(left,#0252a5,#00a6e6);background: -moz-linear-gradient(left,#0252a5,#00a6e6);background: linear-gradient(90deg,#0252a5,#00a6e6); left: auto; right: 0} 
.map_bx h2 i{ position: absolute; left: calc(35% - 5px); bottom: 0; width: 10px; height: 3px; display: block;  z-index: 2; overflow: hidden} 
.map_bx h2 i:before{ content: ""; display: block; background:#0252a5; width: 10px; height: 10px; transform: rotate(-45deg); margin-left:0px } 
.map_bx .sch_box{ width: 100%; border: 1px solid  #e1e1e1; background:  #f7f7f7 url("../img/main/bg_map.png") no-repeat right -18px top -30px; background-size:160px; padding: 30px; position: relative; border-top: 0  } 
.map_bx .sch_box h3{font-size: 1.071rem;  font-weight: 500;  color: #0078c3; line-height: 1.39; margin-bottom: 18px} 
.map_bx .sch_box h3 strong{ font-size: 1.285rem; font-weight: 700; color: #222; display: block } 
.map_bx .sch_box select{ width: calc(100% - 80px); display: block; height: 32px; font-weight: 300 } 
.map_bx .sch_box select + select{margin-left: 0; margin-top:4px} 
.map_bx .sch_box .bt_sch{ position: absolute; right: 30px; bottom: 30px;width: 68px; height: 68px; border-radius: 2px; background:#0154a4; font-size: 1rem; color: #fff; font-weight: 600  } 
.map_bx .etc_box{ display: flex; background: #274380; position: relative} 
.map_bx .etc_box > a, .map_bx .etc_box > button{ padding: 8px 20px;height: 50px; line-height: 1.3; text-align: left; flex: 0 50%; color: #fff; font-size: 13px; position: relative; font-weight: 500 } 
.map_bx .etc_box > a:after{ content: ">"; padding-left:5px} 
.map_bx .etc_box > a + a:before, .map_bx .etc_box > button:before{ content: ""; background: rgba(247, 247, 247,0.5); width: 1px; height: 15px; position: absolute; left: 0; top: 17px} 
.map_bx .etc_box .layer_set{ z-index: 10;position: absolute; right: 0; top:50px; width: 33.333%; background: #fff; color: #606060; font-size:0.929rem; line-height: 2.15; font-weight: 500; border: 1px solid #274380; border-width: 0 1px 1px 1px; display: none} 
.map_bx .etc_box .layer_set {}
.map_bx .etc_box.active .layer_set{ display: block} 

.map_bx .etc_box > button:after{ content: ""; border-top:4px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent;right:15px;top:50%;content:"";display:block; position: absolute; transform: translateY(-50%)} 
.map_bx .etc_box.active > button:after{border-bottom:4px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent; border-top: 0}



.map_bx .etc_box .layer_set a { padding: 0 20px;display: inline-block;color: #606060; font-size:0.929rem; width: 100%;height: 35px; line-height: 35px; }
.map_bx .etc_box .layer_set a:hover,
.map_bx .etc_box .layer_set a:focus {background-color: #0253a5;color: #fff;}

/* sns */
.sns_bx{ position: relative; padding: 65px 0 80px 0; color: #fff;} 
.sns_bx:before{ position: absolute; left: 50%; top: 0; width: 100vw; height: 100%; background:rgb(39, 67, 128); transform: translateX(-50%); content: ""; display: block; z-index:-1}
.sns_bx h2{ border: none; color: #fff; padding-bottom: 0; margin-bottom: 30px } 
.sns_bx .tab_list_w{ border: none; color: #fff; position: absolute; right: 0; top: 65px; width: auto} 
.sns_bx .tab_list_w li + li:before{ display: none}
.sns_bx .tab_list_w li{ margin: 0; padding: 0}
.sns_bx .tab_list_w li button{ margin-left: 10px; width: auto; min-width: 80px; padding: 0 20px; background: #0253a5; height: 28px; border-radius: 14px; color:rgba(244, 246, 247, 0.8); font-size: 1rem; font-weight: 500  }
.sns_bx .tab_list_w li.active button{ background: #fff;color: rgb(2, 83, 165); } 
.sns_bx ul.list .img{ margin-bottom:0px;width: 277px;height: 159px;} 
.sns_bx ul.list .img img { width: 100%;height: auto;min-height: 159px;object-fit: cover;} 
.sns_bx .list li .tit{ color: #fff; font-size:1.142rem; line-height: 1.38; font-weight: 400 } 
.sns_bx .list li .date{color: rgb(225, 225, 225); line-height: 1.29; font-weight: 400}

.sns_bx li .txt{ position: relative; padding-top: 30px} 
.sns_bx li .txt .badge{ position: absolute; left: 0; top:-30px} 
.sns_bx .badge > span{ display: block; width: 40px; height: 40px; font-size: 0} 
.sns_bx .badge > span:after{ width: 100%; height: 100%; display: block; font-style: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "remixicon"; content: "\EFDA"; color: #fff;background: #000; font-size: 25px; line-height: 40px; text-align: center }
.sns_bx .badge > span.youtube:after{ background: rgb(240, 48, 54);content: "\F2D4";} 
.sns_bx .badge > span.blog:after{ background: rgb(68, 194, 78) url("../img/main/blog.svg") no-repeat 50% 50%; background-size: 25px; content: "";} 
.sns_bx .badge > span.fbook:after{ background: rgb(66, 102, 175);content: "\ECBC";} 
.sns_bx .swiper-button-next{ right: -40px; margin-top: -50px} 
.sns_bx .swiper-button-prev{ left: -40px;margin-top: -50px }
.sns_bx .swiper-button-prev.swiper-button-disabled, .sns_bx .swiper-button-next.swiper-button-disabled{ opacity: 0} 
.sns_bx .swiper-button-prev:after, .sns_bx .swiper-button-next:after{ color: #fff; font-size: 34px} 
.sns_bx .swiper-pagination{ display: none}
/* ceo */
.ceo_container{ display: flex; position: relative; justify-content: space-between; padding: 60px 0 80px 0 }
.ceo_container:before, .org_bx:before{ position: absolute; left: 50%; top: 0; width: 100vw; height: 100%; background:#f7f7f7; transform: translateX(-50%); content: ""; display: block; z-index:-1}
.ceo_bx{width: calc(100% - 413px);}
.ceo_bx h2{ margin-bottom: 0}
.ceomsg_box{ border: 1px solid #e1e1e1; position: relative; background: #fff; padding: 52px 0 50px 275px; border-top: none; height: 240px} 
.ceomsg_box:before{content: ""; background: #fff url("../img/main/logo_gray.svg") no-repeat 0 50%; background-size: 136px auto; display: block; width: 260px; height: 100%; position: absolute; left: 120px; opacity: 0.15; top: 0; z-index: 0} 
.ceomsg_box:after{ display: block; content: ""; position: absolute; left: 10px; top: 10px; width: calc(100% - 20px);height: calc(100% - 20px);border: 1px solid #e1e1e1; z-index: 0 } 
.ceomsg_box > *{ } 
.ceomsg_box .msg:before{ content: ""; background: url("../img/main/img_ceo.png") no-repeat 0 0; position: absolute; background-size: 280px; left: 0; bottom: -50px; display: block; width: 280px; height: 280px; z-index: 2;image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges;       image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;} 
.ceomsg_box .msg{ color: #606060; font-size: 1.571rem;  line-height: 1.27; margin-bottom: 25px } 
.ceomsg_box .name{ display: flex; align-items: center; position: relative; z-index: 2; font-size: 1.071rem; color: #606060; font-weight: 400  } 
.ceomsg_box .name .sign{ margin: 0 20px; width: 100px} 
.ceomsg_box .name .sign img{image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges;       image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;} 
.ceomsg_box .bt_ceo{ background:#274380; border-radius: 18px; height: 36px; line-height: 36px; padding: 0 20px; color: #fff; display: block; font-size: 1rem; display: inline-flex; align-items: center }
.ceomsg_box .bt_ceo:after{font-style: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "remixicon"; content: "\EA6C";padding-left: 8px;  } 
/* 자주찾는 정보 */
.info_bx{ width: 360px; } 
.info_bx h2{ border: none; margin-bottom: 0}
.info_bx ul.list{display: flex; flex-wrap: wrap; padding: 25px; background:#e1e1e1;mix-blend-mode: luminosity; height: 240px } 
.info_bx ul.list li{ flex:1 0 50%; margin-top: 15px} 
.info_bx ul.list li:nth-of-type(1),.info_bx ul.list li:nth-of-type(2){ margin-top: 0} 

.info_bx ul.list li a{ display: flex; align-items: center} 
.info_bx li i{ width: 30px; height: 30px; display: inline-flex; line-height: 30px; background: #fff; border-radius: 100%; align-items: center; justify-content: center; margin-right: 7px;flex-shrink: 0; } 
.info_bx li i img{ width: 16px; margin: 0 auto;image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;} 
.info_bx li.recrt i img, .info_bx li.alert i img, .info_bx li.org i img{ width: 17px;}
.info_bx li.alarm i img, .info_bx li.open i img{ width: 14px;}
.info_bx li.kgs i img{ width: 15px;}
.info_bx li.report i img{ width: 12px;}
/* 부설기관*/
.org_bx{ padding: 60px 0; position: relative; border-top: 1px solid #999; display: flex; justify-content: space-between}
.org_bx:before{  margin-top: -1px}
.org_bx h2{ border: none; margin: 0; padding: 0; font-size: 1.322rem;letter-spacing: -0.18px; color: #606060; line-height: 1.4; background: url("../img/main/ico_org_00.png") no-repeat 0 0; background-size: 130px; padding-top: 170px; width: 140px }
.org_bx h2 strong{ font-size: 1.322rem; color: #222;letter-spacing: -0.2px;; font-weight: 600; } 
.org_bx h2:after{ content: ""; background: url("../img/main/arrow_next.svg"); width: 30px; height: 8px; background-size: 30px; display: inline-block; margin-left:5px } 
.org_bx li+li{ margin-left: 70px} 
.org_bx li{ display: flex; flex-wrap: wrap; width: 100px; text-align: center; font-size: 1.071rem; color: #222; line-height: 1.2; justify-content: center ; font-weight: 500} 
.org_bx li i{ width: 100px; height: 100px; background: #fff; border-radius: 100%;  margin-bottom: 23px;}
.org_bx li i img{image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges;       image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;} 
.org_bx li a{align-self: flex-end; margin-top: 15px; border: 1px solid #e1e1e1; background: #fff; color: #606060;  font-weight: 400; line-height: 38px; width: 100px; text-align: center; padding: 0 5px; font-size:13px;  } 
.org_bx li a:after{ content: ">"; padding-left: 5px; } 
/* 사이버지사 */
.cyber_bx{ position: relative; padding: 70px 0; display: flex; justify-content: space-between}
.cyber_bx:before{ position: absolute; left: 50%; top: 0; width: 100vw; height: 100%; background: url("../img/main/bg_cyber.jpg") no-repeat 50% 100%; transform: translateX(-50%); content: ""; display: block; z-index:-1; background-size: cover}
.contentWrap .cyber_bx h2{ color: #fff; font-size:1.285rem; line-height: 2.44; border: none; margin: 0; padding: 0 0 26px 0; font-weight: 500  } 
.cyber_bx h2 strong{ display: block; font-size: 2.428rem; line-height: 1 }
.cyber_bx .go_box .dec{ font-size: 1rem; color: #fff; font-weight: 400;  line-height: 1.71; margin-bottom: 57px} 
.cyber_bx .go_box .bt_go{ width: 240px; display: block; height: 50px; line-height: 48px; text-align: center; color: #fff; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; font-size:1.071rem; font-weight: 500 } 
.cyber_bx .go_box .bt_go:after{font-style: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "remixicon"; content: "\F0F4";padding-left: 8px; } 


.cyber_bx .list_box{ display: flex; position: relative;} 
.cyber_bx .list_box > div{  width:  210px; height: 330px; background: #fff }
.cyber_bx .list_box > div + div{ margin-left: 10px} 
.cyber_bx .list_box > div.code, .cyber_bx .list_box > div.pr{ position: absolute; right: 0; bottom: 0; height: auto} 
.cyber_bx .list_box > div.pr{ right: 220px} 
.cyber_bx .list_box > div.cs, .cyber_bx .list_box > div.data{ height: 250px} 


.cyber_bx .list_box h3{ line-height: 70px; color: #fff; background: #1779cd; font-size: 1.142rem; font-weight: 600; padding: 0 25px; display: inline-flex; align-items: center; width: 100% } 
.cyber_bx .list_box h3 a{ display: inline-block;height: 100%} 
.cyber_bx .list_box h3:after{font-style: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "remixicon";content: "\EA6E";padding-left: 15px;} 
.cyber_bx .list_box .check h3{background: #0a84a6} 
.cyber_bx .list_box .edu h3{background: #1779cd} 
.cyber_bx .list_box .cs h3{background: #138a00} 
.cyber_bx .list_box .data h3{background: #c95100} 
.cyber_bx .list_box .pr h3{background: #008674} 
.cyber_bx .list_box .code h3{background: #777} 
.cyber_bx .list_box > div ul{ padding: 25px 28px} 
.cyber_bx .list_box > div ul li a{ color: #606060; font-size: 1rem; line-height: 2; font-weight: 400} 
.cyber_bx .list_box > div ul li a:hover{ text-decoration: underline; color:#0457a8 } 

/* 관련사이트 */
.banner_bx{ height: 100px; display: flex; align-items: center; justify-content: space-between; width: calc(100% + 80px); margin-left: -40px; max-width: 1280px } 
.banner_bx .swiper-container{ width: calc(100% - 100px); margin: 0; order: 1 } 
.banner_bx .swiper-wrapper{ align-items: center} 
.banner_bx .swiper-wrapper li{}
.banner_bx .swiper-wrapper li img{ width: auto; max-width: 100%; max-height: 35px;image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;} 
.banner_bx .slide_tool{ position: relative; width: 80px; order: 2; bottom: auto; left: auto; transform: none; justify-content: center } 
.banner_bx .swiper-button-prev:after, .banner_bx .swiper-button-next:after{ color:#606060; font-size: 15px } 
.banner_bx .swiper-button-prev{ left: 0} 
.banner_bx .swiper-button-next{ right: 0} 
.banner_bx .swiper-button-pause, .banner_bx .swiper-button-play{ position: relative; text-align: center; width: 18px; height: 18px; line-height: 15px; vertical-align: top} 
.banner_bx .swiper-button-play{ width: 20px} 
.banner_bx .swiper-button-play:before, .banner_bx .swiper-button-pause:before{ color: #606060; font-size: 20px; font-weight: normal; width: 20px; height: 15px} 
.banner_bx .swiper-button-pause:before, .banner_bx .swiper-button-pause:after{content:""; display: block; width: 2px; height: 15px; position: absolute; left: 4px; background: #606060; top: 0 }
.banner_bx .swiper-button-pause:after{ left: auto; right: 4px} 
@media screen and (min-width:2140px) {
	.main_visual .swiper-button-prev:after, .main_visual .swiper-button-next:after{ color:#5abbf8;    filter: contrast(0.5);} 
}

@media screen and (max-width:1490px) {
	.main_visual .swiper-button-next{ right: 20px} 
	.main_visual .swiper-button-prev{ left: 20px} 
}
@media screen and (max-width:1300px) {
	.banner_bx{width:calc(100% + 40px); margin-left: -20px; padding: 0 0px} 
}


@media screen and (max-width:1280px) {
	.main_visual .v_txt{ padding-left: 40px; padding-right: 40px} 
	.main_visual .swiper-button-next{ right: 10px} 
	.main_visual .swiper-button-prev{ left: 10px} 
	.main_visual .slide_tool{ padding-left: 40px} 
	.ceomsg_box{  padding-top: 45px} 
	.ceomsg_box .msg{ padding-right: 70px	}
	.ceomsg_box .name .sign{ width: 80px; margin: 0 10px} 
	.sns_bx ul.list .img {width: 100%;height: 140px;}
	.sns_bx ul.list .img img {min-height: auto;height: 100%;}
	
}
@media screen and (max-width:1200px) {
	.org_bx li+li{ margin-left: 50px} 
	.cyber_bx .list_box > div{ width: 180px} 
	.cyber_bx .list_box h3{ padding: 0 15px} 
	.cyber_bx .list_box > div ul{ padding: 25px 15px} 
	.cyber_bx .list_box > div.pr{ right: 190px} 
	.info_bx{ width: 300px; } 
	.info_bx ul.list{padding: 25px 10px 25px 20px} 
	.ceo_bx{width: calc(100% - 330px);}
}

@media screen and (max-width:1160px) {
	.ceomsg_box{ padding-right: 20px} 
	.ceomsg_box .msg{ padding-right: 20px	} 
}

@media screen and (max-width:1100px) {
	.contentWrap{ padding: 0 20px} 
	.ceomsg_box .msg{ margin-bottom: 10px} 
	.ceomsg_box .name{ flex-wrap: wrap;	} 
	.ceomsg_box .name .sign{ width: 100px} 
	.ceomsg_box{ padding-top: 30px 	} 
	.popzone_bx, .map_bx{ width: 300px; } 
	.news_bx, .alarm_bx{width: calc(100% - 330px);}
	.org_bx li+li{ margin-left:30px} 
	.info_bx ul.list li{ padding-right: 5px}
	
}
@media screen and (max-width:1023px) {
	.news_bx ul.list li{ min-width: 120px } 
	.news_bx ul.list li:not(:first-of-type){ margin-left: 15px 	} 
	.popzone_bx, .map_bx, .info_bx{ width: 280px; } 
	.news_bx, .alarm_bx, .ceo_bx{width: calc(100% - 300px);}
	.map_bx .etc_box a:after{  content: ""}
	.tab_list_w li:not(:first-of-type){margin-left: 8px; padding-left: 8px;}
	.alarm_bx .bt_more{ top: 5px} 
	.map_bx .sch_box{ padding: 30px 15px} 
	.alarm_bx .list li{ padding: 0 10px } 
	.info_bx ul.list{padding: 25px 10px 25px 10px} 	
	.info_bx li i{ margin-right: 5px} 
	.ceomsg_box .msg:before{ width: 200px; background-size: 200px; height: 200px; bottom: -37px}
	.ceomsg_box{ padding-left: 150px; }
	.ceomsg_box .msg{ padding-right: 0} 
	.ceomsg_box .bt_ceo{ padding: 0 15px} 
	.ceomsg_box .name .sign{ width: 80px} 
	.org_bx{ flex-direction: column} 
	.org_bx h2{ background: none; padding: 0; width: 100%; display: flex; align-items: flex-end; margin-bottom: 20px} 
	.org_bx h2 strong{ margin-bottom: 0} 
	.org_bx h2:after{ margin-bottom: 5px} 
	.org_bx li+li{ margin-left: 0 	}
	.org_bx ul.list{ justify-content: space-between 	} 
	.cyber_bx .list_box{ display: none} 
	.cyber_bx{justify-content: center;    text-align: center;} 
}

@media screen and (max-width:767px) {
	html{ font-size:12px } 
	.contentWrap h2{ padding-bottom: 11.5px; margin-bottom: 20px} 
	.bt_more{ top: 5px} 
	.news_bx{ order: 1; width: 100%} 	 
	.alarm_bx{ order: 2; width: 100%}
	.popzone_bx{ order: 3; width: 100%; position: relative; padding: 30px 0; margin-bottom: 0} 
	.popzone_bx:before,.map_bx:before{position: absolute; left: 50%; top: 0; width: 100vw; height: 100%; background:#f7f7f7; transform: translateX(-50%); content: ""; display: block; z-index:-1} 
	
	.map_bx{ order: 4; width: 100%;position: relative; padding: 0 0 30px 0; margin-bottom: 0 } 
	
	
	.main_visual .swiper-slide{ align-items: flex-start} 
	.main_visual img{ display: block; height: 470px} 
	.main_visual .swiper-slide, .main_visual .img{ height: 470px; padding-top: 50px;} 
    .main_visual .img{background: none !important} 
	.main_visual .v_txt .tit, .main_visual .v_txt .tit strong{ font-size: 2.16rem; font-weight: 600}
	.main_visual .v_txt{ padding: 60px 30px; margin-top: 0} 
	.main_visual .v_txt .txt{ font-size: 1.166rem; letter-spacing: -0.35px; line-height: 17.8px; margin-top: 19.5px; word-break: keep-all; width: 200px; font-weight: 400} 
	.swiper-pagination-clickable .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 5px} 
	.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active, .popzone_bx .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 20.5px} 
	.main_visual .play_pause, .main_visual .swiper-button-prev, .main_visual .swiper-button-next{ display: none} 
	.main_visual .slide_tool{ padding: 0;  bottom: 20px; text-align: center; width: 100%} 
	.main_visual .swiper-pagination{ width: 100%; text-align: center} 
	.contentWrap{ margin-top: 35px} 
	.bt_more:before, .bt_more:after{ width: 14.5px} 
	.tab_list_w{ display: none } 
	
	html:not(.mobile) .news_bx ul.list, html:not(.mobile) .alarm_bx ul.list { overflow-x: auto; padding-bottom: 10px}
	html:not(.mobile) ul.list::-webkit-scrollbar {-webkit-appearance: none;}
	html:not(.mobile) ul.list::-webkit-scrollbar{width: 5px;}
	html:not(.mobile) ul.list::-webkit-scrollbar{height:5px;}
	html:not(.mobile) ul.list::-webkit-scrollbar-thumb{border-radius: 3px;border: 5px solid rgba(0,0,0,0);background-color: #ccc}
	
	.news_bx ul.list li .img {min-height: 155px;}
	.news_bx ul.list li,.alarm_bx ul.list li{ flex: auto;   flex-shrink: 0; width: 75% } 
	html:not(.mobile) .alarm_bx .list li:nth-of-type(3n + 1), 	html:not(.mobile) .alarm_bx .list li:nth-of-type(3n + 2), 	html:not(.mobile) .alarm_bx .list li:nth-of-type(3n + 3){ width: 75%} 
	.alarm_bx h2{font-size: 1.428rem; font-weight: 500; color: #222; border-bottom: 1px solid #0253a5;padding-bottom: 11.5px; margin-bottom: 20px
; visibility: visible; position: relative; top: auto; left: auto; width: auto; height: auto; line-height:1.6 } 
	.sns_bx .swiper-pagination{ display: block; display: block; text-align: center; width: 100%; margin-top: 20px	} 
	
	.popzone_bx h2{ margin-bottom: 12px; padding-bottom: 0} 
	.popzone_bx .swiper-pagination-clickable .swiper-pagination-bullet{ width: 10.5px; height: 10.5px} 
	.map_bx h2{ margin-bottom: 0}
	.map_bx .sch_box h3{ margin-bottom: 14px} 
	.map_bx .sch_box{ padding: 30px} 
	.map_bx .etc_box a{ font-size: 1rem;padding: 8px 10px;} 
	.map_bx .etc_box > a:after{content: ">";} 
	.sns_bx{ padding-top: 40px} 
	.sns_bx .swiper-pagination-bullet{ margin: 0 4px; opacity: 1; background:#999} 
	.sns_bx .swiper-pagination-bullet-active, .sns_bx .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #00a6e7; width: 8px} 
	.sns_bx .swiper-button-next, .sns_bx .swiper-button-prev{ display: none} 
	.sns_bx ul.list .img {height: 220px;}
	.ceo_container{ flex-direction: column} 
	.ceo_bx{ width: 100%; margin-bottom: 60px} 
	.ceomsg_box{ padding: 40px 25px; text-align: center; height: auto } 
	.ceomsg_box .msg{font-size: 16.8px; line-height: 23.8px}
	.ceo_bx h2{ margin-bottom: 0} 
	.ceomsg_box .msg:before{ width: 180px; height: 180px; background-size: 180px;bottom: -33px;} 
	.ceomsg_box .name{ flex-direction: column; align-items: flex-end} 
	.ceomsg_box .name .sign{ order:-1; width: 75px; margin: 0} 
	.ceomsg_box .bt_ceo{ margin-top: 10px; height: 31px; line-height: 31px} 
	.ceo_container{ padding-top: 40px; padding-bottom: 0} 
	.info_bx h2{ margin-bottom: 0}
	.info_bx{ width: 100%} 
	.info_bx ul.list{ height: auto; padding: 25px 10px 25px 20px} 
	.org_bx{ border: none; padding-top: 39px; padding-bottom: 10px} 
	.org_bx h2:after{ display: none} 
	.org_bx h2 {font-size: 1.428rem; color: #222; letter-spacing: -0.2px; font-weight: 500;border-bottom: 1px  solid #0253a5; margin-bottom: 30px}
	.org_bx h2 strong{ padding-right: 8px} 
	.org_bx ul.list{ flex-wrap: wrap} 
	.org_bx li{ margin-bottom: 30px; width: 30%; flex-direction: column; align-items: center} 
	.org_bx li i{ width: 70px; height: 70px; margin-bottom: 15px} 
	.org_bx li a{ width: auto; min-width: 80px; margin: 15px auto 0 auto } 
	.cyber_bx:before{ background-position: 3% 50%} 
	.cyber_bx{ text-align: left; justify-content: flex-start; padding-top: 40px; padding-bottom: 50px; padding-left: 15px} 
	.cyber_bx .go_box .bt_go{ width: 150px; height: 40px; line-height: 38px; line-height: 1rem} 
	.cyber_bx .go_box .dec{ margin-bottom: 30px} 
	.cyber_bx h2{ font-size: 13px; line-height: 30px; margin-bottom: 0; padding-bottom: 20px}
	.cyber_bx h2 strong{ font-size: 26px} 
	.banner_bx{ height: 70px; width: 100%; margin-left: 0}
	.banner_bx .swiper-container{ width: 100%}
	.banner_bx .slide_tool{ display: none} 
	.quick.mob.ab{ bottom: 600px} 
	
}

.mobile .news_bx .swiper-pagination, .mobile .alarm_bx .swiper-pagination, .mobile .sns_bx .swiper-pagination{ display: block; text-align: center; width: 100%; margin-top: 20px}
.mobile .news_bx ul.list li,.mobile .alarm_bx ul.list li{ margin-left: 0;flex: auto; flex-shrink: 0; width: 100%;} 
.mobile .news_bx .swiper-pagination-bullet,.mobile .alarm_bx .swiper-pagination-bullet{ margin: 0 4px; opacity: 0.15} 

.mobile .news_bx .swiper-pagination-bullet-active, .mobile .alarm_bx .swiper-pagination-bullet-active{ opacity: 1; background:#606060 } 

@media screen and (max-width:468px) {
	.sns_bx ul.list .img {height: 150px;}
}