/* btn_more */
.btn_more {position: absolute; top: -0.75rem; right: 0; width: 2.5rem; height: 2.5rem; border-radius: .5rem; background: #1c9fe2;}
.btn_more:before {content: ""; position: absolute; top: 50%; left: 50%; width: .9rem; height: .9rem; background: url(/images/dgedu/template/TC24/main/btn_more.png)no-repeat center/100% 100%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all .15s; transition: all .15s;}
.btn_more:after {content: ""; position: absolute; top: .35rem; right: -.25rem; width: 50%; height: 50%; background: #215781; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: -1;}
.btn_more:hover:before {-webkit-transform: translate(-50%,-50%) rotate(180deg); transform: translate(-50%,-50%) rotate(180deg);}

/* common title */
h2.heading {position: relative; padding-top: 1.25rem; line-height: 1.25rem; font-size: 1.1rem; font-weight: 700; margin-right: 4rem; overflow: hidden; white-space:nowrap;}
h2.heading:before {content: ""; position: absolute; top: 0; left: 0; width: 1.25rem; height: .35rem; background: #00a7a1; border-radius: 0 .15rem .15rem 0;}

/* dge CI */
.dgeCi {position:absolute; top:5.5rem; left:50%; z-index:1; margin-left:calc(-35rem - 5.5rem); -webkit-transform:translateX(-50%); transform:translateX(-50%);}

/* 메인비주얼 */
.TC24_visual {position: relative; height: 100%;}
.TC24_visual .slider {overflow: hidden;}
.TC24_visual .item {line-height: 0; overflow: hidden;}
.TC24_visual .item img {position: relative; left: 50%; width: auto; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.TC24_visual .control {position: absolute; left: 50%; bottom: 10rem; margin-left:calc(-17.5rem - 3rem); line-height: 2.8rem; z-index: 1; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.TC24_visual .control > a {position: relative; display: inline-block; width: 2rem; height: 2rem; text-align: center; line-height: 2rem; vertical-align: middle; font-size: 1.1rem; color: #2862a9; background-color: #fff; border-radius: 50%; -webkit-transition: all .15s; transition: all .15s;}
.TC24_visual .control > a.play {display: none; color: #415b65;}
.TC24_visual .control > a.stop {background-image: url('/images/dgedu/template/TC24/main/btn_vis_stop.png'); background-repeat: no-repeat; background-position: center center;}
.TC24_visual .control p {display: inline-block; padding: 0 1rem; vertical-align: middle; font-family: 'Montserrat'; font-size: 1rem; color: #fff; font-weight: 400;}
.TC24_visual .control p strong {position: relative; padding-right: 1.5rem; font-weight: 600;}
.TC24_visual .control p strong:after {position: absolute; top: 50%; right: 0.25rem; width: 1rem; height: 2px; border-radius: 2px; background: #e4e4e4; content: "";}
.TC24_visual .progress_wrap {position: relative; display: inline-block; vertical-align: middle; width: 8rem; height: 5px; margin: 0 .25rem; border-radius: 1.25rem; background: #fff; overflow: hidden;}
.TC24_visual .progress {position: absolute; z-index: 2; display: block; width: 100%; height: 100%; top: 0; left: 0; background: #2862a9; border-radius: 0 1.25rem 1.25rem 0; -webkit-transition: width .4s ease-in-out; transition: width .4s ease-in-out;}
/** 메인비주얼 : active **/
.TC24_visual .control > a:hover,
.TC24_visual .control > a:focus {background-color: #2862a9; color: #fff;}
.TC24_visual .control > a.stop:hover,
.TC24_visual .control > a.stop:focus {background-image: url('/images/dgedu/template/TC24/main/btn_vis_stop_over.png');}

/* 바로가기1 */
.TC24_link01 {position: relative; width: 100%; height: 100%;}
.TC24_link01 ul {position: relative; display: table; table-layout: fixed; height: 100%;}
.TC24_link01 li {position: relative; display: table-cell; vertical-align: top;}
.TC24_link01 li:before {content: ""; position: absolute; top: 50%; right: 1.5rem; width: .5rem; height: .5rem; background: #ededed; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.TC24_link01 li:last-of-type:before {display: none;}
.TC24_link01 li a {display: table; width: 100%; height: 100%; table-layout: fixed; color: #222;}
.TC24_link01 li a span {display: inline-block; width: 5.25rem; height: 4.75rem; vertical-align: middle; box-shadow: 4px 4px 0 #ededed; background: #fff; border-width: 2px; border-style: solid; border-color: #8abfe9; border-radius: 1.25rem; overflow: hidden; text-align: center; line-height: calc(4.75rem - 8px);}
.TC24_link01 li a img {display: inline-block; width: 56px; height: 56px; vertical-align: middle;}
.TC24_link01 li a p {display: inline-block; width:calc(100% - 5.5rem); max-height:2.5rem; padding: 0 3rem 0 1rem; vertical-align: middle; word-break: break-all; font-size: 0.85rem; font-weight: 600; overflow: hidden;}
/** 바로가기1 : active **/
.TC24_link01 li a:hover,
.TC24_link01 li a:focus {-webkit-transform: translateY(-1rem); transform: translateY(-1rem);}
.TC24_link01 li a:hover span,
.TC24_link01 li a:focus span {background: #fffbec; border-color: #ffd11a; box-shadow: 4px 4px 0 #ffd11a;}
.TC24_link01 a,
.TC24_link01 a span {-webkit-transition: all .15s; transition: all .15s;}

/* 게시판 */
.TC24_notice {position: relative; height: 100%;}
.TC24_notice .titTab {position: relative; display: table; table-layout: fixed; width: 100%; height: 3.5rem; background: #e7f0f7; border-radius: 1.5rem 1.5rem .5rem .5rem;}
.TC24_notice .titTab ul {display: table-cell; vertical-align: middle; padding: 0 .5rem;}
.TC24_notice .titTab li {position: relative; display: inline-block; max-width: 17%; padding: 0 1rem; font-size: 1rem; line-height: 1.25rem; vertical-align: top;}
.TC24_notice .titTab li + li:before {content: ""; position: absolute; top: 50%; left: -.25rem; width: .3rem; height: .3rem; background: #acb8c2; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.TC24_notice .titTab li a {position: relative; display: block; font-weight: 600; color: #333; font-size: 1.1rem;}
.TC24_notice .titTab li a span {position: relative; display: block; white-space: nowrap; overflow: hidden;}
.TC24_notice .list_box {display: none; width: 100%;}
.TC24_notice .list_box ul {overflow: hidden; margin: 0 -1rem;}
.TC24_notice .list_box li {position: relative; width: 50%; float: left; padding: 0 1rem;}
.TC24_notice .list_box li:nth-of-type(n+5) {display: none;}
.TC24_notice .list_box li a {position: relative; display: block; height: 6.25rem; padding: 1.75rem 0 1.75rem 4.25rem; border-bottom: 1px dotted #9c9c9c;}
.TC24_notice .list_box li a:before { content: "\e90b"; position: absolute; bottom: 1rem; right: 1rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: #e6f1ff; color: #2862a9; font-size: 1.1rem; font-family: "xeicon"; text-indent: -.35rem; opacity: 0;}
.TC24_notice .list_box li [class^="notice_form"] {position: absolute; display: block; top: 50%; left: .5rem; width: 3rem; height: 3rem; border-radius: 50%; background: #31b6b1; text-align: center; line-height: 3rem; color: #fff; font-size: 0.8rem; font-weight: 700; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.TC24_notice .list_box li .notice_form2 {background: #1c9fe2;}
.TC24_notice .list_box li .notice_form3 {background: #f49b01;}
.TC24_notice .list_box li .notice_form4 {background: #425dc1;}
.TC24_notice .list_box li strong {display: block; font-weight: 600; font-size: 0.9rem; color: #111; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.TC24_notice .list_box li a.new strong:before { content: "N"; display: inline-block; margin-right: .25rem; background: #f35f65; border-radius: 50%; width: 1.25rem; height: 1.25rem; color: #fff; text-align: center; font-size: .6rem; line-height: 1.25rem; -webkit-transform: translateY(-2px); transform: translateY(-2px);}
.TC24_notice .list_box li span {display: block; margin-top: .35rem; color: #555; font-size: .8rem; font-family: 'Montserrat';  font-weight: 400;}
.TC24_notice .list_box li.no_data {width: 100%; line-height: 12.75rem; text-align: center;}
.TC24_notice .list_box li.no_data > p {border-bottom:1px dotted #9c9c9c;}
.TC24_notice .btn_more {right: 2rem;}
/* 게시판 : active */
.TC24_notice .titTab li a:hover,
.TC24_notice .titTab li a:focus,
.TC24_notice .titTab li a.current {font-weight: 700;}
.TC24_notice .list_box.on {display: block;}
.TC24_notice .list_box li a:hover .notice_form1,
.TC24_notice .list_box li a:focus .notice_form1 {box-shadow: 2px 2px 0 #097975;}
.TC24_notice .list_box li a:hover .notice_form2,
.TC24_notice .list_box li a:focus .notice_form2 {box-shadow: 2px 2px 0 #0a5d87;}
.TC24_notice .list_box li a:hover .notice_form3,
.TC24_notice .list_box li a:focus .notice_form3 {box-shadow: 2px 2px 0 #ca6900;}
.TC24_notice .list_box li a:hover .notice_form4,
.TC24_notice .list_box li a:focus .notice_form4 {box-shadow: 2px 2px 0 #001974;}
.TC24_notice .list_box li a:hover strong,
.TC24_notice .list_box li a:focus strong {text-decoration: underline;}
.TC24_notice .list_box a:hover:before,
.TC24_notice .list_box a:focus:before {right: 0; opacity: 1;}
.TC24_notice a,
.TC24_notice .list_box li a:before,
.TC24_notice .list_box li [class^="notice_form"] {-webkit-transition: all .15s; transition: all .15s;}

/* 팝업존 */
.TC24_pop {position: relative; width: 100%; height: 100%;}
.TC24_pop h2.heading {margin-right:11rem;}
.TC24_pop .slider {position: relative; height: 12.5rem; margin-top: 1rem; background: #e2edf8; border-radius: 2rem; box-shadow: 6px 6px 0 #d7dbdf; overflow: hidden;}
.TC24_pop .slider div,
.TC24_pop .slider .item {height: 100%;}
.TC24_pop .slider .item a {display: block; height: 100%; line-height: 0; text-align: center; overflow: hidden;}
.TC24_pop .slider .item img {position: relative; top: 50%; max-width: 100%; max-height: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.TC24_pop .control {position: absolute; top: .75rem; right: 0; padding: .75rem 1rem; text-align: center;}
.TC24_pop .control:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4.4rem; background: #00a7a1; border-radius: 1.5rem; z-index: -1;}
.TC24_pop .control p {display: inline-block; margin: 0 0.5rem; vertical-align: middle; color: #fff; font-family: 'Montserrat'; font-size: 0.85rem; font-weight: 200;}
.TC24_pop .control p strong {position: relative; padding-right: 1rem; font-size: 1rem; color: #fdff6d; font-weight: 700;}
.TC24_pop .control p strong:after {content: ""; position: absolute; top: 50%; right: 0.35rem; width: .35rem; height: .15rem; border-radius: .75rem; background: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.TC24_pop .control a {position: relative; display: inline-block; width: 1.3rem; height: 1.3rem; vertical-align: middle; overflow: hidden;}
.TC24_pop .control a:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/images/dgedu/template/TC24/main/ctrl_popup.png); background-size: 5.2rem 1.3rem; background-position: 0 0; background-repeat: no-repeat; -webkit-transition: all .15s; transition: all .15s;}
.TC24_pop .control > a.next:before {background-position: -1.3rem 0;}
.TC24_pop .control > a.play:before {background-position: -3.9rem 0;}
.TC24_pop .control > a.stop:before {background-position: -2.6rem 0;}
.TC24_pop .control .play {display: none;}
/** 팝업존 : active **/
.TC24_pop .control a.prev:hover:before,
.TC24_pop .control a.prev:focus:before {left: -2px;}
.TC24_pop .control a.next:hover:before,
.TC24_pop .control a.next:focus:before {left: 2px;}

/* 배너존 */
.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: 1750px) {
	/* dge CI */
	.dgeCi {top:1rem; left:1rem; -webkit-transform:translateX(0); transform:translateX(0); margin-left:0; }
}

@media (max-width: 1480px) {
	/* dge CI */
	.dgeCi {top:auto; bottom:1rem;}

	/* 메인비주얼 */
	.TC24_visual .item img {width:135%; height:auto;}
	.TC24_visual .control { bottom:7rem; left:1rem; margin-left:0; -webkit-transform:translate(0); transform:translate(0);}

}

@media (max-width: 1280px) {
	/* dge CI */
	.dgeCi {left:auto; right:1rem;}
	
	/* 바로가기1 */
	.TC24_link01 li:before {display:none;}
	.TC24_link01 li a span {width:5rem; height:4.5rem; border-radius:1rem;; line-height:calc(4.5rem - 8px);}
	.TC24_link01 li a p br {display:none;}
	.TC24_link01 li a p {padding-right:1rem;}
}

@media (max-width: 1024px) {
	/* common title */
	h2.heading {font-size:1.05rem;}
	
	/* 메인비주얼 */
	.TC24_visual .control {bottom:5rem;}
	
	/* 바로가기1 */
	.TC24_link01 ul {margin:-.5rem;}
	.TC24_link01 li {float:left; width:25%; padding:.5rem;}
	.TC24_link01 li a {text-align:center;}
	.TC24_link01 li a span {display:block; margin:auto;}
	.TC24_link01 li a p {display:block; width:100%; margin-top:.75rem; padding:0;}
	.TC24_link01 li a:hover, .TC24_link01 li a:focus{-webkit-transform:translateY(0); transform:translateY(0);}
	
	 /* 게시판 */
	.TC24_notice .titTab li a{font-size:1.05rem;}
}
@media (max-width: 950px) {
	/* common title */
	h2.heading {padding-top:.75rem;}
	h2.heading:before {width:1.15rem; height:.25rem;}
	
	/* 팝업존 */
	.TC24_pop .slider{ height:auto; margin-top:.5rem;}
	.TC24_pop .slider .item img{ top:auto; transform: none; -webkit-transform: none;}
	.TC24_pop .control{top:0;}
}
@media (max-width: 768px) {
	/* dge CI */
	.dgeCi img {width:5rem; height:auto;}
	
	/* common title */
	h2.heading {padding-top:.5rem; font-size:1rem;}
	h2.heading:before {width:1rem;}
	
	/* 메인비주얼 */
	.TC24_visual .control {bottom:4rem;}
	.TC24_visual .progress_wrap{display:none;}
	
    /* 게시판 */
    .TC24_notice .titTab {padding:.5rem 0 .5rem 1rem;}
    .TC24_notice .titTab ul {margin:-.25rem; padding:0 5rem 0 0; overflow:hidden;}
    .TC24_notice .titTab li {max-width:100%; padding:.25rem; }
    .TC24_notice .titTab li + li:before {width:.15rem; height:.15rem; left:-.15rem;}
    .TC24_notice .titTab li a {font-size:1rem;}
    .TC24_notice .list_box ul {margin:0 -.5rem;}
    .TC24_notice .list_box li {width:100%; padding:0 .5rem;}
    .TC24_notice .list_box li a {height:4.5rem; padding:1rem 0 1rem 3.75rem;}
    .TC24_notice .list_box li a:before {display:none;}
	.TC24_notice .list_box li [class^="notice_form"] {left:0;}
	.TC24_notice .list_box li.no_data {line-height:9.75rem;}
	.TC24_notice .list_box li.no_data {border-radius:1.5rem;}
    .TC24_notice .btn_more {right:1.25rem;}
	
	/* 배너존 */
	.banner_zone h2 {display: none;}
	.banner_zone .bnWrap {width: calc(100% - 6.5rem);}
}
@media (max-width: 640px) {
	/* dge CI */
	.dgeCi img {width:4rem;}
	
	/* 메인비주얼 */
	.TC24_visual .control {bottom:3rem;}
	.TC24_visual .control > a {width:1.5rem; height:1.5rem; line-height:1.5rem;}
	
	/* 바로가기1 */
	.TC24_link01 li a span {width:4.25rem; height:4rem;}
	.TC24_link01 li a img {width:2.5rem; height:2.5rem;}
}

@media (max-width: 540px) {
	/* dge CI */
	.dgeCi {bottom:0; right:.5rem;}
	
	/* 메인비주얼 */
	.TC24_visual .control {bottom:2.5rem;}
}

@media (max-width: 480px) {
	
	/* 메인비주얼 */
	.TC24_visual .control {bottom:1.75rem;}
	
	/* 바로가기1 */
	.TC24_link01 ul {margin:-.25rem;}
	.TC24_link01 li {width:50%; padding:.25rem;}
	.TC24_link01 li a {text-align:left;}
	.TC24_link01 li a span {display:inline-block; width:4rem; height:3.75rem; line-height:calc(3.75rem - 8px);}
	.TC24_link01 li a img {width:2.25rem; height:2.25rem;}
	.TC24_link01 li a p {display:inline-block; width:calc(100% - 4.25rem); margin:0; padding-left:.5rem;}
}

@media (max-width: 400px) {
	/* dge CI */
	.dgeCi img {width:3.5rem;}
	
	/* 메인비주얼 */
	.TC24_visual .control {bottom:1rem;}
	.TC24_visual .control p {display:none;}
	
	/* 바로가기1 */
	.TC24_link01 li {width:100%;}
	.TC24_link01 li a span {width:3rem; height:2.75rem; line-height:calc(2.75rem - 8px); border-radius:.75rem;}
	.TC24_link01 li a img {width:1.75rem; height:1.75rem;}
	.TC24_link01 li a p {width:calc(100% - 3.25rem); max-height:2.25rem; font-size:.8rem;}
	
	 /* 게시판 */
	 .TC24_notice .titTab ul {padding-right:3rem;}
     .TC24_notice .btn_more {right:.5rem; width:2rem; height:2rem;}
     .TC24_notice .btn_more:after {display:none;}
}

@media (max-width: 350px) {
	/* dge CI */
	.dgeCi img {width:3rem;}
}