﻿/* dge CI */
.dgeCi{ position:absolute; left:-6.5rem; bottom:0rem; z-index: 1;}

/* 바로가기 공통 */
.sc_link{width: 100%; height: 100%; position: relative; border: 1px solid; padding: 2.1rem 10% 0; border-radius: 1rem; background: url(/images/dgedu/template/TC07/main/link_bg.png) repeat center center; }
.sc_link .tit{display: inline-block; position: absolute; top: -1.4rem; left: -1px; line-height: 2.8rem; border-radius: 1.5rem 1.5rem 1.5rem 0; font-size: 1.15rem; font-weight: 700; padding: 0 2rem; color: #fff;}
.sc_link ul{display: flex; margin: 0 -0.5rem;}
/* .sc_link ul li:not(:first-child){margin-left: auto;} */
.sc_link ul li a{display: flex; flex-direction: column; align-items: center; text-align: center; margin: 0 0.5rem;}
.sc_link ul li a .img {height: 4.9rem;  border-radius: 1rem; position: relative; display: flex; align-items: center; justify-content: center; line-height: 0; margin-bottom: 0.5rem; overflow: hidden; z-index: 1;}
.sc_link ul li a .img::before{content: ""; width: 110%; height: 130%; position: absolute; background-color: #fff; z-index: -1; transition: all 0.15s;}
.sc_link ul li a .img::after{content: ""; top: 0; bottom: 0; right: 0; left: 0; position: absolute; border: 1px solid; border-radius: 1rem; }
.sc_link ul li a p{word-break: keep-all;color: #111;font-weight: 600;font-size: 0.83rem;}/*250513*/
/* 바로가기 공통 :active */
.sc_link ul li a:hover .img::after,
.sc_link ul li a:focus .img::after{border-width: 2px;}
.sc_link ul li a:hover .img::before,
.sc_link ul li a:focus .img::before{border-radius: 50%; transform: translateY(1.5rem);}
.sc_link ul li a:hover .img img,
.sc_link ul li a:focus .img img{ animation: iconAni 0.4s;}
.sc_link ul li a:hover p,
.sc_link ul li a:focus p{font-weight: 700;}

@keyframes iconAni {
	0%{transform: translateY(0);}
	40%{transform: translateY(0.2rem);}
	70%{transform: translateY(-0.1rem);}
	100%{transform: translateY(0);}
}

/* 바로가기 상담 */
.link_sd{border-color: #99b0e0; background-color: rgba(224, 233, 252, 0.5); box-shadow: 5px 5px 16px rgba(44, 56, 83, 0.16);}
.link_sd .tit{background-color: #0c52d4;}
.link_sd ul li {width: calc(100% / 3);}
.link_sd ul li:nth-child(n+4){display: none;}
.link_sd ul li a .img{ width: 5.3rem; border-color: #4a70af; background-color: #7faaf0; box-shadow: 5px 5px 16px rgba(44, 56, 83, 0.2);}
.link_sd ul li a .img::after{ border-color: #4a70af;}
.link_sd ul li a:hover p,
.link_sd ul li a:focus p{color: #0c52d4;}

/* 바로가기 대학진학정보 *//*250513*/
.link_uniInfo{border-color: #14a8b6; background-color: rgba(156, 219, 225, 0.3); padding: 2.1rem 4% 0; box-shadow: 3px 3px 10px rgba(32, 132, 126, 0.13);}
.link_uniInfo .tit{background-color: #14a8b6; }
.link_uniInfo ul li {width: calc(100% / 6);}
.link_uniInfo ul li:nth-child(n+7){display: none;}
.link_uniInfo ul li a .img{ width: 5.3rem; border-color: #14a8b6; background-color: #51bac4; box-shadow: 5px 5px 16px rgba(32, 132, 126, 0.2);}
.link_uniInfo ul li a .img::after{ border-color: #14a8b6;}
.link_uniInfo ul li a:hover p,
.link_uniInfo ul li a:focus p{color: #14a8b6;}

/* 바로가기 수시 */
.link_soosi{border-color: #ff8347; background-color: rgba(253, 204, 174, 0.48); box-shadow: 5px 5px 16px rgba(237, 113, 14, 0.17);}
.link_soosi .tit{background-color: #ff7b3a;}
.link_soosi ul li {width: calc(100% / 2);}
.link_soosi ul li:nth-child(n+3){display: none;}
.link_soosi ul li a .img{ width: 6.3rem; border-color: #f37f21; background-color: #ffbf8c; box-shadow: 5px 5px 16px rgba(237, 113, 14, 0.2);}
.link_soosi ul li a .img::after{ border-color: #f37f21;}
.link_soosi ul li a:hover p,
.link_soosi ul li a:focus p{color: #ff7b3a;}

/* 바로가기 정시 */
.link_jeongsi{border-color: #eda2d6; background-color: rgba(222, 151, 200, 0.23); box-shadow: 5px 5px 16px rgba(110, 24, 83, 0.13);}
.link_jeongsi .tit{background-color: #c83e9d;}
.link_jeongsi ul li {width: calc(100% / 2);}
.link_jeongsi ul li:nth-child(n+3){display: none;}
.link_jeongsi ul li a .img{ width: 6.3rem; border-color: #c666a9; background-color: #e082c4; box-shadow: 5px 5px 16px rgba(110, 24, 83, 0.2);}
.link_jeongsi ul li a .img::after{ border-color: #c666a9;}
.link_jeongsi ul li a:hover p,
.link_jeongsi ul li a:focus p{color: #c83e9d;}

/* 바로가기 ON-AIR */
.sc_onAir{position: relative; width: 100%; height: 100%; border: 1px solid #ffd395; border-radius: 1rem;}
.sc_onAir::after{content: ""; border-radius: 1rem; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; border: 2px solid#ffa527; opacity: 0; z-index: -1;}
.sc_onAir::before{content: ""; width: 100%; height: 100%; position: absolute; z-index: -2; background-color: #fff;} 
.sc_onAir > a {display: block; width: 100%; height: 100%; background: url(/images/dgedu/template/TC07/main/bg_onair.png) no-repeat right bottom -1rem; box-shadow: 4px 4px 13px rgba(101, 101, 101, 0.28); border-radius: 1rem; padding: 2rem 0 0 11%; overflow: hidden; position: relative;} 

.sc_onAir > a::after{content: ""; width: 100%; height: 100%; background: url(/images/dgedu/template/TC07/main/bg_onair_txt.png) no-repeat left bottom -1rem; background-size: 100%; position: absolute; bottom: 0; right: 0; z-index: -1;}
/* .sc_onAir > a::before{content: ""; width: 100%; height: 100%; bottom: 0; left: 0; background-color: #fff8e7; position: absolute; z-index: -1; opacity: 0;} */
.sc_onAir .tit{font-size: 1.2rem; color: #393939; font-weight: 700; letter-spacing: 2px;}
.sc_onAir .tit > span{letter-spacing: -1px;}
.sc_onAir .tit i {color: #848c92; font-size: 1.55rem; vertical-align: bottom;}
.sc_onAir .img{margin-top: 0.25rem;}
/* 바로가기 ON-AIR :active */
.sc_onAir:hover::after{opacity: 1;}
.sc_onAir > a:hover::after,
.sc_onAir > a:focus::after{animation: onAirBg 0.3s forwards; }
.sc_onAir::after,
.sc_onAir > a .tit,
.sc_onAir > a::before,
.sc_onAir > a .tit i{ -webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s; }
.sc_onAir > a:hover::before{ width: 100%; height: 100%; border-radius: 1rem; opacity: 1;}
.sc_onAir > a:hover .tit,
.sc_onAir > a:focus .tit{color: #f37f21;}
.sc_onAir > a:hover .tit i,
.sc_onAir > a:focus .tit i{color: #f37f21;}

/* 대입정보, 고입정보 공통 */
.sc_info h2.tit{ font-size: 1.15rem; color: #333; font-weight: 700; margin-bottom: 1.1rem;}
.sc_info ul {width: 100%; position: relative;}
.sc_info ul li {margin-bottom: 0.8rem;}
.sc_info ul li a{ display: flex; align-items: center; justify-content: space-between; height: 3.3rem;  background-color: #fff; border-radius: 0.7rem; padding: 0 1rem; position: relative;}
.sc_info ul li a img {display: block; max-width: 50px; width: 100%;}
.sc_info ul li a p{ max-width: calc(100% - 100px); text-align: center; word-break: keep-all; font-size: 0.85rem; color: #333333; font-weight: 600;}
.sc_info ul li a i{font-size: 1.55rem; color: #949fa7;}
/* 대입,고입정보 :active */
.sc_info ul li a:hover::after,
.sc_info ul li a:focus::after{border-width: 2px;}
.sc_info ul li a,
.sc_info ul li a img,
.sc_info ul li a p,
.sc_info ul li a i,
.sc_info ul li a i::before{ -webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s; }

/* @keyframes onAirBg{
	40%{transform: translateY(50%); background: url(/images/dgedu/template/TC07/main/bg_onair_txt02.png) no-repeat left bottom -1rem; opacity: 0;}
	100%{transform: translateY(0); background: url(/images/dgedu/template/TC07/main/bg_onair_txt02.png) no-repeat left bottom -1rem; opacity: 1;}
} */

/* 대입정보 */
.sc_info1{margin-bottom: 1.75rem;}
.sc_info1 ul li a::after{content:""; border: 1px solid #2d9ebe; position: absolute; left: 0; right: 0; top: 0;bottom: 0; border-radius: 0.7rem;}
/* 대입정보 :active */
.sc_info1 ul li a:hover,
.sc_info1 ul li a:focus{background-color: rgb(227, 242, 248, 0.68)}
.sc_info1 ul li a:hover p,
.sc_info1 ul li a:focus p{color: #0a86a8; font-weight: 700;}
.sc_info1 ul li a:hover i::before,
.sc_info1 ul li a:focus i::before{content: "\ea40"; color: #0a86a8;}

/* 고입정보 */
.sc_info2 ul li a::after{content:""; border: 1px solid #539565; position: absolute; left: 0; right: 0; top: 0;bottom: 0; border-radius: 0.7rem;}
/* 고입정보 :active */
.sc_info2 ul li a:hover,
.sc_info2 ul li a:focus{ background-color: rgba(232, 253, 238, 0.68);}
.sc_info2 ul li a:hover p,
.sc_info2 ul li a:focus p{ color: #008f26; font-weight: 700;}
.sc_info2 ul li a:hover i::before,
.sc_info2 ul li a:focus i::before{content: "\ea40"; color: #008f26;}

/* 캘린더 */
.sc_calender .control{ position: relative; width: 100%; display: flex; justify-content:  center; align-items: center; margin-bottom: 1rem;}
.sc_calender .control a:not(.btn_re){width: 1.9rem; height: 1.9rem; line-height: 1.9rem; border-radius: 50%; background-color: #a7aeb3; text-align: center; color: #fff; font-size: 0.95rem; box-shadow: 4px 4px 4px rgba( 167, 174, 179, 0.25);}
.sc_calender .control .date{margin: 0 1.5rem; font-size: 1.25rem; color: #222; font-weight: 700;}
.sc_calender .control a.btn_re{ display: block; position: absolute; right: 0; line-height: 1.9rem; font-size: 0.7rem; font-weight: 600; padding: 0 0.75rem; background-color: #2b6ddb; color: #fff; border-radius: 1rem;}
.sc_calender .control a i{transition: all 0.15s; -webkit-transition: all 0.15s; -ms-transition: all 0.15s;}
.sc_calender .control a.prev:hover i,
.sc_calender .control a.prev:focus i{ transform: translateX(-0.2rem);}
.sc_calender .control a.next:hover i,
.sc_calender .control a.next:focus i{ transform: translateX(0.2rem);}
.sc_calender .table{border: 1px solid #98a0a6; border-top: none; border-radius: 10px; box-shadow: 4px 4px 7px rgba(48, 86, 147, 0.2); background-color: #fff;}
.sc_calender table{height: 600px; border-spacing: 0; padding: 0; border-style: none; table-layout: fixed; position: relative; }
.sc_calender table tr:not(:last-child){border-bottom: 1px solid #98a0a6;}
.sc_calender table tr th{border-bottom: none; background-color: #a7aeb3; height: 3rem; color: #fff; border-right: 1px solid #fff; font-weight: 600; font-size: 0.9rem;}
.sc_calender table tr th:first-child {border-radius: 10px 0 0 0 ;}
.sc_calender table tr th:last-child {border-radius: 0 10px 0 0 ; border-right: none;}
.sc_calender table tr td{ vertical-align: top; position: relative; border-bottom: 1px solid #98a0a6;}
.sc_calender table tr td:not(:last-child){border-right: 1px solid #98a0a6;}
.sc_calender table tr td > p{ height: 1.5rem; padding-left: 0.75rem; padding-top: 0.25rem; padding-bottom: 0.25rem;}
.sc_calender table tr td .info{ height: calc(100% - 1.7rem); overflow-y: auto; overflow-x: hidden; width: 100%; cursor:pointer; padding: 0 0.25rem} /* 20231205 jeongWook 수정*/
.sc_calender table tr td .info::-webkit-scrollbar{width: 4px; position: absolute;}
.sc_calender table tr td .info::-webkit-scrollbar-thumb{background-color: rgb(158, 158, 158); border-radius: 2px;}
.sc_calender table tr td .info::-webkit-scrollbar-track{background-color: rgb(231, 231, 231);}
.sc_calender table tr td .info li{text-align: center; font-size: 0.65rem; color: #222; line-height: 1; width: 100%;} /* 20231205 jeongWook 수정*/
.sc_calender table tr td .info li span{ display: block; max-width: 100%; overflow: hidden; word-break: keep-all; padding: 0.15rem 0.25rem;  line-height: 0.85rem;}
.sc_calender table tr td .info li:not(:last-child){margin-bottom: 4px;}
.sc_calender table tr:last-child td:first-child {border-radius: 0 0 0 10px;}
.sc_calender table tr:last-child td:last-child  {border-radius: 0 0 10px 0; border-right: none;}
/* 토, 일 색상 */
.sc_calender table tr th:first-child{background-color: #e3313e;}
.sc_calender table tr th:last-child{background-color: #305693;}
.sc_calender table tr td:first-child{color: #e3313e; background-color: #fafafa;}
.sc_calender table tr td .info li .info_red {background-color: #ffc1c2;}
.sc_calender table tr td .info li .info_bl {background-color: #c2d5f3;}
.sc_calender table tr td .info li .info_green {background-color: #c1e9e0;}
.sc_calender table tr td .info li .info_gray {background-color: #f2eeef;}
.sc_calender table tr td .info li .info_pink {background-color: #ffcbdd;}
.sc_calender table tr td .info li .info_purple {background-color: #f2d2f9;}
.sc_calender table tr td .info li .info_org {background-color: #ffdecd;}
.sc_calender table tr td.dayOff > p:first-child{color: #e3313e; display: flex; align-items: center;} /* 20231205 jeongWook 추가 */
.sc_calender table tr td.dayOff > p:first-child > span.dayOff_type {font-size: 0.6rem; font-weight: 600; margin-left: 0.25rem; padding-top: 0.1rem; line-height: 1;} /* 20231205 jeongWook 추가 */  
.sc_calender table tr td:last-child { color: #305693;}/* 20231205 jeongWook 추가 */

/* 캘린더 layer */
.sc_calender .layer_infoWrap{position: absolute; top: -7.5rem; height: 8rem; left: calc(50% - 8.5rem); width: 17rem; border: 2px solid #ff8346; border-radius: 0.75rem; background-color: #fff; z-index: 98; padding: 1rem; display: block; }
.sc_calender .layer_infoWrap.active{display: block;}
.sc_calender .layer_infoWrap::after{content: ""; width: 0; height: 0; position: absolute; left: calc(50% - 4px); bottom: -8px; border-bottom: 0 solid transparent; border-top: 8px solid #ff8346; border-left: 8px solid transparent; border-right: 8px solid transparent; }
.sc_calender .layer_infoWrap .tit{ color: #6f6f6f; font-size: 0.7rem; padding-bottom: 0.5rem; border-bottom: 1px dashed  #c8c8c8; margin-bottom: 0.5rem;}
.sc_calender .layer_infoWrap .layer_info {height: 4rem;  line-height: 1.25rem; font-size: 0.8rem; color: #222; overflow-y: auto; overflow-x: hidden;}
.sc_calender .layer_infoWrap .layer_info span {display: block; padding-left: 0.8rem; position: relative; word-break: break-all;}
.sc_calender .layer_infoWrap .layer_info span::after{content: ""; width: 0.3rem; height: 0.6rem; position: absolute; left: 0; top: 0.3rem; border-radius: 4px;}
.sc_calender .layer_infoWrap .pop_close{display: block; position: absolute; top: -1rem; right: 0.85rem; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; color: #fff; background-color: #ff8346; border-radius: 0.4rem 0.4rem 0.4rem 0; }
.sc_calender .layer_infoWrap .layer_info::-webkit-scrollbar{width: 4px; position: absolute;}
.sc_calender .layer_infoWrap .layer_info::-webkit-scrollbar-thumb{background-color: #ff8346; border-radius: 2px;}
.sc_calender .layer_infoWrap .layer_info::-webkit-scrollbar-track{background-color: #ffebe2;}
.sc_calender .layer_infoWrap .layer_info span.info_red::after {background-color: #d51e1e;}  
.sc_calender .layer_infoWrap .layer_info span.info_bl::after {background-color: #3283eb;}
.sc_calender .layer_infoWrap .layer_info span.info_green::after {background-color: #2da881;}
.sc_calender .layer_infoWrap .layer_info span.info_gray::after {background-color: #f0eded;}
.sc_calender .layer_infoWrap .layer_info span.info_pink::after {background-color: #ff2975;}
.sc_calender .layer_infoWrap .layer_info span.info_purple::after {background-color: #c551de;}
.sc_calender .layer_infoWrap .layer_info span.info_org::after {background-color: #ff7633;}
.sc_calender .layer_infoWrap .layer_info a:hover,
.sc_calender .layer_infoWrap .layer_info a:focus{ text-decoration: underline;}
/* 캘린더 더보기 버튼 */
.sc_calender > .sc_more {position: absolute; top: 0; left: 0; width: 1.9rem; height: 1.9rem; line-height: 1.9rem; text-align: center; border-radius: 50%; background-color: #ff8346; color: #fff; font-size: 1rem;}
.sc_calender > .sc_more i {transition: all 0.15s; -webkit-transition: all 0.15s; -ms-transition: all 0.15s;}
.sc_calender > .sc_more:hover i,
.sc_calender > .sc_more:focus i{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}

@media (min-width: 768px) { 
	/* 요일에 따른 layer 위치변화*/
	.sc_calender table tr td:first-child .layer_infoWrap {left: 1rem;} /* 일요일 */
	.sc_calender table tr td:first-child .layer_infoWrap::after{left: 1rem;}
	.sc_calender table tr td:nth-child(2) .layer_infoWrap {left: -2rem;} /* 월요일 */
	.sc_calender table tr td:nth-child(2) .layer_infoWrap::after{left: 4rem;}
	.sc_calender table tr td:nth-child(6) .layer_infoWrap {left: -7rem;} /* 목요일 */
	.sc_calender table tr td:nth-child(6) .layer_infoWrap::after{left: 10rem;}
	.sc_calender table tr td:nth-child(7) .layer_infoWrap {left: -12rem;} /* 일요일 */
	.sc_calender table tr td:nth-child(7) .layer_infoWrap::after{left: 15rem;}
}

/* 게시판 */
.sc_notice { position:relative; }
.sc_notice .titTab {width: 100%; background-color: #fff; height: 3.5rem; border-radius: 6px; padding-left: 0.5rem;}  
.sc_notice .titTab ul { height: 100%;}
.sc_notice .titTab li { position:relative; display: inline-block; font-size:1.1rem; font-weight:600;line-height: 3.8rem;}
.sc_notice .titTab li:not(:first-child) {padding-left: 1rem; margin-left: 1rem; position: relative;}
.sc_notice .titTab li:not(:first-child)::before{content: ""; position: absolute; left: -2px; top: calc(50% - 14px); border-left: 4px dotted #c5c9d6; height: 28px;}
.sc_notice .titTab li a { display:block; color:#333; font-weight:400; position: relative;}
.sc_notice .titTab li a span{ display:block; overflow:hidden; white-space:nowrap; position: relative; font-size: 1rem; color: #94979b; font-weight: 600; padding: 0 1rem;}
.sc_notice .titTab li a span::after{content: "\e92b"; font-family: 'xeicon'; position: absolute; right: 1rem; font-weight: 400; font-size: 2rem; visibility: hidden; opacity: 0;}
.sc_notice .list_box { display:none; height:auto; margin-top: 0.75rem; }
.sc_notice .list_box ul{display: flex; flex-wrap: wrap;}
.sc_notice .list_box li {width: calc((100% - 2rem ) / 2); box-shadow: 2px 2px 15px rgba(28, 58, 85, 0.25); border: 1px solid rgb(63, 133, 213, 0.77); border-radius: 1rem;  background-color: #fff; overflow: hidden; position: relative; z-index: 1;}
.sc_notice .list_box li::after{content: ""; width: 13.7rem; height: 13.7rem; border-radius: 50%; background-color: rgba(63, 134, 213, 0.065); position: absolute; top: 8rem; left: -8rem; opacity: 0;}
.sc_notice .list_box li::before{content: ""; width: 13.7rem; height: 13.7rem; border-radius: 50%; background-color: rgba(63, 134, 213, 0.075); position: absolute; top: 8rem; right: -8rem; opacity: 0;}
.sc_notice .list_box li:nth-child(2n){margin-left: 2rem;}
.sc_notice .list_box li:nth-child(n+3){margin-top: 1rem;}
.sc_notice .list_box li:nth-child(n+5){display: none;}
.sc_notice .list_box li a { display: block; height: 9rem;  border-radius: 1rem;  position: relative;  padding: 1rem; z-index: 2;}
.sc_notice .list_box li a::after{ content: ""; position: absolute; top: -1px; bottom: -1px; right: -1px; left: -1px;  border: 2px solid rgb(63, 133, 213, 0.77); border-radius: 1rem; opacity: 0;}
.sc_notice .list_box li a .type {line-height: 2rem; display: inline-block; color: #333; font-size: 1rem; font-weight: 600; margin-bottom: 1.5rem;}
.sc_notice .list_box li a .type em{display: inline-block; width: 2rem; height: 2rem; text-align: right; border-radius: 50%; background-color: rgb(107, 154, 230, 0.23);}
.sc_notice .list_box li a .date {line-height: 2rem; display: inline-block; color: #666; font-size: 0.8rem; position: absolute; right: 1rem;}
.sc_notice .list_box li a p{ line-height: 1.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 0.85rem; font-weight: 600; color: #333; letter-spacing: -1px;} 
.sc_notice .list_box .bbs_more{position: absolute; top: 0.8rem; right: 1.25rem; width: 2rem; height: 2rem; line-height: 2rem; border-radius: 50%; text-align: center; background-color: #3f86d5; font-size: 1.15rem; color: #fff;} /* 20231205 jeongWook 수정*/
/* 게시판 :  새글, .new */
.sc_notice .list_box li.new a .type{color: #3f86d5;}
.sc_notice .list_box li.new a .type em{ background-color: #3f86d5; color: #fff;}
/* 게시판 :active */
.sc_notice .titTab li a,
.sc_notice .list_box li a,
.sc_notice .list_box li a::after,
.sc_notice .titTab li a span,
.sc_notice .titTab li a span::after,
.sc_notice .list_box .bbs_more i{ -webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s; }
.sc_notice .list_box li::after,
.sc_notice .list_box li::before{ -webkit-transition:all 0.25s; -ms-transition:all 0.25s; transition:all 0.25s; }
.sc_notice .titTab li a:hover span{ transform: translateY(-1rem); background-color: #3f86d5; color: #fff; font-weight: 700; border-radius: 6px; box-shadow: 4px 4px 6px rgba(47, 84, 144, 0.53);}
.sc_notice .titTab li a.current span,
.sc_notice .titTab li a:focus span{ transform: translateY(-1rem); background-color: #3f86d5; color: #fff; font-weight: 700; border-radius: 6px; box-shadow: 4px 4px 6px rgba(47, 84, 144, 0.53); padding-right: 6.5rem;}
.sc_notice .titTab li a.current span::after,
.sc_notice .titTab li a:focus span::after{visibility: visible; opacity: 1;}
.sc_notice .list_box.on { display:block;}
.sc_notice .list_box li:hover::after{transform: translateX(6rem) translateY(-4.5rem); opacity: 1;}
.sc_notice .list_box li:hover::before{transform: translateX(-6rem) translateY(-4.5rem); opacity: 1;}
.sc_notice .list_box li a:hover p,
.sc_notice .list_box li a:focus p{ text-decoration: underline;}
.sc_notice .list_box li a:hover::after,
.sc_notice .list_box li a:focus::after{ opacity: 1;}
.sc_notice .list_box .bbs_more:hover i,
.sc_notice .list_box .bbs_more:focus i{transform: translateX(4px); -webkit-transform: translateX(4px);}

/* 팝업존 */
.M_pop {position: relative; height: 100%;  background: url(/images/dgedu/template/TC07/main/pop_bg.png) repeat; border: 1px solid #cecbbd; border-radius: 1rem; padding: 1.5rem 2.25rem; height: 23.5rem;}
.M_pop .heading {position: relative; white-space: nowrap; overflow: hidden; font-weight: 700; line-height: 2rem; margin-bottom: 1.25rem; margin-right: 10.5rem;}
.M_pop .pop_img { width: 100%; height: 17rem; border-radius: 1rem; position: relative; overflow: hidden; isolation: isolate; background-color: rgba(0, 0, 0, 0.05);}
.M_pop .pop_img .item a {display: block; height: 100%; background: #eee; font-size: 0;  overflow: hidden; position: relative; text-align: center; display: flex; align-items: center;}
.slick-list,
.slick-track{height: 100%;}
.M_pop .pop_img .item a img {width: 100%; height: auto; position: relative;}
.M_pop .control { width: 100%; padding: 0 2.25rem; display: flex; align-items: center; justify-content: flex-start; position: absolute; top: 1.5rem; right: 0; line-height: 1.7rem;}
.M_pop .control .page {display: flex; align-items: baseline; color:#222; position: relative; left: 4rem; font-weight: 600;}
.M_pop .control .page strong {display: block; color: #ffa200; font-size: 0.8rem; }
.M_pop .control .page span {display: block; margin-left: 20px; position: relative; font-size: 0.7rem;}
.M_pop .control .page span:before {content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background: #a0a09e; position: absolute; left: -13px; top: 50%; transform: translateY(-50%) ; -webkit-transform: translateY(-50%) }
.M_pop .control .btn_box{margin-left: auto;}
.M_pop .control .btn_box a {display: inline-flex; justify-content: center; align-items: center; font-size: 1.1rem; width: 2rem; height: 2rem; line-height: 2rem; border-radius: 50%; background-color: #fff; border: 1px solid #cecbbd; transition: 0.15s; -webkit-transition: 0.15s; -ms-transition: 0.15s;}
.M_pop .control .btn_box a i{line-height: 2rem;}
.M_pop .control .btn_box a.stop,
.M_pop .control .btn_box a.play { background-color: #ff9c00; color: #fff; border: none;}
.M_pop .control .btn_box a.play {display: none;}
/* 팝업존 : active */
.M_pop .control .btn_box a:hover,
.M_pop .control .btn_box a:focus { color: #ff9600;}
.M_pop .control .btn_box a.stop:hover,
.M_pop .control .btn_box a.stop:focus,
.M_pop .control .btn_box a.play:hover,
.M_pop .control .btn_box a.play:focus{background-color: #ff9600; color: #fff;}

  
/* 배너존 */
.banner_zone {line-height:1; border-top:1px solid #cfcfcf; background:#fff; }
.banner_zone .container {position:relative; display:flex; align-items:center; height:4.5rem; 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:2rem; line-height: 0; border: 1px solid #dbe0ec; text-align:center; margin:0 5px; overflow:hidden;}
.banner_zone .bnWrap a img {max-width:100%; max-height:100%; width: auto; height: auto; vertical-align: middle;}
.banner_zone .btn a:hover,
.banner_zone .btn a:focus{ border-color:#004794; color:#5e6063;}
.banner_zone .bnWrap a:hover,
.banner_zone .bnWrap a:focus{ border-color:#aaa;} 
.banner_zone a{transition : all 0.2s; -webkit-transition: all 0.2s;}

@media (min-width: 768px) {  
	.sc_calender .layer_infoWrap{ display: none;}
}

@media (max-width: 1640px) { 
	/* dge CI */
	.dgeCi{left: auto; right: 1rem; top: 1rem; bottom: auto;}

}  

@media (max-width: 1440px) { 
	.sc_info ul li a p{ font-size: 0.75rem; word-break: break-all;}
}

@media (max-width: 1240px) { 
	/* 대입정보, 고입정보 공통 */
	.sc_info ul li a { padding: 0 2rem; }
	.sc_info ul li a p { width: 100%; text-align: left; margin-left: 1rem;}

	/* 대입정보 */
	.sc_info1 { margin-bottom: 0;}
}

@media (max-width: 1160px) { 
	/* 바로가기 공통 */
	.sc_link { padding: 2rem 5% 0;}
	.sc_link ul{ flex-wrap: wrap;}	
	.sc_link ul li a p{height: 2.25rem;}

	/* 바로가기 대학진학정보 */
	.link_uniInfo { padding: 3.5rem 4% 0; }
	.link_uniInfo ul li { width: calc(100% / 3); }
	.link_uniInfo ul li:nth-child(-n+3) {margin-bottom: 1.25rem;}
	.link_uniInfo ul li:not(:first-child) {margin-left: 0;}

	/* 바로가기 수시 */
	.link_soosi{padding: 2rem 10% 0;}
	.link_soosi ul li a .img{ width: 6.75rem;}

	/* 바로가기 정시 */
	.link_jeongsi{padding: 2rem 10% 0;}
	.link_jeongsi ul li a .img{ width: 6.75rem;}

	/* ON-AIR */
	.sc_onAir > a {padding: 1.5rem 0 0 7%;}
	
	/* 캘린더 */
	.sc_calender table { height: 585px;}

	/* 게시판 */
	.sc_notice .list_box li { width: calc((100% - 2.5rem ) / 3);}
	.sc_notice .list_box li:not(:first-child){margin-left: 1.25rem;}
	.sc_notice .list_box li:nth-child(n+4){display: none;}
	.sc_notice .list_box li:nth-child(n+3) { margin-top: 0;}

	/* 팝업존 */
	.M_pop {height: auto;}
	.M_pop .pop_img { height: 15rem;}
	.M_pop .pop_img .item a img {width: auto; height: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
}

@media (max-width: 860px) { 
	/* 바로가기 공통 */
	.sc_link ul li{margin-bottom: 0.75rem;}
	.sc_link ul li a .img { height: 4.5rem;}
	.sc_link ul li a .img img{ max-width: 54px; }
	.sc_link ul li a p { font-size: 0.77rem; }

	/* 바로가기 대학진학정보 */
	.link_uniInfo {padding: 2rem 2% 0;}
	.link_uniInfo ul li:nth-child(-n+3) { margin-bottom: 0.75rem; }

	/* ON-AIR */
	.sc_onAir > a { padding: 1.5rem 0 0 5%; background: url(/images/dgedu/template/TC07/main/bg_onair.png) no-repeat right bottom -1rem; background-size: auto;}
	.sc_onAir > a::after { background: url(/images/dgedu/template/TC07/main/bg_onair_txt.png) no-repeat left bottom -1rem; background-size: auto;}

	/* 대입정보, 고입정보 공통 */
	.sc_info ul li a { padding: 0 1rem; }
	.sc_info ul li a .img img{ max-width: 50px;}
	.sc_info ul li a p { width: 100%; text-align: center; margin: 0 0.25rem;}

	/* 캘린더 */
	.sc_calender table tr td > p { padding-left: 0.25rem; padding-top: 0.25rem;}
	.sc_calender table { height: 560px; }
}

@media (max-width: 768px) { 
	/* 게시판 */
	.sc_notice .list_box li { width: calc((100% - 1.25rem ) / 2);}
	.sc_notice .list_box li:not(:first-child){margin-left: 1.25rem;}
	.sc_notice .list_box li:nth-child(n+3){display: none;}

	/* 캘린더 */
	.sc_calender table { height: auto; border-collapse: separate;} /* 20231206 jeongWook 수정*/
	.sc_calender table thead tr{background-color: #0d4fa3;}
	.sc_calender table tr th p em {display: none;}
	.sc_calender table tr:not(:last-child) { border-bottom: none; }
	.sc_calender table tr th { border: none; background-color: transparent;}
	.sc_calender table tr th:first-child { background-color: transparent; color: #ff4646;}
	.sc_calender table tr th:last-child { background-color: transparent; color: #b8d7ff;}
	.sc_calender table tr td{ border: none; padding: 1.15rem 0;} /* 20231206 jeongWook 수정*/
	.sc_calender table tr td:not(:last-child) { border-right: none; }
	.sc_calender table tr td:first-child { color: #ff4646; background-color: transparent; }
	.sc_calender table tr td:last-child { color: #1559af; }
	.sc_calender table tr td > p { height: 100%; display: flex; align-items: center; justify-content: center;  padding: 0; text-align: center; font-weight: 600;}
	.sc_calender table tr td .info{ display: none;}
	.sc_calender .table { border: 1px solid #305693; padding-bottom: 0.5rem;}
	.sc_calender .control .date { margin: 0 0.75rem; font-size: 1.1rem;}
	.sc_calender .control a:not(.btn_re) { width: 1.66rem; height: 1.66rem; line-height: 1.66rem; font-size: 0.95rem;}
	.sc_calender .control a.btn_re { line-height: 1.66rem; font-size: 0.65rem; padding: 0 0.5rem;}
	/* 캘린더 : layer */
	.sc_calender { padding-bottom: 7.5rem;}
	.sc_calender table tr td { position: static; }
	.sc_calender .layer_infoWrap{position: absolute; top: auto; bottom: -8rem;  height: 6.83rem; left: 0; width: 100%; padding: 0.75rem 1rem; border-width: 1px; display: none;}
	.sc_calender td.event.active .layer_infoWrap{display: block;}
	.sc_calender .layer_infoWrap::after{content: none;}
	.sc_calender .layer_infoWrap .tit { font-size: 0.7rem; padding-bottom: 0; border-bottom: none; margin-bottom: 0.5rem; }
	.sc_calender .layer_infoWrap .tit span {display: none;}
	.sc_calender .layer_infoWrap .tit em { display: inline-block; background-color: #3e7fe8; color: #fff; font-size: 0.8rem; padding: 0 0.5rem; border-radius: 10px; line-height: 1.22rem;}
	.sc_calender .layer_infoWrap .pop_close{display: none;}
	/* dayOff, event 표시 */
	.sc_calender table tr td.dayOff > p{z-index: 1; position: relative;}
	.sc_calender table tr td.dayOff > p::before{content: ""; width: 23px; height: 23px; background-color: #f0eded; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;} 
	.sc_calender table tr td.event > p{z-index: 1; position: relative; color: #fff;}
	.sc_calender table tr td.event > p::before{content: ""; width: 23px; height: 23px; background-color: #3e7fe8; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;} 
	.sc_calender table tr td.dayOff > p:first-child > span.dayOff_type {display: none;} /* 20231205 jeongWook 추가 */
	
	/* 게시판 */
	.sc_notice .titTab { height: 3.25rem; padding-left: 0.25rem; }
	.sc_notice .titTab li:not(:first-child) { padding-left: 0.75rem; margin-left: 0.75rem;}
	.sc_notice .titTab li { font-size: 1rem; line-height: 3.25rem;}
	.sc_notice .titTab li a span { font-size: 1rem; padding: 0 0.5rem; }
	.sc_notice .titTab li a.current span,
	.sc_notice .titTab li a:focus span {padding-right: 2.75rem; }
	.sc_notice .titTab li a span::after { right: 0.75rem; font-size: 1.5rem;}
	.sc_notice .list_box .bbs_more { top: 0.8rem; right: 1rem; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; font-size: 1rem;}
	
}

@media (max-width: 680px) { 
	/* 바로가기 수시 */
	.link_soosi ul li a .img{ width: 5.5rem;}

	/* 바로가기 정시 */
	.link_jeongsi ul li a .img{ width: 5.5rem;}
}


@media (max-width: 580px) { 
	/* 바로가기 공통 */
	.sc_link .tit { top: -1.25rem; line-height: 2.5rem; font-size: 1.1rem; padding: 0 1.75rem;}

	/* 바로가기 수시 */
	.link_soosi ul li a .img{ width: 8rem;}

	/* 바로가기 정시 */
	.link_jeongsi ul li a .img{ width: 8rem;}

	/* ON-AIR */
	.sc_onAir > a { padding: 1.5rem 0 0 5%; background: url(/images/dgedu/template/TC07/main/bg_onair.png) no-repeat right  bottom -1rem; }
	.sc_onAir > a::after { background: url(/images/dgedu/template/TC07/main/bg_onair_txt.png) no-repeat left bottom -1rem; background-size: 110%;}
	.sc_onAir .img img{ max-width: 60px;}
}

@media (max-width: 540px) { 
	/* 게시판 */
	.sc_notice .list_box li { width: 100%;}
	.sc_notice .list_box li:nth-child(n+2){display: none;}
	
}

@media (min-width: 480px) {  .sc_link ul li a p br{display: none;}}

@media (max-width: 480px) { 
	/* 바로가기 공통 */
	.sc_link ul { margin: 0 auto; }
	.sc_link ul li a .img { height: 4.11rem;}
	.sc_link ul li a .img img { max-width: 46px; }
	.sc_link ul li a p { width: 100%; text-align: center; font-size: 0.73rem; min-height: 2rem; height: auto; }/*250513*/

	/* 상담 */
	.link_sd ul li a .img { width: 100%;}

	/* 대학진학정보 */
	.link_uniInfo ul li a .img { width: 100%;}

	/* 바로가기 수시 */
	.link_soosi{padding: 2rem 4% 0;}
	.link_soosi ul li a .img{ width: 100%;} 

	/* 바로가기 정시 */
	.link_jeongsi{padding: 2rem 4% 0;}
	.link_jeongsi ul li a .img{ width: 100%;}

	/* ON-AIR */
	.sc_onAir .tit { font-size: 1.1rem;}
	.sc_onAir > a::after { background: url(/images/dgedu/template/TC07/main/bg_onair_txt.png) no-repeat center bottom -1rem; background-size: 140%;}
	.sc_onAir > a { padding: 1rem 0 0 1rem;  background: url(/images/dgedu/template/TC07/main/bg_onair.png) no-repeat right  bottom -1rem; background-size: 100%;}
	

	/* 고입정보, 대입정보 공통 */
	.sc_info h2.tit { font-size: 1.1rem; margin-bottom: 0.75rem; }
	.sc_info ul li a .img img { max-width: 42px; }

	/* 캘린더 */
	.sc_calender table { height: 360px;} 
	.sc_calender table tr th { height: 45px;}
	
	/* 팝업존 */
	.M_pop { padding: 1rem 1.25rem;}
	.M_pop .heading { margin-bottom: 0.75rem; line-height: 1.75rem; margin-right: 0;}
	.M_pop .control { padding: 0 1.25rem; top: 1rem;}	
	.M_pop .control .btn_box a { font-size: 0.8rem; width: 1.75rem; height: 1.75rem; line-height: 1.75rem;}
	.M_pop .pop_img { height: auto; }
	.M_pop .pop_img .item a img {width: 100%; height: auto;}
}

@media (max-width: 370px) { 
	/* 바로가기 공통 */
	.sc_link ul li { margin-bottom: 0.5rem; }

	/* 바로가기 상담  */
	.link_sd ul li { width: calc(100% / 2); }	

	/* 바로가기 대학진학정보 */
	.link_uniInfo ul li { width: calc(100% / 2); }

	/* 대입정보 고입정보 공통 */
	.sc_info ul li a { padding: 0 0.75rem; }
	.sc_info ul li a p {word-break: break-all;}

	/* 캘린더 */
	.sc_calender .control { justify-content: flex-start;}

	/* 게시판 */
	.sc_notice .titTab { height: auto; padding-left: 0.25rem; }
	.sc_notice .titTab ul { max-width: calc(100% - 2.5rem); flex-wrap: wrap;}
	.sc_notice .titTab li a:hover span,
	.sc_notice .titTab li a.current span, .sc_notice .titTab li a:focus span { transform: translateY(0);}
	.sc_notice .titTab li:not(:first-child) { padding-left: 0; margin-left: 0; }
	.sc_notice .titTab li:not(:first-child)::before { content: none;}
}

@media (max-width: 320px) {
	/* 팝업존 */
	.M_pop .control .page { left: 3.75rem; }
	.M_pop .control .page span { margin-left: 10px;}
	.M_pop .control .page span:before { width: 4px; height: 4px; left: -7px;}
	.M_pop .control .btn_box a { width: 1.4rem; height: 1.4rem; line-height: 1.4rem; }
}
