﻿ 
/* common title */
.heading{position:relative; font-size:1.4rem; font-weight: 600; padding:0.5rem 0 0 0.7rem; overflow:hidden; white-space:nowrap; }
.heading:before {content:""; position:absolute; left:0; top:0; width:0.7rem; height:0.7rem; background:#f53d7c; border-radius:50%; }
.heading strong { font-weight:700; }

/* dge CI */
.dgeCi{ position:absolute; left:-6.5rem; bottom:0rem; z-index: 1;}

/* 메인비주얼 */
.TD09_visual { position:relative; height:100%; }
.TD09_visual .slider{ border-radius:1rem; overflow:hidden; border:1px solid #d5dce2;}
.TD09_visual .item{overflow:hidden; line-height:0;}
.TD09_visual .item img{position:relative; width:auto; height:100%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.TD09_visual .control{ z-index:1;}
.TD09_visual .control p { position:absolute; top:2rem; left:3rem; font-size:1.2rem; color:#000; font-weight:700;}
.TD09_visual .control p strong { position:relative; display:inline-block; width:2rem; height:2rem; background:#006baf; border-radius:50%; line-height:2rem; text-align:center; color:#fff; } 
.TD09_visual .control p strong:before { content:""; position:absolute; left:50%; top:50%; width:2.8rem; height:2.8rem; border:1px dashed #006baf; border-radius:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.TD09_visual .control p span { position:relative; padding-left:1.5rem; }
.TD09_visual .control p span:before { content:""; position:absolute; left:1rem; top:0.5rem; width:1px; height:0.7rem; background:#8b9799; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.TD09_visual .control > a { position:absolute; -webkit-transition:0.2s; transition:0.2s; }
.TD09_visual .control > a.stop,
.TD09_visual .control > a.play { left:-2.7rem; bottom:8rem; width:2rem; height:2rem; background:#c8c8c8; color:#fff; text-align:center; line-height:2rem; border-radius:50%; }
.TD09_visual .control > a.play { display:none; }
.TD09_visual .control > a.prev,
.TD09_visual .control > a.next  { bottom:11rem; width:2.5rem; height:2.5rem; background:no-repeat center / auto 100%; }
.TD09_visual .control > a.prev { left:-3rem; background-image:url('/images/dgedu/template/TD09/main/visual_prev.png');}
.TD09_visual .control > a.next { right:-3rem; background-image:url('/images/dgedu/template/TD09/main/visual_next.png');}
.TD09_visual .control > a.prev:hover { background-position:left center; }
.TD09_visual .control > a.next:hover { background-position:right center; }

/* 캘린더 */   
.TD09_schedule { position:relative; }
.TD09_schedule h2 { font-size:1.3rem; padding-top:0.3rem; margin-right:10rem; margin-left:-0.7rem; }
.TD09_schedule .sche_table { position:relative; background:#eff5ff; border-radius:1.25rem; margin-top:1rem; padding-bottom:1rem; overflow:hidden; }
.TD09_schedule .sche_table table { font-family:"SCDream"; text-align:center; height:16.7rem; }
.TD09_schedule .sche_table table thead th { line-height:3rem; background:#3158b6; color:#fff; font-weight:600; font-size:0.9rem; } 
.TD09_schedule .sche_table table thead th.sun { color:#ffa9a9; }
.TD09_schedule .sche_table table thead th.sat { color:#b0d5ff; }
.TD09_schedule .sche_table table tbody tr:first-child td { padding-top:0.5rem; }
.TD09_schedule .sche_table table tbody td { padding:0.1rem 0.1rem 0; color:#000; font-family:"Montserrat"; text-align:center; } 
.TD09_schedule .sche_table table tbody td a { position:relative; display: block; width:1.5rem; height:1.5rem; line-height:1.5rem; border-radius:50%; font-weight:600; margin: auto;}
.TD09_schedule .sche_table table tbody td a.sun { color:#ff6e6e; }
.TD09_schedule .sche_table table tbody td a.sat { color:#1a87ff; }
.TD09_schedule .sche_table table tbody td a.event { background:#3b72e2; color: #fff; }
.TD09_schedule .sche_table table tbody td a.today { background:#f8646a; color: #fff; }
.TD09_schedule .date { position:absolute; right:5.5rem; top:0.5rem; font-family:"Montserrat"; font-weight:600; }
.TD09_schedule .date strong { position:relative; display:inline-block; padding-left:1rem; font-size:1.25rem; font-weight:900; color:#3b72e2; vertical-align:middle; }
.TD09_schedule .date strong:before { content:""; position:absolute; left:0.4rem; top:0.5rem; width:0.3rem; height:0.3rem; background:#bab7b7; border-radius:50%; }
.TD09_schedule .control { position:absolute; right:0; top:0.5rem; }
.TD09_schedule .control a { display:inline-block; width:1.5rem; height:1.5rem; background:#eee; border-radius:50%; text-align: center; line-height:1.5rem; font-size:1.1rem; }
.TD09_schedule .control .btn_more { background:#ebf1fc; }

/* 바로가기1 */
.TD09_link01 { position:relative; width:100%; } 
.TD09_link01 ul { display:flex; width:100%; }
.TD09_link01 ul li { flex:1; }
.TD09_link01 ul li a { display:block; text-align:center; }
.TD09_link01 ul li a .img { position:relative; display:block; width:5.5rem; height:5.5rem; background:#fff; border-radius:50%; box-shadow:5px 5px 18px rgba(90,141,180,0.43); margin:0.8rem auto; -webkit-transition:0.2s; transition:0.2s;}
.TD09_link01 ul li a .img:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #62a8dc; border-radius:50%; opacity:0; -webkit-transition:0.2s; transition:0.2s; }
.TD09_link01 ul li a .img:after { content:""; position:absolute; right:3.5rem; top:0; width:0.9rem; height:0.9rem; background:#62a8dc; border-radius:50%; opacity:0;-webkit-transition:0.2s; transition:0.2s; }
.TD09_link01 ul li a .img img { width:100%; }
.TD09_link01 ul li a p { position:relative; font-size:0.9rem; font-weight:600; padding:0 0.5rem; z-index:1; }
.TD09_link01 ul li a p em { position:relative; display:inline-block; }
.TD09_link01 ul li a p em:before { content:""; position:absolute; left:0; bottom:0; width:0; height:0.5rem; background:#ceeaff; border-radius:0.5rem; opacity:0; z-index:-1; -webkit-transition:0.2s; transition:0.2s; }
/** 바로가기1 :active **/ 
.TD09_link01 ul li a:hover .img,
.TD09_link01 ul li a:focus .img { box-shadow:none; }
.TD09_link01 ul li a:hover .img:before,
.TD09_link01 ul li a:focus .img:before { opacity:1; }
.TD09_link01 ul li a:hover .img:after,
.TD09_link01 ul li a:focus .img:after { opacity:1; }
.TD09_link01 ul li a:hover p em:before,
.TD09_link01 ul li a:focus p em:before { width:100%; opacity:1; }
 
/* 게시판 */
.TD09_notice { position:relative; height:100%;  }
.TD09_notice .titTab{margin-bottom:1.5rem;}
.TD09_notice .titTab ul{font-size:0; background: #eef2f5; border-radius: 1rem; padding-right: 3rem;}
.TD09_notice .titTab li { position:relative; display:inline-block; font-size:1.15rem; line-height:2rem; vertical-align:top; }
.TD09_notice .titTab li + li {position: relative; margin-left:.75rem; padding-left:1rem;}
.TD09_notice .titTab li + li:before{width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #b1b1b1; position: absolute; left: 0; top: calc(50% - 0.15rem); content: '';}
.TD09_notice .titTab li a { position: relative; display:block; color:#221648; font-weight: 600; padding: 0 1rem; font-size: 1rem; line-height: 3.8rem; border-radius: 1rem;}
.TD09_notice .titTab li a::before{width: 1.65rem; height: 1.55rem; background: url('/images/dgedu/template/TD09/main/point_noti.png') no-repeat center / contain; position: absolute; top: calc(50% - 0.75rem); right: 1rem; opacity: 0; content: '';}
.TD09_notice .titTab li a span{ display:block; overflow:hidden; white-space:nowrap;}
.TD09_notice .list_box { display:none; width:100%;  }
.TD09_notice .list_box ul { display:flex; flex-wrap: wrap; height:100%; margin:0 -0.6rem; }
.TD09_notice .list_box li { position:relative; width:50%; padding:0.6rem;  }  
.TD09_notice .list_box li:nth-of-type(n+5) { display:none; }
.TD09_notice .list_box li a { position:relative; display:block; height:9.7rem; background:#fff; border:1px solid #a1dce8; border-radius:1rem;  word-break:keep-all; padding:1.8rem 1.5rem; font-weight:400; color:#111;} 
.TD09_notice .list_box li p { position:relative; display:flex; flex-direction:column-reverse; justify-content: center; z-index:1;}
.TD09_notice .list_box li a p i {position:absolute; left:0; top:0.35rem; padding-left:1rem; color:#555; font-size:.8rem; font-weight: 600;} 
.TD09_notice .list_box li a p:after { content:""; position:absolute; left:0; top:0; width:2.1rem; height:2.1rem; background:#f1f1f1; border-radius:50%; z-index:-1; }
.TD09_notice .list_box li a.new p:before{content:"New"; color:#f53d7c; } 
.TD09_notice .list_box li a.new p:after {background:#ffe5ee; }
.TD09_notice .list_box li a.new p i {left:1.5rem;}
.TD09_notice .list_box li a.new p:after{content: "New"; color: #f53d7c; padding-left:.2rem; font-size:.8rem; line-height:2rem; font-weight: 600; z-index:2;}
.TD09_notice .list_box li p strong { max-height:2.6rem; line-height:1.3rem; font-size:0.9rem; font-weight:600; overflow:hidden;}
.TD09_notice .list_box li span { width:100%; color:#666; text-align:right; margin-bottom:1.6rem; }
.TD09_notice .list_box li.no_data{ width:100%; line-height:20.6rem; text-align:center; margin:0.6rem; padding:0; background:rgba(0,0,0,0.1); border-radius:1rem; font-size:1rem; }
.TD09_notice .btn_more { position:absolute; right:0.8rem; top:0.9rem; width:2rem; height:2rem; background:#073a85; text-align:center; line-height:2rem; border-radius:50%; color:#fff; font-size:1rem; }
/** 게시판 :active **/ 
.TD09_notice .titTab li a:hover,
.TD09_notice .titTab li a:focus,
.TD09_notice .titTab li a.current { background: #f53d7c; color: #fff; font-weight: 700; }
.TD09_notice .titTab li a.current {transform: translateY(1rem); -webkit-transform: translateY(1rem); box-shadow: 0.25rem 0.25rem 0.25rem rgba(0,0,0,0.2); padding:0 3.5rem 0 1rem;}
.TD09_notice .titTab li a.current::before{opacity: 1;}
.TD09_notice .list_box.on { display:block; }
.TD09_notice .list_box li a:hover,
.TD09_notice .list_box li a:focus{ border-color:#f53d7c; box-shadow:2px 2px 15px rgba(28,58,85,0.35); } 
.TD09_notice .btn_more:hover,
.TD09_notice .btn_more:focus{ box-shadow:2px 2px 10px rgba(28,58,85,0.2); }
.TD09_notice a,
.TD09_notice :before{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* 참여후기 */
.TD09_review { position:relative; width:100%; height:100%; padding:0.5rem 2rem 1.7rem; }
.TD09_review:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:calc(100% - 8rem); background:#25a9e6 url('/images/dgedu/template/TD09/main/bg_popup.png') no-repeat bottom center / 100% auto; border-radius:1.5rem;}
.TD09_review h2 { margin:0 2.5rem 2rem -0.7rem; }
.TD09_review .no_data {position:relative; width:100%; margin:0; line-height:20rem; text-align:center; background:#f7f7f7; border-radius:1.5rem;}
.TD09_review .slider { position:relative; overflow:hidden; }
.TD09_review .slider div,
.TD09_review .slider .item {height:100%;}
.TD09_review .slider .item a { display:block; height:100%; overflow:hidden;} 
.TD09_review .slider .item a .img { position:relative; height:17.25rem; background:no-repeat center / cover; border-radius:1rem; overflow:hidden;  background-color:#eaeaea;}
.TD09_review .slider .item a .img img {position:relative; left:50%; width:auto; height:100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all .2s; -webkit-transition: all .2s;}
.TD09_review .slider .item a .img:before { content:""; position:absolute; right:0; bottom:-50%; width:80%; height:80%; background:rgba(30,137,215,0.6); border-radius:100% 0 0 0; opacity:0; -webkit-transition:0.2s; transition:0.2s; z-index:2;}
.TD09_review .slider .item a .txt { font-size:1rem; font-weight:700; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top:1.5rem; }
.TD09_review .control{position:absolute; right:3rem; bottom:3.5rem;} 
.TD09_review .control p { display:inline-block; margin-right:0.5rem; vertical-align:middle; }
.TD09_review .control p strong { position:relative; padding-right:1rem; color:#f53d7c; }
.TD09_review .control p strong:after{ content:""; position:absolute; top:0.5rem; right:0.3rem; width:0.3rem; height:0.3rem; background:#cdcdcd; border-radius:50%; }
.TD09_review .control a {display:inline-block; width:2rem; height:2rem; border-radius:50%; text-align: center; line-height:2rem; font-size:1.1rem; vertical-align:middle; -webkit-transition:0.2s; transition:0.2s; }
.TD09_review .control a.next,
.TD09_review .control a.prev { border:1px solid #e5e0e0; background:#fff; color:#1c8cd3; } 
.TD09_review .control a.stop,
.TD09_review .control a.play { color:#fff; background:#073a85; } 
.TD09_review .control .play {display:none;}
.TD09_review .btn_more { position:absolute; right:2rem; top:1rem; width:2rem; height:2rem; background:#fff; border:1px solid #e5e0e0; border-radius:50%; color:#073a85; font-size:1.25rem; text-align:center;}
/** 참여후기 : active **/ 
.TD09_review .slider .item a:hover .img:before,
.TD09_review .slider .item a:focus .img:before { opacity:1; bottom:-30%;  }
.TD09_review .control a:hover,
.TD09_review .control a:focus { box-shadow:2px 2px 10px rgba(28,58,85,0.2);}
.TD09_review .btn_more:hover,
.TD09_review .btn_more:focus {box-shadow:2px 2px 10px rgba(28,58,85,0.2); }

/* 기부현황 */
.TD09_donate { position:relative; }
.TD09_donate .slider { margin:1rem -1.2rem 0; }
.TD09_donate .slider .item { padding:0 1.2rem; }
.TD09_donate .slider .item a { position:relative; display:block; height:9.3rem; border:1px solid #d6d6d6; border-radius:1rem; padding:1rem; background:#fff; font-weight:600; overflow:hidden; }
.TD09_donate .slider .item .school { display:inline-block; padding:0 0.8rem; line-height:1.9rem; background:#3259a8; color:#fff; font-weight:700; border-radius:1rem; }
.TD09_donate .slider .item .date { position:absolute; right:1rem; top:1.4rem; letter-spacing:-1px; font-size:0.75rem; }
.TD09_donate .slider .item ul { margin-top:0.8rem; }
.TD09_donate .slider .item ul li { width:50%; line-height:2rem; padding-right:0.5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; }
.TD09_donate .slider .item ul li strong { display:inline-block; width:2rem; height:2rem; background:#d4e4ff; border-radius:50%; margin-right:0.3rem; text-align:center; font-weight:700; font-size:0.85rem; }
.TD09_donate .slider .item .money { position:absolute; left:0; bottom:0; width:100%; line-height:2.5rem; background:#eef2f5; padding:0 1rem 0 2.5rem; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; }
.TD09_donate .slider .item .money:before { content:""; position:absolute; left:1rem; top:0; width:1.15rem; height:100%; background:url('/images/dgedu/template/TD09/main/ico_donate.png') no-repeat center / contain; }
.TD09_donate .slider .item .money strong { font-weight:700; font-size:0.85rem;}
.TD09_donate .bottom { display:flex; justify-content:space-between; align-items:center; margin-top:0.5rem; padding-left:1rem; }
.TD09_donate .total { position:relative; width:14.5rem; display:inline-block; font-size:0.9rem; font-weight:600; padding-left:1.5rem; background:url('/images/dgedu/template/TD09/main/ico_donate.png') no-repeat left center; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } 
.TD09_donate .total strong { font-weight:700; color:#000; }
.TD09_donate .total span { position:relative; font-weight:700; color:#013ab1; }  
.TD09_donate .line { width:calc(100% - 23rem); height:2px; background:#dedfe0; }
.TD09_donate .control { width:7.5rem; text-align:right; }
.TD09_donate .control a { display:inline-block; width:2rem; height:2rem; background:#fff; border-radius:50%; border:1px solid #e5e0df; text-align:center; line-height:2rem; font-size:1.25rem; }
.TD09_donate .control a.play { display:none; }
.TD09_donate .control a.play,
.TD09_donate .control a.stop { color:#a0a0a0; }
.TD09_donate .btn_more {position: absolute; right:0; top:0; line-height: 2.4rem; border: 1px solid #205bd5; font-weight: 600; padding: 0 3.75rem 0 1.25rem; color: #205bd5; background: #fff; border-radius: 1rem;} 
.TD09_donate .btn_more::before{content: "\e940"; font-family: 'xeicon'; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 1rem;}
/** 기부현황 : active **/
.TD09_donate .control a:hover,
.TD09_donate .control a:focus {color:#205bd5; } 
.TD09_donate .slider .item a:hover .money,
.TD09_donate .slider .item a:focus .money { background-color:#d4e4ff;}
.TD09_donate .slider .item a:hover .money:before,
.TD09_donate .slider .item a:focus .money:before { -webkit-animation:heartAct 0.3s; animation:heartAct 0.3s; }
.TD09_donate .btn_more:hover,
.TD09_donate .btn_more:focus { background-color:#205bd5; color: #fff;}
.TD09_donate .control a,
.TD09_donate .slider .item a:hover .money,
.TD09_donate .btn_more{ -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s;}

@-webkit-keyframes heartAct {
    0% { -webkit-transform:translateY(0); transform:translateY(0);}
    50% { -webkit-transform:translateY(-7%); transform:translateY(-7%);}
    100% { -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes heartAct {
    0% { -webkit-transform:translateY(0); transform:translateY(0);}
    50% { -webkit-transform:translateY(-7%); transform:translateY(-7%);}
    100% { -webkit-transform:translateY(0); transform:translateY(0);}
}

/* 실현된 나눔 */
.TD09_cntrb h2 { margin-left:-0.7rem; }
.TD09_cntrb .box { position:relative; width:100%; height:10.9rem; background: url('/images/dgedu/template/TD09/main/img_cntrb.png') no-repeat center top 1.5rem, url('/images/dgedu/template/TD09/main/bg_cntrb.png') no-repeat center / cover,  #ffdadf; border-radius:1rem; margin-top:1rem; text-align:center; padding:7.5rem 1rem 0; } 
.TD09_cntrb .box p { font-size:1rem; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.TD09_cntrb .box p strong { font-size:1.25rem; font-weight:700; color:#cb122b; }

/* 갤러리 */
.TD09_gallery { position:relative; height:100%; padding:2.5rem 0 0 0; z-index: 1;}
.TD09_gallery::after{width: 13.95rem; height: 8.45rem; background: url('/images/dgedu/template/TC05/main/bg_gallery02.png') no-repeat top right / contain; position: absolute; top: 0; right: 13.1rem; z-index: -1; content: '';}
.TD09_gallery::before{width: 6.8rem;height: 7.3rem;background: url('/images/dgedu/template/TC05/main/img_gallery.png') no-repeat center / contain;position: absolute;bottom: -1rem;left: -3rem;content: '';z-index: 2;}
.TD09_gallery .titBox{ display:flex; flex-wrap: wrap; align-items: center; justify-content: left; margin-right:15rem; margin-bottom: 1.5rem;} 
.TD09_gallery .titBox p{ font-size:.75rem; font-weight: 400;}
.TD09_gallery .no_data {position:relative; width:100%; margin:0; line-height:17.75rem; text-align:center; background:#f7f7f7; border-radius:1.5rem;}
.TD09_gallery .slider{width: calc(100% + 3.2rem); margin-left: -1.6rem;}
.TD09_gallery .slider .item{padding:0 1.6rem; vertical-align: top;}
.TD09_gallery .slider .item a{ position:relative; display:block; height:100%; padding-bottom: 2rem;}
.TD09_gallery .slider .img{position: relative; width:100%; height:11rem; border-radius: 1rem;  overflow:hidden; background:rgba(0,0,0,0.1);}
.TD09_gallery .slider .img img{ position:relative; left:50%; width:auto; height:100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all .2s; -webkit-transition: all .2s;}
.TD09_gallery .slider .item .year{position: absolute; bottom:0; right: 0;text-align: center; border-radius: 50%; transition: all 0.3s; -webkit-transition: all 0.3s;}
.TD09_gallery .slider .item .year.act{ width: 3.6rem; height: 3.6rem; display:flex; justify-content:center; flex-direction:column-reverse; background: #f2004d; color: #fff; font-size: 12px; bottom: 3.5rem; right: -1rem; opacity: 0; font-weight: 600;}
.TD09_gallery .slider .item .year.act strong { font-size:1.1rem; font-weight:700; } 
.TD09_gallery .slider .item .year.act::before{width: 4rem; height: 4rem; background: rgba(255,255,255,0.3); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); content: '';}
.TD09_gallery .slider .txt{ font-size: 0.9rem; font-weight: 600; margin-top: 1.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; }
.TD09_gallery .control{position: absolute; top: 2.75rem; right: 8rem;}
.TD09_gallery .control > a{ display: inline-block; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; border-radius: 50%; border: 1px solid #ccc; background: #fff; font-size: 1rem;}
.TD09_gallery .control > a.play{display: none;}
.TD09_gallery .control > a.play, .TD09_gallery .control > a.stop{color: #a0a0a0;}
.TD09_gallery .btn_more {position: absolute; right:0; top:2rem; line-height: 2.4rem; border: 1px solid #f53d7c; font-weight: 600; padding: 0 3.75rem 0 1.25rem; color: #f53d7c; background: #fff; border-radius: 1rem;} 
.TD09_gallery .btn_more::before{content: "\e940"; font-family: 'xeicon'; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 1rem;}
/** 갤러리 : 요소 여백 **/
.TD09_gallery .slider.upSet .item:nth-of-type(odd),
.TD09_gallery .slider:not(.upSet) .item:nth-of-type(even){ margin-top:2rem;}
/** 갤러리 :active **/
.TD09_gallery .slider .item a:hover .txt, .TD09_gallery .slider .item a:focus .txt{color: #f50853; font-weight: 700;}
.TD09_gallery .slider .item a:hover .img, .TD09_gallery .slider .item a:focus .img{box-shadow:0 0 0.5rem rgba(0,0,0,0.3);}
.TD09_gallery .slider .item a:hover .img img, .TD09_gallery .slider .item a:focus .img img{transform: translateX(-50%) scale(1.1); -webkit-transform: translateX(-50%) scale(1.1);}
.TD09_gallery .slider .item.slick-current .year{opacity: 0;}
.TD09_gallery .slider .item.slick-current .year.act{opacity: 1;}
.TD09_gallery .control > a:hover, .TD09_gallery .control > a:focus{border: 1px solid #f53d7c;}
.TD09_gallery .btn_more:hover,
.TD09_gallery .btn_more:focus { background-color:#f53d7c; color: #fff;}
.TD09_gallery a,
.TD09_gallery .item,
.TD09_gallery .slider .img,
.TD09_gallery .slider .img img{-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* 배너존 */
.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:1640px) { 
	/* dge CI */
	.dgeCi{left:auto; right:1rem; top:1rem; bottom:auto;}

	/* 메인비주얼 */
    .TD09_visual .control > a.prev,
    .TD09_visual .control > a.next {  bottom:1rem; width:1.5rem; height:1.5rem; }
    .TD09_visual .control > a.prev { left:auto; right:3rem;  }
    .TD09_visual .control > a.next { right:1rem; } 
    .TD09_visual .control > a.stop, 
    .TD09_visual .control > a.play { left:auto; right:5rem; bottom:1rem; width:1.5rem; height:1.5rem; line-height:1.5rem; }
} 
@media (max-width:1440px) {  

    /* 갤러리 */
	.TD09_gallery{padding-left: 1rem;}
    .TD09_gallery::before { left: 0.5rem;}

    /* 공지사항 */ 
    .TD09_notice .titTab li + li { padding-left:0; margin-left:0;} 

    /* 기부현황 */
    .TD09_donate .slider { margin:1rem -0.5rem 0; }
    .TD09_donate .slider .item { padding:0 0.5rem; } 
}

@media (max-width:1240px) {	  
    .heading { font-size:1.2rem; }

    /* 메인비주얼 */ 
	.TD09_visual .item img{width:100%; height:auto; left:auto; transform: none; -webkit-transform: none;} 

    /* 신청하기 */
    .TD09_schedule h2 { font-size:1.2rem; }

    /* 공지사항 */ 
    .TD09_notice .list_box li a { height:7.5rem; padding:1.2rem; }
    .TD09_notice .list_box li span { margin-bottom:1.2rem; }
    .TD09_notice .list_box li.no_data { line-height:16.2rem; }

    /* 참여후기 */
    .TD09_review { padding:0.5rem 1rem 1.7rem; } 
    .TD09_review h2 { margin-bottom:1rem; } 
	.TD09_review .no_data {line-height:16.5rem;}
    .TD09_review .slider .item a .img { height:13.7rem; }
    .TD09_review .control { right:1rem; }
    .TD09_review .btn_more{ right:1rem; top:0; }

    /* 바로가기1 */  
    .TD09_link01 ul { flex-wrap:wrap; }
    .TD09_link01 ul li { width:25%; flex:inherit; } 
    .TD09_link01 ul li:nth-child(n+5) { margin-top:1rem;}
    .TD09_link01 ul li a .img { width:4.5rem; height:4.5rem; } 
    .TD09_link01 ul li a .img:after { top:0.3rem; width:0.6rem; height:0.6rem; }

	/* 갤러리 */ 
	.TD09_gallery::after {right: 1rem; width: 30%;} 
	.TD09_gallery .slider{width: calc(100% + 1rem); margin-left: -0.5rem;}
	.TD09_gallery .slider .item{padding: 0 0.5rem;}
	.TD09_gallery .slider .item.slick-current .year{bottom: 4rem; right: -0.5rem;} 
}  
@media (max-width:1100px) {	
    /* 공지사항 */
    .TD09_notice .titTab { margin-bottom:0.5rem; }
    .TD09_notice .titTab li { width:50%; }
    .TD09_notice .titTab li:nth-child(3):before { display:none; }
    .TD09_notice .titTab li a { line-height:2.8rem; text-align:center; }
    .TD09_notice .titTab li a.current {-webkit-transform:none; transform:none;}
    .TD09_notice .list_box ul { margin:0 -0.3rem;}
    .TD09_notice .list_box li { padding:0.3rem; }
    .TD09_notice .list_box li a p:before { top:0; }
    .TD09_notice .list_box li a p:after { width:1.5rem; height:1.5rem; }
    .TD09_notice .btn_more { top:1.8rem; }
}
@media (max-width:940px) {   
    /* 메인비주얼 */  
    .TD09_visual .control p { left:1rem; top:auto; bottom:1rem; font-size:0.8rem; }
    .TD09_visual .control p strong { width:1.5rem; height:1.5rem; line-height:1.5rem; }
    .TD09_visual .control p strong:before { display:none; }
    .TD09_visual .control p span { padding-left:1rem; }
    .TD09_visual .control p span:before { left:0.5rem; top:0.2rem; }
 
}
@media (max-width:840px) {  
    /* 신청하기 */
    .TD09_schedule h2 { margin-left:0; } 
    .TD09_schedule .sche_table table { height:auto; } 
    
	/* 참여후기 */
	.TD09_review .slider{ height:auto; margin-top:.5rem;}
	.TD09_review .slider .item img{ top:auto; transform: none; -webkit-transform: none; max-width:100%;} 

    /* 실현된 나눔 */
    .TD09_cntrb h2 { margin-left:0; } 
} 
@media (max-width:768px) { 
    .dgeCi img { width:60%; float:right; }
    
    /* 공지사항 */
    .TD09_notice .titTab li a.current {padding-right: 3.5rem;}
    
    /* 바로가기1 */ 
    .TD09_link01 ul li:nth-child(n+4) {  font-size:0.8rem; } 

    /* 참여후기 */
    .TD09_review .slider .item a .txt { font-weight:600; font-size:0.9rem; }

    /* 기부현황 */  
	.TD09_donate .btn_more { line-height: 2rem; padding-right: 2.5rem;}
 
	/* 갤러리 */
	.TD09_gallery{padding-bottom: 2rem;}
	.TD09_gallery::before{display: none;} 
	.TD09_gallery .control{top: 2.25rem; right: 6.5rem;}
	.TD09_gallery .btn_more{top: 2.25rem; line-height: 2rem; padding-right: 2.5rem;}
	.TD09_gallery .no_data {line-height:17rem;}
	.TD09_gallery .slider{height: 17rem;}
	.TD09_gallery .slider.upSet .item:nth-of-type(odd), .TD09_gallery .slider:not(.upSet) .item:nth-of-type(even){margin-top: 1rem;}

	/* 배너존 */
	.banner_zone h2{display:none;}
	.banner_zone .bnWrap{width:calc(100% - 6.5rem);}
}
@media (max-width:580px) {   
    .heading { font-size:1.05rem; padding:0.3rem 0 0 0.5rem; }
    .heading:before { width:0.5rem; height:0.5rem; }
    
    /* 신청하기 */
    .TD09_schedule h2 { font-size:1.05rem; }
    .TD09_schedule .date strong { font-size:1rem; }

    /* 공지사항 */ 
    .TD09_notice .titTab li + li { margin-left:0; padding-left:0; }
    .TD09_notice .titTab li + li:before { display:none;}
    .TD09_notice .titTab li a,
    .TD09_notice .titTab li a.current { padding:0 0.6rem;}
    .TD09_notice .titTab li a::before { display:none; }
    .TD09_notice .list_box li { width:100%;} 
    .TD09_notice .list_box li a { height:auto; padding:1rem;}
    .TD09_notice .list_box li.no_data { line-height:26.7rem; }

    /* 참여후기 */
    .TD09_review { padding:0 0 1rem }
    .TD09_review:before { width:calc(100% + 2rem); left:-1rem; height:60%; border-radius:1rem;} 
    .TD09_review h2 { margin:0 2.5rem 1rem 0; } 
    .TD09_review .control { bottom:3rem; }
    .TD09_review .control a { width:1.7rem; height:1.7rem; line-height:1.7rem; font-size:1rem; margin:0; } 

    /* 실현된 나눔 */
    .TD09_cntrb .box { height:8.5rem; background-size:4rem auto, cover; padding-top:6rem;}
    .TD09_cntrb .box p strong { font-size:1rem; }
} 
@media (max-width:540px) {   
    
    /* 바로가기1 */ 
    .TD09_link01 ul li { width:33.333%; }
    .TD09_link01 ul li:nth-child(n+4) { margin-top:0.5rem; } 

    /* 기부현황 */
    .TD09_donate .line { display:none; }

	/* 갤러리 */
	.TD09_gallery{padding: 1.5rem 0 3.5rem 1rem;}
	.TD09_gallery .titBox{margin-right: 0;} 
	.TD09_gallery .no_data {line-height:15rem;}
	.TD09_gallery .slider{height: 15rem;}
	.TD09_gallery .slider .img{height: 9rem;}
	.TD09_gallery .slider .txt{margin-top: 1rem;} 
    .TD09_gallery .slider .item .year.act strong { font-size:0.9rem; }
	.TD09_gallery .control{top: auto; bottom: 1.5rem; right: auto; left: 1rem;}
	.TD09_gallery .btn_more{top: auto; bottom: 1.5rem;}
}
@media (max-width:460px) {  
	/* 갤러리 */
	.TD09_gallery .no_data {line-height:10rem; margin-bottom:1.5rem;}
	.TD09_gallery .slider{height: 12.5rem;}
	.TD09_gallery .slider.upSet .item:nth-of-type(odd), .TD09_gallery .slider:not(.upSet) .item:nth-of-type(even){margin-top: 0;}
	.TD09_gallery .slider .item .year {width: 3rem; height: 3rem; bottom: 4rem; right: -0.5rem; background: #f2004d; color: #fff; font-weight: 600;}
	.TD09_gallery .slider .item .year::before{width: 4rem; height: 4rem; background: rgba(255,255,255,0.3); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); content: '';}
}
@media (max-width:420px) { 
    .dgeCi img { width:40%; float:right; }

    /* 기부현황 */
    .TD09_donate .bottom { display:block; } 
    .TD09_donate .control { width:100%; text-align:center; margin-top:0.5rem; }
  
    /* 메인비주얼 */
    .TD09_visual { padding-bottom:2rem; }
    .TD09_visual .control p { bottom:0; left:0; }
    .TD09_visual .control > a.stop, 
    .TD09_visual .control > a.play { right:3.2rem; bottom:0; } 
    .TD09_visual .control > a.prev, 
    .TD09_visual .control > a.next { bottom:0.15rem; width:1.2rem; height:1.2rem;}
    .TD09_visual .control > a.prev { right:1.5rem;}
    .TD09_visual .control > a.next { right:0; }   

    /* 바로가기1 */ 
    .TD09_link01 ul li a .img { width:3.8rem; height:3.8rem; }
    .TD09_link01 ul li a .img:after { display:none; }
    .TD09_link01 ul li a p { font-size:0.8rem; }  
} 
@media (max-width:320px) { 
    .TD09_schedule h2 { margin-right:5rem; }
    .TD09_schedule .date { position:relative; right:auto; top:auto; display:block; text-align:center; margin-top:0.5rem; }
    .TD09_schedule .sche_table { margin-top:0.5rem; }


}

