/* btn_more */
.btn_more{ position:absolute; right:0; top:0; line-height:1.75rem; font-size:.75rem; font-weight:600; color:#111;}
.btn_more i{ width:1.75rem; height:1.75rem; line-height:1.75rem; text-align:center; border-radius:50%; font-size:1rem; margin-left:5px; vertical-align:top; transition:all .2s; -webkit-transition:all .2s;}
.btn_more i:hover,
.btn_more i:focus{ transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.btn_more i{ background:#f0f0f0;}
/* btn_more : active*/
.btn_more:hover,
.btn_more:focus{ color:#1a4ab9;}
.btn_more:hover i,
.btn_more:focus i{ background:#1a4ab9; color:#fff; }

/* common title */
h2.heading{ line-height:2rem; font-size:1rem; font-weight: 700;}

/* dge CI */
.dgeCi{ position:absolute; right:-7.5rem; bottom:9.5rem; z-index: 9999;}

.swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: wrap;}


/* 공통스크롤 */
.scroll{position: absolute; right: calc((100% - 85rem) / 2); bottom: 2.5rem; display: flex; color: #fff; align-items: center;}
.scroll .line{position: relative; width: 8.5rem; height: 1px; background: rgba(255,255,255,0.3); margin-right: 0.75rem; overflow-x: clip;}
.scroll .line::before{width: 2rem; height: 1px; background: #fff; position: absolute; left: 0; top: 0; animation: scrollLine 1s infinite; content: '';}
.scroll .line::after{width: 5px; height: 5px; border-radius: 50%; background: #fff; position: absolute; top: -2.5px; animation: scrollLine 1s infinite; margin-left: 0.85rem; content: '';}
.scroll p{font-style: italic; font-size: 0.7rem; margin-right: 0.25rem;}
.scroll ul li{display: inline-block; width: 5px; animation: scroll 1s infinite;}
.scroll ul li.li2{animation-delay: 0.2s;}
.scroll ul li.li3{animation-delay: 0.4s;}
@keyframes scroll{
	0%{opacity: 1;}
	50%{opacity: 0;}
	100%{opacity: 1;}
}
@keyframes scrollLine{
	0%{left: 0;}
	100%{left: 100%;}
}

/* section1 */
.section01 .fp-tableCell{vertical-align: top;}
.section03{background: url('/images/dgedu/template/TC36/main/bg_section03.png') no-repeat center / cover;}

/* 메인비주얼 */
.TC36_visual { position:relative; height:100%;}
.TC36_visual .slogan{position: absolute; left: 0; top: 11.5rem; z-index: 100;}
.TC36_visual .slogan img.mob{display: none;}
.TC36_visual .slider{ height: 100%; margin-left: 25.5rem;}
.TC36_visual .slider .slick-list{overflow: visible;}
.TC36_visual .slick-track{z-index: 0;}
.TC36_visual .item { position:relative; width: 100%; text-align: right;}
.TC36_visual .item::before{width: 100%; height: calc(100% - 0.25rem); background: url('/images/dgedu/template/TC36/main/visual_bg.png') no-repeat top right / contain; position: absolute; top: 0; left: 0; content: '';}
.TC36_visual .item svg{max-height: calc(100vh - 4rem);}
/* .TC36_visual .item img{position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } */
/* .TC36_visual .item img{ display: block; position:relative; left: 0; opacity: 0; width:auto; height:100%; transition: opacity 2s, transform 3s;} */
/* .TC36_visual .slick-active img{ opacity: 1;} */
.TC36_visual .slick-dots {position: absolute; left: 1.6rem; top: 19.1rem; width: 5rem; z-index: 101; text-align: center; display: flex; align-items: center; justify-content: space-between;}
.TC36_visual .slick-dots li button{ width: 10px; height: 10px; border-radius: 10rem; background: #ccc; vertical-align: middle; font-size: 0; padding: 0;}
.TC36_visual .slick-dots li.slick-active button{width: 1.9rem; height: 1.9rem; line-height: 1.9rem; text-align: center; color: #fff; font-size: 1rem; border-radius: 50%; background: rgba(255,255,255,0.3);}
.TC36_visual .slick-dots li.slick-active button{opacity: 1;}
.TC36_visual .control{ display: flex; align-items: center; justify-content: space-between; position:absolute; left:0; top: 19.5rem; z-index:100;}
.TC36_visual .control p { display:inline-block; width: 2.8rem; text-align:center;}
.TC36_visual .control p span{font-size: 0.9rem; font-weight: 400;}
.TC36_visual .control > a{ font-size:1rem; text-align:center; color: #fff; vertical-align:middle; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.TC36_visual .control > a.prev{margin-right: 6.5rem;}
.TC36_visual .control > a.next{margin-right: 0.5rem;}
.TC36_visual .control > a.play{display:none;}
.TC36_visual .link1{position: absolute; left: 0; top: 26.5rem; font-size: 0.9rem; color: #fff; z-index: 1000;}
.TC36_visual .link1 br{display: none;}
.TC36_visual .link1 a{display: block; border-radius: 1.5rem; padding: 1rem 0; transition: all 0.3s; -webkit-transition: all 0.3s;}
.TC36_visual .link1 em{font-size: 1.75rem; vertical-align: sub; font-weight: 700;}
.TC36_visual .link1 img{margin-left: 1.5rem; vertical-align: sub; width: 2.5rem; height: 1.25rem;}
.TC36_visual .link2{position: absolute; bottom: 2.5rem; left: 69rem; width: 17rem; height: 12.2rem; background: url('/images/dgedu/template/TC36/main/img_visual_link.png') no-repeat center / contain; color: #fff; display: flex; align-items: flex-end; justify-content: center; z-index: 100; flex-wrap: wrap; flex-direction: column;}
.TC36_visual .link2 br{display: none;}
.TC36_visual .link2 p{font-size: 1rem; width: 100%; text-align: center;}
.TC36_visual .link2 p em{font-size: 1.5rem; vertical-align: sub; font-weight: 700;}
.TC36_visual .link2 a{display: inline-block; line-height: 2rem; background: #fff;border: 1px solid #fff; border-radius: 1.5rem; width: 6.6rem; text-align: center; color: #07255e; font-size: 0.9rem; margin-top: 1rem; font-weight: 600; margin-right: 2.5rem; transition: all 0.3s; -webkit-transition: all 0.3s;}
.TC36_visual .link2 a i{margin-left: 1rem;}
/* 메인비주얼:active */
.TC36_visual .link1 a:hover,
.TC36_visual .link1 a:focus{background: rgba(255,255,255,0.1); border: 1px solid #fff; padding: 1rem; box-shadow: 0.25rem 0.25rem rgba(255,255,255,0.1);}
.TC36_visual .link2 a:hover,
.TC36_visual .link2 a:focus{background: rgba(255,255,255,0.2);  color: #fff; box-shadow: 0.15rem 0.15rem rgba(255,255,255,0.2);}

/* sns */
.TC36_sns{color: #fff;}
.TC36_sns p{font-size: 1.1rem; margin-bottom: 1rem;}
.TC36_sns p em{font-weight: 700;}
.TC36_sns ul li{display: inline-block; margin-right: 1rem;}
.TC36_sns ul li em{display: inline-block; position: relative; font-size: 0.75rem;}
.TC36_sns ul li em::before{width: calc(100% + 4px); height: 0.75rem; background: rgba(255, 255, 255, 0.3); border-radius: 0.5rem; position: absolute; left: -2px; bottom: -0.1rem; opacity: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; content: '';}
.TC36_sns ul li i{width: 1.9rem; height: 1.9rem; line-height: 1.9rem; border-radius: 50%; text-align: center; font-size: 1.1rem; color: #fff; vertical-align: sub; margin-right: 0.45rem;}
.TC36_sns ul li.li1 i{background: #3d65bb;}
.TC36_sns ul li.li2 i{background: #31bb0e;}
.TC36_sns ul li.li3 i{
	background: linear-gradient(90deg, #9a4b9c, #e73581);
	background: -webkit-linear-gradient(90deg, #9a4b9c, #e73581);
	background: -o-linear-gradient(90deg, #9a4b9c, #e73581);
	background: -moz-linear-gradient(90deg, #9a4b9c, #e73581);
}
.TC36_sns ul li.li4 i{background: #00b4ff;}
.TC36_sns ul li.li5 i{background: #f4b406;}
.TC36_sns ul li.li6 i{background: #ff0000;} /* 230307 gsjeong 추가 */
/* sns:active */
.TC36_sns ul li a:hover em::before,
.TC36_sns ul li a:focus em::before{opacity: 1;}
.TC36_sns ul li a:hover i,
.TC36_sns ul li a:focus i{animation: bounce 0.3s; -webkit-animation: bounce 0.3s;}

@keyframes bounce{
	0%{transform: translateY(0); -webkit-transform: translateY(0);}
	50%{transform: translateY(-0.3rem); -webkit-transform: translateY(-0.3rem);}
	100%{transform: translateY(-0.3rem); -webkit-transform: translateY(-0.3rem);transform: translateY(0); -webkit-transform: translateY(0);}
}

/* 게시판 */
.TC36_notice { position:relative; height:100%;}
.TC36_notice .slogan{margin-bottom: 1rem;}
.TC36_notice .slogan img{width: 37rem;}
.TC36_notice .titTab ul{font-size:0; margin-right:6rem;}
.TC36_notice .titTab li { max-width: 31%; position:relative; display:inline-block; font-size:1rem; line-height:3rem; vertical-align:top; }
.TC36_notice .titTab li + li{margin-left: 0.5rem;}
.TC36_notice .titTab li a { display:block; background: #f6f6f6; color:#000; line-height: 3rem; padding: 0 1.5rem; border-radius: 1rem; font-weight: 600;}
.TC36_notice .titTab li a span{ display:block; overflow:hidden; white-space:nowrap; }
.TC36_notice .list_box { opacity: 0; visibility: hidden; position: absolute;top: 0; left: 0; width:100%; z-index: -1;}
/* 게시판_슬라이드 */
.TC36_notice .conSlide{margin-top: 1rem;}
.TC36_notice .conSlide .item{padding: 0 0.5rem 0.25rem;}
.TC36_notice .conSlide .item a{display: block; border-radius: 1rem; padding-bottom: 0.5rem; overflow: hidden;}
.TC36_notice .conSlide .item .img{height: 12.5rem; position: relative; overflow: hidden; background:#eaeaea;}
.TC36_notice .conSlide .item .img img{ position:relative; left:50%; width:auto; height:100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background:#f1f1f1;}
.TC36_notice .conSlide .item .txt{font-size: 0.85rem; color: #000; font-weight: 600; margin: 0.75rem 0; overflow: hidden; height: 2.4rem;}
.TC36_notice .conSlide .item span{font-size: 0.75rem; color: #5b5b5b;}
.TC36_notice .conSlide .no_data{ width:100%; padding:5rem 0; text-align:center; font-size:.9rem;}
.TC36_notice .control{position: absolute; top: -3.6rem; right: 0;}
.TC36_notice .control a{width: 1.75rem; height: 1.75rem; line-height: 1.75rem; text-align: center; border-radius: 50%; background: #f6f6f6; display: inline-block;}
.TC36_notice .control a.play{display: none;}
/* 게시판 교육행사 */
.TC36_notice .evtTab{width: 49%; float: left; margin-top: 1rem;}
.TC36_notice .evtTit ul{font-size:0;}
.TC36_notice .evtTit li { max-width: 25%; position:relative; display:inline-block; font-size:1rem; line-height:2rem; vertical-align:top; }
.TC36_notice .evtTit li a { display:block; padding-right:1.25rem; margin-right:1.25rem; color:#555; }
.TC36_notice .evtTit li a:before{content:""; position:absolute; right:1rem; top:calc(50% - .15rem); width:.3rem; height:.2rem; background:#fff; border-radius:.5rem; }
.TC36_notice .evtTit li a span{ display:block; overflow:hidden; white-space:nowrap; }
.TC36_notice .evtTit li:first-child a{ padding-left:0; }
.TC36_notice .evtTit li:last-child a:before{ opacity:0; }
.TC36_notice .evtTab .list_box{position: relative; top: auto; display: none; opacity: 1; margin-top: 1rem;}
.TC36_notice .evtTab .list_box.on{display: block;}
.TC36_notice .evtBook{width: 48%; float: right; background: url('/images/dgedu/template/TC36/main/ptrn_evtBook.png') repeat; padding: 2rem; border-radius: 1.5rem;}
.TC36_notice .evtList{margin: 0 -0.5rem;}
.TC36_notice .evtList::after{display: block; content: ''; clear: both;}
.TC36_notice .evtList li{width: 50%; float: left; padding: 0 0.5rem;}
.TC36_notice .evtList li.no_data{ width:100%; padding:3rem 0; text-align:center;}
.TC36_notice .evtList li:nth-of-type(n+3){display: none;}
.TC36_notice .evtList li a{display: block;}
.TC36_notice .evtList li a .img{height: 10.5rem; position: relative; border-radius: 1rem 1rem 0 0; overflow: hidden; background:#f1f1f1;}
.TC36_notice .evtBook .evtList li a .img{height: 12rem; background:rgba(0, 0, 0, 0.1);}
.TC36_notice .evtList li a .img img{ position:relative; left:50%; width:auto; height:100%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.TC36_notice .evtList li a dt{font-size: 0.85rem; color: #000; font-weight: 600; margin: 0.75rem 0 0.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.TC36_notice .evtList li a dd{font-size: 0.75rem; color: #5b5b5b; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/* 게시판 :active */
.TC36_notice .titTab li a:hover,
.TC36_notice .titTab li a:focus,
.TC36_notice .titTab li a.current { color:#fff; box-shadow: 0.25rem 0.25rem 0.25rem rgba(113,72,181,0.2);
	background: linear-gradient(45deg, #715dd3, #7148b5);
	background: -webkit-linear-gradient(-45deg, #715dd3, #7148b5);
	background: -o-linear-gradient(45deg, #715dd3, #7148b5);
	background: -moz-linear-gradient(45deg, #715dd3, #7148b5);
}
.TC36_notice .evtTit li a:hover,
.TC36_notice .evtTit li a:focus,
.TC36_notice .evtTit li a.current { color:#7148b5; font-weight:700;}
.TC36_notice .evtTit li a.current:before{ width:1.5rem; right:.65rem; background:#7148b5; opacity:1; }
.TC36_notice .conSlide .item a:hover,
.TC36_notice .conSlide .item a:focus{box-shadow: 0.2rem 0.2rem rgba(113,72,181,0.2);}
.TC36_notice .evtList li a:hover .img span,
.TC36_notice .evtList li a:focus .img span,
.TC36_notice .conSlide .item a:hover .img span,
.TC36_notice .conSlide .item a:focus .img span{transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1);}
.TC36_notice .conSlide .item a:hover .txt,
.TC36_notice .conSlide .item a:focus .txt{color: #7148b5; font-weight: 700; padding: 0 0.5rem 0 1rem;}
.TC36_notice .conSlide .item a:hover span,
.TC36_notice .conSlide .item a:focus span{ padding: 0 0.5rem;}
.TC36_notice .list_box.on { opacity: 1; visibility: visible; z-index: 1; position: relative;}
.TC36_notice :before{-webkit-transition:all .1s; transition:all .1s; }
.TC36_notice .control a:hover,
.TC36_notice .control a:focus{background: #7148b5; color: #fff;}
.TC36_notice .evtList li a:hover dt,
.TC36_notice .evtList li a:focus dt{color: #7148b5; font-weight: 700;}
.TC36_notice .evtTit li a,
.TC36_notice .titTab li a,
.TC36_notice .evtList li a .img span,
.TC36_notice .conSlide .item a .img span,
.TC36_notice .conSlide .item a .txt,
.TC36_notice .conSlide .item a span,
.TC36_notice .control a{transition: all 0.3s; -webkit-transition: all 0.3s;}

/* 공약사업추진상황 */
.TC36_business{display: flex; justify-content: space-between; color: #fff; flex-wrap: wrap;}
.TC36_business .slogan{width: 100%; margin-bottom: 1.5rem;}
.TC36_business .tit{width: 20.25rem; display: flex; flex-wrap: wrap; align-items: center; padding-right: 0.5rem;}
.TC36_business .tit h2{font-size: 2.25rem; font-weight: 700; overflow: hidden; white-space: nowrap;}
.TC36_business .tit a{font-size: 0.9rem; display: block;}
.TC36_business .tit a i{width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; border-radius: 50%; background: rgba(255,255,255,0.2);}
.TC36_business ul{display: table; table-layout: fixed; width: calc(100% - 20.25rem);}
.TC36_business ul li{display: table-cell; vertical-align: top; opacity: 0;}
.TC36_business ul li a{position: relative; display: block; text-align: center; height: 7rem; border-radius: 1rem; padding: 1.9rem 0.5rem 0 0.5rem; transition: all 0.3s; -webkit-transition: all 0.3s; }
.TC36_business ul li .ico img{width: 2.6rem; height: 2.6rem; vertical-align:center;} 
.TC36_business ul li .txt{font-size: 1rem; height: 2.8rem; margin-top: 0.25rem; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.TC36_business ul li .per{width: 0; line-height: 2.75rem; color: #7148b5; background: #fff; border-radius: 0 1.5rem 1.5rem 1.5rem; text-align: center; font-size: 1.3rem; position: absolute; left: 0; bottom: -1.3rem; font-weight: 800; opacity: 0; transition: 0.2s; -webkit-transition: 0.2s; font-family: 'Montserrat';}
/* 공약사업추진상황:active */
.TC36_business ul li a:hover,
.TC36_business ul li a:focus{display: flex; justify-content: center; align-items: center; padding: 0 0.5rem 0.5rem 0.5rem;
	background: linear-gradient(45deg, #715dd3, #8769e9, #7148b5);
	background: -webkit-linear-gradient(45deg, #715dd3, #8769e9, #7148b5);
	background: -o-linear-gradient(45deg, #715dd3, #8769e9, #7148b5);
	background: -moz-linear-gradient(45deg, #715dd3, #8769e9, #7148b5);
}
.TC36_business ul li a:hover .txt,
.TC36_business ul li a:focus .txt{margin-top: 0; margin-left: 0.5rem;}
.TC36_business ul li a:hover .per,
.TC36_business ul li a:focus .per{opacity: 1; width: calc(100% - 3.75rem);  transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}

/* 공통콘텐츠 */
.comCont h2{color: #fff;}
.comCont .control a{color: #fff;}

/* 배너존 */
.banner_zone {line-height:1; border-top:1px solid #ccc; background: #fff;}
.banner_zone .container {position:relative; display:flex; align-items:center; height:4rem; overflow:hidden;}
.banner_zone h2 {width:4rem; font-size:0.9rem; font-weight:600; color:#191919;}
.banner_zone .btn {overflow:hidden;}
.banner_zone .btn a {float:left; width:1.5rem; height:1.4rem; margin:0 1px; line-height:1.4rem; text-align:center; overflow:hidden; border-radius:50%; color:#818896; border:1px solid #dbe0ec; background:#f2f6ff;}
.banner_zone .btn a.play{display:none;}
.banner_zone .bnWrap { width:calc(100% - 11rem); margin-left:1.5rem; overflow:hidden;}
.banner_zone .bnWrap .slick-track { margin-left:0;}
.banner_zone .bnWrap a {display:block; height:2.5rem; line-height:2.3rem; text-align:center; margin:0 5px; overflow:hidden;}
.banner_zone .bnWrap a img {max-width:100%; max-height:100%; vertical-align:middle;}
.banner_zone .btn a:hover,
.banner_zone .btn a:focus{ border-color:#004794; color:#004794;}
.banner_zone .bnWrap a:hover,
.banner_zone .bnWrap a:focus{ border-color:#aaa;}
.banner_zone a{transition:all .2s; -webkit-transition:all .2s;}

@media (min-width:1440px) and (max-height:1020px) {
	/* #container{height: 980px; overflow: hidden;} */
	/* 메인비주얼 */
	.TC36_visual .item{text-align: right;}
	.TC36_visual .item svg{height: calc(100vh - 2rem);}
	 #wrap.open .TC36_visual .item svg{height: calc(100vh - 8.5rem);}
	.TC36_visual .link1{top: auto; bottom: 9rem;}

	/* 게시판 */
	.TC36_notice .evtBook{padding: 1rem;}
	.TC36_notice .evtList li a .img{height: 9.5rem;}
}

@media (min-width:1500px) {
	/* 메인비주얼 */
	.TC36_visual{opacity: 0; transform: translateX(5rem); -webkit-transform: translateX(5rem); transition: 0.6s; -webkit-transition: 0.6s;}
	.section01.swiper-slide-active .TC36_visual{ opacity: 1; transform: translateX(0); -webkit-transform: translateX(0);}
	.TC36_visual .link2{opacity: 0; transition: 0.3s; -webkit-transition:0.3s; transition-delay: 0.5s; -webkit-transition-delay: 0.5s;}
	.section01.swiper-slide-active .TC36_visual .link2{opacity: 1;}

	/* 공약사업추진상황 animation */
	.section03.swiper-slide-active .TC36_business ul li.li1{animation-delay: 0.2s;}
	.section03.swiper-slide-active .TC36_business ul li.li2{animation-delay: 0.4s;}
	.section03.swiper-slide-active .TC36_business ul li.li3{animation-delay: 0.6s;}
	.section03.swiper-slide-active .TC36_business ul li.li4{animation-delay: 0.8s;}
	.section03.swiper-slide-active .TC36_business ul li.li5{animation-delay: 1s;}
	.section03.swiper-slide-active .TC36_business ul li{animation: b_bounce forwards; animation-duration:0.5s;}

	@keyframes b_bounce {
		0%{opacity: 0; transform: translateY(0); -webkit-transform: translateY(0);}
		50%{opacity: 0.5; transform: translateY(-1rem); -webkit-transform: translateY(-1rem);}
		100%{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}
	}
}

@media (max-width:1920px) {
	.dgeCi{right: 0rem;}

}

@media (max-width:1750px) {
	.dgeCi{right: 1rem;}
	.scroll{right: 1rem;}

	/* 메인비주얼 */
	.TC36_visual .link2{left: auto; right: 1rem;}	
	/* .TC36_visual .item svg{min-height: calc(100vh - 15rem);} */

	/* 게시판 */
	.TC36_notice .evtTit li a.current:before{width: 1rem;}
	.TC36_notice .evtTit li a{padding-right: 1rem; margin-right: 1rem;}
}

@media (max-width:1500px) {

	.swiper-wrapper{flex-wrap: wrap;}
	.scroll{display: none;}

	/* 메인비주얼 */
	.TC36_visual .slogan{top: 8rem;}
	.TC36_visual .slogan img{width: 18rem;}
	.TC36_visual .control{top: 16.5rem;}
	.TC36_visual .slick-dots{top: 16.1rem;}
	.TC36_visual .link1{top: auto; bottom: 0; left: 1rem;}
	.TC36_visual .link2{bottom: 0;}
	.TC36_visual .slider{margin-left: 20rem;}

	/* 게시판 */
	.TC36_notice .slogan img{width: 37rem;}
	
	/* 공약사업추진현황 */
	.TC36_business{flex-wrap: wrap;}
	.TC36_business .tit{width: 100%; margin-bottom: 1.5rem;}
	.TC36_business .tit h2{font-size: 1.8rem;}
	.TC36_business .tit a{margin-left: 1rem;}
	.TC36_business ul{width: 100%;}
	.TC36_business ul li{opacity: 1;}
}
@media (max-width:1240px) {
	#container{padding-top: 3.5rem;}

	/* dge CI */
	.dgeCi{ right:1rem; bottom:11rem;}

	/* 메인비주얼 */
	.TC36_visual .slogan{top: 3rem;}
	.TC36_visual .item {width: 55%; }
	.TC36_visual .item img{ width: 100%; height: auto; }
	.TC36_visual .slick-dots{top: 10rem;}
	.TC36_visual .control{top: 10.35rem;}
	.TC36_visual .link1 a{padding: 1.7rem 1rem;}

	/* 게시판 */
	.TC36_notice .evtBook{padding: 2rem 1rem;}

	/* 공약사업추진상황 */
	.TC36_business{display: block;}
	.TC36_business ul{width: calc(100% + 1rem); margin-left: -0.5rem;}
	.TC36_business ul li{padding: 0 0.5rem;}
	.TC36_business ul li a{display: flex; justify-content: center; align-items: center; padding: 0 0.5rem 0.5rem 0.5rem;
		background: linear-gradient(45deg, #715dd3, #8769e9, #7148b5);
		background: -webkit-linear-gradient(45deg, #715dd3, #8769e9, #7148b5);
		background: -o-linear-gradient(45deg, #715dd3, #8769e9, #7148b5);
		background: -moz-linear-gradient(45deg, #715dd3, #8769e9, #7148b5);
	}
	.TC36_business ul li a .txt{margin-top: 0; margin-left: 0.5rem;}
	.TC36_business ul li a .per{opacity: 1; width: calc(100% - 1rem);}
	.TC36_business ul li a:hover .per,
	.TC36_business ul li a:focus .per{width: calc(100% - 1rem);}
}

@media (max-width:1024px) {
	/* dge CI */
	.dgeCi{ right:1rem; bottom:auto; top:11rem;}

	.TC36_notice h2.heading{margin-bottom: 0.5rem;}

	/* 메인비주얼 */
	.TC36_visual{padding-bottom: 4rem;}
	.TC36_visual .slogan{left: auto; right: 1rem;} 
	.TC36_visual .slogan img{width: 15rem;}
	.TC36_visual .slogan img.web{display: none;}
	.TC36_visual .slogan img.mob{display: block;}
	.TC36_visual .item::before{display: none;}
	.TC36_visual .slider{margin-left: 0;}
	.TC36_visual .slick-dots{left: auto; right: 5.1rem; top: 11rem;}
	.TC36_visual .control{ left: auto; right: 1rem; background: rgba(0, 0, 0, 0.5); padding: 1rem; border-radius: 1rem;}
	.TC36_visual .link1{width: calc((97% - 2rem) / 2); text-align: center; border-radius: 1rem; font-size: 0.8rem;
		background: linear-gradient(45deg, #715dd3, #8769e9, #7148b5);
		background: -webkit-linear-gradient(45deg, #715dd3, #8769e9, #7148b5);
		background: -o-linear-gradient(45deg, #715dd3, #8769e9, #7148b5);
		background: -moz-linear-gradient(45deg, #715dd3, #8769e9, #7148b5);
	}
	.TC36_visual .link1 a:hover,
	.TC36_visual .link1 a:focus{padding: 1rem; border-radius: 0; border: 0; background: none; box-shadow: none;}
	.TC36_visual .link1 img{display: block; margin: 0.5rem auto 0;}
	.TC36_visual .link1 em{font-size: 1.5rem;}
	.TC36_visual .link2{width: calc((97% - 2rem) / 2); height: auto; padding: 1rem; border-radius: 1rem; display: block; text-align: center; bottom: 0;
		background: linear-gradient(45deg, #715dd3, #8769e9, #7148b5);
		background: -webkit-linear-gradient(45deg, #715dd3, #8769e9, #7148b5);
		background: -o-linear-gradient(45deg, #715dd3, #8769e9, #7148b5);
		background: -moz-linear-gradient(45deg, #715dd3, #8769e9, #7148b5);
	}
	.TC36_visual .link2 a{margin-right: 0; padding: 0 1rem; display: inline-block;}

	/* 게시판 */
	.TC36_notice .slogan img{width: 30rem;}
	.TC36_notice .list_box.box3.on{overflow: hidden;}
	.TC36_notice .evtTab{width: 100%;}
	.TC36_notice .evtBook{width: 100%; margin-top: 1.5rem;}

	/* 공약사업추진상황 */
	.TC36_business .slogan img{width: 30rem;}
	.TC36_business ul{display: block; font-size: 0;}
	.TC36_business ul li{width: 33.333%; display: inline-block; margin-bottom: 2rem;}
}

@media (max-width:768px) {
	.dgeCi { right: auto; left: 1rem; top: 3%; width: 4rem;}
	.dgeCi img{ width: 100%; }

	/* 메인비주얼 */ 
	.TC36_visual{overflow: hidden; padding-bottom: 0;} 
	.TC36_visual .slider{margin-bottom: 2rem;}
	.TC36_visual .slogan{top: auto; bottom: 11rem;}
	.TC36_visual .control{top: auto; padding: 0.5rem 1rem; bottom: 7rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); right: auto;}
	.TC36_visual .item::before{height: 4.9rem;}
	.TC36_visual .slick-dots{top: auto; bottom: 7.6rem; left: calc(50% - 0.5rem); transform: translateX(-50%); -webkit-transform: translateX(-50%); right: auto;} 
	.TC36_visual .slick-dots li.slick-active button{width: 1.5rem; height: 1.5rem; line-height: 1.5rem; font-size: 0.9rem;}
	.TC36_visual .link1{position: relative; float: left;}
	.TC36_visual .link1 a{padding: 1.1rem 0;}
	.TC36_visual .link1 em{font-size: 1.4rem;}
	.TC36_visual .link2{padding: 0.75rem 1.5rem; position: relative; float: right;}
	.TC36_visual .link2 p{font-size: 0.9rem;}
	.TC36_visual .link2 p em{font-size: 1.2rem;}
	.TC36_visual .link2 a{margin-top: 0.5rem;}

	/* 게시판 */
	.TC36_notice .slogan{margin-bottom: 1rem;}
	.TC36_notice .slogan img{width: 25rem;}

	/* sns */
	.TC36_sns p{font-size: 1rem;}
	.TC36_sns ul{font-size: 0; background: rgba(255,255,255,0.3); padding:1rem 1rem 0; border-radius: 1rem;}
	.TC36_sns ul li{width: 33%; margin-bottom: 1rem; margin-right: 0;}

	/* 공약업추진상황 */
	.TC36_business .slogan img{width: 25rem;}
	.TC36_business .tit h2{font-size: 1.5rem;}
	.TC36_business .tit a{font-size: 0.9rem;}
	.TC36_business ul li a{height: 6rem;}
	.TC36_business ul li .per{line-height: 2rem;}
	.TC36_business ul li .txt{font-size: 0.9rem;}
	.TC36_business ul li .ico img{width: 2.2rem; height: 2.2rem;}
}

@media (max-width:640px) {
	/* 메인비주얼 */
	.TC36_visual .slogan img{width: 13rem;}
	.TC36_visual .link1 em{display: block;}
	.TC36_visual .link2 p em{display: block;}
	.TC36_visual .control{bottom: 8rem;}
	.TC36_visual .slick-dots{bottom: 8.5rem;}
	.TC36_visual .slogan{bottom: 12rem;}

	/* 게시판 */
	.TC36_notice .slogan img{width:100%;}
	.TC36_notice .control{top: auto; bottom: -2rem; left: 50%; right: auto; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
	.TC36_notice .titTab ul{margin-right: 0;}
	.TC36_notice .titTab li{max-width: calc(33% - 0.5rem);}
	.TC36_notice .evtTit li{max-width: 100%; font-size: 0.9rem;}
}

@media (max-width:540px) {
	/* dge CI */
	.dgeCi{ right:-2rem; top:3%;}
	.dgeCi img{ width:60%;}

	/* 게시판 */
	.TC36_notice .titTab li{font-size: 0.9rem;}
	.TC36_notice .titTab li a{padding: 0 1rem; line-height: 2.5rem; border-radius: 0.75rem;}
	.TC36_notice .conSlide .item .img{height: 11rem;}
	.TC36_notice .evtBook .evtList li a .img{height: 10rem;}
	
}

@media (max-width:480px) {
	/* 메인비주얼 */
	.TC36_visual .slider{margin-bottom: 9rem;}
	.TC36_visual .control{bottom: 7rem;}
	.TC36_visual .slogan{right: auto; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: 10rem;}
	.TC36_visual .slick-dots{bottom: 7.5rem;}
	.TC36_visual .link1 a{padding: 0.8rem 0;}
	.TC36_visual .link1 a:hover,
	.TC36_visual .link1 a:focus{padding: 0.8rem 0;}
	.TC36_visual .link1 em{display: block;  margin-bottom: 0.25rem; font-size: 1rem;}
	.TC36_visual .link2{border-radius: 1rem; padding: 0.75rem;} 
	.TC36_visual .link2 p{font-size: 0.8rem;}
	.TC36_visual .link2 p em{font-size: 1rem; display: block;}
	.TC36_visual .link2 a{font-size: 0.8rem; line-height: 1.5rem; width: auto;}
	.TC36_visual .link2 a i{margin-left: 0.5rem;}

	/* sns */
	.TC36_sns p{font-size: 0.9rem;}
	.TC36_sns ul li{width: 50%;}

	/* 게시판 */
	.TC36_notice .titTab li{max-width: 100%; margin-bottom: 0.5rem; margin-right: 0.5rem; font-size: 0.85rem; line-height: 2.75rem;}
	.TC36_notice .titTab li a{padding: 0 0.75rem;}
	.TC36_notice .titTab li + li{margin-left: 0;}
	.TC36_notice .conSlide{margin-top: 0;}
	.TC36_notice .evtList li{width: 100%; margin-bottom: 1rem;}
	.TC36_notice .evtList li:nth-of-type(2){display: none;}
	.TC36_notice .evtBook{padding: 1rem; margin-top: 0.5rem;}
	.TC36_notice .evtTab{margin-top: 0;}
	.TC36_notice .evtTab .list_box{margin-top: 0.5rem;}
	.TC36_notice .evtTit li{font-size: 0.85rem;}
	.TC36_notice .evtTit li a{padding-right: 1rem; margin-right: 0.75rem;}
	.TC36_notice .evtTit li a.current:before{width: 0.75rem; height: 0.15rem; top: calc(50% - 0.05rem);}

	/* 공약사업추진상황 */
	.TC36_business .slogan{margin-bottom: 1rem;}
	.TC36_business .slogan img{width: 100%;}
	.TC36_business .tit{display: block;}
	.TC36_business .tit h2{font-size: 1.3rem;}
	.TC36_business .tit a{margin-left: 0; margin-top: 0.5rem; }
	.TC36_business ul li{width: 50%;}
	.TC36_business ul li a{height: 5rem;}
	.TC36_business ul li .per{font-size: 1.1rem;}
}

@media (max-width:360px) {
	/* 메인비주얼 */
	.TC36_visual .slider{margin-bottom: 7.5rem;}
	.TC36_visual .link1 br{display: block;}
	.TC36_visual .link2 br{display: block;}
	.TC36_visual .slogan{bottom: 11rem;}
	.TC36_visual .slogan img{width: 11rem;}
	.TC36_visual .control{bottom: 8rem;}
	.TC36_visual .control > a.prev{margin-right: 5.5rem;}
	.TC36_visual .slick-dots{bottom: 8.65rem; width: 4.5rem; left: calc(50% - 0.7rem);}
	.TC36_visual .slick-dots li button{width: 7px; height: 7px;}
	.TC36_visual .slick-dots li.slick-active button{width: 1.25rem; height: 1.25rem; line-height: 1.25rem; font-size: 0.8rem;}

	/* dge CI */
	.dgeCi img{ width:40%;}

}

@media (max-width:320px) {
	/* 메인비주얼 */
	.TC36_visual .link1{font-size: 0.75rem;}
	.TC36_visual .link1 em{font-size: 0.9rem;}
	.TC36_visual .link2 p{font-size: 0.75rem;}
	.TC36_visual .link2 p em{font-size: 0.9rem; margin-top: 0.2rem;}
	.TC36_visual .link2 a{font-size: 0.7rem; line-height: 1.25rem; padding: 0 0.5rem;}

	/* sns */
	.TC36_sns ul{padding: 0.75rem 0.75rem 0.25rem;}
	.TC36_sns ul li i{width: 1.7rem; height: 1.7rem; line-height: 1.7rem; font-size: 1rem;}
	.TC36_sns ul li em{font-size: 0.7rem;}

	/* 공약사업추진상황 */
	.TC36_business ul li{width: 100%;}
	.TC36_business ul li a{height: 4.5rem;}
	.TC36_business ul li a .per{width: 10rem;}
}