/* btn_more */
.btn_more{ position:absolute; width:2rem; height:2rem; border-radius:50%; background-repeat: no-repeat; background-position: center; transition: all .2s; -webkit-transition: all .2s;}
.btn_more:hover,
.btn_more:focus{ transform: rotate(90deg); -webkit-transform: rotate(90deg);}

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

/* dge CI */
.dgeCi{ position:absolute; left:calc(100% - 75rem); bottom:5rem; z-index: 1; text-align: right;}

/* ¸ÞÀκñÁÖ¾ó */
.TC09_visual { position:relative; height:100%; }
.TC09_visual::before{content: 'DAEGU METROPOLITAN OFFICE OF EDUCATION'; position: absolute; bottom: -3rem; left: calc(100% - 63rem); font-size: 1.25rem; font-family: 'Montserrat'; font-weight: 700; color: #eff6ff;}
.TC09_visual::after{display: block; content: ''; clear: both;}
.TC09_visual .slider{position: relative; height: 100%; width: 63rem; float: right;}
/*.TC09_visual .slider::before{width: 0.55rem; height: 6.45rem; background: url('/images/dgedu/template/TC09/main/img_visual_sc.png') no-repeat center / contain; position: absolute; top: calc(50% - 3.8rem); left: -2.4rem; content: '';}
.TC09_visual .slider::after{width: 0.8rem; height: 1.1rem; background: url('/images/dgedu/template/TC09/main/ico_visual_sc.png') no-repeat center / contain; position: absolute; top: calc(50% + 3rem); left: -2.55rem; animation: scroll 2s infinite; content: '';}*/
@keyframes scroll{
	0%{transform: none; -webkit-transform: none; opacity: 1;}
	100%{transform: translateY(0.5rem); -webkit-transform: translateY(0.5rem); opacity: 0;}
}
.TC09_visual .slick-list{border-bottom-left-radius: 2.5rem; overflow: hidden;}
.TC09_visual .item{overflow:hidden; line-height:0;}
.TC09_visual .item img{position:relative; width:auto; height:100%; right: 0;}
.TC09_visual .control{position:absolute; left:calc(100% - 58rem); bottom:11rem; z-index:1;}
.TC09_visual .control p { display:inline-block; color:#6f9ccd; font-size:1rem; font-family: 'Montserrat'; vertical-align: middle;}
.TC09_visual .control p strong {color:#004794; font-weight: 600; }
.TC09_visual .control p strong:after{ content:''; width: 0.65rem; height: 2px; display:inline-block; background: #7188ea; margin: 0 0.4rem;  vertical-align: middle;}
.TC09_visual .control p span{ font-weight: 400;}
.TC09_visual .control > a{position: relative; display: inline-block; font-size:.6rem; color:#004794; text-align:center; vertical-align:middle; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; font-weight: 700; }
.TC09_visual .control > a.prev, .TC09_visual .control > a.next{padding: 0 0.5rem;}
.TC09_visual .control > a.prev::before, .TC09_visual .control > a.next::before{width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #fff; position: absolute; top: calc(50% - 0.75rem); left: 0; z-index: -1; transition: background 0.3s; -webkit-transition: background 0.3s; content: '';}
.TC09_visual .control > a:hover.prev::before, .TC09_visual .control > a:hover.next::before{background: #a3bfe3;}
.TC09_visual .control > a.next::before{left: auto; right: 0;}
.TC09_visual .control > a.play{display:none;}
.TC09_visual .control > a.play,
.TC09_visual .control > a.stop{background: #164981; border-radius: 50%; color: #fff; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; margin-left: 0.5rem;}
.TC09_visual .control > a.play:hover,
.TC09_visual .control > a.play:focus,
.TC09_visual .control > a.stop:hover,
.TC09_visual .control > a.stop:focus{ background-color:#001a36;}

/* ¹Ù·Î°¡±â */
.TC09_link01 { position:relative; width:100%; height:100%; color: #fff; padding-top: 1.4rem;}
.TC09_link01 h2{position: relative; width: calc(100% - 4.6rem); font-weight: 600;}
.TC09_link01 h2::before{width: calc(100% + 1rem); height: 100%; background: #003773; border-radius: 2rem 2rem 2rem 0; position: absolute; left: -1rem; top: 0; z-index: 2; content: '';}
.TC09_link01 h2::after{display: block; width: 1.5rem; height: 1.5rem; background: #001a36; position: absolute; left: -0.7rem; bottom: -0.75rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); content: '';}
.TC09_link01 h2 span{position: relative; display: block; overflow: hidden; white-space: nowrap; color: #fff; font-size: 1.1rem; padding:0 1.5rem 0 2.5rem; line-height: 3.25rem; z-index: 2;}
.TC09_link01 h2 span::before{content: "\e936"; font-family: 'xeicon'; width: 1.3rem; height: 1.3rem; line-height: 1.4rem; border-radius: 50%; background: #fff; color: #003773; text-align: center; position: absolute; left: 0.7rem; top: 1rem;}
.TC09_link01 ul{position:relative; z-index: 2; padding-left: 2rem;}
.TC09_link01 ul li + li{border-top: 2px dotted #a3bfe3;}
.TC09_link01 ul li a{position: relative; display: block; padding: 1.5rem 0;}
.TC09_link01 ul li a::before{content: "\e93e"; font-family:'xeicon'; font-size: 0.7rem; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; background: #39669f; border-radius: 50%; position: absolute; color: #fff; top: 1.4rem; right: 0; transition: background 0.3s; -webkit-transition: background 0.3s;}
.TC09_link01 ul li .tit{position: relative; font-size: 0.9rem; font-weight: 600; line-height: 1.5rem; overflow: hidden; white-space: nowrap; margin-right: 2rem; margin-bottom: 1rem; transition: all 0.3s; -webkit-transition: all 0.3s;}
.TC09_link01 ul li .txt{padding-right: 5rem; font-size: 0.7rem; word-break: keep-all; height: 1.9rem; font-weight: 300; overflow: hidden;}
.TC09_link01 ul li .img{position: absolute; right: 0; bottom: 1rem;}
.TC09_link01 ul li .img img{width: 2.5rem; height: 2.75rem;}
/** ¹Ù·Î°¡±â :active **/
.TC09_link01 ul li a:hover .tit, .TC09_link01 ul li a:focus .tit{ text-shadow: 0.1rem 0.1rem #003773;}
.TC09_link01 ul li a:hover::before, .TC09_link01 ul li a:focus::before{background: #003773;}

/* �ٷΰ���2 */
/*250710*/
.TC09_link02 ul{position:relative; overflow: hidden;}
.TC09_link02 ul li{width: 32%;float: left;}
.TC09_link02 ul li + li{margin-left: 2%;}
.TC09_link02 ul li a{position: relative;display: block;padding: 1.5rem 1.5rem 0.5rem;background: #e4eeff;border-radius: 1.5rem;transition: all 0.3s;-webkit-transition: all 0.3s;}
.TC09_link02 ul li a::after{width: calc(100% - 4rem); height: 4px; background: url('/images/dgedu/template/TC09/main/ptrn_link2.png') repeat; position: absolute; left: 2rem; top: 3.5rem; content: '';}
.TC09_link02 ul li a::before{width: 1.6rem; height: 1.2rem; background: url('/images/dgedu/template/TC09/main/btn_link2.png') no-repeat center / contain; position: absolute; top: 1.5rem; right: 2.5rem; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; content: '';}
.TC09_link02 ul li .tit{position: relative;font-size: 0.77rem;/* overflow: hidden; */white-space: nowrap;/* margin-right: 2rem; */margin-bottom: 0.75rem;padding-bottom: 1rem;font-weight: 600;}
.TC09_link02 ul li .txt{padding-right: 2.1rem;font-size: 0.65rem;word-break: keep-all;height: 3rem;overflow: hidden;}
.TC09_link02 ul li .img{position: absolute;right: .7rem;bottom: 0.75rem;}
.TC09_link02 ul li .img img{width: 2.5rem;height: 2.1rem;}
/* �ٷΰ���2:active */
.TC09_link02 ul li a:hover, .TC09_link02 ul li a:focus{background: #478dff url('/images/dgedu/template/TC09/main/img_link2_bg.png') no-repeat left bottom; color: #e4eeff;}
.TC09_link02 ul li a:hover::before, .TC09_link02 ul li a:focus::before{opacity: 1;right: 1.3rem;}

/* �ٷΰ���3 */
/*250710*/
.TC09_link03 ul{display: table;table-layout: fixed;width: 100%;padding-left: 2rem;}
.TC09_link03 ul li{display: table-cell; width: 25%;}
.TC09_link03 ul li a{display: block; text-align: center;}
.TC09_link03 ul li .img{position: relative; width: 5.5rem; height: 5.5rem; border-radius: 50%; background: #f9f9f9; border: 2px dashed transparent; margin: 0 auto; transition: all 0.3s; -webkit-transition: all 0.3s;}
.TC09_link03 ul li .img img{width: 3.5rem; height: 3.25rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%  -50%); -webkit-transform: translate(-50%, -50%);}
.TC09_link03 ul li .txt{font-size: 0.9rem; font-weight: 600; margin-top: 1rem; line-height: 1; height: 1.8rem; overflow: hidden;}
/* ¹Ù·Î°¡±â3:active */
.TC09_link03 ul li a:hover .img, .TC09_link03 ul li a:focus .img{background: #effaff; border: 2px dashed #72d7ff;}

/* ¹è³ÊÁ¸ */
.banner_zone {line-height:1; border-top:1px solid #ccc; background: #fff;}
.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:1920px) {
	.dgeCi{left: 6rem;}

	/* ¸ÞÀκñÁÖ¾ó */
	.TC09_visual .control{left: 10rem;}
	.TC09_visual .slider{width: calc(100% - 5rem);}
	.TC09_visual::before{left: 6.5rem;}
}


@media (max-width:1720px) {
	.TC09_visual .item img{right: 3rem;}
	.TC09_visual .control{left: 7rem;}
}

@media (max-width:1440px) {
	/* ¸ÞÀκñÁÖ¾ó */
	.TC09_visual .slider{width: calc(100% - 3rem);}
	.TC09_visual .slider::before{left: -1.8rem;}
	.TC09_visual .slider::after{left: -1.9rem;}
	.TC09_visual .control{left: 5rem;}

}
@media (max-width:1240px) {
	.dgeCi{left: auto; right: 1rem; bottom: 13rem;}

	/* ¸ÞÀκñÁÖ¾ó */
	.TC09_visual .item img{right: auto; width: 110%; height: auto; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}   
	.TC09_visual .control{left: 5rem; bottom: 2rem;}
	.TC09_visual::before{bottom: -2rem; left: 3rem; font-size: 1rem;}

	/* ¹Ù·Î°¡±â1 */
	.TC09_link01 h2{width: auto; display: inline-block; position: absolute; top: -1.5rem;max-width: 100%;}
	.TC09_link01 ul{padding-left: 0; display: flex; flex-wrap: wrap;}
	.TC09_link01 ul li{position: relative; width: 33.333%; padding: 0 1rem;}
	.TC09_link01 ul li + li{border-top: 0;}
	.TC09_link01 ul li + li::before{width: 1px; height: calc(100% - 2rem); border-left: 2px dotted #a3bfe3; position: absolute; bottom: 1rem; left: 0; content: '';}
	.TC09_link01 ul li a {padding: 1.5rem 0;}
	.TC09_link01 ul li .txt{height: 3rem; padding-right: 3.5rem;}

	/* ¹Ù·Î°¡±â2 */
	.TC09_link03 ul{padding-left: 0;}
	.TC09_link02 ul li .img img{width: 3.2rem; height: auto;}
}


@media (max-width:768px) {
	.dgeCi img{ width:60%;}

	.TC09_visual .control{left: 4.5rem; bottom: 1rem;}

	/* ¹è³ÊÁ¸ */
	.banner_zone h2{display:none;}
	.banner_zone .bnWrap{width:calc(100% - 6.5rem);}

}

@media (max-width:670px) {
	/* ¹Ù·Î°¡±â1 */
	.TC09_link01{padding: 1rem 0 0.5rem;}
	.TC09_link01 h2 span{font-size: 1rem; line-height: 2.5rem; padding-left: 2.25rem;}
	.TC09_link01 h2 span::before{top: 0.75rem; width: 1.1rem; height: 1.1rem; line-height: 1.2rem; font-size: 0.8rem;}
	.TC09_link01 ul li{width: 100%;}
	.TC09_link01 ul li + li{border-top: 2px dotted #a3bfe3;}
	.TC09_link01 ul li + li::before{display: none;}
	.TC09_link01 ul li a::before{top: 1rem;}
	.TC09_link01 ul li a{padding: 1rem 0;}
	.TC09_link01 ul li .tit{margin-bottom: 0.75rem;}
	.TC09_link01 ul li .txt{height: auto; min-height: 2rem; padding-right: 2.5rem;}
	.TC09_link01 ul li .img{bottom: 0.5rem;}
	.TC09_link01 ul li .img img{width: 2rem; height: auto;}

    /*250710*/
    .TC09_link02 ul li {width:100%;}
    .TC09_link02 ul li + li {margin:.5rem 0 0 0;}
}

@media (max-width:580px) {
	.dgeCi{bottom: 20rem;}

	/* ¸ÞÀκñÁÖ¾ó */
	.TC09_visual .slider{width: 100%;}
	.TC09_visual .control{left: 1rem;}
	.TC09_visual::before{display: none;}


	/* ¹Ù·Î°¡±â2 */
	.TC09_link02 ul li a{padding: 1rem 1rem 0.5rem;}
	.TC09_link02 ul li a::after{width: calc(100% - 2rem); left: 1rem; top: 2.75rem;}
	.TC09_link02 ul li a::before{display: none;}
	.TC09_link02 ul li .tit{margin-right: 0;}
	.TC09_link02 ul li .txt{padding-right: 2.5rem;}
	.TC09_link02 ul li .img{right: 1rem; bottom: 0.5rem;}
	.TC09_link02 ul li .img img{width: 2.5rem;}
	

	/* ¹Ù·Î°¡±â3 */
	.TC09_link03 ul li .img{width: 5rem; height: 5rem;}
	.TC09_link03 ul li .img img{width: 2.75rem; height: auto;}
	.TC09_link03 ul li .txt{font-size: 0.8rem; height: 1.6rem;}
}
	

@media (max-width:420px) {
	/* ¸ÞÀκñÁÖ¾ó */
	.TC09_visual .control p{font-size: 0.8rem;}
	.TC09_visual .control > a{font-size: 0.5rem;}
	.TC09_visual .control > a.prev::before, .TC09_visual .control > a.next::before{width: 1rem; height: 1rem;}
	.TC09_visual .control > a.prev, .TC09_visual .control > a.next{padding: 0 0.25rem;}
	.TC09_visual .control > a.play, .TC09_visual .control > a.stop{margin-left: 0.25rem;}

	/* ¹Ù·Î°¡±â2 */
	.TC09_link02 ul li {width: 100%; margin-left: 0;}
	.TC09_link02 ul li + li{margin-left: 0; margin-top: 0.5rem;}
	.TC09_link02 ul li a{border-radius: 1rem;}
	.TC09_link02 ul li .txt{height: auto; min-height: 3rem;}

	/* ¹Ù·Î°¡±â3 */
	.TC09_link03 ul{display: block; overflow: hidden;}
	.TC09_link03 ul li{width: 50%; float: left; margin-top: 0.5rem;}
	
	/* dge CI */
	.dgeCi img{ width:40%;}

}