/* common title */
h2.heading { position:relative; display:inline-block; max-width:100%; margin-right:1rem; margin-bottom:1.25rem; font-size:1.4rem; font-weight:700; color:#000; }
h2.heading:before { content:""; position:absolute; top:0; right:-1rem; width:.35rem; height:.35rem; background:#2eaaf3; border-radius:50%; }
h2.heading > span { display:block; white-space:nowrap;overflow:hidden; }

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

/* 메인비주얼 */
.TC13_visual { position:relative; height:100%; border-bottom-right-radius:4rem; background:rgba(0,0,0,.1); overflow:hidden; }
.TC13_visual .slider { height:100%; overflow:hidden; }
.TC13_visual .slick-list,
.TC13_visual .slick-track { height:100%; }
.TC13_visual .item { height:100%; line-height:0; overflow:hidden; }
.TC13_visual .item img { position:relative; left:50%; width:auto; max-height:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
.TC13_visual .control { position:absolute; right:0; bottom:0; padding:0 1.5rem; line-height:3.5rem; z-index:1; background:#fff; border-top-left-radius:1.5rem; text-align:center; }
.TC13_visual .control > a { position:relative; display:inline-block; vertical-align:middle; font-size:1.1rem; color:#222; -webkit-transition:all .15s; transition:all .15s; }
.TC13_visual .control > a.play { display:none; color:#415b65; }
.TC13_visual .control > a.stop,
.TC13_visual .control > a.play { width:1.7rem; height:1.7rem; margin-left:.25rem; background:#eae8e8; border-radius:50%; line-height:1.7rem; } 
.TC13_visual .control p { display:inline-block; padding:0 .5rem; vertical-align:middle; font-family:'Montserrat'; font-size:1rem; color:#555; font-weight:400; }
.TC13_visual .control p strong { position:relative; padding-right:2rem; color:#5665b6; font-weight:700; }
.TC13_visual .control p strong:after { position:absolute; top:50%; right:1rem; width:1px; height:11px; background:#c1c1c1; content:""; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
/** 메인비주얼 :active **/
.TC13_visual .control > a:hover { color:#5665b6; }
.TC13_visual .control > a.stop:hover,
.TC13_visual .control > a.play:hover { background:#5665b6; color:#fff; }

/* 바로가기1 */
.TC13_link01 { position:relative; width:100%; height:100%; }
.TC13_link01 a { display:flex; width:11.6rem; height:5rem; background:#fff; border-radius:1rem; box-shadow:0 0 13px rgba(0,0,0,.15); align-items:center; justify-content:center; -webkit-transition:all .15s; transition:all .15s; }
.TC13_link01 a:nth-of-type(n + 2) { display:none; }
.TC13_link01 a > span { width:2.6rem; height:2.3rem; }
.TC13_link01 a img { display:block; width:100%; height:100%; }
.TC13_link01 a p { position:relative; width:calc(100% - 5rem); padding:0 0 2rem .75rem; }
.TC13_link01 a p > span { display:block; width:100%; max-height:2.5rem; overflow:hidden; letter-spacing:-1px; color:#000; font-size:.9rem; font-weight:600; }
.TC13_link01 a p:before { content:""; position:absolute; bottom:.5rem; left:.75rem; width:1.75rem; height:.6rem; z-index:1; background:url(/images/dgedu/template/TC13/main/link01_more.png)no-repeat center/100% 100%; -webkit-transition:all .15s; transition:all .15s; }
.TC13_link01 a p:after { content:""; position:absolute; bottom:0; left:1.75rem; width:1.25rem; height:1.25rem; background:#ffdcda; border-radius:50%; }
/** 바로가기1 :active **/
.TC13_link01 a:hover p:before { left:.9rem; }

/* 시설물 검색 */
.TC13_search { position:relative; width:100%; height:100%; }
.TC13_search .search_wrap { position:relative; width:100%; }
.TC13_search .search_wrap .inner { display:flex; width:100%; height:4rem; border-radius:.75rem; background:#fff; border:3px solid #2eaaf3; overflow:hidden; }
.TC13_search .search_wrap .inner select { float:left; width:11rem; height:100%; padding:0 2.5rem 0 1rem; border:none;  font-size:.8rem; color:#000; background: #fff url(/images/dgedu/template/TC13/main/select_arr.png) no-repeat; background-position-x: calc(100% - 0.5rem); background-position-y: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.TC13_search .search_wrap .inner select + select{ width:7rem; background-image: url(/images/dgedu/template/TC13/main/select_arr2.png);}
.TC13_search .search_wrap .inner input { float:left; width:calc(100% - 10rem); height:100%; padding:0 7rem 0 .75rem; color:#000; font-size:0.8rem; border:none; border-radius:0 .75rem .75rem 0; }
.TC13_search .search_wrap .inner input::-webkit-input-placeholder { color:#a09d9d; }
.TC13_search .search_wrap .inner input::placeholder { color:#a09d9d; }
.TC13_search .search_wrap button { position:absolute; top:-2rem; right:1.5rem; width:4.5rem; height:4.5rem; border-radius:50%; background:#2eaaf3; }
.TC13_search .search_wrap button:before { content:""; position:absolute; top:50%; left:50%; width:2.35rem; height:2.35rem; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:url(/images/dgedu/template/TC13/main/ico_search.png)no-repeat center/100% 100%; -webkit-transition:all .15s; transition:all .15s; }
/** 시설물 검색 :active **/
.TC13_search .search_wrap button:hover:before { top:calc(50% - 3px); }

/* 시설물 현황 */ 
.TC13_facility { text-align:center; }
.TC13_facility h2.heading { margin-right:1.5rem ; }
.TC13_facility h2.heading:before { width:0.75rem; height:0.75rem; right:-1.5rem; background:#ffc1c0; }
.TC13_facility h2.heading:after { content:""; position:absolute; top:50%; left:-3rem; width:4.65rem; height:4.65rem; background:url(/images/dgedu/template/TC13/main/facility_tit_bul.png)no-repeat center/100% 100%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.TC13_facility .list_box { margin-top:2.25rem; }
.TC13_facility .list_box > ul { overflow:hidden; margin:-1.25rem; }
.TC13_facility .list_box > ul > li { width:25%; float:left; padding:1.25rem; }
.TC13_facility .list_box > ul > li > div { position:relative; width:100%; height:27.5rem; background:#fff; border-radius:1rem; box-shadow:0 0 6px rgba(42,42,42,.16); -webkit-transition:all .15s; transition:all .15s; }
.TC13_facility .list_box > ul > li > div:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:1rem; background:#dfdfdf; z-index:-1; opacity:0; -webkit-transition:all .15s; transition:all .15s; }
.TC13_facility .list_box > ul > li > div > .img { position:relative; display:block; width:100%; height:10.4rem; overflow:hidden; z-index:1; border-radius:1rem; background-color:rgba(0,0,0,.1); }
.TC13_facility .list_box > ul > li > div > .img:before { content:"\e913"; position:absolute; bottom:1rem; right:1rem; width:2rem; height:2rem; line-height:2rem; background:#4bb6e9; color:#fff; border-radius:50%; font-family:"xeicon"; font-size:1.2rem; z-index:1; opacity:0; -webkit-transition:all .15s; transition:all .15s; }
.TC13_facility .list_box > ul > li > div > .img > img { position:absolute; display:block; top:50%; left:50%; width:100%; height:100%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:all .15s; transition:all .15s; } 
.TC13_facility .list_box > ul > li > div .info { padding:1.15rem 1.4rem; }
.TC13_facility .list_box > ul > li > div .info > ul { margin:-.1rem; }
.TC13_facility .list_box > ul > li > div .info > ul > li { padding:.1rem; overflow:hidden; text-align:left; letter-spacing:-1px; }
.TC13_facility .list_box > ul > li > div .info > ul > li > strong { position:relative;  display:inline-block; width:4.5rem; vertical-align:top; padding-left:.5rem; font-weight:600; color:#295fcb; font-size:.75rem; }
.TC13_facility .list_box > ul > li > div .info > ul > li > strong:before { content:""; position:absolute; top:.5rem; left:0; width:.2rem; height:.2rem; background:#295fcb; border-radius:50%; }
.TC13_facility .list_box > ul > li > div .info > ul > li > span { display:inline-block; vertical-align:top; width:calc(100% - 5rem); font-weight:600; color:#000; font-size:.75rem; }
.TC13_facility .list_box > ul > li > div .btns { position:relative; padding:1.15rem 1.4rem; overflow:hidden; }
.TC13_facility .list_box > ul > li > div .btns:before { content:""; position:absolute; top:0; left:50%; width:calc(100% - 2.8rem); height:1px; border-top:2px dotted #cecece; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
.TC13_facility .list_box > ul > li > div .btns > ul { margin:-.25rem; }
.TC13_facility .list_box > ul > li > div .btns > ul > li { width:50%; padding:.25rem; float:left; }
.TC13_facility .list_box > ul > li > div .btns > ul > li > a { display:flex; height:2.65rem; padding: 0 0.25rem; border-radius:.5rem; font-weight:600; font-size:.7rem; word-break:keep-all; color:#000; letter-spacing:-1px; background:#eef9ff; border-width:2px; border-color:#0097e0; border-style:solid; align-items:center; justify-content:center;}
.TC13_facility .list_box > ul > li > div .btns > ul > li > a.not_use { background:#f0f0f0; border-color:#f0f0f0; }
.TC13_facility .pager_wrap { margin-top:3.25rem; text-align:center; }
.TC13_facility .pager_wrap .pagination { display:inline-block; margin:-.15rem; }
.TC13_facility .pager_wrap .pagination > li { float:left; padding:.15rem; }
.TC13_facility .pager_wrap .pagination > li > a { display:inline-block; vertical-align:middle; width:2.2rem; height:2.2rem; border-radius:50%; color:#000; font-size:.8rem; font-weight:600; line-height:2.2rem; border-color:transparent; background:transparent; }
.TC13_facility .pager_wrap .pagination > li > a.first,
.TC13_facility .pager_wrap .pagination > li > a.last { position:relative; background:#fff; line-height:calc(2.2rem - 4px); border-width:2px; border-style:solid; border-color:#d5d6d6; }
.TC13_facility .pager_wrap .pagination > li > a.first > i,
.TC13_facility .pager_wrap .pagination > li > a.last > i { -webkit-transition:all .15s; transition:all .15s; }
.TC13_facility .pager_wrap .pagination > li.active > a{ background:#4bb6e9; border-color:#4bb6e9; color:#fff; }
/** 시설물 현황 :active **/
.TC13_facility .list_box > ul > li > div .btns > ul > li > a:not(.not_use):hover { color:#006bbf; }
.TC13_facility .list_box > ul > li.on > div { border:2px solid #3faff1; }
.TC13_facility .list_box > ul > li.on > div:before{ top:.5rem; left:.5rem; opacity:1; }
.TC13_facility .list_box > ul > li.on > div > .img:before { opacity:1; -webkit-transform:rotate(180deg); transform:rotate(180deg); }

/* 배너존 */
.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: 1920px) { 
	/* dge CI */
	.dgeCi { left:6rem; }
}
@media (max-width: 1700px) { 
	/* dge CI */
	.dgeCi { left:1rem; }
}
@media (max-width:1280px) {
	/* 비로가기1 */
	.TC13_link01 a { height:4.5rem; }
	.TC13_link01 a > span { width:2rem; height:1.7rem; }
	.TC13_link01 a p { padding-bottom:1.55rem; }
	.TC13_link01 a p:before { bottom:.35rem; width:1.5rem; height:0.45rem; }
	.TC13_link01 a p:after { width:1rem; height:1rem; }
	
	/* 시설물 검색 */
	.TC13_search .search_wrap button { top:-1.5rem; right:1rem; width:3.5rem; height:3.5rem; }
	.TC13_search .search_wrap button:before { width:2rem; height:2rem; }
	.TC13_search .search_wrap .inner input { padding-right:5.5rem; }
	
	/* 시설물 현황 */
	.TC13_facility .list_box > ul > li { width:33.333%; }
}

@media (max-width:950px) { 
	/* common title */
	h2.heading { font-size:1rem; }
	
	/* 메인비주얼 */
	.TC13_visual .control { line-height:2.75rem; }
	.TC13_visual .control > a { font-size:1rem; }
	.TC13_visual .control > a.stop, 
	.TC13_visual .control > a.play { width:1.5rem; height:1.5rem; line-height:1.5rem; }
	.TC13_visual .control p { font-size:.8rem; }
	.TC13_visual .control p strong { padding-right:1.5rem; }
	.TC13_visual .control p strong:after { right:.75rem; }
	
	/* 시설물 현황 */
	.TC13_facility .list_box > ul { margin:-.75rem; }
	.TC13_facility .list_box > ul > li { width:50%; padding:.75rem; }
}
@media (max-width:768px) { 
	/* dge CI */
	.dgeCi img { width:5rem; height:auto; }
	
	/* 메인비주얼 */
	.TC13_visual { border-bottom-right-radius:2rem; }
	
	/* 바로가기1 */
	.TC13_link01 a { width:10rem; height:4rem; }
	.TC13_link01 a > span { width:1.75rem; height:1.55rem; }
	.TC13_link01 a p { width:calc(100% - 3.75rem); }
	
	/* 시설물 현황 */
	.TC13_facility .pager_wrap .pagination > li > a { width:2rem; height:2rem; line-height:2rem; }
	.TC13_facility .pager_wrap .pagination > li > a.first, 
	.TC13_facility .pager_wrap .pagination > li > a.last { line-height:calc(2rem - 4px); }
	
	/* 배너존 */
	.banner_zone h2 { display:none; }
	.banner_zone .bnWrap { width:calc(100% - 6.5rem); }
}
@media (max-width:640px) { 
	
	/* dge CI */
	.dgeCi img { width:4rem; }
	
	/* 메인비주얼 */
	.TC13_visual .item img { left:58%; }
	.TC13_visual .control { padding:0 1rem; }
	
	/* 바로가기1 */
	.TC13_link01 a { width:100%; height:3.5rem; }
	.TC13_link01 a p { padding:0 4rem 0 .75rem; }
	.TC13_link01 a p:before { bottom:auto; top:50%; left:auto; right:.25rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
	.TC13_link01 a p:after { bottom:auto; top:50%; left:auto; right:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
	/** 바로가기1 :active **/
	.TC13_link01 a:hover p:before { left:auto; right:.5rem; }
	
	/* 시설물 현황 */
	.TC13_facility h2.heading:after { width:4rem; height:4rem; }
	.TC13_facility .list_box { margin-top:1.5rem; }
	.TC13_facility .list_box > ul > li { width:100%; }
	.TC13_facility .list_box > ul > li > div { height:auto; }
}

@media (max-width:540px) { 
	
}

@media (max-width:480px) { 
	/* dge CI */
	.dgeCi { top:.5rem; }
	.dgeCi img { width:3rem; }
	
	/* 메인비주얼 */
	.TC13_visual .item img { left:53%; }
	
	/* 바로가기1 */
	.TC13_link01 a p { width:calc(100% - 3rem); }
	
	/* 시설물 검색 */
	.TC13_search .search_wrap .inner { height:auto; border:0; }
	.TC13_search .search_wrap .inner select { width:100%; height:3.5rem; border:3px solid #2eaaf3; border-radius:1rem; }
	.TC13_search .search_wrap .inner input { width:100%; height:3.5rem; margin-top:.5rem; padding-right:4.25rem; border:3px solid #2eaaf3; border-radius:1rem; }
	.TC13_search .search_wrap button { top:auto; bottom:0; right:0; border-radius:0; border-radius:0 1rem 1rem 0; }
	.TC13_facility .pager_wrap { margin-top:2rem; }
}

@media (max-width:380px) { 
	/* dge CI */
	.dgeCi img { width:2.5rem; }
	
	/* 메인비주얼 */
	.TC13_visual .control { line-height:2.5rem; }
	
}