﻿/* btn_more */
.btn_more{ position:absolute; width:2rem; height:2rem; border-radius:50%; background-repeat: no-repeat; background-position: center; transition: all .2s; -webkit-transition: all .2s;}
.btn_more:hover,
.btn_more:focus{ transform: rotate(90deg); -webkit-transform: rotate(90deg);}

/* 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;}

/* 메인비주얼 */
.TC32_visual { position:relative; height:100%;}
.TC32_visual .slider{ height: 100%; }
.TC32_visual .slider .slick-list{overflow: visible;}


/* ================================================== */
/* 2026-09-04 메인비주얼 내용 수정 시작 1 */
/* ================================================== */
/*.TC32_visual .item{position:relative; width: 100%; overflow: hidden;}*/
/*.TC32_visual .item img{ display: block; position:relative; left: 50%; transform: translateX(-50%); opacity: 0; width:100%; height:auto; transition: opacity 2s, transform 3s;}
.TC32_visual .slick-active img{opacity: 1;}*/

.TC32_visual .item {
	position:relative; 
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.4rem;
}
.TC32_visual .item .box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  border-radius: 30px;
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.2);
}
.TC32_visual .item .box h2 {
  flex-grow: 1;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.2;
  width: 100%;
  padding: 10%;
  word-break: keep-all;
  overflow: hidden;
  border-radius: 30px 30px 0 0;
}
.TC32_visual .item .box ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 10%;
}
.TC32_visual .item .box ul li {
  max-width: 55%;	
}
.TC32_visual .item .box ul li a {
  display: flex;
  align-items: center;
  padding: 0 2em 0 1.2em;
  width: 100%;
  height: 2.4em;
  border-radius: 24px;
  font-weight: 600;
  font-size: 1rem;
  color: #3d3d3d;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  border: 2px solid transparent;
  background: #FFFFFF url(/images/dgedu/template/TC32/main/ico_link_arrow_right.png) no-repeat right 10% center/auto 0.7em;
  transition: all 0.1s;
}
.TC32_visual .item .box ul li a:hover {
  height: 2.4em;
  color: #003eaf;
  border: 2px solid #003eaf;
  background: #FFFFFF url(/images/dgedu/template/TC32/main/ico_link_arrow_right_blue.png) no-repeat right 16px center/auto 0.7em;
  box-shadow: 2px 2px 8px rgba(13, 90, 255, 0.3);
}
.TC32_visual .item .box a {
  display: flex;
  align-items: center;
  padding: 0 60px 0 10%;
  height: 70px;
  margin-top: -1px;
  font-weight: 700;
  font-size: 1rem;
  color: #ffffff;
  border-radius: 0 0 1.5em 30px;
  background: #4d61bb url(/images/dgedu/template/TC32/main/ico_link_arrow.png) no-repeat right 36px center/1.05em;
  transition: all 0.1s;
}
.TC32_visual .item .box a:hover {
  background-color: #003eaf;
}
.TC32_visual .item .box, 
.TC32_visual .item .box h2 {
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: right bottom;
  transition: background 0.2s;
}
.TC32_visual .item .box:hover, 
.TC32_visual .item .box:hover h2 {
  background-size: 103% auto;
}
.TC32_visual .item .box.pool {
  gap: 1em;
  padding-bottom: 7%;
  background-color: #FFF7CD;
  background-image: url(/images/dgedu/template/TC32/main/M_visual1.png);
}
.TC32_visual .item .box.pool h2 {
  padding-bottom: 0;
  flex-grow: 0;
  color: #68454E;
}
.TC32_visual .item .box.staff {
  background-color: #DEE6FF;
}
.TC32_visual .item .box.staff h2 {
  color: #4D61BB;
  background-image: url(/images/dgedu/template/TC32/main/M_visual2.png);
}
.TC32_visual .item .box.staff a {
  background-color: #4D61BB;
}
.TC32_visual .item .box.staff a:hover {
  background-color: #003eaf;
}
.TC32_visual .item .box.school {
  background-color: #DDE8FA;
}
.TC32_visual .item .box.school h2 {
  color: #2860CA;
  background-image: url(/images/dgedu/template/TC32/main/M_visual3.png);
}
.TC32_visual .item .box.school a {
  background-color: #2860ca;
}
.TC32_visual .item .box.school a:hover {
  background-color: #003eaf;
}
/* ================================================== */
/* 2026-09-04 메인비주얼 내용 수정 종료 */
/* ================================================== */

.TC32_visual .slick-dots {position: absolute; left: 68%; bottom: 6rem; z-index: 9999;}
.TC32_visual .slick-dots li{display: inline-block; width: 10px; height: 10px; border-radius: 10rem; background: #ddd;}
.TC32_visual .slick-dots li + li {margin-left: 0.5rem; }
.TC32_visual .slick-dots li.slick-active{ width: 30px; background:#003eaf;}
.TC32_visual .slick-dots li button{width: 100%; height: 100%; opacity: 0;}

.TC32_visual .control{ display: flex; align-items: center; justify-content: space-between; position:absolute; left:calc(68% + 3rem); bottom:6rem; z-index:9999; border-radius: 0 2.5rem 0 0;}
.TC32_visual .control p { display:inline-block; width: 2.8rem; text-align:center; color:#003eaf; font-size:1.1rem; font-family: 'Montserrat'; font-weight: 600; }
.TC32_visual .control p strong {display: inline-block; width: 2rem; height: 2rem; line-height: 2rem; background: #fff; border-radius: 50%; text-align: center; box-shadow: 0.1rem 0.1rem 0.3rem 0.1rem #bbd3ed;}
.TC32_visual .control p span{font-size: 0.9rem; font-weight: 400;}
.TC32_visual .control > a{ font-size:.9rem; text-align:center; vertical-align:middle; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.TC32_visual .control > a.play{display:none;}
.TC32_visual .control > a.play,
.TC32_visual .control > a.stop{ width: 2rem; height: 2rem; line-height: 2rem; color:#6d7b99; text-align: center; }
.TC32_visual .control > a.prev:hover,
.TC32_visual .control > a.prev:focus{ transform: translateX(-0.1rem); transform: -webkit-translateX(-0.1rem); -ms-transform: translateX(-0.1rem);}
.TC32_visual .control > a.next:hover,
.TC32_visual .control > a.next:focus{ transform: translateX(0.1rem); transform: -webkit-translateX(0.1rem); -ms-transform: translateX(0.1rem);}

/* 바로가기 */
.TC32_link01 {}
.TC32_link01 .inner{ }
.TC32_link01 ul{ display: flex; justify-content: space-around; align-items: center; }
.TC32_link01 li { flex:1; position: relative; text-align: center; }
.TC32_link01 li + li::before{ content: ''; display: block; position: absolute; left: -2px; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; border-right:4px dotted #d0d0d0;}
.TC32_link01 li a {display: block;}
.TC32_link01 li a img {transition:all ease .3s;}
.TC32_link01 li a p { position: relative; width: fit-content; max-width: 100%; margin: 1.2rem auto 0 auto; text-align: center; font-size:1rem; line-height:1rem; font-weight:600; word-break: keep-all;}
.TC32_link01 li a p::before{content: ''; display: block; opacity: 0; position: absolute; top: 0rem; left: 0rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #003eaf; transition: 0.2s all ease; }
/** 바로가기 :active **/
.TC32_link01 li:hover,
.TC32_link01 li:focus {color: #003eaf;}
.TC32_link01 li:hover a img,
.TC32_link01 li:focus a img {transform: rotateY(180deg);}
.TC32_link01 li:hover a p,
.TC32_link01 li:focus a p{font-weight: 700;}
.TC32_link01 li:hover a p::before,
.TC32_link01 li:focus a p::before{ top: -0.5rem; left: -0.5rem; opacity: 1;}

/* 게시판 */
.TC32_notice { position:relative; height:100%;  }
.TC32_notice .titTab{margin-right:2rem; margin-bottom: 0.5rem;}
.TC32_notice .titTab .slider{font-size:0;}
.TC32_notice .titTab li { position:relative; display:inline-block; font-size:1rem; line-height:2rem; vertical-align:middle; }
.TC32_notice .titTab li + li {margin-left:.05rem; padding-left:1rem;}
.TC32_notice .titTab li a { display:inline-block; vertical-align: bottom; color:#444; margin-right: .5rem;}
.TC32_notice .titTab li a span{ display:inline-block; vertical-align: middle; overflow:hidden; white-space:nowrap; font-weight: 700; font-size: 1.3rem;}
.TC32_notice .titTab li a span em{color: #ffa800;}

.TC32_notice .list_box { display:none; width:100%;  }
.TC32_notice .list_box .slider { height:100%; }
.TC32_notice .list_box .item { position:relative; float: left; width:25%;}
.TC32_notice .list_box .item a { position:relative; display:block; height: 7.8rem; padding: 1.5rem; word-break:keep-all; font-weight:400; color:#111; margin:0.5rem; border-radius: 1.5rem; border:1px solid #ddd; background: #fff; overflow: hidden;}
.TC32_notice .list_box .item a::after{content: ''; display: block; width:10rem; height: 10rem; background: #fdd252; border-radius: 50%; position:absolute; bottom: -5rem; right: -2rem; opacity: 0;}
.TC32_notice .list_box .item a p{ position:relative; }
.TC32_notice .list_box .item a p strong{ display: block; width: 100%; height: 2.7rem; margin-bottom: 1rem;; font-size:1rem; font-weight: 600; overflow:hidden;}
.TC32_notice .list_box .item a.new p strong::before{content: 'N'; display: inline-block; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; background: #fdd252; border-radius: 50%; font-size: 0.8rem; margin-right: 0.2rem;}
.TC32_notice .list_box .item a p span { display: block; width:100%; }
.TC32_notice .list_box .item a p span.date { color: #666; }
.TC32_notice .list_box .item.no_data{text-align:center; line-height:9.5rem; background: rgba(0,0,0,0.1); border-radius: 1rem;}
.TC32_notice .btn_more { position: absolute; width: auto; height: auto; right:0; top:0.3rem; font-weight: 600; }
.TC32_notice .btn_more:before { content: ''; display: block; width: 30px; height: 5px; position: absolute; background: linear-gradient(to right, #fdd252 50%, #ffffff 50%); right: 0; top: 50%; transform: translate(-50%, -50%); border-radius: 1rem;}
.TC32_notice .btn_more:after { content: ''; display: inline-block; width: 30px; height: 30px; border-radius: 50%; background: #fdd252; vertical-align: middle; margin-left: 1.5rem;}
.TC32_notice .btn_more span{ margin-right: 0;}
.TC32_notice .list_box .slick-list { overflow:initial; overflow-x: clip;}

.TC32_notice .list_box .control { position: absolute; top:0; right:8em; z-index: 9}
.TC32_notice .list_box .control a { display: inline-block; width:38px; height:38px; line-height: 38px; background:#fdfaec; border-radius: 50%; text-align: center; font-size: 1.1rem; font-weight: 700;}
.TC32_notice .list_box .control a + a { margin-left: 0.2rem;}
.TC32_notice .list_box .control .play{display: none;}
/* 게시판 :active */
.TC32_notice .list_box .item:hover a,
.TC32_notice .list_box .item:focus a{ border:2px solid  #fdd252; box-shadow: 0 0.1rem 0.2rem 0.2rem #f5f3e6; }
.TC32_notice .list_box .item:hover a::after,
.TC32_notice .list_box .item:hover a::after{opacity: 0.1;}
/* .TC32_notice .list_box li:hover a:after,
.TC32_notice .list_box li:focus a:after{ width: 20px; height: 20px; background:#00c4c1; border: 5px solid #e4ffff; outline: 2px dotted #00c4c1; -ms-outline: 2px dotted #00c4c1; -webkit-outline: 2px dotted #00c4c1;bottom: -2.8rem; left: 1.5rem;} */
.TC32_notice .list_box .control a:hover,
.TC32_notice .list_box .control a:active{background: #f6efcf;}
.TC32_notice .list_box .control a:first-child:hover,
.TC32_notice .list_box .control a:first-child:active{transform: translateX(-0.2rem);}
.TC32_notice .list_box .control a:last-child:hover,
.TC32_notice .list_box .control a:last-child:active{transform: translateX(0.2rem);}

.TC32_notice .list_box .item:hover
.TC32_notice .titTab .item a.current { padding:.3rem 1.6rem; color:#fff; background: #00a8f1; font-weight:700; border-radius:2rem 2rem 0 2rem; }
.TC32_notice .list_box.on { display:block; }

.TC32_notice .btn_more:hover,
.TC32_notice .btn_more:focus {transform:none; margin-right: -0.3rem;}
.TC32_notice .btn_more:hover:before ,
.TC32_notice .btn_more:focus:before { width:0; }
.TC32_notice .btn_more:hover:after ,
.TC32_notice .btn_more:focus:after {margin-left: 0.5rem;}
.TC32_notice a,
.TC32_notice :before{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.TC32_notice .no_data{width: 100%; height: 11rem; line-height: 11rem; text-align: center; background: #f3f3f3;}

/* 포토갤러리 */
.TC32_gallery { position: relative; }
.TC32_gallery .list_box ul li a { position: relative; display: block; width: 100%; margin-top: 1rem;}
.TC32_gallery .list_box ul li a p.img{ width: 100%; height: 11.5rem; margin-bottom: 1rem; overflow: hidden; border-radius: 1.5rem; background: #eee;}
.TC32_gallery .list_box ul li a p.img span{ display: block;width: 100%; height: 100%; transition: 0.2s ease all; }
.TC32_gallery .list_box ul li a p + p{ width: 100%; padding: 0 1rem; }
.TC32_gallery .list_box ul li a p strong{ display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; font-weight: 600; font-size: 0.9rem;}
.TC32_gallery .list_box ul li a p span{ color: #a6a6a6;}
.TC32_gallery .btn_more { position: absolute; width: auto; height: auto; right:0; top:0.5rem; font-family: 'Montserrat'; font-weight: 600; }
.TC32_gallery .btn_more:before { content: ''; display: block; width: 9px; height: 9px; background: #00c4c1; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); left: -1.8rem; z-index: 2;}
.TC32_gallery .btn_more:after { content: ''; display: block; width: 15px; height: 1px; background: #3e7a7c; position: absolute; top: 50%; transform: translateY(-50%); left: -1rem; z-index: 1;}
/* 포토갤러리 ::hover, active */
.TC32_gallery .list_box ul li:hover a p.img span,
.TC32_gallery .list_box ul li:active a p.img span{ transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);}
.TC32_gallery .list_box ul li:hover a p + p,
.TC32_gallery .list_box ul li:active a p + p{text-decoration: underline;}

.TC32_gallery .btn_more:hover,
.TC32_gallery .btn_more:focus {transform:none;}
.TC32_gallery .btn_more:hover:before ,
.TC32_gallery .btn_more:focus:before { left: -0.6rem;}
.TC32_gallery a,
.TC32_gallery :before{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

.TC32_gallery .no_data{ height: 15rem; line-height: 15rem; background: #f4f4f4; text-align: center; margin-top: 1rem;}

/* 바로가기2 */
.TC32_link02 {position: relative;}
.TC32_link02::after{content: ''; display: block; position: absolute; width: 500%; height: 100%; left: 0; top: 0; bottom: 0; background: #e8f1ff; border-radius: 1.5rem; z-index: -1;}
.TC32_link02 ul {display: flex; flex-wrap: wrap; padding: 1rem 0 1rem 1rem; }
.TC32_link02 ul li {position: relative; width: 50%; min-height: 211px; text-align: center;}
.TC32_link02 ul li:nth-child(3),
.TC32_link02 ul li:nth-child(4){border-top: 1px dashed #bed1f1;}
.TC32_link02 ul li:nth-child(odd){border-right: 1px dashed #bed1f1;}
.TC32_link02 ul li a {display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; top: 0; left: 0; width: 100%; height: 100%; padding:1.2rem 0.8rem; word-break: keep-all; border-radius: 1.5rem; transition: 0.2s all ease;}
.TC32_link02 ul li a img{}
.TC32_link02 ul li a p{font-size: 1rem; font-weight: 600; margin: 1rem 0 0.3rem 0;}
.TC32_link02 ul li a p + p{font-size: 0.8rem; font-weight: 500; margin: 0; word-break: break-all;}
/* 바로가기2::active */
.TC32_link02 ul li:hover a{overflow: hidden; position: absolute; top: -1rem; left: -1rem; background: #fff; border: 2px solid #4a6ac6; box-shadow: 0.3rem 0.3rem 0.4rem 0.1rem #4a6ac621;}
.TC32_link02 ul li:hover a::after{content: ''; display: block; width:11rem; height: 11rem; background: #4a6ac6; border-radius: 50%; position:absolute; bottom: -5rem; right: -4rem; opacity: 0.05;}
/* 배너존 */
.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;}

/* ================================================== */
/* 2026-09-16 메인비주얼 내용 수정 시작 */
/* ================================================== */
@media (hover: hover) and (pointer: fine) {
	.TC32_visual .item .box:hover{
	  background-size: 103% auto;
	}
	.TC32_visual .item .box:hover h2 {
	  background-size: 103% auto;
	}
}
/* ================================================== */
/* 2026-09-16 메인비주얼 내용 수정 종료 */
/* ================================================== */
/* ================================================== */
/* 2026-09-04 메인비주얼 내용 수정 시작 */
/* ================================================== */
@media (max-width:1700px) {

	/*.dgeCi{right: 0rem;}*/
	.dgeCi{right: -1rem; bottom: auto; top: -2.4rem;}
}

@media (max-width:1520px) {
	/*.dgeCi{right: 1rem;}*/
	.dgeCi{right: -1.4rem; top: -2rem;}
	.dgeCi img {width: 70%;}
}
/* ================================================== */
/* 2026-09-04 메인비주얼 내용 수정 종료 */
/* ================================================== */

@media (max-width:1440px) {

	/* 바로가기2 */
	.TC32_link02 ul li a{ padding: 0.8rem 0.3rem;}
}

@media (max-width:1360px) {

}
@media (max-width:1240px) {
	/* ================================================== */
	/* 2026-09-04 메인비주얼 내용 수정 시작 */
	/* ================================================== */

	/* dge CI */
	/*.dgeCi{ right:1rem; bottom:11rem;}*/
	.dgeCi{top: -0.6rem;}

	/* 메인비주얼 */	
	/*.TC32_visual .item {width: 55%; }*/
	/*.TC32_visual .item img{ width: 100%; height: auto; }*/
	
	/* ================================================== */
	/* 2026-09-04 메인비주얼 내용 수정 종료 */
	/* ================================================== */
	
	.TC32_visual .slick-dots{bottom: 1rem;}
	.TC32_visual .control{bottom: 1rem;}

	/* 바로가기 */
	.TC32_link01 ul{align-items: flex-start;}
	.TC32_link01 li a{ padding: 0.1rem 0.6rem;}
	.TC32_link01 li a img{ width: 3.5rem; height: 3.5rem;}
	.TC32_link01 li a p{font-size: 0.9rem;}

	/* 공지사항 */
	.TC32_notice .list_box .item a{padding: 1rem; margin:0.1rem;}
	.TC32_notice .list_box .item a p strong{font-size: 0.9rem;}

	/* 바로가기2 */
	.TC32_link02 ul li a p{font-size: 0.9rem; margin-top: 0.5rem;}


}

@media (max-width:1024px) {
	/* ================================================== */
	/* 2026-09-04 메인비주얼 내용 수정 시작 */
	/* ================================================== */
	
	/* dge CI */
	/*.dgeCi{ right:1rem; bottom:auto; top:11rem;}*/

	/* 메인비주얼 */
	.TC32_visual .slick-dots{bottom: 2rem;}
	.TC32_visual .control{bottom: 2rem;}
	
	.TC32_visual .item {
		gap: 20px;
	}
	.TC32_visual .item .box h2 {
		font-size: 1.6rem;
	}
	.TC32_visual .item .box ul li a,
	.TC32_visual .item .box a {
		font-size: 0.9rem;
	}
	/* ================================================== */
	/* 2026-09-04 메인비주얼 내용 수정 종료 */
	/* ================================================== */
	
	/* 바로가기 */
	.TC32_link01{margin-right: 0; max-width: 100%; }
	.TC32_link01 .inner{width: 100%; }

	/* 게시판 */
	.TC32_notice .list_box .item a{ height: 6rem; }
	.TC32_notice .list_box .item a p strong{ margin-bottom: 0.5rem;}

	/* 바로가기2 */
	.TC32_link02 ul{ flex-wrap: nowrap; padding-left: 0;}
	.TC32_link02 ul li{flex:1; width: 25%; border-right: 1px dashed #bed1f1;}
	.TC32_link02 ul li:nth-child(3), .TC32_link02 ul li:nth-child(4){border-top: 0;}
	.TC32_link02 ul li:last-child{border-right: 0;}
	.TC32_link02 ul li a{padding: 1rem; }


}

@media (max-width: 900px){
		/* ================================================== */
		/* 2026-09-04 메인비주얼 내용 수정 시작 */
		/* ================================================== */
		.dgeCi {right: auto; bottom: auto; top: -0.6rem; left: 0.4rem;}
		.dgeCi img {width: 50%}
		
		.TC32_visual .item {
			grid-template-columns: 1.2fr 1fr;
			grid-template-rows: 1fr 1.3fr;
		}
		.TC32_visual .item .box.pool {
			grid-column: 1 / 2;
			grid-row: 1 / 3;
		}
		.TC32_visual .item .box.staff {
			grid-column: 2 / 3;
			grid-row: 1 / 2;
		}
		.TC32_visual .item .box.school {
			grid-column: 2 / 3;
			grid-row: 2 / 3;
		}
		.TC32_visual .item .box {
			background-size: auto 110%;
		}
		.TC32_visual .item .box h2 {
			background-size: auto 130%;
			padding: 10% 10% 5%;
		}
		.TC32_visual .item .box.staff h2,
		.TC32_visual .item .box.school h2 {
			font-size: 1.3rem;
		}
		.TC32_visual .item .box a {
			height: 3.2em;
		}
		/* ================================================== */
		/* 2026-09-04 메인비주얼 내용 수정 종료 */
		/* ================================================== */

		/* 바로가기2 */
		.TC32_link02::after{width: 100%; }
		.TC32_link02 ul{padding: 0; flex-wrap: wrap;}
		.TC32_link02 ul li{flex:none; width: 50%; min-height: 119px;}
		.TC32_link02 ul li:nth-child(3), .TC32_link02 ul li:nth-child(4){border-top: 1px dashed #bed1f1; }
		.TC32_link02 ul li:nth-child(2){ border-right: 0;}
		.TC32_link02 ul li a{position: relative;}
		.TC32_link02 ul li a img{ width: 2.5rem; position: absolute; left: 1rem; top: 50%; transform: translateY(-50%);}
		.TC32_link02 ul li a p{ width: 100%; padding-left: 3.5rem; text-align: left; word-break: keep-all;}

}

/* ================================================== */
/* 2026-09-16 메인비주얼 내용 수정 시작 */
/* ================================================== */
@media (max-width: 900px) and (hover: hover) {
	.TC32_visual .item .box:hover{
	  background-size: auto 115%;
	}
	.TC32_visual .item .box:hover h2 {
	  background-size: auto 140%;
	}
}
/* ================================================== */
/* 2026-09-16 메인비주얼 내용 수정 종료 */
/* ================================================== */

@media (max-width:768px) {
	/* ================================================== */
	/* 2026-09-04 메인비주얼 내용 수정 시작 */
	/* ================================================== */
	
	/* dge CI */
	/*.dgeCi{ right:auto; left: 1rem; top:3%;}
	.dgeCi img{ width:60%;}*/
	
	.TC32_visual .item .box h2 {
		background-size: auto 130%;
		padding: 10% 10% 5%;
	}
	.TC32_visual .item .box.staff h2,
	.TC32_visual .item .box.school h2 {
		font-size: 1.2rem;
	}
	/* ================================================== */
	/* 2026-09-04 메인비주얼 내용 수정 종료 */
	/* ================================================== */
	/* 메인비주얼 */
	.TC32_visual .item .visual_img{width: 70%; margin: 0 auto; float: none;}
	.TC32_visual .item .visual_txt{width: 100%; margin: 1rem auto; text-align: center;}
	.TC32_visual .slick-dots{bottom: 0;}
	.TC32_visual .control{bottom: 0;}

	/* 바로가기 */
	.TC32_link01 ul{flex-wrap: wrap;}
	.TC32_link01 ul li{flex:none; width:33.33%; margin-bottom: 1rem;}
	.TC32_link01 ul li:nth-child(3n+1)::before{display: none;}
	.TC32_link01 li a p{ margin-top: 0.5rem;}

	/* 게시판 */
	.TC32_notice .list_box ul:after{ width: 80%; }

	/* 배너존 */
	.banner_zone h2{display:none;}
	.banner_zone .bnWrap{width:calc(100% - 6.5rem);}
}

@media (max-width:640px) {

	/* ================================================== */
	/* 2026-09-04 메인비주얼 내용 수정 시작 */
	/* ================================================== */
	.dgeCi img {width: 42%;}
	
	.TC32_visual .item .box {
	  border-radius: 20px;
	}
	
	.TC32_visual .item .box.pool h2 {
		font-size: 1.4rem;
	}
	.TC32_visual .item .box.staff h2,
	.TC32_visual .item .box.school h2 {
		font-size: 1rem;
	}
	.TC32_visual .item .box ul li a,
	.TC32_visual .item .box a {
		font-size: 0.8rem;
		font-weight: 600;
	}
	/* ================================================== */
	/* 2026-09-04 메인비주얼 내용 수정 종료 */
	/* ================================================== */
	
	/* 게시판 */
	.TC32_notice .list_box .item a{margin:0.1rem 0;}
	.TC32_notice .list_box .item a p strong{ margin-bottom: 0.5rem;}
	.TC32_notice .list_box .item a p:after { bottom: -5.9rem;}
	.TC32_notice .list_box .item:hover a p:before, .TC32_notice .list_box .item:focus a p:before {bottom: -3rem;}

}

@media (max-width:540px) {

	/* common title */
	h2.heading{ font-size:1.05rem;}

	/* 메인비주얼 */
	.TC32_visual .control{ display: none; right:.75rem; bottom: 0;}
	.TC32_visual .control > a{ width:2.5rem; height:2rem; line-height:2rem; }
	.TC32_visual .control p { margin-top:0; font-size:1rem;}

	/* ================================================== */
	/* 2026-09-04 메인비주얼 내용 수정 시작 */
	/* ================================================== */
	.TC32_visual .item {
		grid-template-columns: repeat(2, 1fr);
	}
	.TC32_visual .item .box.pool {
		grid-column: 1 / 3;
		grid-row: 1 / 2;
	}
	.TC32_visual .item .box.staff {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}
	.TC32_visual .item .box.school {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}
	.TC32_visual .item .box {
		background-size: auto 110%;
	}
	.TC32_visual .item .box h2 {
		padding: 1.4rem 1.2rem 1rem;
		background-size: auto 110%;
	}
	.TC32_visual .item .box ul {
		flex-wrap: wrap;
		flex-direction: row;
		padding: 0 33% 0 1rem;
	}
	.TC32_visual .item .box ul li {
		flex: 1 1 8em;
		max-width: 49%;
	}
	.TC32_visual .item .box a {
		padding: 0 40px 0 10%;
		background-position: right 1rem center;
	}
	.TC32_visual .item .box.pool h2 br {
		display: none;
	}
	.TC32_visual .item .box.pool h2,
	.TC32_visual .item .box.staff h2, 
	.TC32_visual .item .box.school h2 {
		font-size: 1.1rem;
	}
	/* ================================================== */
	/* 2026-09-04 메인비주얼 내용 수정 종료 */
	/* ================================================== */
	
	/* 바로가기 */
	.TC32_link01 ul li{ margin-bottom: 0;}

	/* 게시판 */
	.TC32_notice .titTab li{ font-size: 1.05rem;}
	.TC32_notice .titTab li a span{font-size: 1rem;}
}

/* ================================================== */
/* 2026-09-16 메인비주얼 내용 수정 시작 */
/* ================================================== */
@media (max-width: 540px) and (hover: hover) {
	.TC32_visual .item .box:hover h2 {
	  background-size: auto 120%;
	}
}
/* ================================================== */
/* 2026-09-16 메인비주얼 내용 수정 종료 */
/* ================================================== */

@media (max-width:460px) {

	/* ================================================== */
	/* 2026-09-04 메인비주얼 내용 수정 시작 */
	/* ================================================== */
	.TC32_visual .item {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	.TC32_visual .item .box {
		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	}		
	.TC32_visual .item .box.pool h2 {
		padding: 2rem 1.2rem 0;
		font-size: 1rem;
	} 
	.TC32_visual .item .box.staff h2, 
	.TC32_visual .item .box.school h2 {
		padding: 2rem 1.2rem;
		font-size: 1rem;
		background-size: auto 120%;
	}
	.TC32_visual .item .box.staff,
	.TC32_visual .item .box.school {
		flex-direction: row;
		align-items: stretch;
	}
	.TC32_visual .item .box a {
		height: auto;
		border-radius: 0 20px 20px 0;
		padding: 1rem 0.6rem 2.5rem 0.8rem;
		background-position: right 20px bottom 20px;
		margin: 0 0 0 -1px;
	}
	.TC32_visual .item .box ul li a {
		margin: 0;
	}
	/* ================================================== */
	/* 2026-09-04 메인비주얼 내용 수정 종료 */
	/* ================================================== */

	/* 바로가기 */
	.TC32_link01{}
	.TC32_link01 ul li{width: 50%; margin-bottom: 0.5rem;}
	.TC32_link01 ul li:nth-child(3n+1)::before{display: block;}
	.TC32_link01 ul li:nth-child(odd)::before{display: none;}
	.TC32_link01 li a img{width: 3rem; height: 3rem; }

	/* 게시판 */
	.TC32_notice .btn_more span{display: none; margin-left: 0;}
	.TC32_notice .btn_more:before{display: none;}
	.TC32_notice .btn_more:after{content: '+'; line-height: 30px; text-align: center; font-size: 0.9rem;}
	.TC32_notice .list_box .control{right: 40px; top:0.3rem;}
	.TC32_notice .list_box .control a{width: 30px; height: 30px; line-height: 30px; }

	/* 바로가기2 */
	.TC32_link02 ul li{width: 100%; min-height: auto; border-bottom: 1px dashed #bed1f1;}
	.TC32_link02 ul li:nth-child(odd){border-right: 0;}
	.TC32_link02 ul li:last-child{border-bottom: 0;}
	.TC32_link02 ul li:hover a{position: relative; left: 0;}

}

@media (max-width:360px) {

	/* dge CI */
	.dgeCi img{ width:40%;}

	/* 바로가기 */
	.TC32_link01 li a{padding: 0.5rem 0;}

	/* ================================================== */
	/* 2026-09-04 메인비주얼 내용 수정 시작 */
	/* ================================================== */
	.TC32_visual .item .box {
		background-size: auto 100%;
	}
	.TC32_visual .item .box.staff,
	.TC32_visual .item .box.school {
		flex-direction: column;
	}
	.TC32_visual .item .box ul {
		padding: 0 50% 0 1rem;
	}
	.TC32_visual .item .box ul li {
		max-width: none;
	}
	.TC32_visual .item .box.staff h2, 
	.TC32_visual .item .box.school h2 {
		padding: 1.2rem 1.2rem 0.8rem;
		background-size: auto 140%;
	}
	.TC32_visual .item .box a {
		padding: 0.8rem 0.6rem 0.8rem 0.8rem;
		border-radius: 0 0 20px 20px;
	}
	/* ================================================== */
	/* 2026-09-04 메인비주얼 내용 수정 종료 */
	/* ================================================== */
	
}
