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

/* 메인비주얼 */
.TC30_visual { position:relative; height:100%; font-size:0; } 
.TC30_visual .slider{ overflow:hidden; }
.TC30_visual .item{overflow:hidden; line-height:0; z-index:0 !important; }
.TC30_visual .item img{position:relative; width:100%; }
.TC30_visual .control { position:absolute; top:37%; left:50%; font-size:0; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.TC30_visual .dots { display:inline-block; vertical-align:middle; }
.TC30_visual .dots li { float:left; width:0.65rem; height:0.65rem; border-radius:0.65rem; background:#fff; margin-right:0.5rem; }
.TC30_visual .dots li.slick-active { width:2.75rem; background:#ffba00; } 
.TC30_visual .control a { position:relative; display:inline-block; width:1.8rem; height:1.8rem; background:#fff; border-radius:50%; vertical-align:middle; }
.TC30_visual .control a.play { display:none; }
.TC30_visual .control a i,
.TC30_visual .control a img { position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); color:#0064d5; font-size:1.2rem; }
 
/* 바로가기01 */
.TC30_link01 { position:relative; z-index:1; word-break:keep-all; } 
.TC30_link01 h2 { position:relative; display:inline-block; font-size:1.3rem; color:#111; font-weight:600; }
.TC30_link01 h2:after { content:""; position:absolute; right:-2.5rem; top:0; width:2.5rem; height:100%; background:url('/images/dgedu/template/TC30/main/tit_link01.png') no-repeat right center; }
.TC30_link01 h2 strong { font-weight:700;}
.TC30_link01 ul { display:flex; margin:1.5rem -1rem 0; justify-content:space-around; } 
.TC30_link01 ul li { flex:1; padding:0 1rem; max-width:50%; }
.TC30_link01 ul li a { position:relative; display:flex; flex-direction:column; justify-content:center; height:6.75rem; background:#fff; padding:1rem 2rem 1rem 10rem; box-shadow:0 0 13px rgba(0,0,0,0.2); border-radius: 1rem; } 
.TC30_link01 ul li a:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #0064d5; border-radius:1rem; opacity:0; }
.TC30_link01 ul li a img { position:absolute; left:2rem; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:7rem; height:4.5rem; }
.TC30_link01 ul li a p { font-size:0.9rem; font-weight:700; }
.TC30_link01 ul li a span { display:block; font-size:0.75rem; margin:0.6rem 0 0.2rem; color:#000; }
.TC30_link01 ul li a em { font-size:11px; font-weight:600; }
/** 바로가기01 : active **/ 
.TC30_link01 ul li a p,
.TC30_link01 ul li a:before { -webkit-transition:0.2s; transition:0.2s;}
.TC30_link01 ul li a:hover:before,
.TC30_link01 ul li a:focus:before { opacity:1; }
.TC30_link01 ul li a:hover p,
.TC30_link01 ul li a:focus p { color:#0064d5; } 
 
/* 배너존 */
.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:1440px) { 
	/* 바로가기01 */
	.TC30_link01 ul { margin:1.5rem -0.5rem 0; } 
	.TC30_link01 ul li { padding:0 0.5rem; }
	.TC30_link01 ul li a { padding-left:7.5rem; }
	.TC30_link01 ul li a img { left:1rem; width:6rem; height:auto; }
}

@media (max-width:1240px) { 
	/* dge CI */
	.dgeCi{ left:1rem; bottom:3rem;}  
} 
@media (max-width:900px) {

	/* 바로가기01 */
	.TC30_link01 ul { display:block; margin:0; }
	.TC30_link01 ul li { padding:0; margin-top:1rem; max-width:none; }
	.TC30_link01 ul li a { height:auto; min-height:6rem; }

}
@media (max-width:768px) {
	
	/* dge CI */
	.dgeCi{ left:1rem; bottom:1rem;}
	.dgeCi img{ width:5rem; height:auto;} 
	
	/* 비주얼 */
	.TC30_visual .control { top:auto; left:auto; right:1rem; bottom:1.5rem; z-index:2; -webkit-transform:none; transform:none; }
	.TC30_visual .control a { width:1.3rem; height:1.3rem; } 

	.TC30_link01 h2 { font-size:1rem; }
	
	/* 배너존 */
	.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%;}  
} 
@media (max-width:430px) {  
	/* 바로가기01 */
	.TC30_link01 ul li a { padding:1rem; text-align:center; }
	.TC30_link01 ul li a img { position:relative; left:auto; top:auto; display:block; margin:0 auto 0.5rem; -webkit-transform:none; transform:none; }
	

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