/* 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; right:-7.5rem; top:.5rem; z-index: 9999;}

/* 메인비주얼 */
.TD01_visual { position:relative; height:100%;}
.TD01_visual .slider{ height: 100%; }
.TD01_visual .slider .slick-list{overflow: visible;}

.TD01_visual .item { position:relative; width: 100%;}
.TD01_visual .item img{ display: block; position:relative; left: 50%; transform: translateX(-50%); opacity: 0; width:100%; height:auto; transition: opacity 2s, transform 3s;}
.TD01_visual .slick-active img{ opacity: 1;}

.TD01_visual .slick-dots {position: absolute; left: 68%; bottom: 7rem; z-index: 9999;}
.TD01_visual .slick-dots li{display: inline-block; width: 10px; height: 10px; border-radius: 10rem; background: #ddd;}
.TD01_visual .slick-dots li + li {margin-left: 0.5rem; }
.TD01_visual .slick-dots li.slick-active{ width: 30px; background:#003eaf;}
.TD01_visual .slick-dots li button{width: 100%; height: 100%; opacity: 0;}

.TD01_visual .control{ display: flex; align-items: center; justify-content: space-between; position:absolute; left:calc(68% + 4rem); bottom:7rem; z-index:9999; border-radius: 0 2.5rem 0 0;}
.TD01_visual .control p { display:inline-block; width: 2.8rem; text-align:center; color:#003eaf; font-size:1.1rem; font-family: 'Montserrat'; font-weight: 600; }
.TD01_visual .control p strong {display: inline-block; width: 2rem; height: 2rem; line-height: 2rem; background: #fff; border-radius: 50%; text-align: center; box-shadow: 0.1rem 0.1rem 0.3rem 0.1rem #bbd3ed;}
.TD01_visual .control p span{font-size: 0.9rem; font-weight: 400;}
.TD01_visual .control > a{ font-size:.9rem; text-align:center; vertical-align:middle; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.TD01_visual .control > a.play{display:none;}
.TD01_visual .control > a.play,
.TD01_visual .control > a.stop{ width: 2rem; height: 2rem; line-height: 2rem; color:#6d7b99; text-align: center; }
.TD01_visual .control > a.prev:hover,
.TD01_visual .control > a.prev:focus{ transform: translateX(-0.1rem); transform: -webkit-translateX(-0.1rem); -ms-transform: translateX(-0.1rem);}
.TD01_visual .control > a.next:hover,
.TD01_visual .control > a.next:focus{ transform: translateX(0.1rem); transform: -webkit-translateX(0.1rem); -ms-transform: translateX(0.1rem);}

/* 바로가기 */
.TD01_link01 {}
.TD01_link01 .inner{ }
.TD01_link01 ul{ display: flex; justify-content: space-around; align-items: center; }
.TD01_link01 li { flex:1; position: relative; text-align: center; }
.TD01_link01 li + li::before{ content: ''; display: block; position: absolute; left: -2px; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; border-right:4px dotted #d0d0d0;}
.TD01_link01 li a {display: block;}
.TD01_link01 li a img {transition:all ease .3s;}
.TD01_link01 li a p { position: relative; width: fit-content; max-width: 100%; margin: 1.2rem auto 0 auto; text-align: center; font-size:1rem; line-height:1.2rem; font-weight:600; word-break: keep-all;}
.TD01_link01 li a p::before{content: ''; display: block; opacity: 0; position: absolute; top: 0rem; left: 0rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #003eaf; transition: 0.2s all ease; }
/** 바로가기 :active **/
.TD01_link01 li:hover,
.TD01_link01 li:focus {color: #003eaf;}
.TD01_link01 li:hover a img,
.TD01_link01 li:focus a img {transform: rotateY(180deg);}
.TD01_link01 li:hover a p,
.TD01_link01 li:focus a p{font-weight: 700;}
.TD01_link01 li:hover a p::before,
.TD01_link01 li:focus a p::before{ top: -0.5rem; left: -0.5rem; opacity: 1;}

/* 게시판 */
.TD01_notice { position:relative; height:100%;  }
.TD01_notice .titTab{margin-right:2rem; margin-bottom: 0.5rem;}
.TD01_notice .titTab .slider{font-size:0;}
.TD01_notice .titTab li { position:relative; display:inline-block; font-size:1rem; line-height:2rem; vertical-align:middle; }
.TD01_notice .titTab li + li {margin-left:.05rem; padding-left:1rem;}
.TD01_notice .titTab li a { display:inline-block; vertical-align: bottom; color:#444; margin-right: .5rem;}
.TD01_notice .titTab li a span{ display:inline-block; vertical-align: middle; overflow:hidden; white-space:nowrap; font-weight: 700; font-size: 1.3rem;}
.TD01_notice .titTab li a span em{color: #ffa800;}

.TD01_notice .list_box { display:none; width:100%;  }
.TD01_notice .list_box .slider { height:100%; }
.TD01_notice .list_box .item { position:relative; float: left; width:50%;}
.TD01_notice .list_box .item:nth-child(4) ~ .item {display: none;}
.TD01_notice .list_box .item a { position:relative; display:block; height: 7.8rem; padding: 1.5rem; word-break:keep-all; font-weight:400; color:#111; margin:0.5rem; border-radius: 1.5rem; border:1px solid #ddd; background: #fff; overflow: hidden;}
.TD01_notice .list_box .item a::after{content: ''; display: block; width:10rem; height: 10rem; background: #fdd252; border-radius: 50%; position:absolute; bottom: -5rem; right: -2rem; opacity: 0;}
.TD01_notice .list_box .item a p{ position:relative; }
.TD01_notice .list_box .item a p strong{ display: block; width: 100%; height: 2.8rem; margin-bottom: 1rem;; font-size:1rem; font-weight: 600; overflow:hidden;}
.TD01_notice .list_box .item a.new p strong::before{content: 'N'; display: inline-block; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; background: #fdd252; border-radius: 50%; font-size: 0.8rem; margin-right: 0.2rem;}
.TD01_notice .list_box .item a p span { display: block; width:100%; }
.TD01_notice .list_box .item a p span.date { color: #666; font-size: 0.75rem;}
.TD01_notice .list_box .item.no_data{text-align:center; line-height:9.5rem; background: rgba(0,0,0,0.1); border-radius: 1rem;}
.TD01_notice .btn_more { position: absolute; width: auto; height: auto; right:0; top:0.3rem; font-weight: 600; }
.TD01_notice .btn_more:before { content: ''; display: block; width: 30px; height: 5px; position: absolute; background: linear-gradient(to right, #fdd252 50%, #ffffff 50%); right: 0; top: 50%; transform: translate(-50%, -50%); border-radius: 1rem;}
.TD01_notice .btn_more:after { content: ''; display: inline-block; width: 30px; height: 30px; border-radius: 50%; background: #fdd252; vertical-align: middle; margin-left: 1.5rem;}
.TD01_notice .btn_more span{ vertical-align: middle; margin-left: 0;}
.TD01_notice .list_box .slick-list { overflow:initial; overflow-x: clip;}

.TD01_notice .list_box .control { position: absolute; top:0; right:8em; z-index: 9}
.TD01_notice .list_box .control a { display: inline-block; width:38px; height:38px; line-height: 38px; background:#fdfaec; border-radius: 50%; text-align: center; font-size: 1.1rem; font-weight: 700;}
.TD01_notice .list_box .control a + a { margin-left: 0.2rem;}
.TD01_notice .list_box .control .play{display: none;}
/* 게시판 :active */
.TD01_notice .list_box .item:hover a,
.TD01_notice .list_box .item:focus a{ border:2px solid  #fdd252; box-shadow: 0 0.1rem 0.2rem 0.2rem #f5f3e6; }
.TD01_notice .list_box .item:hover a::after,
.TD01_notice .list_box .item:hover a::after{opacity: 0.1;}
/* .TD01_notice .list_box li:hover a:after,
.TD01_notice .list_box li:focus a:after{ width: 20px; height: 20px; background:#00c4c1; border: 5px solid #e4ffff; outline: 2px dotted #00c4c1; -ms-outline: 2px dotted #00c4c1; -webkit-outline: 2px dotted #00c4c1;bottom: -2.8rem; left: 1.5rem;} */
.TD01_notice .list_box .control a:hover,
.TD01_notice .list_box .control a:active{background: #f6efcf;}
.TD01_notice .list_box .control a:first-child:hover,
.TD01_notice .list_box .control a:first-child:active{transform: translateX(-0.2rem);}
.TD01_notice .list_box .control a:last-child:hover,
.TD01_notice .list_box .control a:last-child:active{transform: translateX(0.2rem);}

.TD01_notice .list_box .item:hover
.TD01_notice .titTab .item a.current { padding:.3rem 1.6rem; color:#fff; background: #00a8f1; font-weight:700; border-radius:2rem 2rem 0 2rem; }
.TD01_notice .list_box.on { display:block; }

.TD01_notice .btn_more:hover{transform:none;}
.TD01_notice .btn_more:hover:before{ transform:translate(-50%, -50%) rotate(180deg); background: linear-gradient(to left, #fdd252 50%, #ffffff 50%); }
.TD01_notice .btn_more:hover span{font-weight: 700;}
.TD01_notice a,
.TD01_notice :before{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.TD01_notice .no_data{width: 100%; line-height: 17rem; text-align: center; background: #f3f3f3;}

/* 포토갤러리 */
.TD01_gallery { position: relative; padding: 2rem 0 2rem 2.5rem;}
.TD01_gallery::after { content: ''; display: block; clear: both; position: absolute; width: 500%; height: 100%; left: 0; top: 0; bottom: 0; background: #e8f1ff; border-radius: 1.5rem; z-index: -1;}
.TD01_gallery h2.heading{font-size: 1.3rem;}
.TD01_gallery h2.heading em{color: #2479fd;}
.TD01_gallery .list_box ul li a { position: relative; display: block; width: 100%; margin-top: 1rem;}
.TD01_gallery .list_box ul li a p.img{ width: 100%; height: 16.2rem;overflow: hidden; border-radius: 1.5rem; background: rgba(0,0,0,0.1);}
.TD01_gallery .list_box ul li a p.img img{ position:relative; left:50%; width:auto; height:100%; transform:translateX(-50%); -webkit-transform:translateX(-50%); transition: 0.2s ease all; -webkit-transition: 0.2s ease all;}
/* .TD01_gallery .list_box ul li a p.img span{ display: block;width: 100%; height: 100%; transition: 0.2s ease all; } */
.TD01_gallery .list_box ul li a p{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; }
.TD01_gallery .list_box ul li a p + p{background: #2479fd; color: #fff; text-align: center; width: fit-content; max-width: 100%; min-width: 19rem; border-radius: 3rem 0 3rem 3rem; padding: 1.5rem 3rem; font-weight: 700; font-size: 1.1rem; position: absolute; right: 0; bottom: -23px;}
.TD01_gallery .btn_more { position:absolute; right:0; top:2.5rem;; width: auto; height: fit-content; font-weight: 600; font-size: 0.8rem; float: right;}
.TD01_gallery .btn_more:before { content: ''; display: block; width: 30px; height: 5px; position: absolute; background: linear-gradient(to right, #2479fd 50%, #ffffff 50%); right: 0; top: 50%; transform: translate(-50%, -50%); border-radius: 1rem;}
.TD01_gallery .btn_more:after {content: ''; display: inline-block; width: 30px; height: 30px; border-radius: 50%; background: #2479fd; vertical-align: middle; margin-left: 1.5rem; }
.TD01_gallery .btn_more span{ vertical-align: middle;}
/* 포토갤러리 ::hover, active */
.TD01_gallery .list_box ul li:hover a p.img img,
.TD01_gallery .list_box ul li:active a p.img img{ transform: translateY(-50%) scale(1.1); -webkit-transform:translateX(-50%) scale(1.1); -ms-transform:translateX(-50%) scale(1.1);}
.TD01_gallery .list_box ul li:hover a p + p,
.TD01_gallery .list_box ul li:active a p + p{text-decoration: underline;}

.TD01_gallery .btn_more:hover{transform:none;}
.TD01_gallery .btn_more:hover:before{ transform:translate(-50%, -50%) rotate(180deg); background: linear-gradient(to left, #2479fd 50%, #ffffff 50%); }
.TD01_gallery .btn_more:hover span{font-weight: 700;}
.TD01_gallery a,
.TD01_gallery :before{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

.TD01_gallery .no_data{ height: 15rem; line-height: 15rem; background:rgba(0,0,0,0.1); border-radius:1rem; text-align: center; margin-top: 1rem;}

/* 배너존 */
.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:1700px) {
	.dgeCi{right: 0rem;}
}

@media (max-width:1520px) {
	.dgeCi{right: 0.5rem;}
}

@media (max-width:1360px) {
	/* dge CI */
	.dgeCi { right: auto; left: 1rem; top: 3%; width: 4rem;}
	.dgeCi img{ width: 100%; }

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

	/* 메인비주얼 */
	.TD01_visual .item {width: 55%; }
	.TD01_visual .item img{ width: 100%; height: auto; }
	.TD01_visual .slick-dots{bottom: 1.5rem;}
	.TD01_visual .control{bottom: 1.5rem;}

	/* 바로가기 */
	.TD01_link01 ul{align-items: flex-start;}
	.TD01_link01 li a{ padding: 0.1rem 0.6rem;}
	.TD01_link01 li a img{ width: 3.5rem; height: 3.5rem;}
	.TD01_link01 li a p{font-size: 0.9rem;}

	/* 공지사항 */
	.TD01_notice .list_box .item a{padding: 1rem; margin: 0.3rem;}
	.TD01_notice .list_box .item a p strong{font-size: 0.9rem;}

}

@media (max-width:1024px) {

	/* 메인비주얼 */
	.TD01_visual .item{width: 50%; }
	.TD01_visual .slick-dots{bottom: 2rem;}
	.TD01_visual .control{bottom: 2rem;}

	/* 바로가기 */
	.TD01_link01{margin-right: 0; max-width: 100%; }
	.TD01_link01 .inner{width: 100%; }

	/* 포토갤러리 */
	.TD01_gallery{padding:2rem 0rem 3rem 2rem;}


}

@media (max-width:768px) {
	h2.heading{ font-size:1.1rem;}

	/* 메인비주얼 */
	.TD01_visual .item {width: 70%; margin: 0 auto; float: none;}

	/* 바로가기 */
	.TD01_link01 ul{flex-wrap: wrap; justify-content: flex-start;}
	.TD01_link01 ul li{flex:none; width:33.33%; margin-bottom: 0.5rem;}
	.TD01_link01 ul li:nth-child(3n+1)::before{display: none;}
	.TD01_link01 li a p{ margin-top: 0.5rem;}

	/* 게시판 */
	.TD01_notice .list_box ul:after{ width: 80%; }


	/* 갤러리 */
	.TD01_gallery{padding: 1rem 1rem 2rem 1rem;}
	.TD01_gallery::after{width: 100%; }
	.TD01_gallery .list_box ul li a p.img{ height: 12rem;}
	.TD01_gallery .list_box ul li a p + p{padding: 0.75rem 1rem; min-width: 85%; font-size:.9rem; font-weight:600;}

	/* 배너존 */
	.banner_zone h2{display:none;}
	.banner_zone .bnWrap{width:calc(100% - 6.5rem);}

}

@media (max-width:640px) {

	/* 게시판 */
	.TD01_notice .list_box .item{width: 100%;}
	.TD01_notice .list_box .item a{height: auto; margin:0 0 0.5rem 0;}
	.TD01_notice .list_box .item a p strong{ margin-bottom: 0.5rem;}
	.TD01_notice .list_box .item a p:after { bottom: -5.9rem;}
	.TD01_notice .list_box .item:hover a p:before, .TD01_notice .list_box .item:focus a p:before {bottom: -3rem;}

}

@media (max-width:540px) {

	/* dge CI */
	.dgeCi{ right:-2rem; top:3%;}
	.dgeCi img{ width:60%;}

	/* common title */
	h2.heading{ font-size:1.05rem;}

	/* 메인비주얼 */
	.TD01_visual .item {width: 90%; }
	.TD01_visual .slick-dots{left: 60%; bottom: 0;}
	.TD01_visual .slick-dots li.slick-active{width: 10px;}
	.TD01_visual .control{ left: calc(60% + 3rem); bottom: 0;}
	.TD01_visual .control p strong{width: 1.5rem; height: 1.5rem; line-height: 1.5rem; font-size: 0.8rem;}
	.TD01_visual .control > a.play, .TD01_visual .control > a.stop{width: 1.5rem; height: 1.5rem; line-height: 1.5rem;}


	/* 바로가기 */
	.TD01_link01 ul li{ margin-bottom: 0;}

	/* 게시판 */
	.TD01_notice .titTab li{ font-size: 1.05rem; line-height: auto;}
	.TD01_notice .titTab li a span{font-size: 1rem;}
	.TD01_notice .list_box .item:nth-child(2) ~ .item{display: none;}

	/* 포토갤러리 */
	.TD01_gallery h2.heading{font-size: 1rem;}
}

@media (max-width:460px) {

	/* 바로가기 */
	.TD01_link01 li a{padding: 0.5rem 0; }
	.TD01_link01 li a p{margin: 0.5rem auto 0 auto;}

	/* 게시판 */
	.TD01_notice .btn_more span{display: none; margin-left: 0;}
	.TD01_notice .btn_more:before{display: none;}
	.TD01_notice .btn_more:after{content: '+'; line-height: 30px; text-align: center; font-size: 0.9rem;}
	.TD01_notice .list_box .control{right: 40px; top:0.3rem;}
	.TD01_notice .list_box .control a{width: 30px; height: 30px; line-height: 30px; }

	/* 포토갤러리 */
	.TD01_gallery .btn_more span{display: none;}
	.TD01_gallery .btn_more:before{display: none;}
	.TD01_gallery .btn_more:after{content: '+'; line-height: 30px; text-align: center; font-size: 0.9rem; color: #fff;}

}

@media (max-width:360px) {

	/* dge CI */
	.dgeCi img{ width:40%;}

	/* 메인비주얼 */
	.TD01_visual .control{ right: 0; }

	/* 바로가기 */
	.TD01_link01 ul li{width: 50%; }
	.TD01_link01 li + li::before{display: none;}
	.TD01_link01 li + li:nth-child(even)::before{display: block;}
	.TD01_link01 li a{padding:0 0 0.5rem 0;}
	.TD01_link01 li a p{font-size: 0.8rem; line-height: 1rem;}


}