@charset "utf-8";

/* ************** responsive ************** */
@media screen and (max-width:1530px){
	.tab-only{display:block !important;}
	.inner{padding:0 15px;width:auto;}

	.main-section1 .title{font-size:18px;}
	.main-section1 .hover-box a{max-width:214px;width:100%;font-size:18px;}
	#mainIssueSlider .swiper-slide .img{width:auto;height:350px;}
	#mainIssueSlider .swiper-slide .img img{width:100%;height:100%;object-fit:cover;}
	.main-global-wrap{overflow:auto;}
	.main-section4 .btn-explain{right:15px;}
	.main-section5 .btn-more{right:15px;}
	#mainDataSlider .swiper-slide .img{width:auto;height:300px;}
	#mainDataSlider .swiper-slide .img img{width:100%;height:100%;object-fit:cover;}

	.modal-wrap .modal{margin:0 5%;width:90%;}
	.modal-wrap.issue .con{padding-top:0;}

	.sub-visual > .inner{padding-left:15px;padding-right:15px;}
	.sub-visual .location{right:15px;}

	.intro-section2 .inner{gap:30px;}

	.tab-content.mapping .tab-bar{padding:0 15px;width:auto;}
	#agendaSlider{padding:0 40px;width:auto;}
	#agendaSlider > .swiper-button-prev,
	#agendaSlider > .swiper-button-next{width:40px;background-position:center;}
	.board-search .search-inp{width:250px;}

	.global-top #mainIssueSlider .swiper-btn{right:15px;}
	.global-con > div{gap:40px;}

	.data-list > li .img{width:auto;height:300px;}
	.data-list > li .img img{width:100%;height:100%;object-fit:cover;}

	.tab-link ul{width:auto;}

	.event-list:before{left:169px;}
	.event-list .line{left:169px;}
	.event-list .date{padding-left:0;width:160px;}
	.event-list .more-btn{margin-left:123px;}
	
}

@media screen and (max-width:1200px){
	#gnb .menu > li.m1{width:150px;}
	#gnb .menu > li.m2{width:160px;}
	#gnb .menu > li.m3{width:110px;}
	#gnb .menu > li.m4{width:100px;}
	#gnb .menu > li > a{padding:0 10px;}

	.intro-section2 .img{display:block;float:none;margin:0 auto 20px;max-width:600px;width:80%;}
}

@media screen and (max-width:1024px){
	#header{height:60px;}
	#header > .inner{align-items:center;}
	#header .logo{padding-top:0;}
	#header .logo a{width:200px;}
	#header .right{padding-top:0;}
	#header .btn-srch{margin-right:0;height:100%;}
	#header .btn-menu{display:block;}
	#header .top-srch{left:0;padding:20px;}
	#header .top-srch .title{margin-top:30px;padding-top:30px;font-size:30px;}
	#header .top-srch p{margin-bottom:40px;font-size:15px;}
	#header .top-srch .box{margin:0;padding:0 50px 0 0;width:100%;}
	#header .top-srch .btn-srch-close{top:20px;right:20px;}
	#header .top-srch .box input::-webkit-input-placeholder{font-size:17px;}
	#header .top-srch .box input:-ms-input-placeholder{font-size:17px;}
	#header .top-srch .box input[type="text"]{font-size:17px;}
	#gnb{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:#f5f5f5;}
	#gnb.active{display:block;}
	#gnb h2.title{display:block;padding:0 15px;height:60px;line-height:60px;font-size:17px;color:#fff;background:#da1b1b;}
	#gnb .menu{display:block;padding:0;position:absolute;left:0;right:0;top:60px;bottom:0;height:auto;overflow-y:auto;}
	#gnb .menu > li{position:static;padding:0;width:auto !important;height:auto;}
	#gnb .menu > li > a{padding:15px;font-size:17px;color:#000;text-align:left;box-sizing:border-box;}
	#gnb .menu > li.active > a{background:#fff;}
	#gnb .menu > li:hover{background-color:transparent;}
	#gnb .menu > li:hover > a{color:#000;}
	#gnb .menu > li > .dep2{position:absolute;left:40%;right:0;top:0;bottom:0;padding:0 15px;min-height:100%;background:#fff;}
	#gnb .menu > li.active .dep2{display:block;}
	#gnb .menu > li > .dep2 > li{margin-bottom:0;border-bottom:1px solid #dbdae8;}
	#gnb .menu > li > .dep2 > li > a{display:flex;align-items:center;padding:5px 0;height:58px;font-size:15px;color:#000;text-align:left;box-sizing:border-box;}
	#gnb .btn-menu-close{display:block;position:absolute;top:0;right:0;width:60px;height:60px;text-indent:-9999px;background:url('/images/sti/common/icon_menu_close.png') center no-repeat;transition-duration:0.3s;}
	#gnb .btn-menu-close:hover{transform:rotate(90deg);}

	#header.open #gnb .menu > li:hover .dep2 > li > a{color:#000;}

	#container{padding-top:60px;min-height:inherit;}
	.f-logo{display:none;}

	.modal-wrap.issue .img{width:200px;height:200px;}
	
	.main-event > li .info{font-size:14px;}

	.intro-section2 .inner{flex-direction:column;gap:20px;}
	.intro-box{gap:10px;}
	.intro-box > li{width:calc(50% - 5px);}
	.intro-num{gap:25px 15px;}
	.intro-num > li{width:calc(50% - 7.5px);}
	.intro-list{gap:10px;}
	.intro-list > li{width:calc(50% - 5px) !important;}
	.intro-goal{gap:30px 20px;}
	.intro-goal > li{width:calc(100% / 3 - 14px);}
	.intro-goal + .add-table{margin:0 0 30px;}
	
	.top-scroll .agenda-top{top:60px;}
	.board-search{flex-direction:column;align-items:flex-start;gap:10px;}
	.board-search .search{margin-left:0;}
	.board-search .search .w210{width:150px;}

	.global-con > div{flex-direction:column;}
	.filter-area{width:auto;}

	.data-list{gap:20px;}
	.data-list > li{width:calc(100% / 3 - 14px);}
	.modal-wrap.data .modal-content{flex-direction:column;gap:20px;}
	.modal-wrap.data .img-wrap{margin:0 auto;}
	.modal-wrap.data .img{width:200px;height:288px;}

	.tab-link{border-bottom:none;}
	.tab-link ul{flex-wrap:wrap;}
	.tab-link ul > li{flex:1 1 25%;}
	.tab-link ul > li{margin-right:0;flex:1 1 30%;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
	.tab-link ul > li:first-child,
	.tab-link ul > li:nth-child(3n+1){border-left:none;}
	.tab-link ul > li > a{padding:5px;height:50px;}
	.tab-link ul > li > a:after{display:none;}
	.tab-link ul > li > a:before{height:2px;}

	.sitemap .menu .dep2 > li{width:calc(50% - 25px);}

	/* 20251219 추가 */
	.main-global-wrap{display:none;}
	.main-global-m{display:block;}
}

@media screen and (max-width:768px){
	body{font-size:14px;word-break:break-all;}
	input[type='text'], input[type='password'], input[type='number'], input[type='submit'], button, select, textarea{font-size:14px;}
	
	.web-only,
	.tab-only{display:none !important;}
	.mobile-only{display:block !important;}

	#footer{padding:40px 0;}
	#footer .f-top{flex-direction:column;align-items:flex-start;gap:20px;}
	#footer .f-etc{gap:10px 20px;}
	#footer .f-etc li a{font-size:14px;}
	#footer .f-link{margin-left:0;width:auto;font-size:14px;}
	#footer .f-btm p{font-size:13px;}

	#btnTop{right:15px;bottom:30px;}
	
	.title-area{margin-bottom:20px;}
	.title-area h2{font-size:20px;}
	.title-area p{font-size:14px;}
	
	.main-section1{display:block;}
	.main-section1 .col-grp{width:100%;}
	.main-section1 .m-reverse{flex-direction:row-reverse;}
	.main-section1 .col-grp > div{height:130px !important;}
	.main-section1 .title{font-size:15px;}
	.main-section1 .hover-box a{height:36px;line-height:36px;font-size:14px;}
	[class^="main-section"]:not(.main-section1){padding:40px 0;}
	.main-section2 .title-area{margin-bottom:20px;}
	.main-section2 .main-srch .box{height:54px;}
	.main-section2 .main-srch .box input[type="text"]{width:100%;}
	.main-section2 .main-srch .box .btn-srch{width:54px;background-size:auto 100%;}
	.main-section2 .tag-list .title{margin-right:20px;padding-left:25px;font-size:16px;background-size:15px auto;background-position:left top;}
	.main-section2 .tag-list a{margin:0 10px 10px 0;font-size:14px;}
	#mainIssueSlider{margin-top:0;padding-top:50px;}
	#mainIssueSlider .swiper-slide .img{height:200px;}
	#mainIssueSlider .swiper-slide .title{left:25px;right:25px;bottom:25px;font-size:17px;}
	
	.main-section4{padding:40px 0 90px !important;}
	.main-event:before{left:20px;}
	.main-event > li i{margin:0;width:36px;height:36px;line-height:36px;}
	.main-event > li i:before{left:inherit !important;right:-10px !important;top:18px;width:10px;}
	.main-event > li i img{width:15px;}
	.main-event > li .con{margin-left:0 !important;margin-top:-26px;padding-left:55px;width:100% !important;text-align:left !important;box-sizing:border-box;}
	.main-event > li .info{margin-bottom:10px;}
	.main-event > li .info span{margin-right:5px;padding-right:5px;}
	.main-event > li .title{font-size:17px;max-height:50px;line-height:25px;}
	#mainDataSlider{margin-top:0;padding-top:50px;}
	#mainDataSlider .swiper-slide .img{height:200px;}
	#mainDataSlider .swiper-slide .cate{font-size:17px;}
	#mainDataSlider .swiper-slide .title{margin-bottom:10px;font-size:17px;}
	#mainDataSlider .swiper-slide .date{font-size:14px;}

	.modal-wrap .modal{padding:60px 20px !important;}
	.modal-wrap .modal-container{padding:0 10px;}
	.modal-wrap .btn-modal-close{width:40px;height:40px;}
	.modal-wrap.issue .modal-content{flex-direction:column;gap:20px;}
	.modal-wrap.issue .title{margin-bottom:10px;padding-right:50px;font-size:20px;}
	.modal-wrap.issue .img{margin:0 auto;}
	.modal-wrap.issue p{font-size:15px;}
	.modal-wrap.mapping .title{margin-bottom:10px;padding-right:50px;font-size:20px;}
	.modal-wrap.mapping p{font-size:15px;}
	.modal-wrap.mapping .sub-title{margin:20px 0;font-size:17px;}

	.btn-link,
	.btn-down{padding:5px 20px;min-height:50px;font-size:15px;}

	.mapping-list > div{padding:30px 20px;}
	.mapping-list .tit{margin-bottom:10px;font-size:17px;}
	
	.sub-visual > .inner{padding:40px 15px;}
	.sub-visual h2{margin-bottom:10px;font-size:24px;text-align:center;word-break:keep-all;}
	.sub-visual .location{position:static;justify-content:center;margin-left:-14px;}
	.sub-visual .menu-tab{margin-top:30px;justify-content:center;}
	.menu-tab > li > a{min-width:115px;height:50px;font-size:16px;}

	.sub-contents{padding:0 0 50px;}
	.sub-contents > .inner{padding-top:40px;}

	.h3-title{margin-bottom:15px !important;font-size:20px;}
	.h4-title{margin:25px 0 15px;font-size:18px;}

	.intro-section1,
	.intro-section2,
	.intro-section3,
	.intro-section4,
	.intro-section5{padding:40px 0;}

	.intro-section1 p{font-size:14px;}
	.intro-section1 .title{margin-bottom:15px;font-size:17px;}
	.intro-section2 p{font-size:14px;}
	.intro-section2 .img{max-width:400px;font-size:13px;text-align:center;}
	.intro-section2 p + .list-con.num > li{font-size:14px;}
	.intro-section3 .cont{font-size:14px;}
	.intro-num{flex-direction:column;margin-bottom:30px;}
	.intro-num > li{width:auto;}
	.intro-num > li em{width:32px;height:32px;line-height:32px;font-size:15px;}
	.intro-num > li b{margin-bottom:5px;font-size:17px;}
	.intro-box > li{padding:20px;}
	.intro-box > li b{margin-bottom:10px;font-size:17px;word-break:keep-all;}
	.intro-list{margin-bottom:30px;}
	.intro-list > li{padding:20px;}
	.intro-list > li i{right:15px;top:15px;}
	.intro-list > li i img{width:32px;}
	.intro-list > li b{margin:0 32px 10px 0;font-size:17px;}
	.intro-list + .list-con{margin:-10px 0 30px;}
	.intro-section4 .list-con.dot li{font-size:14px;}
	.intro-goal{margin-bottom:40px;}
	.intro-goal > li{width:calc(50% - 10px);}
	.intro-goal > li b{margin-bottom:10px;font-size:17px;}
	.intro-goal > li i{margin-bottom:10px;}
	.intro-goal > li i img{width:32px;}
	.intro-section5 .source{padding-top:20px;}
	.intro-table th,
	.intro-table td{padding:10px 5px !important;height:50px;}
	.intro-section3 .add-table{margin-bottom:30px;}
	.intro-section5 .tit{font-size:15px;}

	.tab-content.mapping .tab-bar{padding:0;flex-wrap:wrap;margin-bottom:40px;}
	.tab-content.mapping .tab-bar > li{margin-right:0;flex:1 1 30%;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
	.tab-content.mapping .tab-bar > li:first-child,
	.tab-content.mapping .tab-bar > li:nth-child(3n+1){border-left:none;}
	.tab-content.mapping .tab-bar > li > a{justify-content:center;padding:5px;height:50px;font-size:16px;}
	.tab-content.mapping .box{padding:30px 20px;}
	.tab-content.mapping .title{font-size:17px;}
	.tab-content.mapping .img{margin:30px 0;}

	.agenda-top{padding-top:0;}
	#agendaSlider li a{height:50px;font-size:16px;}
	#agendaSlider > button{height:49px;}
	.agenda-con > li{margin-top:40px;padding-left:40px;}
	.agenda-con > li .title{padding-bottom:15px;font-size:24px;line-height:30px;}

	.table-info.scroll{overflow-x:auto;}
	.table-info.scroll table{width:700px;}
	.table-info th,
	.table-info td{padding:10px 5px;height:50px;}

	.count{font-size:17px;}
	.board-search{margin-bottom:40px;}
	.board-search .search{flex-wrap:wrap;width:100%;}
	.board-search .search select{min-width:inherit;width:calc(50% - 3px) !important;}
	.board-search .search-inp{width:100%;}
	
	.global-top{padding:40px 0;}
	.global-top .h3-title{font-size:20px;}
	.global-top #mainIssueSlider{margin-top:-50px;}
	.global-top #mainIssueSlider .swiper-btn{top:0;}

	.global-con .h3-title{margin-bottom:15px;font-size:20px;}
	.filter-area .row1{padding-bottom:20px;}
	.filter-area .row2,
	.filter-area .row3,
	.filter-area .row4{padding:20px 0;}
	.filter-area .title{font-size:18px;line-height:40px;}
	.filter-area .sub-title,
	.filter-area .etc-title{font-size:16px;}
	.filter-area .btn-search{height:40px;line-height:38px;}
	.inp-list > li{font-size:14px;}
	.keyword-list > ul{padding:10px 0;max-height:150px;}
	.range-area{margin:30px 20px;}
	.range-area .ui-slider-handle{top:-9px;margin-left:-10px;width:20px;height:20px;}

	.result-area .top .num{font-size:20px;}
	.btn-chart{padding:10px;min-width:150px;min-height:40px;font-size:15px;}

	.table-data th,
	.table-data td{padding:10px 5px;height:50px;}
	.table-data th{padding:10px 5px;font-size:15px;}
	.table-data td .title{font-size:15px;}
	.table-data td .desc{font-size:14px;}

	.data-list{gap:10px;}
	.data-list > li{width:calc(50% - 5px);}
	.data-list > li .img{height:200px;}
	.data-list > li .cate{font-size:17px;}
	.data-list > li .title{margin-bottom:10px;max-height:50px;line-height:25px;font-size:17px;}
	.data-list > li .date{font-size:14px;}
	.data-list > li.empty{padding:50px 0;font-size:17px;}

	.modal-wrap.data .cate{font-size:17px;}
	.modal-wrap.data .title{margin-bottom:10px;padding-right:50px;font-size:20px;}
	.modal-wrap.data .sub-title{font-size:17px;}
	.modal-wrap.data .img{margin:0 auto;}
	.modal-wrap.data p{font-size:15px;}

	.paging{margin:40px 0;}
	.paging .num{display:none;}
	.m-page{display:block;font-size:20px;}

	.tab-link ul > li > a{font-size:17px;}

	.event-list:before,
	.event-list .line{left:108px;}
	.event-list .row{padding-bottom:40px;}
	.event-list .date{padding-right:20px;width:100px;font-size:18px;}
	.event-list .year{font-size:26px;}
	.event-list .circle{margin:5px 20px 0 0;}
	.event-list .title{font-size:20px;}
	.event-list .sub-title{font-size:16px;}
	.event-list .list{flex-direction:column;margin-bottom:20px;}
	.event-list .list > li{width:auto !important;}
	.event-list p{font-size:14px;}
	.event-list .more-btn{margin-left:62px;}

	.modal-wrap .source > li{font-size:14px;}
	.modal-wrap.global .title{margin-bottom:20px;font-size:20px;}
	.modal-wrap.global h2{font-size:17px;}
	.chart-wrapper{margin-bottom:40px;padding:0;height:200px;}
	.chart-wrapper.tall{height:240px;}

	.gray-box{margin-bottom:30px;padding:30px 20px;}
	.gray-box p{font-size:15px;word-break:keep-all;}

	.sitemap .menu > li{margin-bottom:20px;padding-bottom:20px;}
	.sitemap .menu > li > a{font-size:20px;}
	.sitemap .menu .dep2{gap:0 20px;}
	.sitemap .menu .dep2 > li{margin-top:20px;width:calc(50% - 10px);}
	.sitemap .menu .dep2 > li > a{font-size:16px;}
}

@media screen and (max-width:500px){
	.menu-tab > li > a{min-width:inherit;}

	.event-list:before,
	.event-list .line{left:26.5px;}
	.event-list .row{flex-direction:column;}
	.event-list .date{padding-left:55px;width:auto;text-align:left;}
	.event-list .date br{display:none;}
	.event-list .circle{margin:-23px 17px 20px;}
	.event-list .con{padding-left:55px;}
	.event-list .more-btn{margin-left:-5px;width:70px;height:70px;line-height:66px;}

	.mapping-list{flex-direction:column;}
	.mapping-list > div{padding:20px 15px;width:auto;}

	.intro-box,
	.intro-list,
	.intro-goal{flex-direction:column;}
	.intro-box > li,
	.intro-list > li,
	.intro-goal > li{width:auto !important;}
	
	.sitemap .menu .dep2{flex-direction:column;}
	.sitemap .menu .dep2 > li{width:auto;}
}

@media screen and (max-width:360px){
	#gnb .menu > li > a{font-size:15px;}
	#gnb .menu > li > .dep2 > li > a{font-size:14px;}
}

@media screen and (max-width:768px){
	.main-event > li{padding-bottom:20px;min-height:96px;height:auto;box-sizing:border-box;}
}