/* dge CI */
.dgeCi {position: absolute; top: 5rem; left: -8rem; z-index: 1;}

/* 메인비주얼 */
.TC03_visual { position: relative; height: 100%; overflow:hidden;}
.TC03_visual .item{overflow:hidden; line-height:0; border-radius: 0 0 6rem 0;}
.TC03_visual .item img{position:relative; width:auto; height:100%; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.TC03_visual .control{position:absolute; right: 3.5rem; bottom:1.5rem; z-index:1;}
.TC03_visual .control > a{display:inline-block; width:2rem; height:2rem; line-height:2rem; background:#004598; color:#fff; text-align: center; border-radius:50%; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.TC03_visual .control > a.play{display:none;}
/* 메인비주얼 : active */
.TC03_visual .control > a:hover,
.TC03_visual .control > a:focus{ background:rgba(0, 0, 0, 0.9);}

/* 선거공약 */
.TC03_pledge { position: relative; height: 100%; background: #004598; border-radius: 1rem; padding: 1.5rem 0 0 1rem; overflow: hidden; }
.TC03_pledge h2 { max-width: calc(100% - 9.5rem); color: #fff; font-size: 1.2rem; font-weight: 700; margin-bottom: 1.3rem; padding-left: 1rem;}
.TC03_pledge .inner { position: relative; height: calc(100% - 2.9rem); background: url('/images/dgedu/template/TC03/main/ptrn01.png'); border-radius: 1rem 0 0 0; padding: 1.5rem 0 0 1rem; }
.TC03_pledge .inner li { line-height: 2.5rem; display: flex; flex-direction: row; align-items: center; font-weight: 600; }
.TC03_pledge .inner li ~ li { margin-top: 0.5rem; }
.TC03_pledge .inner li span { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; border-radius: 50%; text-align: center; color: #fff; background: #0056bd; font-size: 0.9rem; }
.TC03_pledge .inner li em { width: calc(100% - 2.5rem); padding: 0 0.5rem; color: #000; line-height: 1.2; overflow: hidden; font-size: 0.9rem; word-break: keep-all; }

/* 계획 및 현황 */
.TC03_download { position: relative; height: 100%; background: #39ade3; border-radius: 1rem; padding: 1.4rem 1rem 1.2rem;}
.TC03_download h2 { color: #fff; font-size: 1rem; font-weight: 700; margin-bottom: 0.9rem; padding-left: 1.1rem; }
.TC03_download dl { position: relative; min-height: 18rem; border-radius: 1rem; background: #fff; padding: 0.6rem 0.8rem 1rem;} /* 230213 gsjeong 수정 */
.TC03_download dl::before { position: absolute; top: 3px; right: 1rem; width: 1.9rem; height: 2rem; background-repeat: no-repeat; background-size: contain; background-position: center; content: ""; }
.TC03_download dl:nth-of-type(1):before { background-image: url('/images/dgedu/template/TC03/main/down_icon01.png'); }
.TC03_download dl:nth-of-type(2):before { background-image: url('/images/dgedu/template/TC03/main/down_icon02.png'); }
.TC03_download dl ~ dl { margin-top: 0.5rem; }
.TC03_download dt { max-width: calc(100% - 2.4rem); color: #000; font-size: 0.9rem; margin-bottom: 0.6rem; font-weight: 700; }
/* .TC03_download dl:nth-of-type(1) li:nth-child(n + 3) { display: none; } */
.TC03_download dl:nth-of-type(2) li:nth-child(n + 4) { display: none; }
.TC03_download .lst > li { position: relative; height: 2rem; }
.TC03_download .lst > li ~ li { margin-top: 5px; }
.TC03_download .lst > li > a { display: flex; height: 100%; align-items: center; background: #f3f3f3; border-radius: 0.5rem; padding: 0 1.8rem 0 0.8rem; border: 2px solid transparent; }
.TC03_download .lst > li > a > p { color: #000; font-size: 0.75rem; font-weight: 600; }
.TC03_download .lst > li > a > i { color: #666; font-size: 1.1rem; position: absolute; top: 50%; right: 0.7rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.TC03_download .lk{ display:none; position:absolute; left:0; top:2rem; width:100%; padding:.5rem .75rem; background:rgba(0,0,0,0.75); border-radius:.5rem; z-index: 1;}
.TC03_download .lk > li + li{ margin-top:.15rem;}
.TC03_download .lk > li > a{ position:relative; padding-left:10px; color:#fff; font-size:14px;}
.TC03_download .lk > li > a:before{ content:""; position:absolute; left:0; top:.5rem; width:2px; height:2px; background:#fff;}
/* 계획 및 현황 : active */
.TC03_download li a { transition: all 0.15s; -webkit-transition: all 0.15s; }
.TC03_download .lst > li > a:hover,
.TC03_download .lst > li > a:focus { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border: 2px solid #39ade3;}
.TC03_download .lk > li > a:hover,
.TC03_download .lk > li > a:focus{text-decoration: underline;}

/* 바로가기1 */
.TC03_link01 { position: relative; height: 100%; }
.TC03_link01 ul { display: table; table-layout: fixed; width: calc(100% + 2rem); height: 11.25rem; border-spacing: 1rem 0; margin-left: -1rem; }
.TC03_link01 li { display: table-cell; height: 100%; vertical-align: top; }
.TC03_link01 li:nth-child(n + 3) { display: none; }
.TC03_link01 li a { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 1rem; overflow: hidden; }
.TC03_link01 li:nth-child(1) a { background: #67a9fb; }
.TC03_link01 li:nth-child(2) a { background: #4b71c4; }
.TC03_link01 li a .img { width: 9rem; height: 6.2rem; }
.TC03_link01 li a .img img { max-width: 100%; max-height: 100%; }
.TC03_link01 li a span { display: block; max-height: 2.5rem; font-size: 1rem; font-weight: 700; margin-top: 0.6rem; padding: 0 0.5rem; color: #fff; overflow: hidden; line-height: 1.2; text-align: center; }
/* 바로가기1 : active */
.TC03_link01 li a .img{ transition: all 0.15s; -webkit-transition: all 0.15s; }
.TC03_link01 li a:hover .img,
.TC03_link01 li a:focus .img { transform: translateY(-5px); -webkit-transform: translateY(-5px); }

/* 공약이행주민평가단 */
.TC03_evltn { position: relative; height: 100%; background: #fff; border-radius: 1rem; padding: 1.8rem 1.9rem 2rem; overflow: hidden; }
.TC03_evltn::before { position: absolute; top: 1.5rem; right: 2.75rem; width: 10.45rem; height: 4.45rem; background: url('/images/dgedu/template/TC03/main/evltn_bg.png') no-repeat center / cover; content: ""; }
.TC03_evltn .tit_box { max-width: calc(100% - 12rem); }
.TC03_evltn .tit_box h2 { color: #113286; font-size: 1rem; font-weight: 700; }
.TC03_evltn .tit_box span { display: block; color: #333; font-size: 0.8rem; margin-top: 0.2rem; }
.TC03_evltn ul { display: table; table-layout: fixed; width: calc(100% + 2rem); border-spacing: 1rem 0; margin: 1.8rem 0 0 -1rem; }
.TC03_evltn li { position: relative; display: table-cell; height: 2.75rem; vertical-align: top; }
.TC03_evltn li:nth-child(n + 3) { display: none; }
.TC03_evltn li a { display: flex; align-items: center; width: 100%; height: 100%; background: #eaf3ff; border-radius: 0.8rem; padding: 0 2.3rem 0 1.5rem; border: 2px solid transparent; }
.TC03_evltn li a p { color: #000; font-size: 0.8rem; font-weight: 600; }
.TC03_evltn li a i { color: #4a4a4a; font-size: 1.2rem; position: absolute; top: 0.75rem; right: 1rem; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
/* 계획 및 현황 : active */
.TC03_evltn li a { transition: all 0.15s; -webkit-transition: all 0.15s; }
.TC03_evltn li a:hover,
.TC03_evltn li a:focus { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border: 2px solid #88bbff;}

/* 바로가기2 */
.TC03_link02 { position: relative; height: 100%; }
.TC03_link02 li { position: relative; height: 3.5rem; }
.TC03_link02 li ~ li { margin-top: 0.5rem; }
.TC03_link02 li a { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 1rem; overflow: hidden; padding: 0 2.7rem 0 1rem; color: #fff; }
.TC03_link02 li:nth-child(1) a { background: #f8939f; }
.TC03_link02 li:nth-child(2) a { background: #00aeff; }
.TC03_link02 li:nth-child(3) a { background: #05a869; }
.TC03_link02 li:nth-child(4) a { background: #fabf31; }
.TC03_link02 li:nth-child(5) a { background: #fe8f69; }
.TC03_link02 li:nth-child(6) a { background: #c39bea; }
.TC03_link02 li a .img { width: 2.8rem; height: 2.6rem; }
.TC03_link02 li a .img img { max-width: 100%; max-height: 100%; } 
.TC03_link02 li a span { width: calc(100% - 2.8rem); max-height: 2.2rem; overflow: hidden; padding-left: 0.7rem; font-weight: 600; font-size: 0.9rem; line-height: 1.2; }
.TC03_link02 li a i { position: absolute; top: 1.15rem; right: 1.4rem; font-size: 1.2rem; }
/* 바로가기2 : active */
.TC03_link02 li a,
.TC03_link02 li a span,
.TC03_link02 li a i { transition: all 0.15s; -webkit-transition: all 0.15s; }
.TC03_link02 li a:hover,
.TC03_link02 li a:focus { box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); }
.TC03_link02 li a:hover span,
.TC03_link02 li a:focus span { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); }
.TC03_link02 li a:hover i,
.TC03_link02 li a:focus i { transform: translateX(5px); -webkit-transform: translateX(5px); }

/* 바로가기3 */
.TC03_link03 { position: relative; height: 100%; }
.TC03_link03 ul { width: 100%; display: table; table-layout: fixed; border-radius: 1rem; overflow: hidden; }
.TC03_link03 li { display: table-cell; height: 4rem ;}
.TC03_link03 li:nth-child(n + 6) { display: none; }
.TC03_link03 li a { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0 1rem; color: #fff; }
.TC03_link03 li:nth-child(1) a { background: rgba(0, 29, 103, 0.6); }
.TC03_link03 li:nth-child(2) a { background: rgba(0, 160, 151, 0.7); }
.TC03_link03 li:nth-child(3) a { background: #1969be; }
.TC03_link03 li:nth-child(4) a { background: #ff8c04; }
.TC03_link03 li:nth-child(5) a { background: #715ac8; }
.TC03_link03 li a .img { width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #fff; }
.TC03_link03 li a .img img { max-width: 100%; max-height: 100%; }
.TC03_link03 li a span { width: calc(100% - 2.5rem); max-height: 2.2rem; overflow: hidden; padding-left: 0.8rem; font-weight: 600; font-size: 0.9rem; line-height: 1.2; }
/* 바로가기2 : active */
.TC03_link03 li a .img img,
.TC03_link03 li a span { transition: all 0.15s; -webkit-transition: all 0.15s; }
.TC03_link03 li a:hover .img img { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }
.TC03_link03 li a:hover span,
.TC03_link03 li a:focus span { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); }

/* 배너존 */
.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 (max-width: 1820px) {
	/* dge CI */
	.dgeCi { top: 1rem; left: 48rem; }
	.dgeCi img { width: 60%; }
}

@media (max-width:1440px){
	.TC03_pledge h2 { max-width: 100%; }
}

@media (max-width:1300px) {
	/* dge CI */
	.dgeCi { left: 36rem; }

	/* 선거공약 */
	.TC03_pledge .inner li em { font-size: 0.85rem; }

	/* 바로가기2 */
	.TC03_link02 ul { width: calc(100% + 0.4rem); margin: -0.2rem; }
	.TC03_link02 li { display: block; width: calc(100% / 3); float: left; padding: 0.2rem; }
	.TC03_link02 li ~ li { margin-top: 0; }
}

@media (max-width:1240px){
	/* 메인비주얼 */
	.TC03_visual .item img { width: 100%; height: auto; }

	/* 선거공약 */
	.TC03_pledge { padding: 1.4rem 1rem 1.2rem; }
	.TC03_pledge h2 { max-width: calc(100% - 7.5rem); margin-bottom: 0.8rem; font-size: 1rem; }
	.TC03_pledge .inner { height: auto; border-radius: 1rem; padding: 1rem; overflow: hidden; }
	.TC03_pledge .inner li { width: 50%; float: left; }
	.TC03_pledge .inner li:nth-child(2) { margin-top: 0; }
}

@media (max-width:1130px) {
	/* dge CI */
	.dgeCi { left: auto; right: 0; }
	

	/* 공약이행주민평가단 */
	.TC03_evltn::before { right: 2rem; width: 8.45rem; height: 3.6rem; }

	/* 바로가기3 */
	.TC03_link03 ul { display: block; width: calc(100% + 0.4rem); margin: -0.2rem; border-radius: 0; }
	.TC03_link03 li { display: block; width: calc(100% / 3); float: left; padding: 0.2rem; }
	.TC03_link03 li a { border-radius: 1rem; }
}

@media (max-width:1024px){
	/* 바로가기1 */
	.TC03_link01 li a .img { width: 8rem; height: auto; }

	/* 공약이행주민평가단 */
	.TC03_evltn::before { display: none; }
	.TC03_evltn .tit_box { max-width: 100%; }
}

@media (max-width:860px) {
	/* 선거공약 */
	.TC03_pledge { padding: 1rem; }

	/* 계획 및 현황 */
	.TC03_download { padding: 1rem; }
	.TC03_download dl { width: 98%; float: left; min-height: auto; height: calc(100% - 1.5rem); } /* 230213 gsjeong 수정 */
	.TC03_download dl ~ dl { margin-top: 0; margin-left: 2%; }
	
	/* 바로가기1 */
	.TC03_link01 ul { height: auto; }
	.TC03_link01 li a { padding: 1rem 0; }
	.TC03_link01 li a .img { width: 7rem; }
	.TC03_link01 li a span { font-size: 0.9rem; font-weight: 600; }

	/* 공약이행주민평가단 */
	.TC03_evltn { padding: 1rem; }
	.TC03_evltn ul { margin: 1rem 0 0 -0.5rem; border-spacing: 0.5rem 0; width: calc(100% + 1rem); }
	
	/* 바로가기2 */
	.TC03_link02 li { width: calc(100% / 2); }

	/* 바로가기3 */
	.TC03_link03 li { width: calc(100% / 2); }
}

@media (max-width: 768px) {

	/* 메인비주얼 */
	.TC03_visual .item { border-radius: 0 0 3rem 0; }
	.TC03_visual .control { bottom: 1rem; right: 1.5rem; }

	/* 배너존 */
	.banner_zone h2 {display:none;}
	.banner_zone .bnWrap {width:calc(100% - 6.5rem);}
}

@media (max-width: 630px) {
	/* 선거공약 */
	.TC03_pledge h2 { margin-bottom: 1rem; max-width: 100%; padding-left: 0; }
	.TC03_pledge .inner li { width: 100%; }
	.TC03_pledge .inner li:nth-child(2) { margin-top: 0.5rem; }
	.TC03_pledge .inner li span { width: 2rem; height: 2rem; line-height: 2rem; font-size: 0.8rem; }
	.TC03_pledge .inner li em { max-height: 100%; overflow: visible; }

	/* 계획 및 현황 */
	.TC03_download h2 { padding-left: 0; }
	.TC03_download dl { width: 100%; height: auto; height: calc(100% - 1.8rem);} /* 230213 gsjeong 수정 */ 
	.TC03_download dl ~ dl { margin-top: 0.8rem;  margin-left: 0; }
	.TC03_download li { height: auto; }
	.TC03_download li a { padding: 0.5rem 1.8rem 0.5rem 0.8rem; }

	/* 공약이행주민평가단 */
	.TC03_evltn li { height: auto; }
	.TC03_evltn li a { padding: 0.5rem 1.8rem 0.5rem 0.8rem; border-radius: 0.5rem; }
	.TC03_evltn li a i { top: 0.55rem; }
}

@media (max-width: 480px) {
	/* 바로가기1 */
	.TC03_link01 li a .img img { width: 6rem; }

	/* 공약이행주민평가단 */
	.TC03_evltn li a { padding: 0.5rem 2rem 0.5rem 1rem; }
	.TC03_evltn li a i { right: 0.7rem; }

	/* 바로가기2 */
	.TC03_link02 li { height: auto; }
	.TC03_link02 li a { flex-direction: column; padding: 0.5rem; }
	.TC03_link02 li a span { width: 100%; padding: 0 0.5rem; margin-top: 0.5rem; text-align: center; }
	.TC03_link02 li a i { display: none; }

	/* 바로가기3 */
	.TC03_link03 ul { width: 100%; margin: 0; }
	.TC03_link03 li { width: 100%; padding: 0; }
	.TC03_link03 li ~ li { margin-top: 0.5rem; }
}

@media (max-width: 380px) {
	/* 바로가기1 */
	.TC03_link01 li { width: 100%; display: block; }
	.TC03_link01 li ~ li { margin-top: 0.5rem; }

	/* 공약이행주민평가단 */
	.TC03_evltn ul { width: 100%; margin: 1rem 0 0 0; border-spacing: 0; }
	.TC03_evltn li { display: block; width: 100%; }
	.TC03_evltn li ~ li { margin-top: 0.5rem; }

}