@charset "UTF-8";
html{ font-size:14px } 
main button{ font-size: 12px} 
.container{ padding-bottom: 0} 
#footer{ margin-top: 0} 
:lang(en){ word-break: keep-all} 

/* 메인네비 */
#header {position: fixed;background: transparent;}
#gnb {border: none;}
#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 .logo a {background: url(../img/eng/en_logo_wh.svg) no-repeat center;background-size: cover;width: 185px;height: 38px;}
#gnb_layout .navi_pc > li > a {color: #fff;}
#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/eng/icon_ko_wh.svg) no-repeat center center;background-size: contain;} 


#gnb_layout.open {background-color: #fff;}
#gnb_layout.open .logo a {background: url(../img/eng/en_logo.svg) no-repeat center;background-size: cover;width: 185px;height: 38px;}
#gnb_layout.open .navi_pc > li > a {color: #222;}
#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/eng/icon_ko.svg) no-repeat center center; background-size: contain;} 

#gnb_layout.fix .logo a {background: url(../img/eng/en_logo.svg) no-repeat center;background-size: cover;width: 185px;height: 38px;}
#gnb_layout.fix .navi_pc > li > a {color: #222;}
#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/eng/icon_ko.svg) 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/eng/en_logo.svg) no-repeat center; background-size: cover; }
	#gnb .navi_util ul > li > .btn_search{ background: url(../img/comm/icon_search.png) no-repeat center center;}
	#gnb .navi_util ul > li > .btn_lang {background:url(../img/eng/icon_ko.svg) no-repeat;background-size: contain;}
}
@media screen and (max-width:767px) {
	#gnb_layout .logo a {width: 117px; height: 23px; }
	#gnb_layout.open .logo a {width: 117px; height: 23px; }
	#gnb_layout.open .navi_util ul > li > .btn_search {background-size: contain;}
	#gnb_layout.fix .navi_util ul > li > .btn_search {background-size: contain;}
	#gnb_layout.fix .logo a {width: 117px;height: 23px;} 
	#gnb .navi_util ul > li > .btn_search{ 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 0 1px rgba(0,0,0,0.2)} 
.main_visual .v_txt .tit strong{ display: block;font-weight: 700; } 
.main_visual .v_txt .txt{ word-break: keep-all;text-shadow:2px 0 1px rgba(0,0,0,0.2); 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/eng_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.6); transition:width .3s ;box-shadow: 0px 1px 5px rgba(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 rgba(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 li:before{ display: none} 
ul.list .img{ margin-bottom: 15px} 
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:5.051rem; margin-bottom: 10px; overflow: hidden; display: -webkit-box; word-wrap: break-word; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; width: 100%} 
ul.list .date{ font-size: 1rem; color: #999; font-weight: 400 } 
ul.list .dec{ font-size: 1rem;line-height: 1.29;color: #606060;height:7.015rem; margin-bottom: 15px; overflow: hidden; display: -webkit-box; word-wrap: break-word; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 5; 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: 600} 
.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} 
.channel_bx, .map_bx{ width: 360px; position: relative} 
.news_bx, .channel_bx{ margin-bottom: 60px} 
.map_bx, .alarm_bx{ margin-bottom: 70px} 

/* 뉴스 */
.news_bx .bt_more{ top: 10px}
.news_bx .list li{ width: 33.33%; justify-content: space-between;padding:0 20px; position: relative} 
.news_bx .list li:nth-of-type(3n + 1){width: calc(33.33% - 7px); padding-left: 0} 
.news_bx .list li:nth-of-type(3n + 2){width: calc(33.33% + 14px);} 
.news_bx .list li:nth-of-type(3n + 3){width: calc(33.33% - 7px); padding-right: 0} 
.news_bx .list li + li:before{ content: ""; width: 1px; height:100%; background: #e1e1e1; display: block; position: absolute; left:  0; top: 0 } 
.news_bx .swiper-pagination{ display: none}
.news_bx ul.list .txt{ padding-top: 10px}
.news_bx ul.list .txt .tit{ margin-top: 5px} 
.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 .img + .txt{ padding-top:0px}

.news_bx ul.list .img + .txt .tit{line-height: 1.38; -webkit-line-clamp: 2;height:3.14rem; margin-top: 0  } 
.news_bx .tab_contents:first-of-type .list{ gap:27px} 
.news_bx .tab_contents:first-of-type .list li{ padding: 0;width: 33.33%; } 




.news_bx .tab_contents:first-of-type .list li + li:before{ display: none} 

/* 채널*/
.channel_bx h2{ border: none; margin-bottom: 0} 
.channel_bx .list{ flex-wrap: wrap; justify-content: center; background:#f7f7f7; padding: 20px 10px} 
.channel_bx .list li{ width: calc(50% - 40px); text-align: center; justify-content: center; align-items: center; margin:10px  20px} 
.channel_bx .list li i{ display: block; width: 70px; height: 70px; margin: 0 auto 10px auto} 
.channel_bx .list li a{ font-weight: 500; color: #222} 

/* ceo */
.ceo_container{ display: flex; position: relative; justify-content: space-between; padding: 60px 0 100px 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: 0px 50px 0px 275px; border-top: none; height: 240px; display: flex; flex-direction: column; justify-content: center} 
.ceomsg_box:before{content: ""; background: #fff url("../img/eng_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/eng_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 15px; background:#e1e1e1; height: 240px; align-content: center } 
.info_bx ul.list li{ flex:1 0 50%; margin-top: 15px; padding: 0 10px} 
.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; font-size: 1rem; line-height: 1.29; color: #222; letter-spacing: -0.35px;} 
.info_bx li i{ width: 35px; height: 35px; 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: 100%; margin: 0 auto;image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;} 



/* 부설기관*/
.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: 8px; height: 15px; 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: 0; background: #606060; top: 0 }
.banner_bx .swiper-button-pause:after{ left: auto; right: 0} 
@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 .name .sign{ width: 80px; margin: 0 10px} 
	
}
@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} 

}

@media screen and (max-width:1160px) {
	.ceomsg_box{ padding-right: 20px; padding-left: 200px} 
	.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 	} 
	.channel_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}
    .info_bx{ width: 300px; } 
	.info_bx ul.list{padding: 25px 10px; height: auto} 
	.ceo_bx{width: calc(100% - 330px);}
	
}
@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 	} 
	.channel_bx, .info_bx{ width: 280px; } 
	.news_bx, .ceo_bx{width: calc(100% - 300px);}	
	.tab_list_w li:not(:first-of-type){margin-left: 8px; padding-left: 8px;}	
	.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} 
    .info_bx ul.list{padding: 25px 10px 25px 10px; flex-wrap: nowrap; gap:5px; flex-direction: column} 	
    .info_bx ul.list li{ flex: 1  00%; margin: 0} 
    .info_bx li i{ width: 30px; height: 30px} 
	
}

@media screen and (max-width:767px) {
	html{ font-size:12px } 
	.contentWrap h2{ padding-bottom: 11.5px; margin-bottom: 20px} 
	.bt_more{ top: 5px} 
	.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: 2rem; 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{ 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{  } 	
	html:not(.mobile) .news_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:vertical{width: 5px;}
	html:not(.mobile) ul.list::-webkit-scrollbar:horizontal{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{ order: 1; width: 100%; padding-bottom: 30px; margin-bottom: 40px} 	
	/*.news_bx ul.list li,.alarm_bx ul.list li{ flex: auto;   flex-shrink: 0; width: 75% } */
	.news_bx ul.list li .img {min-height: 155px;}
    .news_bx .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:0} 
    .news_bx .tab_contents:first-of-type .list{ gap:0}     
	.channel_bx h2{ margin-bottom: 12px; padding-bottom: 0} 
	.channel_bx{ order: 3; width: 100%; position: relative; padding: 30px 0; margin-bottom: 0} 
    .channel_bx .list li i{ width: 60px; height: 60px} 	
	.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;} 
	.info_bx h2{ margin-bottom: 0}
	.info_bx{ width: 100%} 
    .info_bx ul.list{ } 
    .info_bx ul.list li{ flex: 1 0 50%; margin: 7px 0 } 
    .info_bx ul.list{ height: auto; padding: 25px 10px 25px 10px;flex-wrap: wrap; flex-direction: row; justify-content: space-between; gap:0}     
    .info_bx li i{ width: 25px; height: 25px} 	

}
.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{ 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 }