﻿/* common title */
h2.heading{ line-height:2rem; font-size:1.15rem; font-weight: 700;}

/* dge CI */
.dgeCi{ position:absolute; left:-6.5rem; bottom:0rem; z-index: 1;}

/* 메인비주얼 */
.TC05_visual { position:relative; height:100%;}
.TC05_visual .slider{overflow:hidden; border-radius: 1rem; border: 1px solid #ccc;}
.TC05_visual .item{overflow:hidden; line-height:0;}
.TC05_visual .item img{position:relative; width:auto; height:100%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.TC05_visual .control p { position: absolute; top: 2rem; left: 3rem; font-size: 1.2rem; font-weight: 600;} 
.TC05_visual .control p strong {position: relative; display: inline-block; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; border-radius: 50%; background: #2e88bf; color: #fff; margin-right: 1.5rem;}
.TC05_visual .control p strong:after{ content:""; width:1px; height: 0.8rem; position: absolute; right: -1.1rem; top: 0.5rem; transform: rotate(42deg); -webkit-transform: rotate(42deg); background:#888;}
.TC05_visual .control p strong::before{width: calc(100% + 1rem); height: calc(100% + 1rem); border: 1px dashed #2e88bf; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); border-radius: 50%; content: '';}
.TC05_visual .control > a{ position:absolute; display: inline-block; vertical-align: middle; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.TC05_visual .control > a.prev{left: -4rem;}
.TC05_visual .control > a.next{right: -4rem;}
.TC05_visual .control > a.play,
.TC05_visual .control > a.stop{left: -4rem; top: calc(50% + 3rem); width: 2rem; height: 2rem; line-height: 2rem; text-align: center; border-radius: 50%; background: #ccc; display: inline-block; color: #fff;}
.TC05_visual .control > a.play{display:none;}
.TC05_visual .control > a.play:hover,
.TC05_visual .control > a.play:focus,
.TC05_visual .control > a.stop:hover,
.TC05_visual .control > a.stop:focus{ background-color:#f53d7c;}

/* 바로가기1 */
.TC05_link01 { position:relative; width:100%; height:100%; display: flex; align-items: center;}
.TC05_link01 .tit{position: relative; width: 8rem; height: 8.3rem; flex-shrink: 0; font-weight: 400; color: #fff; text-align: center; display: flex; flex-direction : column; justify-content: center; align-items: center;}
.TC05_link01 .tit::after{width: 100%; height: 100%; background: url('/images/dgedu/template/TC05/main/img_link_tit.png') no-repeat center / contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: transform 0.3s; -webkit-transition: transform 0.3s; content: '';}
.TC05_link01 .tit::before{width: 6rem; height: 6rem; border-radius: 50%; background: #edf7ff; position: absolute; top: 0; left: -2.2rem; content: '';}
.TC05_link01 .tit p{position: relative; z-index: 2;}
.TC05_link01 .tit .txt1{font-size: 1.2rem;}
.TC05_link01 .tit .txt1 span{font-weight: 700;}
.TC05_link01 .tit img{position: absolute; left: 2.5rem; bottom: 1.5rem; transition: left 0.3s; -webkit-transition: left 0.3s; z-index: 2;}
.TC05_link01 ul{ position:relative; width: calc(100% - 8rem); padding-left: 2.75rem; flex-shrink: 1; display: table; table-layout: fixed; z-index:1;}
.TC05_link01 li { display: table-cell; vertical-align: top;}
.TC05_link01 li a { position:relative; display: flex; align-items: center;}
.TC05_link01 li a .img {position: relative; width: 4rem; height: 4rem; border-radius: 1rem; border: 2px solid transparent; box-shadow: 0 0 0.75rem rgba(12, 84, 167, 0.3); background: #fff; transition: all 0.3s; -webkit-transition: all 0.3s;}
.TC05_link01 li a .img::before{width: 0.8rem; height: 0.8rem; border-radius: 50%; background: #62a8dc; position: absolute; top: 0.2rem; left: -0.2rem; opacity: 0; content: '';}
.TC05_link01 li a .img img{width: 2.75rem; height: 2.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.TC05_link01 li a p {font-size:0.9rem; line-height:1.1rem; height:2.2rem; display: flex; align-items: center; overflow:hidden; font-weight:600; text-align:center; padding: 0 1rem; width: calc(100% - 4rem); word-break: keep-all;}
.TC05_link01 li a p span{transition: all 0.3s; -webkit-transition: all 0.3s;}
.TC05_link01 a,
.TC05_link01 :before { -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
/* 바로가기1:active */
.TC05_link01 li a:hover .img,
.TC05_link01 li a:focus .img{box-shadow: none; border: 2px solid #62a8dc;}
.TC05_link01 li a:hover .img::before,
.TC05_link01 li a:focus .img::before{top: -0.3rem; opacity: 1;}
.TC05_link01 li a:hover p span,
.TC05_link01 li a:focus p span{box-shadow:inset 0 -0.5rem 0 #ceeaff;}

/* 게시판 */
.TC05_notice { position:relative; height:100%;  }
.TC05_notice .titTab{margin-bottom:1rem;}
.TC05_notice .titTab ul{font-size:0; background: #eef2f5; border-radius: 1rem; padding-right: 2rem;}
.TC05_notice .titTab li {position:relative;display:inline-block;max-width: calc((100% - 2rem) / 2);font-size:1.15rem;line-height:2rem;vertical-align:top;}
.TC05_notice .titTab li + li {position: relative; margin-left:.75rem; padding-left:1rem;}
.TC05_notice .titTab li + li:before{width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #b1b1b1; position: absolute; left: 0; top: calc(50% - 0.15rem); content: '';}
.TC05_notice .titTab li a { position: relative; display:block; color:#221648; font-weight: 600; padding: 0 1rem; font-size: 1rem; line-height: 3.8rem; border-radius: 1rem;}
.TC05_notice .titTab li a::before{width: 1.25rem;height: 1.55rem;background: url('/images/dgedu/template/TC05/main/ico_notice.png') no-repeat center / contain;position: absolute;top: calc(50% - 0.75rem);right: 1rem;opacity: 0;content: '';}
.TC05_notice .titTab li a span{ display:block; overflow:hidden; white-space:nowrap;}
.TC05_notice .list_box {display:none;width:100%;}
.TC05_notice .list_box ul { display:flex; flex-wrap: wrap; height:100%; margin: 0 -0.6rem; flex-direction: row;}
.TC05_notice .list_box li { position:relative; width:50%; padding: 0 0.6rem; margin-top: 1.5rem;}
.TC05_notice .list_box li.no_data{width: 100%;}
.TC05_notice .list_box:not(.video_list) li:nth-of-type(n+5) {display: none;}/* 250730 기부동영상 제외 */
.TC05_notice .list_box li a { position:relative; display:block; word-break:keep-all; padding:1.5rem 1rem; border: 1px solid #a1dce8; border-radius: 1rem; font-weight:400; color:#111; background: #fff;}
.TC05_notice .list_box li p{ position:relative; display:flex; flex-direction:column-reverse; justify-content: center;}
.TC05_notice .list_box li a p::before{width: 2rem; height: 2rem; border-radius: 50%; background: #f1f1f1; position: absolute; top: -0.5rem; left: 0; content: '';}
.TC05_notice .list_box li a p i {position:absolute; left:1rem; top:0; font-size:.8rem; color:#555; font-weight: 600;}
.TC05_notice .list_box li a.new p::before{background: #ffe5ee;}
.TC05_notice .list_box li a.new p i {left: 2.1rem;}
.TC05_notice .list_box li a.new p:after{content: "New";color: #f53d7c;padding-left:.15rem;font-size:.8rem;font-weight: 600;z-index:2;width: fit-content;position: absolute;top: 0;left: 0;}
.TC05_notice .list_box li strong{ font-size:.9rem; font-weight: 600; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.TC05_notice .list_box li span { width:100%; text-align:right; font-weight: 200; font-size: 0.8rem; margin-bottom:1.5rem; color: #666;}
.TC05_notice .list_box li.no_data{text-align:center; line-height:9.5rem;}
.TC05_notice .btn_more {display: block; position: absolute; right:1rem; top:0.75rem; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; border-radius: 50%; background: #073a85; color: #fff; font-size: 1rem;}
/* 25.07.17 외부 동영상 추가 */
.TC05_notice .video_list li a { padding:0;}
.TC05_notice .video_list li p {padding: 1rem;}
.TC05_notice .video_list li a p i {left: 2rem;top: 1rem;}
.TC05_notice .video_list li a.new p i {left: 3.2rem;/* display: none; */}
.TC05_notice .video_list li a div.img {overflow: hidden;height: 9.5rem;border-radius: 1rem 1rem 0 0;position: relative;background: #f1f1f1;}
.TC05_notice .video_list li a div.img > img {position: absolute;top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: 0.5s; -webkit-transition: 0.5s; width: 100%; height: auto; }
.TC05_notice .video_list li a:hover div.img > img, .TC05_notice .video_list li a:focus div.img > img {    transform: translate(-50%, -50%) scale(1.2); -webkit-transform: translate(-50%, -50%) scale(1.2);}
.TC05_notice .video_list li a p::before {left:1rem;top: 0.5rem;}
.TC05_notice .video_list li a.new p:after {top: 1rem;left: 1rem;}
.TC05_notice .video_list .control {}
.TC05_notice .video_list .control > a{display: inline-block;width: 2rem;height: 2rem;line-height: 2rem;text-align: center;border-radius: 50%;font-size: 1rem;position: relative;background: #fff;border: 1px solid #ddd;}
.TC05_notice .video_list .control > a.prev {left: -1rem;position: absolute;top: 60%;}
.TC05_notice .video_list .control > a.next {right: -1rem;position: absolute;top: 60%;}
.TC05_notice .video_list .control > a.play{display: none;}
.TC05_notice .video_list .control > a.play, .TC05_notice .video_list .control > a.stop{color: #a0a0a0;}

/* 게시판 :active */
.TC05_notice .titTab li a:hover,
.TC05_notice .titTab li a:focus,
.TC05_notice .titTab li a.current { background: #f53d7c; color: #fff; font-weight: 700; }
.TC05_notice .titTab li a.current {transform: translateY(1rem);-webkit-transform: translateY(1rem);box-shadow: 0.25rem 0.25rem 0.25rem rgba(0,0,0,0.2);padding-right: 3rem;}
.TC05_notice .titTab li a.current::before{opacity: 1;}
.TC05_notice .list_box.on { display:block; }
.TC05_notice .list_box li a:hover,
.TC05_notice .list_box li a:focus{ border: 1px solid #f53d7c; box-shadow: 0 0 0.5rem rgba(0,0,0,0.3);}
.TC05_notice .btn_more:hover, .TC05_notice .btn_more:focus{background: #f53d7c;}
.TC05_notice a,
.TC05_notice :before{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* 바로가기2 */
.TC05_link02 { position:relative; width:100%; height:100%; }
.TC05_link02 h3{position: relative; overflow: hidden; white-space: nowrap; font-size: 1.4rem; padding-left: 0.75rem; margin-bottom: 1rem;}
.TC05_link02 h3::before{width: 0.65rem; height: 0.65rem; border-radius: 50%; background: #f53d7c; position: absolute; top: 0; left: 0; content: '';}
.TC05_link02 h3 span{font-weight: 700;}
.TC05_link02 ul{position: relative; display: flex; flex-wrap: wrap; border: 1px solid #72d7dd; border-radius: 1rem; margin-bottom: 1.5rem; background: #fff; overflow: hidden;}
.TC05_link02 ul::before{width: 100%; height: 1px; border-bottom: 1px dashed #ccc; position: absolute; top: 6rem; left: 0; z-index: 2; content: '';}
.TC05_link02 ul::after{width: 1px; height: 100%; border-left: 1px dashed #ccc; position: absolute; top: 0; left: 50%; z-index: 2; content: '';}
.TC05_link02 ul li{width:50%;}
.TC05_link02 ul li a{position: relative;display: block;padding: 1.75rem 2.5rem 1.75rem 1.5rem;}
.TC05_link02 ul li a::before{content: '\e907'; font-family: 'xeicon'; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; border-radius: 50%; background: #bbb; color: #fff; position: absolute; top: calc(50% - 0.75rem); right: 1rem;}
.TC05_link02 ul li a p{display: flex; align-items: center; height: 2.5rem; overflow: hidden; font-size: 0.9rem; word-break: keep-all; font-weight: 600;}
/* 바로가기2:active */
.TC05_link02 ul li a:hover, .TC05_link02 ul li a:focus{background: #f0feff;}
.TC05_link02 ul li a:hover p, .TC05_link02 ul li a:focus p{font-weight: 700;}
.TC05_link02 ul li a:hover::before, .TC05_link02 ul li a:focus::before{background: #00b5c0;}
.TC05_link02 a,
.TC05_link02 ul li a p,
.TC05_link02 ul li a::before{transition: all 0.3s; -webkit-transition: all 0.3s;}

/* 바로가기3 */
.TC05_link03 div a{position: relative; display: block; background: #4db3ff no-repeat right -2rem center; border-radius: 1rem; padding: 1.25rem 4rem 1.25rem 5.75rem; transition: all 0.3s; -webkit-transition: all 0.3s;}
.TC05_link03 div a::before{content: '\e907'; font-family: 'xeicon'; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; border-radius: 50%; background: #0c82da; color: #fff; position: absolute; top: calc(50% - 0.75rem); right: 1.5rem;}
.TC05_link03 div .ico{position: absolute; width: 3.3rem; height: 3.3rem; border-radius: 50%; background: #fff; top: calc(50% - 1.65rem); left: 1.5rem;}
.TC05_link03 div .ico img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 2.75rem; height: 2.7rem;}
.TC05_link03 div .txt{display: flex; align-items: center; height: 2.5rem; overflow: hidden; font-size: 0.9rem; word-break: keep-all; font-weight: 600; color: #fff;}
.TC05_link03 div a:hover, .TC05_link03 div a:focus{background:#37a4f7 url('/images/dgedu/template/TC05/main/bg_link02.png') no-repeat right center;}

/* 팝업존 */
.TC05_pop { position:relative; width:100%; height:100%; }
.TC05_pop .slider { position:relative; height:15.5rem; margin-top:1.5rem; overflow:hidden; border-radius:1.5rem; background:#e2edf8; box-shadow:2px 2px 2px rgba(0,0,0,0.3);}
.TC05_pop .slider div,
.TC05_pop .slider .item {height:100%;}
.TC05_pop .slider .item a { display:block; height:100%; line-height:0; text-align:center; overflow:hidden;}
.TC05_pop .slider .item img {position:relative; top:50%; max-width:100%; max-height:100%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.TC05_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;}
.TC05_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;}
.TC05_pop .control p {color:#fff; font-size:.75rem; font-family: 'Montserrat'; margin-right:.5rem;}
.TC05_pop .control p strong {color:#ffd34d; font-size:.95rem; font-weight:600; vertical-align: super;}
.TC05_pop .control p strong:after{ content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background:#fff; margin:0 5px;}
.TC05_pop .control a {display:inline-block; overflow:hidden; color:#fff; margin:0 3px; font-size:1rem;}
.TC05_pop .control .play {display:none;}
.TC05_pop .control a:hover,
.TC05_pop .control a:focus{color:#ffd34d;}

/* 갤러리 */
.TC05_gallery { position:relative; height:100%; padding:2.5rem 0 0 0; z-index: 1;}
.TC05_gallery::after{width: 13.95rem; height: 8.45rem; background: url('/images/dgedu/template/TC05/main/bg_gallery02.png') no-repeat top right / contain; position: absolute; top: 0; right: 13.1rem; z-index: -1; content: '';}
.TC05_gallery::before{width: 6.8rem; height: 7.3rem; background: url('/images/dgedu/template/TC05/main/img_gallery.png') no-repeat center / contain; position: absolute; bottom: -1rem; left: -3rem; content: '';}
.TC05_gallery .titBox{ display:flex; flex-wrap: wrap; align-items: center; justify-content: left; margin-right:15rem; margin-bottom: 1.5rem;}
.TC05_gallery .titBox h2{position: relative; font-weight: 600; padding-left: 1rem; font-size: 1.4rem; overflow: hidden; white-space: nowrap;}
.TC05_gallery .titBox h2::before{width: 0.6rem; height: 0.6rem; border-radius: 50%; background: #f53d7c; position: absolute; top: 0; left: 0; content: '';}
.TC05_gallery .titBox h2 span{font-weight: 700;}
.TC05_gallery .titBox p{ font-size:.75rem; font-weight: 400;}
.TC05_gallery .no_data {width:100%; margin:0; line-height:16.75rem; text-align:center; background:#f7f7f7; border-radius:1.5rem;}
.TC05_gallery .slider{width: calc(100% + 3.2rem); margin-left: -1.6rem;}
.TC05_gallery .slider .item{padding:0 1.6rem; vertical-align: top;}
.TC05_gallery .slider .item a{ position:relative; display:block; height:100%; padding-bottom: 2rem;}
.TC05_gallery .slider .img{position: relative; width:100%; height:11rem; border-radius: 1rem;  overflow:hidden; background:rgba(0,0,0,0.1);}
.TC05_gallery .slider .img img{ position:relative; left:50%; width:auto; height:100%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.TC05_gallery .slider .item .year{position: absolute; bottom: -1rem; right: 0; width: 3.5rem; height: 3.5rem; line-height: 3.5rem; text-align: center; border-radius: 50%; transition: all 0.3s; -webkit-transition: all 0.3s;}
.TC05_gallery .slider .item .year.act{background: #f2004d; color: #fff; font-size: 1.1rem; bottom: 3.5rem; right: -1rem; opacity: 0; font-weight: 600;}
.TC05_gallery .slider .item .year.act::before{width: 4rem; height: 4rem; background: rgba(255,255,255,0.3); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); content: '';}
.TC05_gallery .slider .txt{ font-size: 0.9rem; font-weight: 600; margin-top: 1.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; }
.TC05_gallery .control{position: absolute; top: 2.75rem; right: 8rem;}
.TC05_gallery .control > a{ display: inline-block; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; border-radius: 50%; border: 1px solid #ccc; background: #fff; font-size: 1rem;}
.TC05_gallery .control > a.play{display: none;}
.TC05_gallery .control > a.play, .TC05_gallery .control > a.stop{color: #a0a0a0;}
.TC05_gallery .btn_more {position: absolute; right:0; top:2.5rem; line-height: 2.4rem; border: 1px solid #f53d7c; font-weight: 600; padding: 0 3.75rem 0 1.25rem; color: #f53d7c; background: #fff; border-radius: 1rem;} 
.TC05_gallery .btn_more::before{content: "\e940"; font-family: 'xeicon'; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 1rem;}
/** 갤러리 : 요소 여백 **/
.TC05_gallery .slider.upSet .slick-slide:nth-of-type(odd),
.TC05_gallery .slider:not(.upSet) .slick-slide:nth-of-type(even){ margin-top:2rem;}
/** 갤러리 :active **/
.TC05_gallery .slider .item a:hover .txt, .TC05_gallery .slider .item a:focus .txt{color: #f50853; font-weight: 700;}
.TC05_gallery .slider .item a:hover .img, .TC05_gallery .slider .item a:focus .img{box-shadow:0 0 0.5rem rgba(0,0,0,0.3);}
.TC05_gallery .slider .item a:hover .img span, .TC05_gallery .slider .item a:focus .img span{transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1);}
.TC05_gallery .slider .slick-current .year{opacity: 0;}
.TC05_gallery .slider .slick-current .year.act{opacity: 1;}
.TC05_gallery .control > a:hover, .TC05_gallery .control > a:focus{border: 1px solid #f53d7c;}
.TC05_gallery .btn_more:hover,
.TC05_gallery .btn_more:focus { background-color:#f53d7c; color: #fff;}
.TC05_gallery a,
.TC05_gallery .item,
.TC05_gallery .slider .img span{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* 배너존 */
.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:1620px) {
	/* dge CI */
	.dgeCi{left: auto; right: 1rem;}

	/* 메인비주얼 */
	.TC05_visual .control > a.prev{left: -2.5rem;}
	.TC05_visual .control > a.next{right: -2.5rem;}
	.TC05_visual .control > a.play, .TC05_visual .control > a.stop{left: -2.5rem;}
}

@media (max-width:1440px) {
	.TC05_gallery{padding-left: 1rem;}
}

@media (max-width:1240px) {
	/* 메인비주얼 */
	.TC05_visual .item img{width:100%; height:auto; left:auto; transform: none; -webkit-transform: none;}
	.TC05_visual .control {position: absolute; left: 1rem; bottom: 0.5rem; text-align: center; }
	.TC05_visual .control > a{position: relative; top: auto; transform: none; -webkit-transform: none;}
	.TC05_visual .control > a img{width: 0.75rem; height: auto;}
	.TC05_visual .control > a.play, .TC05_visual .control > a.stop{top: auto; left: auto; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; margin: 0 0.25rem;}
	.TC05_visual .control > a.prev{left: auto;}
	.TC05_visual .control > a.next{right: auto;}
	.TC05_visual .control p{position: relative; top: auto; left: auto; font-size: 0.9rem; margin-bottom: 0.5rem; display: inline-block; margin-bottom: 0;}
	.TC05_visual .control p strong{width: 1.5rem; height: 1.5rem; line-height: 1.5rem; margin-right: 1rem;}
	.TC05_visual .control p strong::before{display: none;}
	.TC05_visual .control p strong:after{right: -0.5rem; height: 0.75rem;}

	/* 바로가기1 */
	.TC05_link01 ul{padding-left: 1rem;}
	.TC05_link01 li a p{padding: 0 0.5rem;}

	/* 바로가기2 */
	.TC05_link02 h3{font-size: 1.2rem;}

	/* 갤러리 */
	.TC05_gallery .titBox h2{font-size: 1.2rem;}
	.TC05_gallery::after {right: 1rem; width: 30%;}

	.TC05_gallery::before{bottom: -2rem; left: 0.5rem;}
	.TC05_gallery .slider{width: calc(100% + 1rem); margin-left: -0.5rem;}
	.TC05_gallery .slider .item{padding: 0 0.5rem;}
	.TC05_gallery .slider .item.slick-current .year{bottom: 4rem; right: -0.5rem;}

	/* 25.07.17 외부 동영상 추가 */
	/* 게시판 */
	.TC05_notice .titTab li a{line-height: 3rem;font-size: .85rem;}
	.TC05_notice .titTab li a.current{transform: translateY(0.75rem);-webkit-transform: translateY(0.75rem);padding-right: 2rem;}
	.TC05_notice .titTab li a.current::before {width:1rem;right: 0.8rem;}
	.TC05_notice .btn_more{width: 1.75rem; height: 1.75rem; line-height: 1.75rem; top: 0.6rem;}
	.TC05_notice .video_list li a div.img {height:9.25rem}
}

@media (max-width:1024px) {	
	/* 바로가기1 */
	.TC05_link01 li a{display: block; text-align: center;}
	.TC05_link01 li a .img{margin: 0 auto;}
	.TC05_link01 li a p{width: 100%; justify-content: center; margin-top: 0.5rem;}

	/* 25.07.17 외부 동영상 추가 */
	/* 게시판 */
	.TC05_notice .titTab li a{font-size: 1rem;}
	.TC05_notice .titTab li a.current{padding-right: 3rem;}
	.TC05_notice .titTab li a.current::before {width:1rem;right: 0.8rem;}
	.TC05_notice .video_list .control > a.prev {left:-0.5rem;}
	.TC05_notice .video_list .control > a.next {right:-0.5rem;}
}

@media (max-width:768px) {
	/* dge CI */
	.dgeCi img{ width:5rem; height:auto;}

	/* 바로가기1 */
	.TC05_link01{display: block;}
	.TC05_link01 ul{width: 100%; margin-top: 1.5rem; padding-left: 0;}
	.TC05_link01 .tit{display: none;}
	.TC05_link01 li a .img img{width: 2.5rem; height: auto;}

	/* 바로가기2 */
	.TC05_link02 h3{font-size: 1.1rem;}
	.TC05_link02 ul::before{top: 5.5rem;}
	.TC05_link02 ul li a{padding: 1.5rem 3rem 1.5rem 1.5rem;}

	/* 바로가기3 */
	.TC05_link03 div a{padding: 1rem 4rem 1rem 5.75rem;}

	/* 갤러리 */
	.TC05_gallery{padding-bottom: 2rem;}
	.TC05_gallery::before{display: none;}
	.TC05_gallery .titBox h2{font-size: 1.1rem;}
	.TC05_gallery .control{top: 2.25rem; right: 6.5rem;}
	.TC05_gallery .btn_more{top: 2.25rem; line-height: 2rem; padding-right: 2.5rem;}
	.TC05_gallery .slider{height: 17rem;}
	.TC05_gallery .slider.upSet .item:nth-of-type(odd), .TC05_gallery .slider:not(.upSet) .item:nth-of-type(even){margin-top: 1rem;}

	/* 배너존 */
	.banner_zone h2{display:none;}
	.banner_zone .bnWrap{width:calc(100% - 6.5rem);}
}

@media (max-width:540px) {
	.dgeCi{width: 15%; right: 2%; bottom: 2%;}
	.dgeCi img{width: 100%;}


	/* 바로가기1 */
	.TC05_link01 li a p{font-size: 0.8rem;}

	/* 공지사항 */
	.TC05_notice .list_box li{width: 100%; margin-top: 1rem;}
	.TC05_notice .list_box:not(.video_list) li:nth-of-type(n+3){display: none;}
	.TC05_notice .titTab ul{border-radius: 0.75rem;}
	.TC05_notice .titTab li + li{margin-left: 0;padding-left:0;max-width: fit-content;}
	.TC05_notice .titTab li + li:before{display: none;}
	.TC05_notice .titTab li a{font-size: 0.95rem;line-height: 2.5rem;}
	.TC05_notice .titTab li a::before{display: none;}
	.TC05_notice .titTab li a.current{padding-right: 1rem; border-radius: 0.75rem; transform: translateY(0); -webkit-transform: translateY(0);}
	.TC05_notice .list_box li strong{font-size: 0.85rem;}
	.TC05_notice .btn_more{top: 0.4rem;}

	/* 바로가기2 */
	.TC05_link02 h3{font-size: 1rem;}
	.TC05_link02 ul::before{top: 4.9rem;}
	.TC05_link02 ul li a{padding: 1.25rem 3rem 1.25rem 1.25rem;}
	.TC05_link02 ul li a p{font-size: 0.85rem;}

	/* 바로가기3 */
	.TC05_link03 div a{padding: 0.75rem 2.5rem 0.75rem 4.75rem;}
	.TC05_link03 div a::before{right: 1rem;}
	.TC05_link03 div .ico{width: 3rem; height: 3rem; top: calc(50% - 1.5rem); left: 1rem;}
	.TC05_link03 div .ico img{width: 2.25rem; height: 2.25rem;}
	.TC05_link03 div .txt{font-size: 0.85rem;}

	/* 갤러리 */
	.TC05_gallery{padding: 1.5rem 0 3.5rem 1rem;}
	.TC05_gallery .titBox{margin-right: 0;}
	.TC05_gallery .titBox h2{font-size: 1rem;}
	.TC05_gallery .no_data {line-height:15rem;}
	.TC05_gallery .slider{height: 15rem;}
	.TC05_gallery .slider .img{height: 9rem;}
	.TC05_gallery .slider .txt{margin-top: 1rem;}
	.TC05_gallery .slider .item.slick-current .year{width: 3rem; height: 3rem; line-height: 3rem; font-size: 1rem;}
	.TC05_gallery .control{top: auto; bottom: 1.5rem; right: auto; left: 1rem;}
	.TC05_gallery .btn_more{top: auto; bottom: 1.5rem;}
	
}


@media (max-width:460px) {

	/* 바로가기1 */
	.TC05_link01 ul{display: flex; flex-wrap: wrap; margin-top: 0.5rem;}
	.TC05_link01 li{display: block; width: 50%; margin: 0.5rem 0;}

	/* 바로가기2 */
	.TC05_link02 ul{display: block;}
	.TC05_link02 ul::before,.TC05_link02 ul::after{display: none;}
	.TC05_link02 ul li{width: 100%;}
	.TC05_link02 ul li + li{border-top: 1px dashed #ccc;}
	.TC05_link02 ul li a{padding: 0.5rem 3rem 0.5rem 1rem;}

	/* 갤러리 */
	.TC05_gallery .no_data {line-height:12.5rem;}
	.TC05_gallery .slider{height: 12.5rem;}
	.TC05_gallery .slider.upSet .item:nth-of-type(odd), .TC05_gallery .slider:not(.upSet) .item:nth-of-type(even){margin-top: 0;}
	.TC05_gallery .slider .item .year {width: 3rem; height: 3rem; line-height: 3rem; bottom: 4rem; right: -0.5rem; background: #f2004d; color: #fff; font-size: 1rem; font-weight: 600;}
	.TC05_gallery .slider .item .year::before{width: 4rem; height: 4rem; background: rgba(255,255,255,0.3); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); content: '';}

	.TC05_notice .titTab li {max-width:max-content;}
}

@media (max-width:380px) {
	.dgeCi{bottom: calc(2% + 2rem);}

	.TC05_visual{padding-bottom: 2rem;}
	.TC05_visual .control{left: 0; bottom: 0; width: 100%; text-align: right;}
	.TC05_visual .control p{position: absolute; left: 0; bottom: 0;}
}