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

/* dge CI */
.dgeCi{ position:absolute; left:1.2rem; bottom:4rem; z-index: 1;}

/* 메인비주얼 */
.TC17_visual { position:relative; height:100%;}
.TC17_visual .slider{ border-radius:1rem; height:100%; overflow:hidden;} 
.TC17_visual .item{ position:relative; height:22rem; overflow:hidden; line-height:0;}
.TC17_visual .item img{position:relative; width:auto; height:100%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.TC17_visual .control{position:absolute; right:2rem; bottom:-0.5rem; z-index:1;}
.TC17_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;}
.TC17_visual .control p strong {color:#ffd34d; vertical-align: super;}
.TC17_visual .control p strong:after{ content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background:#fff; margin:0 5px;}
.TC17_visual .control > a{ position:relative; display:inline-block; width:2.75rem; height:2.5rem; line-height:2.5rem; background-color:#0ab1f7; font-size:.9rem; color:#fff; text-align:center; vertical-align:bottom; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.TC17_visual .control > a.play{display:none;}
.TC17_visual .control > a.play,
.TC17_visual .control > a.stop{ top:-.25rem; border-radius:0.5rem; background-color:#004794;}
.TC17_visual .control > a.stop{ background-image:url('/images/dgedu/template/TC17/main/btn_vis_stop.png'); background-repeat:no-repeat; background-position:center center;}
.TC17_visual .control > a.prev{ border-radius:0.5rem 0.5rem 0 0.5rem;}
.TC17_visual .control > a.next{ border-radius:0.5rem 0.5rem 0.5rem 0;}
.TC17_visual .control > a.prev,
.TC17_visual .control > a.next{box-shadow:2px 3px 0 1px #fff;}
.TC17_visual .control > a:hover,
.TC17_visual .control > a:focus{ background-color:#169bd3;}
.TC17_visual .control > a.play:hover,
.TC17_visual .control > a.play:focus,
.TC17_visual .control > a.stop:hover,
.TC17_visual .control > a.stop:focus{ background-color:#0c3868;}

/* 바로가기1 */
.TC17_link01 { position:relative; width:100%; max-width:45rem; height:100%; float:right;}
.TC17_link01:before{ content:""; position:absolute; left:0; bottom:calc(100% - 54px); width:180px; height:195px; background:url('/images/dgedu/template/TC17/main/bg_link.png') no-repeat;}
.TC17_link01 .inner{ position:relative; height:100%; padding:1.2rem 2rem; overflow:hidden; border-radius:0 0 1.5rem 0;}
.TC17_link01 ul{ position:relative; display:flex; flex-wrap:wrap; z-index:1;}
.TC17_link01 li { width:20%; z-index:1; margin:.25rem 0; }
.TC17_link01 li a { position:relative; width:100%; height:6.75rem; display:flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column; border-radius:1rem; color:#fff; border:2px solid transparent; overflow:hidden; z-index: 0; word-break: keep-all;}
.TC17_link01 li a:before{ content:""; position:absolute; left:4rem; bottom:-4rem; width:8rem; height:8rem; background:rgba(0,0,0,0.06); transform: scale(.7); -webkit-transform: scale(.7); opacity: 0; border-radius:50%; z-index: -1;}
.TC17_link01 li a img { width:65px; height:65px; }
.TC17_link01 li a p { width:100%; font-size:0.85rem; line-height:1rem; height:2rem; padding:0 5px; margin-top:.25rem; overflow:hidden; font-weight:600; text-align:center; word-break:break-all;}
.TC17_link01 .bgTxt{ position:absolute; right:-1rem; bottom:-1.5rem; line-height:1; font-size:9rem; font-family: 'Montserrat'; letter-spacing: -.5rem; font-weight: 600; font-style: italic; color:#00a1e4; z-index: 0; text-shadow:5px 5px 0px rgba(255,255,255,0.3); opacity: 0.7;}
/** 바로가기1 :active **/
.TC17_link01 li a:hover,
.TC17_link01 li a:focus { left:-2px; top:-2px; background:#2fc2ff; border-color:#fff; box-shadow:2px 2px 5px rgba(0,0,0,0.3); }
.TC17_link01 li a:hover:before,
.TC17_link01 li a:focus:before{left:3rem; bottom:-3rem; transform: scale(1); -webkit-transform: scale(1); opacity: 1;}
.TC17_link01 a,
.TC17_link01 :before { -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* 교육달력 */ 
.TC17_schedule .no_data {width:100%; margin:0; line-height:10.5rem; text-align:center; background:#f7f7f7; border-radius:1.5rem;}
.TC17_schedule .slider { margin:0 -0.5rem;}
.TC17_schedule .slider .item { padding:0.5rem;}
.TC17_schedule .slider .item a { display:block; background:#fff; border:1px solid #fff; border-radius:1.2rem; padding:1.5rem 1rem; box-shadow:0 0 16px rgba(0,0,0,0.09); -webkit-transition:0.2s; transition:0.2s; }
.TC17_schedule .slider .item a .date { position:relative; display:block; line-height:2.3rem; font-weight:700; text-align:right; }
.TC17_schedule .slider .item a .date strong { position:absolute; left:0; top:0; width:2.3rem; height:2.3rem; text-align:center; line-height:2.3rem; font-size:1.25rem; background:#fff; border-radius:50%; font-weight:700;}
.TC17_schedule .slider .item a p { margin-top:0.5rem; padding-top:1rem; font-size:0.9rem; font-weight:500; border-top:1px solid #000; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.TC17_schedule .control { text-align:right; }
.TC17_schedule .control a { display:inline-block; vertical-align:middle; font-size:1.25rem; }
.TC17_schedule .control a.play { display:none; }
.TC17_schedule .control a.play,
.TC17_schedule .control a.stop { margin-right:0.8rem;}
.TC17_schedule .control p { display:inline-block; vertical-align:middle; color:#d2d2d2; font-size:0.7rem; font-weight:700; padding:0 1rem; }
.TC17_schedule .control p strong { position:relative; color:#000; padding-right:2rem; }
.TC17_schedule .control p strong:before { content:"/"; position:absolute; right:0.8rem; top:0;}
.TC17_schedule .control p strong:after { content:""; position:absolute; left:-0.5rem; top:-0.2rem; width:1rem; height:1rem; background:#f9eaeb; border-radius:50%; z-index:-1;}
.TC17_schedule .bar{ position:absolute; left:0; bottom:0.5rem; width:calc(100% - 12rem); height:2px; background:#ccc;} 
.TC17_schedule .bar span{ position:absolute; top:0; left:0; display:block; height:2px; background:#31b6b1; -webkit-transition:left .4s; -ms-transition:left .4s; transition:left .4s;}  
.TC17_schedule .btn_more { position:absolute; right:0; top:0; width:3.5rem; padding-left:1.5rem; font-weight:600; line-height:1.2rem; border-bottom:1px solid #000; -webkit-transition:0.2s; transition:0.2s; }
.TC17_schedule .btn_more:before { content:""; position:absolute; left:-0.8rem; top:0; width:1.75rem; height:1.75rem; background:#e4e4e4; border-radius:50%; z-index:-1; -webkit-transition:0.2s; transition:0.2s; }
/** 교육달력 : active **/ 
.TC17_schedule .slider .item a:hover,
.TC17_schedule .slider .item a:focus { border-color:#31b6b1; background:#e6f5f4; }
.TC17_schedule .slider .item a:hover .date strong,
.TC17_schedule .slider .item a:focus .date strong{ background:#31b6b1; color:#fff; font-size:1rem; }
.TC17_schedule .control a:hover,
.TC17_schedule .control a:focus { color:#f2707d; }
.TC17_schedule .btn_more:hover,
.TC17_schedule .btn_more:focus { padding-left:0;  }
.TC17_schedule .btn_more:hover:before, 
.TC17_schedule .btn_more:focus:before { left:2rem; background:#c2edf7;}
 
/* 게시판 */
.TC17_notice { position:relative; height:100%;  }
.TC17_notice:before { content:""; position:absolute; left:0; top:0; width:100%; height:3.5rem; background:#e7f0f7; border-radius:1.5rem 1.5rem 0.5rem 0.5rem; z-index: -1;}
.TC17_notice .title_wrap { position:relative; line-height:3.5rem; padding:0 50% 0 2.3rem; }
.TC17_notice .title_wrap h2 { display:inline-block; font-size:1.2rem; font-weight:800; color:#1a56a0; text-shadow:2px 2px 0 #fff; margin-right:1rem; }
.TC17_notice .title_wrap p { display:inline-block; font-size:0.9rem; font-weight:400; color:#466181; }
.TC17_notice .titTab { position:absolute; right:5.5rem; top:0; width:calc(100% - 21rem); text-align:right; }
.TC17_notice .titTab ul{font-size:0;}
.TC17_notice .titTab li { position:relative; display:inline-block; max-width:33%; font-size:0.9rem; line-height:3.5rem; vertical-align:top; } 
.TC17_notice .titTab li + li:before{content:""; position:absolute; left:0; top:calc(50% - .125rem); width:.3rem; height:.3rem; background:#acb8c2; border-radius:50%;}
.TC17_notice .titTab li a { display:block; font-weight:400; color:#111; padding:0 1rem; }
.TC17_notice .titTab li a span{ display:block; overflow:hidden; white-space:nowrap;}
.TC17_notice .list_box { display:none; width:100%;  }
.TC17_notice .list_box ul { display:flex; flex-wrap: wrap; height:100%; }
.TC17_notice .list_box li { position:relative; width:48%;}
.TC17_notice .list_box li:nth-child(even) {margin-left:4%;}
.TC17_notice .list_box li:nth-of-type(n+5) { display:none; }
.TC17_notice .list_box li a { position:relative; display:block; height:7rem; padding:2rem 0 2rem 3.5rem; border-bottom:1px dotted #9c9c9c; }
.TC17_notice .list_box li a em { position:absolute; left:0; top:2rem; width:3rem; height:3rem; background:#31b6b1; text-align:center; color:#fff; text-align:center; line-height:3rem; border-radius:50%; font-weight:700; -webkit-transition:0.2s; transition:0.2s; }
.TC17_notice .list_box li a em.tag2 { background:#1c9fe2;}
.TC17_notice .list_box li a p { font-size:0.9rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:0.3rem; }
.TC17_notice .list_box li a span { color:#555; font-weight:400; } 
.TC17_notice .list_box li a i { position:absolute; right:0.5rem; bottom:1.2rem; color:#2862a9; font-size:1.1rem; padding-right:0.5rem; opacity:0; -webkit-transition:0.2s; transition:0.2s; }
.TC17_notice .list_box li a i:after { content:""; position:absolute; right:0; top:-0.1rem; width:1.3rem; height:1.3rem; background:#e6f1ff; border-radius:50%; z-index:-1; }
.TC17_notice .list_box li.no_data{width:100%; text-align:center; line-height:14rem; background:#efefef; border-radius:0.5rem;}
.TC17_notice .btn_more { position:absolute; right:1.5rem; top:-0.5rem; width:2.5rem; height:2.5rem; border-radius:0.5rem; background:#1c9fe2 url('/images/dgedu/template/TC17/main/btn_more_white.png') no-repeat center; }
.TC17_notice .btn_more:before { content:""; position:absolute; right:-0.4rem; top:0; width:1rem; height:1rem; border-radius:0 1rem 0 0; background:#225881; z-index:-1; }
/** 게시판 :active **/
.TC17_notice .titTab li a:hover,
.TC17_notice .titTab li a:focus,
.TC17_notice .titTab li a.current { color:#111; font-weight:700; }
.TC17_notice .list_box.on { display:block; } 
.TC17_notice .list_box li a:hover em,
.TC17_notice .list_box li a:focus em { box-shadow:2px 2px 0 #097975;}
.TC17_notice .list_box li a:hover em.tag2,
.TC17_notice .list_box li a:focus em.tag2 { box-shadow:2px 2px 0 #0273ac;}
.TC17_notice .list_box li a:hover i,
.TC17_notice .list_box li a:focus i { opacity:1; right:0; }
.TC17_notice .list_box li a:hover p,
.TC17_notice .list_box li a:focus p { font-weight:600;}
.TC17_notice .btn_more:hover,
.TC17_notice .btn_more:focus{ background-color:#004794; background-image:url('/images/dgedu/template/TC17/main/btn_more_white.png');}
.TC17_notice a,
.TC17_notice :before{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* 바로가기2 */
.TC17_link02 ul { display:flex; }
.TC17_link02 ul li { position:relative; flex:1; }
.TC17_link02 ul li + li:before { content:""; position:absolute; left:-0.2rem; top:2.2rem; width:0.5rem; height:0.5rem; background:#ededed; border-radius:50%; }
.TC17_link02 ul li a { display:block; text-align:center; -webkit-transition:0.3s; transition:0.3s; }
.TC17_link02 ul li a .img { width:5.25rem; height:4.75rem; border-radius:1rem; margin:0 auto; background:#fff; border:2px solid #8abfe9; box-shadow:4px 4px 0 #ededed; margin:0 auto; font-size:0; }
.TC17_link02 ul li a .img img { width:100%; }
.TC17_link02 ul li a span { display:block; height:2rem; line-height:1rem; margin-top:0.5rem; font-weight:600; overflow:hidden; }
/** 바로가기2 : active **/
.TC17_link02 ul li a:hover,
.TC17_link02 ul li a:focus { -webkit-transform:translateY(-1rem); transform:translateY(-1rem);}
.TC17_link02 ul li a:hover .img,
.TC17_link02 ul li a:focus .img { border-color:#ffd11a; box-shadow:4px 4px 0 #ffd11a;}

/* 팝업존 */
.TC17_pop { position:relative; width:100%; height:100%; }
.TC17_pop .slider { position:relative; height:14.25rem; margin-top:0.7rem; overflow:hidden; border-radius:1.5rem; background:#e2edf8; box-shadow:2px 2px 2px rgba(0,0,0,0.3);}
.TC17_pop .slider div,
.TC17_pop .slider .item {height:100%;}
.TC17_pop .slider .item a { display:block; height:100%; line-height:0; text-align:center; overflow:hidden;}
.TC17_pop .slider .item img {position:relative; top:50%; max-width:100%; max-height:100%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.TC17_pop .control{position:absolute; right:-.75rem; bottom:0; width:10rem; height:2.5rem; display:flex; align-items:center; justify-content:center; border-radius:1rem 0 1rem 1rem; padding-right:.5rem; background:#004794;}
.TC17_pop .control:before{ content:""; position:absolute; right:.25rem; top:-.45rem; width:.9rem; height:.9rem; background:#0aaff4; transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index: -1;}
.TC17_pop .control p {color:#fff; font-size:.75rem; font-family: 'Montserrat'; margin-right:.5rem;}
.TC17_pop .control p strong {color:#ffd34d; font-size:.95rem; font-weight:600; vertical-align: super;}
.TC17_pop .control p strong:after{ content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background:#fff; margin:0 5px;}
.TC17_pop .control a {display:inline-block; overflow:hidden; color:#fff; margin:0 3px; font-size:1rem;}
.TC17_pop .control .play {display:none;}
.TC17_pop .control a:hover,
.TC17_pop .control a:focus{color:#ffd34d;}

/* 갤러리 */
.TC17_gallery { position:relative; height:100%; padding:2.5rem 0 0 6rem; z-index: 1;}
.TC17_gallery:before{ content:""; position:absolute; left:calc(100% - 1rem); top:0; width:100%; height:100%; z-index: 1;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 10%);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 10%);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 10%);
}
/* .TC17_gallery:after{ content:""; position:absolute; left:calc(100% + 1rem); top:0; width:100%; height:100%; background:rgba(0,0,0,0.065); z-index: -1;} */
.TC17_gallery .titBox{ display:flex; flex-wrap: wrap; align-items: center; justify-content: left; margin-right:2.5rem;}
.TC17_gallery .titBox h2{ margin-right:1rem;}
.TC17_gallery .titBox p{ font-size:.85rem; font-weight: 400;}
.TC17_gallery .no_data {width:100%;  margin:1.5rem 0 2rem; line-height:18.5rem; text-align:center; background:#fff; border-radius:1.5rem;}
.TC17_gallery .slider{width:200%; height:18.5rem; margin:1.5rem 0 2rem; overflow:hidden;}
.TC17_gallery .slider .slick-list{padding-bottom:5px; }
.TC17_gallery .slider .item{ position:relative;  width:14.5rem; height:16.5rem; margin:0 1rem; border-radius:1.5rem; vertical-align: top; opacity: 1;}
.TC17_gallery .slider .item.slick-current:before{ background:#50ccd3;}
.TC17_gallery .slider .item.slick-current a:before{ opacity: 1; visibility:visible; z-index: 1;}
.TC17_gallery .slider .item:before{ content:""; position:absolute; left:5px; top:5px; width:100%; height:100%; border-radius:1.5rem; background:#a8bdd4 url('/images/dgedu/template/TC17/main/pttrn_slide.png'); z-index: -1;}
.TC17_gallery .slider .item a{ position:relative; display:block; height:100%; border-radius:1.5rem; background:#fff; overflow:hidden;}
.TC17_gallery .slider .item a:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:1.5rem; border:2px solid #004794; opacity: 0; visibility: hidden; }
.TC17_gallery .slider .img{width:100%; height:11rem; clip-path: circle(85% at 50% 0%); -webkit-clip-path: circle(85% at 50% 0%); background-color:#f1f1f1; overflow:hidden;}
.TC17_gallery .slider .img img{ position:relative; left:50%; width:auto; height:100%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.TC17_gallery .slider .txt { padding:1rem; text-align:center;}
.TC17_gallery .slider .txt > *{ display:block; font-weight: 400; font-size:.75rem;}
.TC17_gallery .slider .txt strong{ max-height:2.2rem; line-height:1.1rem; font-weight: 600; margin:0 0 .25rem; word-break: keep-all; }
.TC17_gallery .control > a{ position:absolute; width:3.2rem; height:3rem; line-height:3rem; font-size:1rem; text-align:center; color:#fff;}
.TC17_gallery .control > a.prev{ top:calc(50% - 1.5rem); left:-2rem; border-radius:.75rem .75rem 0 .75rem; background:#004794;}
.TC17_gallery .control > a.next{ top:calc(50% + 1.5rem); left:-.5rem; border-radius:0 .75rem .75rem .75rem; background:#47bfc6; }
.TC17_gallery .bar{ position:relative; width:100%; height:5px;}
.TC17_gallery .bar:before{ content:""; position:absolute; left:0; top:2px; width:100%; border-top:1px solid #999;}
.TC17_gallery .bar span{ position:absolute; top:0; left:0; display:block; height:5px; border-radius:5px; background:#004794;} 
.TC17_gallery .btn_more{ position:absolute; right:0; top:2.5rem; width:2rem; height:2rem; border-radius:50%; background:#8ca1b7 url('/images/dgedu/template/TC17/main/btn_more_white.png') no-repeat center; transition: all .2s; -webkit-transition: all .2s; z-index: 2;}  
/** 갤러리 : 요소 여백 **/
.TC17_gallery .slider.upSet .item:nth-of-type(odd),
.TC17_gallery .slider:not(.upSet) .item:nth-of-type(even){ margin-top:1.5rem;}
/** 갤러리 :active **/
.TC17_gallery .slider .item a:hover:before,
.TC17_gallery .slider .item a:focus:before{ opacity: 1; visibility:visible; z-index: 1;}
.TC17_gallery .control > a.prev:hover,
.TC17_gallery .control > a.prev:focus{ box-shadow:2px 2px 0px 1px #18304e;}
.TC17_gallery .control > a.next:hover,
.TC17_gallery .control > a.next:focus{ box-shadow:2px 2px 0px 1px #006b72;}
.TC17_gallery .btn_more:hover,
.TC17_gallery .btn_more:focus { transform: rotate(90deg); -webkit-transform: rotate(90deg); background-color:#004794; }
.TC17_gallery a,
.TC17_gallery .item,
.TC17_gallery :before{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.TC17_gallery .bar span{-webkit-transition:left .4s; -ms-transition:left .4s; transition:left .4s; }

/* 배너존 */
.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;}



@media (max-width:1640px) { 
	/* 바로가기1 */
	.TC17_link01:before{ display:none;}
} 
@media (max-width:1520px) { 
	/* 갤러리 */
	.TC17_gallery{ padding-left:3.5rem;}
} 
@media (max-width:1240px) {

	/* dge CI */
	.dgeCi{ left:1rem; bottom:3rem;}

	/* 메인비주얼 */
	.TC17_visual .item { height:auto; }
	.TC17_visual .item img{position:relative; width:100%; height:auto; top:auto; left:auto; transform: none; -webkit-transform: none;}
	.TC17_visual .control{ bottom:-.5rem;}
	.TC17_visual .control p { margin-top:-.25rem; margin-right:.75rem;}

	/* 바로가기1 */	
	.TC17_link01{ max-width:none; margin-right:1rem; background:#0ab1f7; border-radius:0 1.5rem 1.5rem 0;}
	.TC17_link01 .inner{ display:flex; align-items:center; padding:1rem;}
	.TC17_link01 li a{ word-break:break-all;}
	.TC17_link01 .bgTxt{ right:0; font-size:7rem;} 

	/* 공지사항 */ 
	.TC17_notice .title_wrap { padding-left:1rem; }
	.TC17_notice .title_wrap p { display:none; }
	.TC17_notice .titTab { right:4rem; width:calc(100% - 10rem);}
}  
@media (max-width:1024px) { 
	/* 바로가기2 */
	.TC17_link02 ul li + li:before { display:none; }
	.TC17_link02 ul li a .img { width:4.5rem; height:auto; }

}
@media (max-width:768px) { 
	/* dge CI */
	.dgeCi{ left:1rem; bottom:1rem;}
	.dgeCi img{ width:5rem; height:auto;}

	/* 메인비주얼 */
	.TC17_visual .control{ right:.75rem;}

	/* 바로가기1 */	
	.TC17_link01 li{ width:25%; margin:.25rem 0;}
	.TC17_link01 li a img{ width:55px; height:55px;}
	.TC17_link01 .bgTxt{ font-size:6rem;} 

	/* 팝업존 */
	.TC17_pop .slider{ height:auto; margin-top:.5rem;}
	.TC17_pop .slider .item img{ top:auto; transform: none; -webkit-transform: none;}

	/* 바로가기2 */
	.TC17_link02 ul { flex-wrap:wrap; }
	.TC17_link02 ul li { flex:inherit; width:25%; }
	.TC17_link02 ul li:nth-child(n+5) { margin-top:0.5rem; }
	.TC17_link02 ul li a:hover,
	.TC17_link02 ul li a:focus { -webkit-transform:none; transform:none;}

	/* 배너존 */
	.banner_zone h2{display:none;}
	.banner_zone .bnWrap{width:calc(100% - 6.5rem);}
} 
@media (max-width:540px) { 
	/* dge CI */
	.dgeCi{ left:2%; bottom:2%;}
	.dgeCi img{ width:60%;}

	/* common title */
	h2.heading{ font-size:1rem;}

	/* 메인비주얼 */
	.TC17_visual .control{ right:.75rem;}
	.TC17_visual .control > a{ width:2.5rem; height:2rem; line-height:2rem; }
	.TC17_visual .control p { margin-top:-.5rem; font-size:1rem;}

	/* 바로가기1 */
	.TC17_link01 .inner{ padding:1rem .5rem;}
	.TC17_link01 li{ width:33%;}
	.TC17_link01 li a{ height:6rem;}
	.TC17_link01 li a p{ font-size:.8rem;}
	.TC17_link01 .bgTxt{ font-size:5rem;}  

	/* 공지사항 */
	.TC17_notice:before { height:4.5rem;}
	.TC17_notice .title_wrap { height:2rem; line-height:2rem; padding:0.5rem 3rem 0 1rem; }
	.TC17_notice .title_wrap h2 { font-size:1rem; font-weight:700; }
	.TC17_notice .titTab { position:relative; right:auto; top:auto; width:100%; padding-bottom:0.5rem; text-align:left; }
	.TC17_notice .titTab li { line-height:2rem; }
	.TC17_notice .list_box li { width:100%; } 
	.TC17_notice .list_box li:nth-child(even) { margin-left:0; }
	.TC17_notice .list_box li a { height:4rem; padding:0.75rem 0 0.75rem 3rem; }
	.TC17_notice .list_box li a em { top:0.75rem; width:2.5rem; height:2.5rem; line-height:2.5rem; }
	.TC17_notice .list_box li.no_data { line-height:16rem;}

	/* 갤러리 */
	.TC17_gallery{padding:0; margin:2rem 1rem 1rem 1.5rem;}
	.TC17_gallery:before{ display:none;}
	.TC17_gallery .titBox p{ display:none;}
	.TC17_gallery .no_data {margin:.75rem 0 0; line-height:17rem;}
	.TC17_gallery .slider{ width:100%; height:auto; max-height:17rem; margin:.75rem 0 0;}
	.TC17_gallery .slider .item{ height:auto; margin-top:0 !important; }
	.TC17_gallery .slider .img{ -webkit-clip-path:none; clip-path:none;}
	.TC17_gallery .control > a{ width:2.5rem; height:2.5rem; line-height:2.5rem; border-radius:.5rem !important; }
	.TC17_gallery .control > a.prev{ top:calc(50% + 1rem); left:0;}
	.TC17_gallery .control > a.next{ top:calc(50% + 1rem); left:auto; right:0;}
	.TC17_gallery .bar{ display:none;}
	.TC17_gallery .btn_more{ top:0;}
} 
@media (max-width:460px) { 
	/* 바로가기1 */	
	.TC17_link01{margin-right:0.5rem;}

	/* 바로가기2 */
	.TC17_link02 ul li { flex:inherit; width:33.333%; }
	.TC17_link02 ul li:nth-child(4) { margin-top:0.5rem; }

	/* 갤러리 */
	.TC17_gallery{padding:0; margin:1.5rem .5rem 1rem 1.5rem;}
}

@media (max-width:360px) { 
	/* dge CI */
	.dgeCi img{ width:40%;}

	/* 교육달력 */
	.TC17_schedule .control { text-align:center; }
	.TC17_schedule .bar { display:none; }

	/* 공지사항 */
	.TC17_notice .titTab { padding-left:0.7rem;}
	.TC17_notice .titTab li { max-width:none; } 
	.TC17_notice .titTab li a { padding:0 0.3rem;}
	.TC17_notice .titTab li + li:before { display:none; }

	/* 바로가기2 */
	.TC17_link02 ul li a .img { width:3.8rem; }
}