.txtUtil{ display:inline-block; font-size:13px; font-weight:400; border-radius:.25rem; line-height:1.6; vertical-align: middle; margin-left:5px;}

/* 교류학교현황 */
.exchg_map {position:relative; padding-left:0;}
.exchg_map .map_info {position:relative; display:flex; width:100%; border:4px solid #d1d8ff; border-radius:1.5rem 0.5rem 0 0; z-index:1;}
.exchg_map .map_info h2 {position:absolute; top:1rem; left:-1rem; width:auto; background:#5665b6; box-shadow:0 0 15px rgba(43,57,132,.4); border-radius:1.5rem 1.5rem 1.5rem 0; font-size:1.2rem; font-weight:600; text-align:center; letter-spacing:-2px; line-height:3rem; color:#fff; z-index:1;padding:0 3rem;}
.exchg_map .map_info h2:before {content:""; position:absolute; top:100%; left:0; width:0; height:0; border-bottom:0 solid transparent; border-top:16px solid #2b377d; border-left:16px solid transparent; border-right:0 solid transparent;}
.exchg_map .map_info h2 > strong {font-weight:700;}
.exchg_map .map_info .tit_wrap {width:60%; padding:5.25rem 1.25rem 1rem; background:#f4f6ff; border-radius:1.5rem 0 0 0; border-right:2px dotted #d1d8ff; overflow:hidden; }
.exchg_map .map_info .tit_wrap ul {margin:-.35rem 0; display:flex; }
.exchg_map .map_info .tit_wrap ul li {position:relative; flex:1; padding:.35rem 0 .35rem 1rem; color:#000; font-size:.85rem; font-weight:200;}
.exchg_map .map_info .tit_wrap ul li + li { margin-left:1rem; }
.exchg_map .map_info .tit_wrap ul li:before {content:""; position:absolute; top:50%; left:1rem; width:calc(100% - 1.25rem); height:1px; border-top:2px dotted #7a7b7f; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.exchg_map .map_info .tit_wrap ul li:after {content:"\e929"; position:absolute; top:50%; left:-.25rem; font-size:1.2rem; color:#000; font-family:"xeicon"; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.exchg_map .map_info .tit_wrap ul li {overflow:hidden;}
.exchg_map .map_info .tit_wrap ul li > span {position:relative; float:left; padding-right:1rem; background:#f4f6ff;}
.exchg_map .map_info .tit_wrap ul li > strong {position:relative; float:right; margin-right:.25rem; padding-left:1rem; color:#5665b6; font-weight:700; background:#f4f6ff; z-index:1;}
.exchg_map .map_info .tit_wrap ul li > strong:before {content:""; position:absolute; bottom:0; left:calc(50% + .5rem); width:calc(100% - .75rem); height:.6rem; border-radius:.3rem; background:#e4e7f8; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:-1;}
.exchg_map .map_info .tab_wrap {width:40%; padding:1.5rem 1.25rem; background:#fff; border-radius:0 1.5rem 0 0;}
.exchg_map .map_info .tab_wrap h3 {display:block; color:#000; font-weight:600; font-size:1rem; margin-bottom:1rem; }
.exchg_map .map_info .tab_wrap .year_select { position:relative; padding-right:4rem; }
.exchg_map .map_info .tab_wrap .year_select select { width:100%; height:2rem; padding:0 1rem; border:2px solid #5665b6; color:#5665b6; font-weight:600; appearance:none; -webkit-appearance:none; background:url('/images/dgedu/web/daeguic/sub/select_arrw.png') no-repeat right 0.75rem center; }
.exchg_map .map_info .tab_wrap .year_select select option { color:#000; }
.exchg_map .map_info .tab_wrap .year_select a { position:absolute; right:0; top:0; margin:0; width:3.5rem; }
.exchg_map .map_cont {position:relative; width:100%; height:32rem;  background:url(/images/dgedu/template/TC34/main/exchange_map_pt.png)repeat; overflow:hidden;}
.exchg_map .map_cont .map_point {position:absolute; top:50%; right:1rem; width:52.2rem; height:28.7rem; background:url(/images/dgedu/template/TC34/main/exchange_map.png)no-repeat center/100% 100%; -webkit-transform:translateY(-50%); transform:translateY(-50%); touch-action:auto;}
.exchg_map .map_cont .map_point li {position:absolute;}
.exchg_map .map_cont .map_point li > a {position:relative; display:block; width:.55rem; height:.55rem; z-index:1;}
.exchg_map .map_cont .map_point li > a:before {content:""; position:absolute; top:50%; left:50%; width:1.05rem; height:1.05rem; z-index:-1; border-radius:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background:#2b3984; opacity:0;}
.exchg_map .map_cont .map_point li > a:after {content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; z-index:-1; border-radius:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background:#1a224a;}
.exchg_map .map_cont .map_point li > a .info {position:absolute; top:0; left:50%; max-width:calc(100vw - 1rem); padding:.5rem 1rem; opacity:0; visibility:hidden; background:#2b3984; border-radius:.75rem; color:#fff; font-size:.85rem; white-space:nowrap; -webkit-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:all .15s; transition:all .15s;}
.exchg_map .map_cont .map_point li > a .info:before {content:""; position:absolute; top:100%; left:50%; width:1px; height:1rem; background:#2b3984; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.exchg_map .map_cont .map_point li > a .info > strong {color:#fff799; font-weight:700;}
.exchg_map .map_cont .map_point li > a > em {position: absolute; display:block; top:100%; left:50%; width:4rem; margin-top:.25rem; color:#222; font-size:.7rem; font-weight:600; text-align:center; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
/** 교류학교현황 : active **/ 
.exchg_map .map_cont .map_point li.active > a {z-index:2;}
.exchg_map .map_cont .map_point li.active > a:before {opacity:.2; -webkit-animation:pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; animation:pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; -webkit-transition:all .15s; transition:all .15s;}
.exchg_map .map_cont .map_point li.active > a:after {background:#2b3984; -webkit-animation:pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; animation:pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; -webkit-transition:all .15s; transition:all .15s;}
.exchg_map .map_cont .map_point li.active > a > em {opacity:0; visibility:hidden;}
.exchg_map .map_cont .map_point li.active > a .info {top:-3rem; opacity:1; visibility:visible;}

/*개인정보처리방침*/
.privacy_wrap .pri_img img{width: 4rem;}
.privacy_wrap img.pri_ico {width: 2rem; vertical-align: middle;}
.list_ol2 > li { position:relative; min-height:1.25rem; padding-left:1.6rem; margin-top:0.35rem; color:#333; line-height:1.2rem; }
.list_ol2 > li > span.num { position:absolute; left:0; top:0; width:1.25rem; height:1.25rem; line-height:1.25rem; font-size:.7rem; border-radius:50%; color:#fff; text-align:center; font-weight:700; color:#1f64b2; background-color:#e8f3ff; letter-spacing: -1px;} 

@-webkit-keyframes pulse-ring {
  0% {
  	-webkit-transform:translate(-50%,-50%) scale(0.33);
    transform:translate(-50%,-50%) scale(0.33);
    opacity:.5;
  }
  80%, 100% {
  	-webkit-transform:translate(-50%,-50%) scale(1.1);
  	transform:translate(-50%,-50%) scale(1.1);
    opacity: 0;
  }
}

@keyframes pulse-ring {
  0% {
  	-webkit-transform:translate(-50%,-50%) scale(0.33);
    transform:translate(-50%,-50%) scale(0.33);
    opacity:.5;
  }
  80%, 100% {
  	-webkit-transform:translate(-50%,-50%) scale(1.1);
  	transform:translate(-50%,-50%) scale(1.1);
    opacity: 0;
  }
}
@-webkit-keyframes pulse-dot {
  0% {
  	-webkit-transform:translate(-50%,-50%) scale(0.8);
    transform:translate(-50%,-50%) scale(0.8);
  }
  50% {
  	-webkit-transform:translate(-50%,-50%) scale(1);
    transform:translate(-50%,-50%) scale(1);
  }
  100% {
  	-webkit-transform:translate(-50%,-50%) scale(0.8);
    transform:translate(-50%,-50%) scale(0.8);
  }
}
@keyframes pulse-dot {
  0% {
  	-webkit-transform:translate(-50%,-50%) scale(0.8);
    transform:translate(-50%,-50%) scale(0.8);
  }
  50% {
  	-webkit-transform:translate(-50%,-50%) scale(1);
    transform:translate(-50%,-50%) scale(1);
  }
  100% {
  	-webkit-transform:translate(-50%,-50%) scale(0.8);
    transform:translate(-50%,-50%) scale(0.8);
  }
}

.chart_wrap{overflow:hidden;}
/* 차트영역 width 50% */
.chart_w50{width:48%; float:left;}
.chart_w50:first-child{margin-right:4%;}
/* 차트영역 width 30% */
.chart_w30{width:30%; float:left;}
.chart_w30:first-child{margin-right:4%;}

.mltmdFile { position:relative; width:25.5rem; height:auto;}
.actCaseImgSlider { position:relative; width:100%; height:100%; }
.actCaseImgSlider h2 { margin-right:7rem; }
.actCaseImgSlider .slider { position:relative; height:13rem; margin-top:0.8rem; overflow:hidden; background:#e2edf8;}
.actCaseImgSlider .slider div,
.actCaseImgSlider .slider .item {height:100%;}
.actCaseImgSlider .slider .item a { display:block; height:100%; line-height:0; text-align:center; overflow:hidden;}
.actCaseImgSlider .slider .item img {position:relative; top:50%; max-width:100%; max-height:100%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.actCaseImgSlider .control{ right:0; top:0; } 
.actCaseImgSlider .control p { display:inline-block; vertical-align:middle; font-size:0.9rem; font-family: 'Montserrat'; margin-right:0.5rem; }
.actCaseImgSlider .control p strong { position:relative; padding-right:1rem; color:#019af7; font-weight:600; } 
.actCaseImgSlider .control p strong:before { content:""; position:absolute; top:0.4rem; right:0.3rem; width:0.25rem; height:0.25rem; background:#b2b2b2; border-radius:50%; }
.actCaseImgSlider .control a {display:inline-block; vertical-align:middle; overflow:hidden; font-size:1.2rem; -webkit-transition:0.2s; transition:0.2s;} 
.actCaseImgSlider .control .play {display:none;}
/** 팝업존 : active **/
.actCaseImgSlider .control a:hover,
.actCaseImgSlider .control a:focus{color:#019af7;}


@media (max-width:1440px) {
	/* 교류학교현황 */
	.exchg_map .map_cont .map_point {width:50.2rem; height:26.7rem;}
}
@media (max-width:1400px) {	
	/* 교류학교현황 */
	.exchg_map .map_cont .map_point {width:48rem; height:24rem;}
}
@media (max-width:1350px) {	
	/* 교류학교현황 */
	.exchg_map .map_cont .map_point {width:45rem; height:22rem;}
}
@media (max-width:1280px) {	
	/* 교류학교현황 */
	.exchg_map .map_cont {height:auto; border-radius:0 0 1.5rem 1.5rem;}
	.exchg_map .map_cont .map_point {position:relative; top:auto; right:auto; margin:2.5rem auto; -webkit-transform:translate(0); transform:translate(0);}
	
	.mltmdFile {width:25.5rem;}
}
@media (max-width:1200px) {	
	/* 교류학교현황 */
	.exchg_map .map_cont .map_point {width:40rem; height:20rem;}
} 
@media (max-width:950px) {

	/* 교류학교현황 */
	.exchg_map .map_info .tit_wrap {width:50%; padding-top:4.5rem; }
	.exchg_map .map_info .tit_wrap ul { display:block; }
	.exchg_map .map_info .tit_wrap ul li + li { margin-left:0; }
	.exchg_map .map_info h2 {padding:0 2rem; font-size:1rem; line-height:2.5rem;}
	.exchg_map .map_info .tab_wrap { width:50%; padding:2.8rem 1.25rem 1rem; } 
	.exchg_map .map_cont .map_point {width:35rem; height:18rem;}
	
}
@media (max-width:860px) {
	.mltmdFile {width:20rem; height:auto; margin-top:1rem; }

	.actCaseImgSlider .slider{ height:auto; }
	.actCaseImgSlider .slider .item img{ top:auto; transform: none; -webkit-transform: none;}
}
@media (max-width:769px) {
	/** 교류학교현황 : active(모바일에서 호버 적용 삭제로 중복 클릭 제거) **/
	.exchg_map .map_cont .map_point li > a:hover:before {opacity:.2; -webkit-animation:pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; animation:pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; -webkit-transition:all .15s; transition:all .15s;}
	.exchg_map .map_cont .map_point li > a:hover:after {background:#2b3984; -webkit-animation:pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; animation:pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; -webkit-transition:all .15s; transition:all .15s;}
}
@media (max-width:768px) {
	/* 교류학교현황 */
	.exchg_map .map_cont .map_point {width:30rem; height:15rem;}
	.exchg_map .map_cont .map_point li > a .info {padding:.5rem;}
	.exchg_map .map_cont .map_point li > a > em,
	.exchg_map .map_cont .map_point li > a .info > em {display:none;}
	
	/* 차트영역 width 50% */
    .chart_w50{width:100%; margin:5px 0%;}
    .chart_w50:first-child{margin-right:0%;}
    /* 차트영역 width 30% */
    .chart_w30{width:100%; margin:5px 0%;}
    .chart_w30:first-child{margin-right:0%;}
}
@media (max-width:640px) {
	
	/* 교류학교현황 */
	.exchg_map .map_cont .map_point {width:25rem; height:13rem;}
	.exchg_map .map_info { display:block; }
	.exchg_map .map_info .tit_wrap { width:100%; border-right:none; border-bottom:2px dotted #d1d8ff; } 
	.exchg_map .map_info .tab_wrap { width:100%; padding:1rem 1.25rem; }
}

@media (max-width:540px) {
	
	/* 교류학교현황 */
	.exchg_map .map_cont .map_point {width:20rem; height:10rem;} 
	.exchg_map .map_info .tit_wrap ul li > span {padding-right:.5rem;}
	.exchg_map .map_info .tit_wrap ul li > strong {padding-left:.5rem;}
	.exchg_map .map_info .tab_wrap {padding:1rem;} 
	
}

@media (max-width:480px) {
	/* 교류학교현황 */ 
	.exchg_map .map_cont .map_point {width:15rem; height:8rem;}
	.exchg_map .map_cont .map_point li > a {width:.5rem; height:.5rem;}
	.exchg_map .map_cont .map_point li > a:before {width:1rem; height:1rem;}
	.exchg_map .map_cont .map_point li > a .info {font-size:.6rem; line-height:1;}
	.exchg_map .map_cont .map_point li.active > a .info {top:-2.5rem;}
	
}

@media (max-width:350px) {
	/* 교류학교현황 */
	.exchg_map .map_cont .map_point {width:13rem; height:7rem;}
}