/* btn_more */
.btn_more{ position:absolute; top: 0; right: 0; width:2.25rem; height:2.25rem; line-height: 2.25rem; background: #fff; border-radius:50%; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.19); color: #566373; font-size: 1rem; text-align: center; }
.btn_more:hover i{ transition: all .2s; -webkit-transition: all .2s; }
.btn_more:hover i,
.btn_more:focus i{ transform: rotate(90deg); -webkit-transform: rotate(90deg);}

/* dge CI */
.dgeCi{ position:absolute; left:50%; top:2rem; margin-left: -35rem; z-index: 1;}

/* 메인비주얼 */
.TC35_visual {position:relative; display: flex; align-items: center;}
.TC35_visual .slider{ overflow:hidden; width: 66%; border-top-right-radius: 8rem;}
.TC35_visual .item {
	width: 100%; height: auto;
	overflow:hidden; 
	line-height:0; 
	z-index: 0 !important;
}
.TC35_visual .item div {
	width: 100%; 
	height: auto; 
	padding: 0 0 52.88461538461538%;
}
.TC35_visual .slick-dots { position: absolute; bottom: 13.7rem; left: 50%; font-size: 0; margin-left: 16.5rem; }
.TC35_visual .slick-dots li { float: left; width: 0.6rem; height: 0.6rem; border-radius: 0.6rem; background: #fff; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);}
.TC35_visual .slick-dots li.slick-active { width: 1.35rem; background: #2f5eb3; }
.TC35_visual .slick-dots li ~ li { margin-left: 0.5rem; }
.TC35_visual .control{
	margin: 0 0 3rem -4.5%; 
	padding: 3.2% 4.4% 2.4%;
	width: 28vw; 
	max-width: 520px; 
	max-height: 320px; 
	z-index:1; 
	background: #fffee4; 
	box-shadow: inset 0 0 100px #fff990; 
	border-radius: 4rem; 
	position: relative;
}
.TC35_visual .control::before{width: 51%; height: 55%; background: url('/images/dgedu/template/TC35/main/chrct01.png') no-repeat center / contain; position: absolute; bottom: -15%; right: -14%; z-index: 2; content: '';}
.TC35_visual .control > img {max-width: 326px; width: 17vw;}
.TC35_visual .control p { display:inline-block; color:#fff; font-size:1.2rem; font-family: 'Montserrat'; font-weight: 600; margin-top:-.75rem; margin-right:1rem; text-shadow:1px 1px 2px rgba(0,0,0,0.8); vertical-align: top;}
.TC35_visual .control p strong {color:#ffd34d; vertical-align: super;}
.TC35_visual .control p strong:after{ content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background:#fff; margin:0 5px;}
.TC35_visual .control .control_btns {display: flex; align-items: center; margin-top: 8%;}
.TC35_visual .control .control_btns > a { position:relative; display:inline-block; width:1.8rem; height:1.8rem; line-height:1.8rem; text-align:center; }
.TC35_visual .control .control_btns > a ~ a { margin-left: 0.2rem; }
.TC35_visual .control .control_btns > a.prev,
.TC35_visual .control .control_btns > a.next{ background-color:#fff; font-size:1.1rem; color:#222; vertical-align:bottom; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); border-radius: 50%; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.TC35_visual .control .control_btns > a.play{display:none; color: #fff; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); }
.TC35_visual .control .control_btns > a.stop{ background-image:url('/images/dgedu/template/TC35/main/btn_vis_stop.png'); background-repeat:no-repeat; background-position:center center;}

/* 바로가기1 */
.TC35_link01 { position:relative; width:100%; height:100%; }
.TC35_link01 ul{ display: flex; justify-content: space-between; gap: 0.5rem 1.2%; }
.TC35_link01 li { flex: 1; }
.TC35_link01 li a { position:relative; width:100%; height:100%; padding: 1.5rem 0.5rem; display:flex; flex-direction: column; align-items: center; gap: 1.1rem 0.4rem; border-radius:1rem; background: #c8e6ff; color: #111; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.32); overflow:hidden; z-index: 0; }
.TC35_link01 li:nth-child(even) a { background: #d8d7ff; }
.TC35_link01 li a .img { flex: 0 0 auto; display: flex; justify-content: center; align-items: center; width: 6rem; height: 6rem; border-radius: 50%; overflow: hidden; background: #fff;}
.TC35_link01 li:nth-child(odd) a .img { box-shadow: 3px 3px 5px rgba(23, 129, 218, 0.28);}
.TC35_link01 li:nth-child(even) a .img { box-shadow: 3px 3px 5px rgba(72, 69, 178, 0.33);}
.TC35_link01 li a img { width:72px; height:72px; }
.TC35_link01 li a span { display: block; font-size:1rem; line-height:1rem; font-weight:600; text-align:center; word-break: keep-all;}
/** 바로가기1 :active **/
.TC35_link01 li a:hover,
.TC35_link01 li a:focus { background: #2f5eb3; color: #fff; }
.TC35_link01 li:nth-child(even) a:hover,
.TC35_link01 li:nth-child(even) a:focus { background: #6c529d;}
.TC35_link01 li a:hover .img,
.TC35_link01 li a:focus .img { box-shadow: 3px 3px 5px rgba(29, 11, 40, 0.32); }
.TC35_link01 a,
.TC35_link01 li a .img { -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

@media (hover: hover){
	.TC35_link01 li a:hover,
	.TC35_link01 li a:focus { transform: translateY(-30px); -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); }
}

/* 게시판 */
.TC35_notice { position:relative; height:100%;  }
.TC35_notice::before { position: absolute; top: -5.15rem; left: -10.5rem; width: 9rem; height: 10.5rem; background: url('/images/dgedu/template/TC35/main/chrct02.png') no-repeat center / cover; content: ""; }
.TC35_notice .titTab{margin-bottom:1.5rem; margin-right:2.5rem;}
.TC35_notice .titTab ul{font-size:0;}
.TC35_notice .titTab li { position:relative; display:inline-block; margin-right:2.4rem; max-width: calc(100% - 2.4rem); font-size:1.15rem; line-height:1.85rem; vertical-align:top; }
.TC35_notice .titTab li:before{content:""; position:absolute; right:-1.2rem; top:calc(50% - .125rem); width:2px; height:0.6rem; background:url('/images/dgedu/template/TC35/main/notice_dot.png') no-repeat center / cover; }
.TC35_notice .titTab li:last-of-type {margin-right:0; padding-right:0; }
.TC35_notice .titTab li:last-of-type:before { display:none; }
.TC35_notice .titTab li a { position: relative; display:block; color:#333; font-size: 1rem; padding-top: 0.4rem; }
.TC35_notice .titTab li a.current::before { position: absolute; top: 0; left: -1rem; width: 2.25rem; height: 2.25rem; border-radius: 0 2rem 2rem 2rem; background: #ffdb4d; box-shadow: -2px 2px 3px rgba(84, 75, 40, 0.43); z-index: -1; content: ""; }
.TC35_notice .titTab li a span{ display:block; overflow:hidden; white-space:nowrap;}
.TC35_notice .list_box { display:none; width:100%; }
.TC35_notice .list_box .topList { position: relative; display: block; background: #fff ; border-radius: 1.5rem; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); padding: 1.1rem 1.7rem; }
.TC35_notice .list_box .topList dt { padding-left: 5rem; font-size: 0.85rem; color: #222; }
.TC35_notice .list_box .topList dl.new dt p::before{width: 1.25rem; height: 1.25rem; line-height: 1.25rem; text-align: center; background: #ffd34d;font-size: 0.7rem; margin-right: 0.25rem; border-radius: 50%; content: 'N'; display: inline-block;}
.TC35_notice .list_box .topList dt p { height: 2.4rem; overflow: hidden; font-weight:600;}
.TC35_notice .list_box .topList dd { margin-top: 1.2rem; font-size: 0.75rem; color: #444; }
.TC35_notice .list_box .topList dd p { height: 2.1rem; overflow: hidden; line-height: 1.4; }
.TC35_notice .list_box .topList .date { position: absolute; top: 1.1rem; left: 1.7rem; width: 3.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: 'Montserrat'; color: #222; font-size: 0.7rem; font-weight: 400; padding-right: 0.95rem; }
.TC35_notice .list_box .topList .date::before { position: absolute; top: 0.65rem; right: 0; width: 1px; height: 1.2rem; background: #dbdfe2; content: ""; }
.TC35_notice .list_box .topList .date em { color: #2f5eb3; font-size: 1.3rem; font-weight: 700; }
.TC35_notice .list_box ul { width: 100%; padding: 0 0.7rem; margin-top: 0.8rem; }
.TC35_notice .list_box li { position:relative; width:100%; line-height: 1.8rem; }
.TC35_notice .list_box li:nth-of-type(n+5) { display:none; }
.TC35_notice .list_box li a { position:relative; display:block; word-break:keep-all; padding: 0 3.8rem 0 0.7rem;font-weight:600; color:#333; }
.TC35_notice .list_box li a:before{ content:""; position:absolute; top: 0.8rem; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #2f5eb3;}
.TC35_notice .list_box li p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.TC35_notice .list_box li a.new p::before{width: 1.25rem; height: 1.25rem; line-height: 1.25rem; text-align: center; background: #ffd34d;font-size: 0.7rem; margin-right: 0.25rem; border-radius: 50%; content: 'N'; display: inline-block;}
.TC35_notice .list_box li span { position: absolute; top: 0; right: 0; font-family: 'Montserrat'; font-weight: 400; font-size: 0.7rem; color: #555; }
.TC35_notice .list_box .topList dl.no_data { text-align: center; line-height: 5.7rem; }
.TC35_notice .list_box .topList dl.no_data .date::before { display: none; }
.TC35_notice .list_box li.no_data{text-align:center; line-height:7.2rem;}
.TC35_notice .btn_more {top: 5px;}
/* 게시판 :active */
.TC35_notice .titTab li a:hover,
.TC35_notice .titTab li a:focus,
.TC35_notice .titTab li a.current { color:#111; font-weight:700; }
.TC35_notice .list_box.on { display:block; }
.TC35_notice .list_box .topList:hover dt p,
.TC35_notice .list_box .topList:focus dt p{ color:#2f5eb3; }
.TC35_notice .list_box .topList:hover dd p,
.TC35_notice .list_box .topList:focus dd p,
.TC35_notice .list_box ul li a:hover,
.TC35_notice .list_box ul li a:focus{ text-decoration: underline; }
.TC35_notice a,
.TC35_notice :before{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* 갤러리 */
.TC35_gallery {
	position:relative; 
	height:100%; 
	z-index: 1;
}
.TC35_gallery h2 {
	flex: 0 0 auto; 
	margin-right:7.5rem; 
	display: inline-block;
    font-weight: 600;
    font-size: 1.2rem;
    padding: 0.5rem 1rem;
    background-color: #4D71B4;
    color: #ffffff;
    border-radius: 1rem 1rem 1rem 0;
}
.TC35_gallery .no_data {display: flex; align-items: center; justify-content: center; height: 100%; min-height: 18rem; width:100%; margin-top: 2.2rem; /*line-height:18.5rem;*/ text-align:center; background:#f7f7f7; border-radius:1.5rem;}
/* slick 초기화 전 갤러리 깨짐 노출 방지 */
.TC35_gallery .current:not(.slick-initialized) .item ~ .item { display:none; }
.TC35_gallery .list:not(.slick-initialized) { visibility:hidden; }	
.TC35_gallery .list{
	height:18.5rem; 
	margin-top: 1rem;
	position: relative;
	margin-left:3rem;
} 
.TC35_gallery .list .item{ position:relative;  width:16.75rem; height:15.65rem; margin:0 1rem; border-radius:1.5rem; vertical-align: top; opacity: 1;}
.TC35_gallery .list .item a{ position:relative; display:block; height:100%; border-radius:1.5rem; background:#fff; overflow:hidden;border: 1px solid #c5c9d1;box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.13);}
.TC35_gallery .list .item a:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:1.5rem; background-color: rgba(0, 0, 0, 0.35); background-image: url('/images/dgedu/template/TC35/main/ptrn01.png'), url('/images/dgedu/template/TC35/main/temp_more.png'); background-repeat: repeat, no-repeat ; background-position: center; opacity: 0; visibility: hidden; }
.TC35_gallery .list .item a::after { position: absolute; display: flex; }
.TC35_gallery .list .img{position: relative; height:11.5rem; overflow:hidden; background:rgba(0, 0, 0, 0.13);}
.TC35_gallery .list .img img { position:relative; left:50%; width:auto; height:100%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.TC35_gallery .list .txt span {position: relative; display: inline-block; padding: 0 0.15rem; font-size:0.8rem; color:#333; font-family: 'Montserrat'; } 
.TC35_gallery .list .txt span:before {position: absolute; bottom: 0; left: 0; width: 100%; height: 0.5rem; background: #79a8ff; opacity: 0.25; border-radius: 0.5rem; content: "";} 
.TC35_gallery .control{
	position: absolute; 
	top: 0.2rem; 
	right: 2.7rem;
}
.TC35_gallery .control > a{display: inline-block; width:2.25rem; height:2.25rem; line-height: 2.25rem; background: #f4f4f4; border-radius:50%; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.19); color: #566373; font-size: 1rem; text-align: center;}
.TC35_gallery .bar{
	position:relative; 
	width:calc(100% - 21.5rem); 
	height:1.35rem; 
	left: 21.5rem;
	bottom: 0.5rem;
}
.TC35_gallery .bar:before{ content:""; position:absolute; left:0; top:2px; border-top:1px solid #a6aeb6;width: 100%;}
.TC35_gallery .bar:after{ content:""; position:absolute; left:0; top:-1px; width: 7px; height: 7px; border-radius: 50%; background: #a6aeb6; }
.TC35_gallery .bar span{ position:absolute; top:-0.55rem; left:0; display:block; height: 1.35rem; width: 1.35rem; background:url('/images/dgedu/template/TC35/main/bar_dot.png') no-repeat center / contain; }
.TC35_gallery .slider .no_data {width: 100%; line-height: 12.5rem; text-align: center;}
.TC35_gallery .btn_more {
	top: 0.2rem;
	right: 0.4rem;
	margin: 0; 
	background: #f4f4f4;
}
.gallery .current,
.gallery .list{ opacity: 0;}
.gallery .current.show,
.gallery .list.show{ opacity: 1;}
/* 갤러리 : current */
.TC35_gallery .current{ position:absolute; width: 19.75rem; height: 18.25rem; left:0; top:3.5rem; border-radius: 1.5rem;  background:#ddd; z-index: 1;}
.TC35_gallery .current:before{ content:""; position:absolute; left:5px; top:5px; width:100%; height:100%; border-radius:1.5rem; background:#c7dbf0; z-index:-1; }
.TC35_gallery .current div{ height:100%;}
.TC35_gallery .current .slick-list{overflow:hidden; }
.TC35_gallery .current .item a{position:relative; display:block; height:100%; background:#fff; border-radius:1.5rem; overflow:hidden; }
.TC35_gallery .current .item a:before{ content:""; position:absolute; left: 5px; top:5px; width:100%; height:100%; border-radius:1.5rem; background:#c7dbf0;z-index: -1;}
.TC35_gallery .current .item .txt { display: none; padding:1rem; text-align:center;}
.TC35_gallery .current .item .txt strong{ line-height:1.1rem; font-size:0.9rem; font-weight: 600; margin:0 0 .25rem; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.TC35_gallery .current .txt strong { display: block; }
.TC35_gallery .current .txt span {position: relative; display: inline-block; padding: 0 0.15rem; font-size:0.8rem; color:#333; font-family: 'Montserrat'; } 
.TC35_gallery .current .txt span:before {position: absolute; bottom: 0; left: 0; width: 100%; height: 0.5rem; background: #79a8ff; opacity: 0.25; border-radius: 0.5rem; content: "";}  
.TC35_gallery .current .item .img{ width: 19.75rem; height: 100%; background:#f1f1f1;}
.TC35_gallery .current .item .img:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:1.5rem;background-color: rgba(0, 0, 0, 0.35);background-image: url('/images/dgedu/template/TC35/main/ptrn01.png'), url('/images/dgedu/template/TC35/main/temp_more.png');background-repeat: repeat, no-repeat;background-position: center;opacity: 0;visibility: hidden;}
.TC35_gallery .current .item .img img { position:relative; left:50%; width:auto; height:100%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
/* 갤러리 : list */
.TC35_gallery .list .slick-list {padding-bottom:1rem;}
.TC35_gallery .list .item{ position:relative; width:16.75rem; height:15.65rem; margin:0 1rem; border-radius:1.5rem; vertical-align: top;opacity: 1;}
.TC35_gallery .list .item.slick-now{ opacity: 0;}
.TC35_gallery .list .txt { padding:0.8rem 1rem 0; text-align:center;}
.TC35_gallery .list .txt > *{ display:block; font-weight: 400; font-size:.75rem;}
.TC35_gallery .list .txt strong{ line-height:1.1rem; font-weight: 600; margin:0 0 .25rem; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:0.9rem; } 
.TC35_gallery .item{ transition: all .2s; -webkit-transition: all .2s;}
/** 갤러리 active **/ 
.TC35_gallery li a:hover,
.TC35_gallery li a:focus{ background:#3e4fb1; color:#fff;}
.TC35_gallery a,
.TC35_gallery .item,
.TC35_gallery :before{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.TC35_gallery .bar span{-webkit-transition:left .4s; -ms-transition:left .4s; transition:left .4s; }
.TC35_gallery .current .item a:hover .img:before,
.TC35_gallery .current .item a:focus .img:before,
.TC35_gallery .list .item a:hover:before,
.TC35_gallery .list .item a:focus:before {opacity:1;visibility:visible; z-index: 1;}

/* 배너존 */
.banner_zone {line-height:1; border-top:1px solid #ccc;}
.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;}

/* 게시판 */
.notice0004 { position:relative; height:100%; text-align: center; z-index: 1;}
.notice0004::before{ position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; border-bottom: 2px dashed #ccc; content: ""; }
.notice0004 .titTab {
	display: inline-block;
	position: relative; 
	z-index: 1;
}
.notice0004 .titTab::before {content: ''; display: block; width: 100vw; height: 50%; background: #ffffff; position: absolute; top: 0; left: 50%; z-index: -1; transform: translateX(-50%);}
.notice0004 .titTab ul {display: flex; justify-content: center; border-radius: 1rem; border: 2px solid #5BA126; background: #fff; box-shadow: 3px 3px 10px rgba(140, 141, 143, 0.3);}
.notice0004 .titTab li a{ display:block; position:relative; color:#666; padding: 0.7rem 1.5rem; font-size: 1.2rem; }
.notice0004 .titTab li a span{ display:block; overflow:hidden; white-space:nowrap;}
.notice0004 .list_box {
	display:none; 
	overflow: hidden; 
	padding: 2rem 0 3rem;
}
.notice0004 .list_box ul { height:100%; }
.notice0004 .list_box ul li{ 
	position: relative; 
	width: 22.75%; 
	float: left; 
	text-align: left;
}
.notice0004 .list_box ul li.new::before{position: absolute; top: -0.9rem; left: 0.9rem; width: 1.8rem; height: 1.8rem; line-height: 1.8rem; font-size: 1rem; font-family: 'SCDream'; font-weight: 600; content: "N"; background: #e97a31; color: #fff; text-align: center; border-radius: 50%; z-index:1;}
.notice0004 .list_box ul li ~ li{margin-left: 3%; }
.notice0004 .list_box ul li:nth-child(even) { margin-top: 2.25rem; }
.notice0004 .list_box ul li a { 
	position: relative; 
	display: block; 
	padding: 2.2rem 1.5rem 1.5rem;
	box-shadow: 3px 3px 7px rgba(140, 141, 143, 0.3); 
	border-radius: 1rem; 
	border: 2px dashed #5BA126; 
	background: #fff;
}
.notice0004 .list_box ul li a::before{ 
	position: absolute; 
	bottom: 1.3rem;
	right: 1.3rem;
	width: 1.6rem; 
	height: 1.6rem; 
	border-radius: 50%; 
	line-height: 1.6rem; 
	text-align: center; 
	background: #5BA126; 
	color: #fff; 
	content: "\e913"; 
	font-family: 'xeicon'; 
	-webkit-transition:all .15s; 
	-ms-transition:all .15s; 
	transition:all .15s; 
}
.notice0004 .list_box ul li a .tit{ position: relative; font-size: 1rem; font-weight: 600; color: #121402; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.notice0004 .list_box ul li a .tit span{ position: relative; z-index: 0;}
.notice0004 .list_box ul li a .tit span::before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; height: 0.85rem; background: #ecf593; border-radius: 1rem; content: ""; z-index: -1; }
.notice0004 .list_box ul li a .txt{ position: relative; font-size: 0.8rem; color: #000; line-height:1.2rem; height:4.8rem; overflow: hidden; margin: 0.8rem 0 1.25rem; }
.notice0004 .list_box ul li a .date{ font-size: 0.8rem; color: #7a7a7a; }
.notice0004 .list_box ul li.no_data {width: 100%; height: 90%; margin: 0; padding: 0; text-align: center; display: flex; align-items: center; justify-content: center; float: none; line-height: normal;}
.notice0004 .btn_more { 
	position:absolute; 
	left:50%; 
	top: auto; 
	right: auto; 
	bottom: -1rem; 
	transform: translateX(-50%); 
	-webkit-transform: translateX(-50%); 
	font-size:0.85rem; 
	line-height:1.5rem; 
	color:#222; 
	font-weight: 600; 
	border: 2px solid #5BA126; 
	border-radius: 2rem; 
	background: #fff; 
	padding-right: 1rem;
	width: auto; 
	height: auto; 
	white-space: nowrap;
}
.notice0004 .btn_more i { display: inline-block; width: 2rem; height: 2rem; line-height: 2rem; border-radius: 50%; background: #5BA126; text-align: center; color: #fff; margin-right: 0.5rem; font-size: 1.1rem; font-weight: 600; vertical-align: middle; }
.notice0004 .btn_more span{ vertical-align: middle; }

@media (hover: hover){
	.notice0004 .list_box ul li a:hover,
	.notice0004 .btn_more:hover {
		box-shadow: none; 
	}
	.notice0004 .btn_more:hover {
		color: #0c7303;
	}
	.notice0004 .list_box ul li a:hover::before {
		background-color: #0c7303;
	}
}

/* 게시판 : active */
.notice0004 .titTab li a:hover,
.notice0004 .titTab li a:focus,
.notice0004 .titTab li a.current { background: #5BA126; color: #fff; border-radius: 0.8rem; font-weight: 600; box-shadow: 3px 3px 10px rgba(140, 141, 143, 0.3); }
.notice0004 .btn_more:hover,
.notice0004 .btn_more:focus{ color:#0c7303; }
.notice0004 .list_box.on { display: block; }
.notice0004 .list_box li a:hover,
.notice0004 .list_box li a:focus { text-decoration: underline; }
.notice0004 .list_box li a:hover:before,
.notice0004 .list_box li a:focus:before { background-color:#34b364; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.notice0004 .titTab li a,
.notice0004 .list_box li a,
.notice0004 .btn_more i {-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.notice0004 .btn_more:hover i,
.notice0004 .btn_more:focus i { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
		
/* 지도 */
.TC35_map {display: flex; flex-direction: column; align-items: start; justify-content: space-between; height: 100%;}
.TC35_map h2 {
	display: inline-block; 
	font-weight: 600;
    font-size: 1.2rem;
	padding: 0.5rem 1rem; 
	background-color: #018798; 
	color: #ffffff; 
	border-radius: 1rem 1rem 1rem 0; 
	position: relative;
	z-index: 10; 
}
.TC35_map .map_wrap {
	flex: 1 0 auto;
	margin-top: -1.3rem;
	padding: 3%;
	display: flex; 
	flex-wrap: wrap;
	align-items: end;
	border: 1px solid #cccccc; 
	border-radius: 0 1.5rem 1.5rem 1.5rem;
	overflow: hidden;
}
.TC35_map .map_wrap .tabWrap {flex: 0 0 auto; position: relative; margin: 0 auto; width: 297px; height: 363px;}
.TC35_map .map_wrap .tabWrap .tabMap li {display: none;}
.TC35_map .map_wrap .tabWrap .tabMap li.on {display: block;}
.TC35_map .map_wrap .tabWrap .tabMap li img {display: block; width: 100%; height: 100%;}
.TC35_map .map_wrap .tabWrap .tabSpot {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.TC35_map .map_wrap .tabWrap .tabSpot li {position: absolute; transform: translate(-50%, -50%);}
.TC35_map .map_wrap .tabWrap .tabSpot li.map1 {bottom: 18%; left: 26%;}
.TC35_map .map_wrap .tabWrap .tabSpot li.map1.twins {bottom: 45%; left: 19%;}
.TC35_map .map_wrap .tabWrap .tabSpot li.map2 {bottom: 36.5%; left: 33%;}
.TC35_map .map_wrap .tabWrap .tabSpot li.map3 {bottom: 37%; right: 29%;}
.TC35_map .map_wrap .tabWrap .tabSpot li.map4 {bottom: 44%; left: 38.5%;}
.TC35_map .map_wrap .tabWrap .tabSpot li.map5 {bottom: 42%; left: 48%;}
.TC35_map .map_wrap .tabWrap .tabSpot li.map6 {bottom: 36%; left: 45.5%;}
.TC35_map .map_wrap .tabWrap .tabSpot li.map7 {top: 40%; right: 49%;}
.TC35_map .map_wrap .tabWrap .tabSpot li.map8 {top: 39%; right: 27%;}
.TC35_map .map_wrap .tabWrap .tabSpot li.map9 {top: 18%; right: 20%;}
.TC35_map .map_wrap .tabWrap .tabSpot li a,
.TC35_map .map_wrap .tabWrap .tabSpot li button {font-size: 0.6rem; font-weight: 600; color: #000000;}
.TC35_map .map_wrap .tabWrap .tabSpot li a:hover,
.TC35_map .map_wrap .tabWrap .tabSpot li button:hover {text-decoration: underline;}
.TC35_map .map_wrap .tabWrap .tabSpot li.on a,
.TC35_map .map_wrap .tabWrap .tabSpot li.on button {font-weight: 700; color: #ffffff; text-shadow: 0 0 2px #000000;}
.TC35_map .map_wrap .tabWrap .tabSpot li.on a::before,
.TC35_map .map_wrap .tabWrap .tabSpot li.on button::before {
	content: ''; 
	display: block;
	position: absolute;
    left: 50%;
    bottom: 1.4em;
    transform: translateX(-50%);
	width: 20px; 
	height: 22px; 	
	background: url(/images/dgedu/template/TC35/main/ico_map_on.png);
}

.TC35_map .map_wrap .titTab {flex: 1 0 190px; display: flex; align-items: end; padding-top: 0.5rem; max-width: 500px;}
.TC35_map .map_wrap .titTab ul {width: 100%; display: flex; flex-wrap: wrap; gap: 0.3rem 2%;}
.TC35_map .map_wrap .titTab ul li {flex: 1 0 49%; max-width: 49%;}
.TC35_map .map_wrap .titTab ul li a,
.TC35_map .map_wrap .titTab ul li button {display: flex; align-items: center; gap: 4px; padding: 0.4rem 0.7rem; font-size: 0.7rem; font-weight: 600; color: #3b3b3b; border: 1px solid #b8b8b8; border-radius: 1rem;}
.TC35_map .map_wrap .titTab ul li:nth-of-type(1) a,
.TC35_map .map_wrap .titTab ul li:nth-of-type(1) button {background-color: #FEFCE1;}
.TC35_map .map_wrap .titTab ul li:nth-of-type(2) a,
.TC35_map .map_wrap .titTab ul li:nth-of-type(2) button {background-color: #DFF0FF;}		
.TC35_map .map_wrap .titTab ul li:nth-of-type(3) a,
.TC35_map .map_wrap .titTab ul li:nth-of-type(3) button {background-color: #FEE6DB;}
.TC35_map .map_wrap .titTab ul li:nth-of-type(4) a,
.TC35_map .map_wrap .titTab ul li:nth-of-type(4) button {background-color: #DDF7F6;}		
.TC35_map .map_wrap .titTab ul li:nth-of-type(5) a,
.TC35_map .map_wrap .titTab ul li:nth-of-type(5) button {background-color: #EBE9FC;}
.TC35_map .map_wrap .titTab ul li:nth-of-type(6) a,
.TC35_map .map_wrap .titTab ul li:nth-of-type(6) button {background-color: #E8F8E1;}		
.TC35_map .map_wrap .titTab ul li:nth-of-type(7) a,
.TC35_map .map_wrap .titTab ul li:nth-of-type(7) button {background-color: #FDE9F4;}
.TC35_map .map_wrap .titTab ul li:nth-of-type(8) a,
.TC35_map .map_wrap .titTab ul li:nth-of-type(8) button {background-color: #FFF1E7;}
.TC35_map .map_wrap .titTab ul li:nth-of-type(9) a,
.TC35_map .map_wrap .titTab ul li:nth-of-type(9) button {background-color: #DCF5ED;}
.TC35_map .map_wrap .titTab ul li a:hover {background-color: #279DAC; border-color: #279DAC; color: #ffffff; }
.TC35_map .map_wrap .titTab ul li a::before {content: ''; display: block; width: 16px; height: 18px; background: url(/images/dgedu/template/TC35/main/ico_map_basic.png) no-repeat center / 100% auto;}
.TC35_map .map_wrap .titTab ul li a:hover::before {background-image: url(/images/dgedu/template/TC35/main/ico_map_active.png);}

	
@media (max-width:1440px){
	/* dge CI */
	.dgeCi {left: 1rem; margin-left: 0; }

	/* 메인비주얼 */
	.TC35_visual .slider {width: 71%; border-top-right-radius: 8vw;}
	.TC35_visual .control {border-radius: 5vw;}
	
	/* 게시판 */
	.TC35_notice .titTab li a{padding-left: 0.25rem;}
	.TC35_notice .titTab li a.current::before{left: 0;}
}

@media (max-width:1340px){
	/* 메인비주얼 */
	.TC35_visual .slick-dots { left: auto; right: 1rem; bottom: 6.5rem; margin-left: 0; }
}

@media screen and (max-width: 1280px) {
	.TC35_map .map_wrap .titTab {margin-left: 0;}
	.TC35_map .map_wrap .titTab ul li {flex: 1 0 5rem;}
	.TC35_map .map_wrap .titTab ul li:nth-of-type(n+5) {flex: 1 0 4rem;}
	.TC35_map .map_wrap .titTab ul li a::before,
	.TC35_map .map_wrap .titTab ul li button::before {width: 14px;}
    /* 바로가기 */
    .TC35_link01 li a span { font-size: 0.9rem;}
}
@media screen and (max-width: 1215px) {
	.MC_wrap2 .container {flex-direction: column;}
	.MC_box4 {width: 100%;}
	.MC_box5 {width: 100%;}	
	.TC35_map .map_wrap {display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; padding: 1rem 3%;}
	.TC35_map .map_wrap .titTab {flex: 1 0 260px; padding-top: 6rem;}
	.TC35_map .map_wrap .titTab ul li,
	.TC35_map .map_wrap .titTab ul li:nth-of-type(n+5) {flex: 1 0 32%;}
}
@media (max-width:1024px){
    /* 게시판 */
    .notice0004 .titTab li a{ font-size: 1rem; padding: 0.7rem 1rem; }
}

@media (max-width:960px) {
	/* 바로가기 */
	.TC35_link01 ul {flex-wrap: wrap; justify-content: center; gap: 1rem 2%;}
	.TC35_link01 li {flex: 1 0 32%;}
	.TC35_link01 li a {gap: 0.7rem 0.4rem; padding: 1rem 0.5rem;}
	.TC35_link01 li a .img { width: 4rem; height: 4rem; }
	.TC35_link01 li a img { width: 55px; height: auto; }
	.TC35_link01 li:nth-of-type(n+4) a {flex-direction: row; justify-content: center; gap: 0.7rem 0.6rem;}

	/* 갤러리 */
	.TC35_gallery h2 { font-size: 1rem; }
	.TC35_gallery::before { display: none; }
	.TC35_gallery .no_data {line-height:18rem;}
	.TC35_gallery .bar { width: calc(100% - 21.75rem); }
	
	/* 특수학교(급) 찾기 */
	.TC35_map h2 { font-size: 1rem; }
	
	.notice0004 .list_box {padding: 1.2rem 0 3rem;}
}

@media (max-width:860px){	
    /* 게시판 */	
    .notice0004 .list_box {padding: 2rem 0 3rem;}
    .notice0004 .list_box ul li{ width: 31.3333%; padding: 0; margin: 0;}
    .notice0004 .list_box ul li:nth-child(4){ display: none; }
    
}

@media (max-width:768px) {
	/* btn_more */
	.btn_more { width: 2rem; height: 2rem; line-height: 2rem; }

	/* dge CI */
	.dgeCi img{ width:5rem; height:auto;}

	/* 메인비주얼 */
	.TC35_visual .slider {width: 74%;}
	.TC35_visual .control {padding: 3.5% 4%;; margin: -4.5rem 0 0 -4.5%; width: 34%; margin-left: -8%;}
	.TC35_visual .control::before {display: none;}
	.TC35_visual .control > img {width: 100%;}
	.TC35_visual .control .control_btns {position: absolute; bottom: -2.2rem;}

	/* 갤러리 */
	.TC35_gallery .control > a{width: 2rem; height: 2rem; line-height: 2rem; font-size: 0.9rem;}

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

@media (max-width:680px){
	/* dge CI */
	.dgeCi {top: 1rem;}
	.dgeCi img{ width:4rem;}
	
    /* 게시판 */
    .notice0004 .titTab li{ width: 100%;}
    .notice0004 .titTab li a{ font-size: 0.95rem; padding: 0.5rem 0.8rem; }
    .notice0004 .list_box{ }
    .notice0004 .list_box ul li{ width: 48.5%; margin: 0; }
    .notice0004 .list_box ul li:nth-child(3){ display: none; }
    .notice0004 .list_box ul li:nth-child(even){margin-top: 0; }
    .notice0004 .list_box ul li a .tit{ font-size: 0.95rem; }
    .notice0004 .list_box ul li a .txt{ height: 2.3rem; margin: 0.8rem 0 1rem; }    
}
@media screen and (max-width: 640px) {
	.TC35_map .map_wrap {align-items: end;}
	.TC35_map .map_wrap .titTab {padding-top: 1rem;}
	
	/* 바로가기 */
	.TC35_link01 ul {justify-content: start; gap: 0.5rem 2%;}
	/*.TC35_link01 li { flex: 0 0 49%; }*/
	.TC35_link01 li a { padding: 1rem 0.5rem;}
	.TC35_link01 li a .img { width: 3rem; height: 3rem; }
	.TC35_link01 li a img { width: 32px; }
	.TC35_link01 li a span{font-size: 0.8rem;}
}
@media (max-width:540px) {
	/* dge CI */
	.dgeCi{ left:2%; top: unset; bottom:2%;}
	.dgeCi img{ width:60%;}

	/* 메인비주얼 */
	.TC35_visual .control {width: 10rem; margin-top: -1.5rem;}
	.TC35_visual .slick-dots { bottom: 2.5rem; }
	
	/* 바로가기 */
	.TC35_link01 ul {gap: 0.6rem 2%;}
	.TC35_link01 li { flex: 0 0 48.5%; }	
	.TC35_link01 li a {flex-direction: row; justify-content: start !important; gap: 0.4rem !important; padding: 0.5rem;}
	.TC35_link01 li a .img {width: 2rem; height: 2rem;}
	.TC35_link01 li a span {font-size: 0.7rem; text-align: left;}
	
    /* 갤러리 */
    .TC35_gallery {overflow: unset;}
    .TC35_gallery .list {display:none;}
	.TC35_gallery .current{ width:100%; height:auto; margin:1rem 0 0; position:relative; top:auto; }
	.TC35_gallery .current .item{ margin:0; }
	.TC35_gallery .current .item .img {width:100%; height:11.5rem; }
	.TC35_gallery .current .item .txt { display:block; }
	.TC35_gallery .bar{ display:none;}
}
@media (max-width:480px){
    /* 게시판 */
    .notice0004 { padding-bottom: 1rem; }
    .notice0004 .titTab li { width: 100%; float: none; }
    .notice0004 .list_box { padding: 2rem 0 1rem; }
    .notice0004 .list_box ul li{ width: 100%; }
    .notice0004 .list_box ul li ~ li{ margin-left: 0; margin-top: 1rem !important; }
}
@media (max-width:360px) {
	/* dge CI */
	.dgeCi img{ width:40%;}

	
	/* 게시판 */	
	.TC35_notice .list_box .topList {padding: 1.1rem;}
	
	.TC35_map .map_wrap {padding: 2.2rem 4% 4%;}
	.TC35_map .map_wrap .tabWrap {display: none;}
	.TC35_map .map_wrap .titTab {flex: 1 1 100%; width: 100%; padding-top: 0;}
	.TC35_map .map_wrap .titTab ul li,
	.TC35_map .map_wrap .titTab ul li:nth-of-type(n+5) {flex: 1 0 4.5rem;}
	
	.notice0004 .titTab li a {
		font-size: 0.8rem;
	}
}
@media (max-width:320px) {
	/* 바로가기 */
	.TC35_link01 li {flex: 1 0 100%;}
	
	.notice0004 .titTab {display: block;}
	.notice0004 .titTab ul {flex-direction: column;}
}