/* btn_more */
.btn_more {position: absolute; top: 0.4rem; right: 0; display: inline-block; padding-right: 2.25rem; line-height: 1; font-size: 0.9rem; font-weight: 400; color: #222; z-index: 1;}
.btn_more:before {position: absolute; top: 50%; right: 0; width: 1.6rem; height: 1.6rem; background: #ddddf4; border-radius: 50%; content: ""; z-index: -1; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.25s 0.1s; -webkit-transition: all 0.25s 0.1s;}
.btn_more:after {position: absolute; top: 50%; right: 1rem; width: 1rem; height: 2px; background: #222; content: ""; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.25s 0.1s; -webkit-transition: all 0.25s 0.1s;}
.btn_more:hover,
.btn_more:focus {color: #4242c3;}
.btn_more:hover:after,
.btn_more:focus:after {right: 0.3rem;}

/* common title */
h2.heading {margin-bottom: 1.5rem; line-height: 1.3rem; font-size: 1.1rem; font-weight: 700; color: #333;}

/* dge CI */
.dgeCi {position: absolute; bottom: 1rem; right: -10rem; z-index: 1;}

/* 메인비주얼 */
.TC08_visual {position: relative; height: 100%; z-index: 1;}
.TC08_visual .slider {border-radius: 4rem; box-shadow: 0 0 7px rgba(74,125,177,0.2); overflow: hidden;}
.TC08_visual .item {line-height: 0; overflow: hidden;}
.TC08_visual .item img {max-width: 100%;}
.TC08_visual .control {position: absolute; left: -4.25rem; bottom: 2rem; width: 2.5rem; text-align: center; z-index: 1;}
.TC08_visual .control > a {position: relative; display: inline-block; margin-top: 0.75rem; width: 2.5rem; height: 2.5rem; line-height: 2.3rem; text-align: center; vertical-align: bottom; font-size: 1rem; color: #222; background-color: #fff; border: 2px solid #8dc0e0; border-radius: 50%; -webkit-transition: all .15s; -ms-transition: all .15s; transition: all .15s;}
.TC08_visual .control > a.play {display: none;}
.TC08_visual .control > a.stop {background-image: url('/images/dgedu/template/TC08/main/btn_vis_stop.png'); background-repeat: no-repeat; background-position: center center;}
.TC08_visual .control > a:hover,
.TC08_visual .control > a:focus {border-color: #169bd3;}
.TC08_visual .control p {display: inline-block; line-height: 1; font-size: 1.2rem; color: #222;}
.TC08_visual .control p strong {position: relative; padding-bottom: 1.75rem; display: block; font-weight: 600; color: #18a5ff;}
.TC08_visual .control p strong:after {position: absolute; top: 50%; left: 50%; width: 1px; height: 1rem; background: #b0c7e2; transform: rotate(30deg); -webkit-transform: rotate(30deg); content:"";}

/* 바로가기1 */
.TC08_link01 {position: relative; width: 100%; height: 100%;}
.TC08_link01 ul {position: relative; display: flex; flex-wrap: wrap; height: 100%; overflow: hidden;}
.TC08_link01 li {width: calc(50% - 0.5rem); height: 100%;}
.TC08_link01 li + li {margin-left: 1rem;}
.TC08_link01 li a {display: flex; padding: 1.5rem; width: 100%; height: 100%; align-items: center; color: #fff; background: rgba(66,66,195,0.8); border-radius: 1.5rem; overflow: hidden;}
.TC08_link01 li a span {position: relative; display: flex; margin-right: 1rem;  width: 4.5rem; height: 4.5rem; align-items: center; justify-content: center; background: #fff; border-radius: 50%; overflow: hidden; transform: rotateY(0) translateY(0); -webkit-transform: rotateY(0) translateY(0);}
.TC08_link01 li a img {max-width: 100%;}
.TC08_link01 li a p {width: calc(100% - 5.5rem); max-height: 100%; word-break: break-all; font-size: 0.75rem; font-weight: 400; overflow: hidden;}
.TC08_link01 li a p strong {display: block; margin-bottom: 0.75rem; font-size: 1.1rem; font-weight: 400;}
.TC08_link01 li a p strong em {font-weight: 600;}
/** 바로가기1 :active **/
.TC08_link01 li a:hover span,
.TC08_link01 li a:focus span {transform: rotateY(-180deg) translateY(-5px); -webkit-transform: rotateY(-180deg) translateY(-5px);}
.TC08_link01 a,
.TC08_link01 a span,
.TC08_link01 a img,
.TC08_link01 :before {-webkit-transition: all .15s; -ms-transition: all .25s; transition: all .25s;}

/* 특성화고찾기 */
.TC08_map {position: relative; padding: 2rem; width: 100%; height: 100%; font-size: 0.8rem; color: #fff; background: #477fc7; border-radius: 1.75rem; box-shadow: 3px 3px 3px rgba(0,0,0,0.2); overflow: hidden;}
.TC08_map .titTab {float: left; max-width: 11rem;}
.TC08_map .titBox {margin-bottom: 1.75rem; width: calc(100% - -3.5rem);}
.TC08_map .titBox h2.heading {margin-bottom: 0.75rem;line-height: 1.5rem;color: #fff;max-width: 270px;}
.TC08_map .titBox h2.heading:before {margin-right: 0.25rem; font-family: 'xeicon'; content: "\eb59";}
.TC08_map .titBox p {letter-spacing: -0.05rem;}
.TC08_map .titTab ul {font-size: 0;}
.TC08_map .titTab li {display: inline-block; margin-bottom: 0.5rem; width: calc(50% - 0.25rem);}
.TC08_map .titTab li:nth-of-type(2n) {margin-left: 0.5rem;}
.TC08_map .titTab li a {position: relative; display: block; padding: 0 0.5rem; height: 2rem; line-height: calc(2rem - 4px); font-size: 0.8rem; border: 2px solid rgba(255,255,255,0.5); border-radius: 1rem; -webkit-transition: all .15s; -ms-transition: all .15s; transition: all .15s;}
.TC08_map .titTab li a:before {margin-right: 0.35rem; font-family: 'xeicon'; content: "\eb59";}
.TC08_map .tabWrap {float: right; margin-top: -0.65rem; margin-left: 1rem; width: calc(100% - 12rem); height: calc(100% + 1.3rem);}
.TC08_map .tabMap {width: 100%; height: 100%;}
.TC08_map .map {display: none; width: 100%;}
.TC08_map .map img {max-width: 100%;}
.TC08_map .tabSpot {position: absolute; top: 50%; right: 2rem; width: calc(100% - 14rem); height: calc(100% - 4rem); transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.TC08_map .spot {position: absolute; font-size: 0.65rem; font-weight: 600; color: #444;}
.TC08_map .spot.map1 {top: 6.7rem;left: 4.6rem;}
.TC08_map .spot.map1.twins {top: 12rem;left: 5.5rem;}
.TC08_map .spot.map2 {top: 8rem;left: 6.6rem;}
.TC08_map .spot.map3 {top: 8.1rem;left: 10.5rem;}
.TC08_map .spot.map4 {top: 6.8rem;left: 7.8rem;}
.TC08_map .spot.map5 {top: 7.2rem;left: 9rem;}
.TC08_map .spot.map6 {top: 8.2rem;left: 8.9rem;}
.TC08_map .spot.map7 {top: 5.2rem;left: 8.4rem;}
.TC08_map .spot.map8 {top: 4.3rem;left: 11.3rem;}
.TC08_map .spot.map9 {top: 1.3rem;left: 10.3rem;}
.TC08_map .spot a {position: relative;}
.TC08_map .spot a:before {position: absolute; top: -1rem; left: 0; display: none; width: 100%; text-align: center; font-family: 'xeicon'; font-size: 0.9rem; content: "\eb59";}
/* 특성화고찾기 :active */
.TC08_map .titTab li a:hover,
.TC08_map .titTab li a:focus,
.TC08_map .titTab li a.current {font-weight: 600; background: #002e60; border-color: #002e60;}
.TC08_map .map.on {display: block;}
.TC08_map .spot.on {position: absolute; color: #444;}
.TC08_map .spot.on a {font-weight: 600; color: #fff;}
.TC08_map .spot.on a:before {display: block;}
.TC08_map .spot a:hover,
.TC08_map .spot a:focus {text-decoration: underline;}
.TC08_map a,
.TC08_map :before,
.TC08_map :after {-webkit-transition: all .15s; -ms-transition: all .15s; transition: all .15s;}

/* 게시판 */
.TC08_notice {position: relative; height: 100%;}
.TC08_notice .titTab {position: relative; margin-bottom: 1rem; padding-right: 5.5rem;}
.TC08_notice .titTab ul {font-size: 0;}
.TC08_notice .titTab li {position: relative;display: inline-block;margin-right: 2rem;/* max-width: 25%; */line-height: 1.25rem;font-size: 1.1rem;}
.TC08_notice .titTab li:last-child {margin-right: 0;}
.TC08_notice .titTab li:before {position: absolute; top: 0.5rem; right: -1rem; width: 1px; height: 0.75rem; background: #d4d4d4; content: ""; transform: rotate(25deg); -webkit-transform: rotate(25deg);}
.TC08_notice .titTab li:last-child:before {display: none;}
.TC08_notice .titTab li a {position: relative;display: block;padding: 0.25rem 0;font-weight: 400;color: #999;letter-spacing: -1px;font-size: 1rem;}
.TC08_notice .titTab li a:before {position: absolute; bottom: 0; left: 0; width: 0; height: 0.6rem; background: #4242c3; border-radius: 0.5rem; opacity: 0; content: "";}
.TC08_notice .titTab li a:after {position: absolute; top: 0; left: 0; margin-left: -3px; width: 5px; height: 5px; background: #4242c3; border-radius: 50%; opacity: 0; content: "";}
.TC08_notice .titTab li a span {position: relative; display: block; white-space: nowrap; overflow: hidden;}
.TC08_notice .list_box {display: none; padding: 1rem 1.75rem; width: 100%; border: 1px solid #dfdfdf; border-radius: 2rem;}
.TC08_notice .list_box ul {overflow: hidden; }
.TC08_notice .list_box li {position: relative; width: 100%; padding-left: 0.75rem;}
.TC08_notice .list_box li:before {position: absolute; top: 1.25rem; left: 0; display: inline-block; width: 5px; height: 5px; background: #ccc; border-radius: 50%; content:"";}
.TC08_notice .list_box li + li {border-top: 1px dashed #dfdfdf;}
.TC08_notice .list_box li:nth-of-type(n+6) {display: none;}
.TC08_notice .list_box li a {position: relative; display: block; padding-right: 5rem; height: 2.7rem; line-height: 2.7rem; font-size: 0.8rem; font-weight: 600; color: #222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.TC08_notice .list_box li a.new:before{display: inline-block; margin-right: 0.5rem; width: 1.4rem; height: 1.4rem; line-height: 1.4rem; text-align: center; color: #fff; font-size: 0.8rem; background: #4242c3; border-radius: 50%; content:"N"; float:left; margin-top:0.6rem;}
.TC08_notice .list_box li span {position: absolute; top: 0; right: 0; display: inline-block; width: 5rem; text-align: center; font-weight: 300; color: #999;}
.TC08_notice .list_box li.no_data {text-align: center; line-height: 13.5rem;}
.TC08_notice .list_box li.no_data:before {display: none;}
/* 게시판 :active */
.TC08_notice .titTab li a:hover,
.TC08_notice .titTab li a:focus,
.TC08_notice .titTab li a.current {font-weight: 700; color: #4242c3;}
.TC08_notice .titTab li a:hover:before,
.TC08_notice .titTab li a:focus:before,
.TC08_notice .titTab li a.current:before {width: 100%; opacity: 0.2;}
.TC08_notice .titTab li a:hover:after,
.TC08_notice .titTab li a:focus:after,
.TC08_notice .titTab li a.current:after {left: 50%; opacity: 1;}
.TC08_notice .list_box.on {display: block;}
.TC08_notice .list_box a:hover,
.TC08_notice .list_box a:focus {font-weight: 600; color: #4242c3;}
.TC08_notice .list_box a:hover strong,
.TC08_notice .list_box a:focus strong {color: #004794;}
.TC08_notice a,
.TC08_notice :before{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* 바로가기2 */
.TC08_link02 {position: relative; width: 100%; height: 100%;}
.TC08_link02 ul {position: relative; display: flex; flex-wrap: wrap; padding: 2rem 0; height: 100%; overflow: hidden;}
.TC08_link02 li {width: calc(100% / 6); height: 100%;}
.TC08_link02 li a {display: flex; width: 100%; height: 100%; align-items: center; color: #333;}
.TC08_link02 li a span {position: relative; display: flex; margin-right: 0.75rem;  width: 4rem; height: 4rem; align-items: center; justify-content: center; background: #f2f1f7; border: 2px dotted #cac3ef; border-radius: 50%; overflow: hidden;}
.TC08_link02 li a img {position: relative; width: 50px; height: 50px;}
.TC08_link02 li a p {width: calc(100% - 5rem); max-height: 100%; word-break: break-all; font-size: 0.85rem; font-weight: 600; overflow: hidden;}
/** 바로가기2 :active **/
.TC08_link02 li a:hover span,
.TC08_link02 li a:focus span {background: rgba(71,127,199,0.2); border-color: #477fc7;}
.TC08_link02 li a:hover img,
.TC08_link02 li a:focus img {transform: translateY(-5px); -webkit-transform: translateY(-5px);}
.TC08_link02 li a:hover p,
.TC08_link02 li a:focus p {font-weight: 600; color: #4242c3;}
.TC08_link02 a,
.TC08_link02 a img,
.TC08_link02 a span,
.TC08_link02 :before {-webkit-transition: all .15s; -ms-transition: all .15s; transition: all .15s;}

/* 채용정보 */
.TC08_emplo01 {position: relative; width: 100%; height: calc(100% - 2.8rem);}
.TC08_emplo01 ul {position: relative; display: flex; flex-wrap: wrap; height: 100%; overflow: hidden;}
.TC08_emplo01 li {width: calc(100% / 4); height: 100%;}
.TC08_emplo01 li a {display: block; width: 100%; height: 100%; text-align: center; font-size: 0.7rem; font-weight: 400; color: #222;}
.TC08_emplo01 li a span {display: flex; margin: 0 auto; width: 5rem; height: 5rem; align-items: center; justify-content: center; background: #fff; border-radius: 50%; overflow: hidden;}
.TC08_emplo01 li a img {max-width: 100%;}
.TC08_emplo01 li a strong {display: block; margin-top: 0.75rem; max-height: 1.25rem; font-size: 0.9rem; font-weight: 600; overflow: hidden;}
.TC08_emplo01 li a p {margin-top: 0.75rem; max-height: 2.25rem; word-break: keep-all; overflow: hidden;}
/** 채용정보 :active **/
.TC08_emplo01 li a:hover,
.TC08_emplo01 li a:focus {font-weight: 600;}
.TC08_emplo01 li a:hover span,
.TC08_emplo01 li a:focus span {border: 2px solid #7168c5;}
.TC08_emplo01 li a:hover img,
.TC08_emplo01 li a:focus img {transform: translateY(-5px); -webkit-transform: translateY(-5px);}
.TC08_emplo01 a,
.TC08_emplo01 a span,
.TC08_emplo01 a span img,
.TC08_emplo01 :before {-webkit-transition: all .15s; -ms-transition: all .15s; transition: all .15s;}

/* 채용공고 */
.TC08_emplo02 {position: relative; width: 100%; height: calc(100% - 2.8rem);}
.TC08_emplo02 ul {padding: 5px 0; background: url("/images/dgedu/template/TC08/main/pttrn01.png") repeat left top; overflow: hidden;}
.TC08_emplo02 li {position: relative; background: #f2f2ff;}
.TC08_emplo02 li + li {border-top: 1px dashed #dfdfdf;}
.TC08_emplo02 li:nth-of-type(n+4) {display: none;}
.TC08_emplo02 li a {position: relative; display: block; padding-left: 5.25rem; height: 3rem; line-height: 3rem; font-size: 0.8rem; font-weight: 600; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.TC08_emplo02 li span {position: absolute; top: 50%; left: 0; display: inline-block; width: 4.5rem; height: 1.8rem; line-height: 1.8rem; text-align: center; font-weight: 600; color: #fff; background: #7168c5; border-radius: 1rem; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.TC08_emplo02 li.no_data {text-align: center; line-height: 9.5rem;}
/** 채용공고 :active **/
.TC08_emplo02 li a:hover,
.TC08_emplo02 li a:focus {font-weight: 600;}

/* 갤러리 */
.TC08_gallery {position: relative; width: 100%; height: 100%;}
.TC08_gallery .list_box {height: calc(100% - 2.8rem);}
.TC08_gallery .list_box ul {width: 100%; height: 100%; overflow: hidden;}
.TC08_gallery .list_box li {float: left; width: calc(25% - 1.5rem); height: 100%;}
.TC08_gallery .list_box li + li {margin-left: 2rem;}
.TC08_gallery .list_box li:nth-of-type(n+5) {display: none;}
.TC08_gallery .list_box li a {position: relative; display: block; width: 100%; height: 100%; border-radius: 1rem; overflow: hidden;}
.TC08_gallery .list_box li a .img{ position:relative; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.1);}
.TC08_gallery .list_box li a .img img{ position:relative; left:50%; width:auto; height:100%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.TC08_gallery .list_box li a strong {position: absolute; bottom: 0; left: 0; padding: 0 1rem; width: 100%; height: 2.5rem; line-height: 2.5rem; font-size: 0.8rem; font-weight: 300; color: #fff; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,0.7); overflow: hidden;}
.TC08_gallery .list_box li.no_data {width: 100%; line-height: 12.5rem; text-align: center; background:#f7f7f7; border-radius:1.5rem;}
/** 갤러리 :active **/
.TC08_gallery .list_box li a:hover,
.TC08_gallery .list_box li a:focus {background-size: 110%;}
.TC08_gallery a {-webkit-transition: all .25s; -ms-transition: all .25s; transition: all .25s;}

/* 배너존 */
.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: 1820px) {
	/* dge CI */
	.dgeCi {bottom: 2rem; right: 50%; margin-right: -32rem;}
}

@media (max-width: 1600px) {
	/* 메인비주얼 */
	.TC08_visual .control {left: 0; bottom: -3rem; width: 100%;}
	.TC08_visual .control > a {margin-top: 0;}
	.TC08_visual .control p {display: inline-block; margin-right: 0.5rem; line-height: 2.5rem;}
	.TC08_visual .control p strong {display: inline-block; padding-right: 2rem; padding-bottom: 0;}
	.TC08_visual .control p strong:after {top: 50%; left: 60%; margin-top: -0.5rem;}
}

@media (max-width: 1440px) {
	/* dge CI */
	.dgeCi {right: 2rem; margin-right: 0;}

	/* 메인비주얼 */
	.TC08_visual .slider {border-radius: 2rem;}

	/* 게시판 */
	.TC08_notice .titTab li {margin-right: 1.5rem; font-size: 1rem;}
	.TC08_notice .titTab li:before {right: -0.75rem;}
}

@media (max-width: 1280px) {
	/* common title */
	h2.heading {font-size: 1rem;}

	/* 메인비주얼 */
	.TC08_visual .slider {border-radius: 1rem;}
	.TC08_visual .control {bottom: -2.75rem;}
	.TC08_visual .control > a {width: 2rem; height: 2rem; line-height: 1.8rem; border-width: 1px;}
	.TC08_visual .control p {line-height: 2rem; font-size: 1rem;}

	/* 특성화고찾기 */
	.TC08_map .titTab {max-width: 100%;}
	.TC08_map .tabWrap {display: none;}
	.TC08_map .titBox h2.heading:before {    display: block;    margin-top: -20px;}
	.TC08_map .titBox h2.heading {    letter-spacing: -0.14rem;}
	.TC08_map .titTab ul {/* margin-top:10px; */}

	/* 바로가기2 */
	.TC08_link02 li {text-align: center;}
	.TC08_link02 li a {flex-direction: column;}
	.TC08_link02 li a span {margin-right: 0; margin-bottom: 0.5rem;}
	.TC08_link02 li a p {width: 100%; font-size: 0.9rem;}

	/* 갤러리 */
	.TC08_gallery .list_box li {width: calc(33.33% - 1.4rem);}
	.TC08_gallery .list_box li:nth-of-type(n+4) {display: none;}
}

@media (max-width: 1024px) {	
	/* 특성화고찾기 */
	.TC08_map {padding: 2rem 1rem;}

	.TC08_map .titBox h2.heading {
    letter-spacing: -0.14rem;
}

	/* 게시판 */
	.TC08_notice .titTab li {margin-right: 1rem; font-size: 0.9rem;}
	.TC08_notice .titTab li:before {right: -0.5rem;}

	/* 바로가기1 */
	.TC08_link01 li a span {width: 4rem; height: 4rem;}
	.TC08_link01 li a p {width: calc(100% - 5rem);}

	/* 채용정보 */
	.TC08_emplo01 li a span {width: 4rem; height: 4rem;}
	.TC08_emplo01 li a strong {margin-top: 0.5rem;}
	.TC08_emplo01 li a p {margin-top: 0.5rem; max-height: 3rem;}
}

@media (max-width: 768px) {
	/* btn_more */
	.btn_more {font-size: 0.8rem;}

	/* dge CI */
	.dgeCi {right: 1rem; bottom: 1rem;}
	.dgeCi img {max-width: 5rem;}

	/* 메인비주얼 */
	.TC08_visual .control {bottom: -2.5rem;}
	.TC08_visual .control > a {width: 1.75rem; height: 1.75rem; line-height: 1.6rem;}
	.TC08_visual .control p {line-height: 1.75rem; font-size: 0.9rem;}

	/* 바로가기1 */
	.TC08_link01 li {width: 100%; height: 100%;}
	.TC08_link01 li + li {margin-top: 1rem; margin-left: 0;}
	.TC08_link01 li a p strong {font-size: 1rem;}

	/* 특성화고찾기 */
	.TC08_map {padding: 1.5rem;}
	.TC08_map .titBox h2.heading {margin-bottom: 0.25rem;letter-spacing: 0;}
	.TC08_map .titBox {margin-bottom: 1.25rem;}
	.TC08_map .titBox h2.heading:before {    display: inline-block;    margin-top:20px;}

	/* 게시판 */
	.TC08_notice .titTab li {/* max-width: calc(50%); */}
	.TC08_notice .list_box {padding: 1rem 1.5rem; border-radius: 1.5rem;}

	/* 바로가기3 */
	.TC08_link02 li {width: calc(100% / 3);}
	.TC08_link02 li:nth-of-type(n+4) {margin-top: 1rem;}

	/* 갤러리 */
	.TC08_gallery .list_box li {width: calc(50% - 0.5rem);}
	.TC08_gallery .list_box li + li {margin-left: 1rem;}
	.TC08_gallery .list_box li:nth-of-type(n+3) {display: none;}

	/* 배너존 */
	.banner_zone h2 {display:none;}
	.banner_zone .bnWrap {width:calc(100% - 6.5rem);}
}

@media (max-width: 540px) {
	/* dge CI */
	.dgeCi img {max-width: 3rem;}
}

@media (max-width: 420px) {
	/* 게시판 */
	.TC08_notice .titTab li {max-width: calc(100% - 2rem);}
	.TC08_notice .list_box li:before {top: 1rem;}
	.TC08_notice .list_box li a {padding: 0.5rem 0; height: auto; line-height: 1.6; white-space: normal; text-overflow: inherit;}
	.TC08_notice .list_box li span {position: relative; top: auto; right: auto; display: block; width: 100%; text-align: right;}

	/* 갤러리 */
	.TC08_gallery .list_box li {width: 100%;}
	.TC08_gallery .list_box li:nth-of-type(n+2) {display: none;}
}

@media (max-width: 360px) {
	/* dge CI */
	.dgeCi {right: 0.5rem; bottom: 0.5rem;}

	/* 바로가기1 */
	.TC08_link01 li a {display: block; padding: 1.25rem; text-align: center;}
	.TC08_link01 li a span {display: inline-block; margin: 0 auto; width: 3.5rem; height: 3.5rem;}
	.TC08_link01 li a p {margin-top: 0.5rem; width: 100%;}
	.TC08_link01 li a p strong {margin-bottom: 0.5rem;}

	/* 특성화고찾기 */
	.TC08_map {padding: 1.25rem;}

	/* 게시판 */
	.TC08_notice .list_box {padding: 1rem 1.25rem;}

	/* 채용정보 */
	.TC08_emplo01 li {width: calc(100% / 2);}
	.TC08_emplo01 li:nth-of-type(n+3) {margin-top: 1rem;}
	.TC08_emplo01 li a span {width: 3.5rem; height: 3.5rem;}
}


