@charset "utf-8";
@import url("./default.css?250326"); 

body{background:#fff;}

#container {width:100%; margin:75px auto 0; }
#container:after { content:""; display:block; clear:both; }

#layerBell{width:758px;height:426px;position:fixed; left:calc(50% - 339px); top:calc(50% - 213px);  padding:0px 30px 0px; z-index:999; background:#fff;  box-sizing:border-box; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);}
#layerBell .lb_titlebox { text-align:center; position:relative; width:100%; height:110px; }
#layerBell .lb_titlebox:before { content:""; display:block; width:178px; height:192px; background:url(../images/layer/layer_bg.png) center top no-repeat; position:absolute; right:0; bottom:0; }
#layerBell .lb_titlebox h3 { font-size:28px; color:#333; font-weight:500; padding:38px 0 6px; }
#layerBell .lb_titlebox p { font-size:15px; color:#666666; }
#layerBell.bellview { display:none; }
#layerBell .close{position:absolute;bottom:5px;right:5px;}
#layerBell ul { height:240px;  overflow-y:scroll; position:relative; box-sizing:border-box; padding:20px; background:#f5f5f5; }
#layerBell ul:before { content:""; display:block; width:1px; height:100%; background:#ccc; position:absolute; left:18px; top:0px; }
#layerBell ul li { line-height:50px; font-size:15px; color:#333; margin-bottom:10px;  }
#layerBell ul li a { display:block; width:100%; height:50px; line-height:50px; position:relative; padding:0 85px 0 55px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; box-sizing:border-box; }
#layerBell ul li a span.Blink { display:block; position:absolute; right:15px; top:calc(50% - 13px); width:55px; height:25px; line-height:25px; background:#999; font-size:12px; color:#fff; text-align:center;  transition:all 0.4s; }

#layerBell ul li a:before { content:""; display:block; width:38px; height:38px; position:absolute; left:0; top:6px; background:#eee url(../../../images/member/cal_off.png) 11px center no-repeat; border-radius:50%; transition:all 0.4s; }
#layerBell ul li a:hover { font-weight:500; }
#layerBell ul li a:hover:before { background:#01b093 url(../../../images/member/cal_on.png) 11px center no-repeat; transition:all 0.4s; }

#layerBell ul li a:hover span.Blink { background:#444;  transition:all 0.4s;}
#layerBell .today_close_box { width:100%; position:relative; background:#f5f5f5; margin-top:12px; text-align:right; }
#layerBell .today_close_box span { display:block; width:calc(100% - 172px); cursor:pointer; line-height:45px; font-weight:500; color:#4e4e4e; box-sizing:border-box; padding:0 44px 0 0; }
#layerBell .today_close_box span:before { content:""; display:inline-block; background:url(../images/layer/new_chk_on.png) left top no-repeat; width:18px; height:17px; position:relative; margin:0 12px 0 0; top:3px; }
#layerBell .bell_close {position:absolute; right:0; bottom:0; }
#layerBell .bell_close a { display:block; vertical-align:top; text-align:center; width:172px; height:45px; line-height:45px; text-align:center; font-weight:500; color:#4e4e4e; background:#fae86c;  }
#layerBell .bell_close i { color:#fff !important; }

#layerBell table.cStyle {border-top:2px solid #93a9d7; width:100%; border-left:1px solid #dddddd; font-size:13px; text-align:center; border-collapse:collapse; word-break:break-all; margin:0px 0; background:#fff;}
#layerBell table.cStyle th {background:#f4f6fa; color:#444; line-height:24px; padding:6px 5px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
#layerBell table.cStyle td {color:#555; padding:6px 5px; line-height:20px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; font-size:15px; font-weight:500; }
#layerBell .tablecont {  position:relative;  box-sizing:border-box; padding:20px; background:#f5f5f5;}
#layerBell .layer_table {  overflow-y:scroll; position:relative; box-sizing:border-box; height:203px;}
#layerBell table.cStyle .Blick { display:block; width:68px; height:28px; margin:0 auto; line-height:28px; background:#d95f5f; font-size:13px; color:#fff; text-align:center;  transition:all 0.4s; font-weight:500; border-radius:3px; }
#layerBell table.cStyle .Blick:hover { background:#c31414;  transition:all 0.4s;}
#layerBell .lb_chk { display:inline-block; height:28px; margin:0 auto; line-height:28px; background:#5d86e0; font-size:13px; color:#fff; text-align:center;  transition:all 0.4s; font-weight:500; border-radius:3px; padding:0 10px;}
#layerBell .bell_text { }


/*박스 공통*/
.col_box{float:left;  position:relative; width:30%; box-sizing:border-box; background:#fff;} /* 340 / 1100 = */



/*메인비주얼*/
.visual_wrap { position:relative; max-height:630px; overflow:hidden; max-width:1817px; margin:0 auto 0; }
.visual_wrap:after { content:""; display:block; clear:both; }
.visual_wrap .main_btn { width:1450px; position:absolute; text-align:right; left:50%; transform:translateX(-50%); top:392px; z-index:1; }
.visual_wrap .main_btn li {  text-align:left; margin-right:12px; }
.visual_wrap .main_btn li a { display:block; width:24px; height:33px; text-indent:-99999px; }
.visual_wrap .main_btn li.vibtn01 a { background:url(../images/main/vi_bt1.png) center center no-repeat; }
.visual_wrap .main_btn li.vibtn03 a { background:url(../images/main/vi_bt2.png) center center no-repeat; }


#visualbox .vi_btbox { position:absolute; text-align:center; left:0; bottom:100px; width:100%; background:rgba(0,0,0,0.5); }
#visualbox .vi_btbox li { display:inline-block; color:#fff; }
#visualbox .camera_pag_ul { text-align:center; }
#visualbox .camera_pag_ul li { float:none !important; display:inline-block; vertical-align:top; }

.visual_wrap .slick-dots { text-align:center;  width:1450px; position:absolute; text-align:right; left:50%; transform:translateX(-50%); bottom:183px; text-align:right; box-sizing:border-box; padding:0 12px; }
.visual_wrap .slick-dots li { display:inline-block; vertical-align:top; width:222px; position:relative;  }
.visual_wrap .slick-dots li span.line { display:block; width:100%; height:2px; box-sizing:border-box; cursor:pointer; position:relative; background:rgba(204,204,204,0.5); box-shadow:0px 0px 8px rgba(0,0,0,0.3); text-align:left;}
.visual_wrap .slick-dots li.slick-active span.line { background:#fff;  }

.visual_wrap .slick-dots li span.cir { text-indent:-999999px; position:absolute;  background:#fff; width:8px; height:8px; border-radius:50%; position:absolute; left:0; top:-3px; opacity:0; transition:all 0.4s; }
.visual_wrap .slick-dots li.slick-active  span.cir { left:calc(100% - 8px);   opacity:1; }

.visual_wrap .slick-dots li p { font-size:16px; font-weight:bold; color:#ccc; position:absolute; left:0; top:-36px; text-shadow:0 0 5px rgba(0,0,0,0.2); }
.visual_wrap .slick-dots li.slick-active p { color:#fff; }
.visual_wrap .slick-dots li:nth-child(1):before { content:""; display:block; width:25px; height:1px; background:#ccc; position:absolute; left:25px; top:-24px; }
.visual_wrap .slick-dots li:nth-child(2) p { left:-164px; }


.visual_txt { position:absolute; right:0; top:212px; z-index:1; text-align:right; width:100%; letter-spacing:-1px;  }
.vitxt_box { display:inline-block; position:relative; margin:0 0px 0 0; opacity:0; }
.vitxt_box.effect { opacity:1; }

.vitxt_box.effect { -webkit-animation: slide-in-elliptic-left-fwd 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-elliptic-left-fwd 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }


.vitxt_box .vtxt { position:relative; z-index:1; }


@-webkit-keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
            transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
            transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
            transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
            transform-origin: 1800px 50%;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
            transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
            transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
            transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
            transform-origin: 1800px 50%;
    opacity: 1;
  }
}

/*후원신청*/
.donationbox { margin:-100px auto 0; width:100%; max-width:1817px; height:100px; position:relative; background:rgba(0,0,0,0.3); }
.donationbox .titlebox { float:left; width:525px; height:150px; background:#0f79b7; border-radius:0 15px 15px 0; margin-top:-25px; text-align:left; position:relative; }
.donationbox .titlebox:before { content:""; display:block; width:100%; height:150px; position:absolute; left:-100%; top:0; background:#0f79b7; }
.donationbox .titlebox dl { text-align:center; color:#fff; display:inline-block; vertical-align:top; position:relative; padding-top:48px; }
.donationbox .titlebox dl dt { font-size:32px; font-weight:bold; margin-bottom:10px; }
.donationbox .titlebox dl dd { font-size:16px; }
.donationbox .titlebox span { margin:58px 0 0 70px; display:inline-block; vertical-align:top; width:19px; height:35px; background:url(../images/main/do_arrow.png) left top no-repeat; }
.donationbox ul { float:right; text-align:right; }
.donationbox ul li { text-align:center; display:inline-block; text-align:center; vertical-align:top; }
.donationbox ul li:nth-child(2) { margin:0 81px 0 305px; }
.donationbox ul li a { display:block; color:#fff; font-size:18px; height:100px; box-sizing:border-box; padding-top:39px; }
.donationbox ul li a span { display:inline-block; vertical-align:top; position:relative;  margin-right:10px; }
.donationbox ul li:nth-child(1) a span { width:47px; height:47px; background:url(../images/main/do_ic1.png) left top no-repeat; top:-12px;}
.donationbox ul li:nth-child(2) a span { width:49px; height:43px; background:url(../images/main/do_ic2.png) left top no-repeat; top:-11px;}

.donationbox ul li a:hover { font-weight:bold; }


/*공지사항 type1*/
.noticeGroup { margin:0px 50px 0 0; float:left; width:933px; height:290px; }
.noticeGroup h3 {float:left; text-align:center; font-size:18px; font-weight:normal; line-height:55px; height:57px; width:166px; box-sizing:border-box; border:1px solid #324f7f; border-radius:15px 15px 0 0; background:#324f7f;  }
.noticeGroup h3.btn2 { width:236px; margin-left:-1px; }
.noticeGroup h3 a {color:#fff; }

.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn { background:#fff; }
.noticeGroup .on_check .btn a{color:#324f7f; font-weight:bold;}

.noticeGroup div.tabcontent {position:absolute;left:0;top:56px;width:100%; box-sizing:border-box; border-top:1px solid #324f7f; height:234px; display:none; padding:0 30px; box-shadow:0px 2px 8px rgba(0,0,0,0.19);}

.noticeGroup div.tabcontent ul { }
.noticeGroup div.tabcontent ul li:first-child { height:98px; width:100%; box-sizing:border-box; border-bottom:1px solid #d1d1d1; padding:0 113px 0 97px; position:relative; margin-bottom:8px; }
.noticeGroup div.tabcontent ul li:first-child:before { content:""; display:block; width:67px; height:67px; border-radius:50%; position:absolute; left:0; top:15px; 
background:url(../images/main/notice_ic.png) center center no-repeat; }
.noticeGroup div.tabcontent ul li:first-child dl { padding:17px 0 0; }
.noticeGroup div.tabcontent ul li:first-child dt { margin-bottom:4px; }
.noticeGroup div.tabcontent ul li:first-child dt a { display:block; width:100%; height:30px; line-height:30px; color:#333; font-size:17px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-0.5px; font-weight:500; }
.noticeGroup div.tabcontent ul li:first-child dt img { display:none; }
.noticeGroup div.tabcontent ul li:first-child dd.txt { }
.noticeGroup div.tabcontent ul li:first-child dd.txt a { display:block; width:100%; height:30px; line-height:30px; color:#777; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.noticeGroup div.tabcontent ul li:first-child dd.txt a:hover { text-decoration:underline; }

.noticeGroup div.tabcontent ul li:first-child dd.date { height:38px; line-height:38px; color:#aaaaaa; letter-spacing:-0.5px; position:absolute; right:0; bottom:13px; font-size:16px;}

.noticeGroup div.tabcontent ul li:not(:first-child) img { display:none; }
.noticeGroup div.tabcontent ul li:not(:first-child) dl { width:100%; font-size:16px; }
.noticeGroup div.tabcontent ul li:not(:first-child) dl:after { content:""; display:block; clear:both; } 
.noticeGroup div.tabcontent ul li:not(:first-child) dt { float:left; width:70%; position:relative; padding:0 0 0 18px; }
.noticeGroup div.tabcontent ul li:not(:first-child) dt:before { content:""; display:block; width:8px; height:8px; border-radius:50%; background:#f9cc59; position:absolute; left:0; top:16px; }
.noticeGroup div.tabcontent ul li:not(:first-child) dt a { display:block; height:38px; line-height:38px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; padding:0 0 0 0; color:#555; }
.noticeGroup div.tabcontent ul li:not(:first-child) dt a:hover { text-decoration:underline; }
.noticeGroup div.tabcontent ul li:not(:first-child) dd.txt { display:none; }
.noticeGroup div.tabcontent ul li:not(:first-child) dd.date { float:right; height:38px; line-height:38px; color:#aaaaaa; letter-spacing:-0.5px; padding:0 0 0 0px;  }


.noticeGroup div p.more {position:absolute; clear:both;right:0;top:-46px; }
.noticeGroup div p.more a { display:block; width:105px; height:32px; line-height:32px; border-radius:150px; text-align:center; background:#0f79b7; color:#fff; font-size:16px; font-weight:500; box-shadow:0 2px 5px rgba(0,0,0,0.2); }




/*팝업*/
.popupZone { position:relative;  width:467px; height:290px; background:none; margin-bottom:50px; }
.popupZone h3 { height:51px; box-sizing:border-box; color:#000; font-size:24px; display:inline-block; position:relative; }
.popupZone h3 span { color:#0f79b7; }
.popupZone h3:before { content:""; display:block; width:10px; height:10px; border-radius:50%; background:#f9cc59; position:absolute; right:-18px; top:0; }

.popupZone .more { position:absolute; right:0; top:0; }
.popupZone .more a { display:block; width:31px; height:31px; border-radius:50%; text-indent:-99999px; box-sizing:border-box; border:1px solid #d1d1d1; background:#fff url(../images/main/p_more.png) center center no-repeat; box-shadow:2px 2px 6px rgba(0,0,0,0.12); }

.popupZone #popbox { position:relative; height:239px; width:100%; box-sizing:border-box; box-shadow:2px 4px 8px rgba(0,0,0,0.15);  }
.popupZone #popbox li { height:239px; width:100%; overflow:hidden; box-sizing:border-box; }
.popupZone #popbox li a { display:block; width:100%; height:189px;   }
.popupZone #popbox li img { width:100%; height:189px; display:block; }

.popupZone #popbox li .txt { width:100%; box-sizing:border-box; height:50px; line-height:50px; background:#324f7f; padding:0 175px 0 30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#fff; }

.popupZone #popbox .pageall { width:57px; height:22px; margin:0 auto; text-align:center;  position:absolute; right:101px; bottom:17px; z-index:100;}
.popupZone #popbox .pageall:after { content:""; display:block; clear:both; }
.popupZone #popbox .pageall .external { display:inline-block; vertical-align:middle;}
.popupZone #popbox .pageall .total { display:inline-block; height:22px; vertical-align:middle; line-height:22px; font-size:16px; color:#fff; }

#adv-custom-pager2 span { display:none; text-indent:-99999px; }
#adv-custom-pager2 span.cycle-pager-active { display:block; height:22px; font-size:0px; margin-left:1px; }
#adv-custom-pager2 span.cycle-pager-active::before { display:block; width:100%; height:22px; line-height:22px; font-size:16px; color:#f9cc59; text-indent:0; text-align:right; position:relative;  }
#adv-custom-pager2 span:nth-child(1).cycle-pager-active::before { content:"1";  }
#adv-custom-pager2 span:nth-child(2).cycle-pager-active::before { content:"2";  }
#adv-custom-pager2 span:nth-child(3).cycle-pager-active::before { content:"3";  }
#adv-custom-pager2 span:nth-child(4).cycle-pager-active::before { content:"4";  }
#adv-custom-pager2 span:nth-child(5).cycle-pager-active::before { content:"5";  }
#adv-custom-pager2 span:nth-child(6).cycle-pager-active::before { content:"6";  }
#adv-custom-pager2 span:nth-child(7).cycle-pager-active::before { content:"7";  }
#adv-custom-pager2 span:nth-child(8).cycle-pager-active::before { content:"8";  }
#adv-custom-pager2 span:nth-child(9).cycle-pager-active::before { content:"9";  }
#adv-custom-pager2 span:nth-child(10).cycle-pager-active::before { content:"10";  }
#adv-custom-pager2 span:nth-child(11).cycle-pager-active::before { content:"11";  }
#adv-custom-pager2 span:nth-child(12).cycle-pager-active::before { content:"12";  }
#adv-custom-pager2 span:nth-child(13).cycle-pager-active::before { content:"13";  }
#adv-custom-pager2 span:nth-child(14).cycle-pager-active::before { content:"14";  }
#adv-custom-pager2 span:nth-child(15).cycle-pager-active::before { content:"15";  }
#adv-custom-pager2 span:nth-child(16).cycle-pager-active::before { content:"16";  }
#adv-custom-pager2 span:nth-child(17).cycle-pager-active::before { content:"17";  }
#adv-custom-pager2 span:nth-child(18).cycle-pager-active::before { content:"18";  }
#adv-custom-pager2 span:nth-child(19).cycle-pager-active::before { content:"19";  }
#adv-custom-pager2 span:nth-child(20).cycle-pager-active::before { content:"20";  }


.popupZone #popbox .control { position:absolute; right:30px; bottom:19px; z-index:100;}
.popupZone #popbox .control:after { content:""; display:block; clear:both; }
.popupZone #popbox .control p { width:7px; height:12px; float:left; margin:0px 0 0; }
.popupZone #popbox .control p a { display:block; width:100%; height:12px; text-indent:-999999px; }
.popupZone #popbox .control p#prev1 a { background:url(../images/main/pop_bt1.png) left top no-repeat; }
.popupZone #popbox .control p.play { margin:0 13px; width:8px; height:12px; }
.popupZone #popbox .control p.play a { height:18px; background:url(../images/main/p_play.png) left top no-repeat; }
.popupZone #popbox .control p.stop a { background:url(../images/main/p_stop.png) left top no-repeat; }
.popupZone #popbox .control p#next1 a { background:url(../images/main/pop_bt3.png) left top no-repeat;}




/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0px 0 37px 0px; width:100%; height:auto;  }
.galleryGroup .titlebox { width:1450px; margin:0 auto 0; position:relative; height:52px; }
.galleryGroup:before { content:""; display:block; width:65px; height:335px; position:absolute; left:-65px; top:52px; background:#fff; z-index:10; box-shadow:45px 0px 60px 50px rgba(255,255,255,0.9); }
.galleryGroup:after { content:""; display:block; width:65px; height:335px; position:absolute; right:-65px; top:52px; background:#fff; z-index:10; box-shadow:-45px 0px 60px 50px rgba(255,255,255,0.9); }

.galleryGroup .titlebox h3 { height:51px; box-sizing:border-box; color:#000; font-size:24px; display:inline-block; position:relative; }
.galleryGroup .titlebox h3 span { color:#324f7f; }
.galleryGroup .titlebox h3:before { content:""; display:block; width:10px; height:10px; border-radius:50%; background:#f9cc59; position:absolute; right:-18px; top:0; }

.galleryGroup .main_btn { }
.galleryGroup .main_btn li { width:60px; position:absolute; top:132px; z-index:2; }
.galleryGroup .main_btn li.gbtn01 { left:-29px; }
.galleryGroup .main_btn li.gbtn03 { right:-29px; }
.galleryGroup .main_btn li a { display:block; width:100%; height:60px; border-radius:50%; text-indent:-99999px; box-shadow:3px 3px 5px rgba(0,0,0,0.2);  }
.galleryGroup .main_btn li.gbtn01 a { background:#797979 url(../images/main/g_bt1.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn03 a { background:#797979 url(../images/main/g_bt2.png) center center no-repeat; }

.galleryGroup .main_btn li.gbtn01 a:hover { background:#0f79b7 url(../images/main/g_bt1.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn03 a:hover { background:#0f79b7 url(../images/main/g_bt2.png) center center no-repeat; }



.galleryGroup #gallery_scroll {     width: calc(100% + 505px);
    margin: 0px 0 0 -505px;}
.galleryGroup .slick-slide { width:440px; height:335px; margin:0 65px 0 0; box-sizing:border-box; padding:0px 0 0 0; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:273px; width:100%; }
.galleryGroup .slick-slide .gitem .pic { width:100%; height:220px; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important;}
.galleryGroup .slick-slide .gitem .pic:before { content:""; display:block; width:0; height:0; background:rgba(15,121,183,0.5) url(../images/main/gal_more.png) center center no-repeat; transition:all 0.4s; position:absolute; left:0; top:0; }
.galleryGroup .slick-slide .gitem a:hover .pic:before { width:100%; height:100%; }
.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }

.galleryGroup .slick-slide .gitem .g_sub { width:100%; /* 여러 줄 자르기 추가 스타일 */ font-size:16px; color:#333; font-weight:500; margin:14px 0 17px;
    white-space: normal;
    line-height:24px;
    height: 48px;
	overflow:hidden;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
.galleryGroup .slick-slide .gitem .g_date { letter-spacing:-0.5px; padding-top:4px; text-align:right; border-top:1px solid #d1d1d1; font-size:15px; line-height:24px; color:#aaa; background:url(../images/main/g_date.png) no-repeat; background-position:right 69px top 11px;  }

.galleryGroup p.more {position:absolute; clear:both;right:0;top:0px; }
.galleryGroup p.more a { display:block; width:105px; height:32px; line-height:32px; border-radius:150px; text-align:center; background:#0f79b7; color:#fff; font-size:16px; font-weight:500; box-shadow:0 2px 5px rgba(0,0,0,0.2); }

/*후원링크*/
.donabox { width:700px; box-shadow:4px 4px 8px rgba(0,0,0,0.15); }
.donabox2 { float:right; }
.donabox a { display:block; width:100%; height:160px; box-sizing:border-box; padding:28px 30px 0; }
.donabox1 a { background:#acd5f3 url(../images/main/do_pic1.jpg) right bottom no-repeat; }
.donabox2 a { background:#fff5c1 url(../images/main/do_pic2.jpg) right bottom no-repeat;}

.donabox a dt { display:inline-block; line-height:30px; font-size:24px; color:#000; font-weight:bold; letter-spacing:-0.5px; position:relative; margin-bottom:12px; }
.donabox a dt:before { transition:all 0.4s; content:""; display:block; width:11px; height:19px; background:url(../images/main/do_arrow2.png) left top no-repeat; position:absolute; right:-31px; top:6px; }
.donabox a:hover dt:before { right:-41px; }
.donabox a dd { line-height:30px; font-size:18px; color:#333; }



/*배너모음*/
#banner {margin:50px 0 0 0; height:79px;  float:left; position:relative; width:100%; box-sizing:border-box; border-top:1px solid #d1d1d1; }
#banner h3 { line-height:30px; font-size:24px; color:#000; font-weight:bold; letter-spacing:-0.5px; padding-top:22px; }
#banner .btbox { position:absolute; right:0; top:11px; }
#banner .btbox:after { content:""; display:block; clear:both; }
#banner .main_btn { float:left; box-sizing:border-box; }
#banner .main_btn li { float:left; display:inline-block; margin-left:10px;  }
#banner .main_btn li.bbtn02 {  }
#banner .main_btn li a { text-indent:-99999px; display:block;  box-sizing:border-box; width:56px; height:56px; box-sizing:border-box; border-radius:15px 0 15px 0; border:1px solid #d1d1d1; overflow:hidden;  }
#banner .main_btn li.bbtn01 a { background:#fff url(../images/main/b_bt1.png) center center no-repeat; }
#banner .main_btn li.bbtn02 a { background:#eaeaea url(../images/main/b_bt2.png) center center no-repeat;   }
#banner .main_btn li.bbtn03 a { background:#fff url(../images/main/b_bt3.png) center center no-repeat; }

#banner .btbox .more a { background:#eff8ff url(../images/main/b_more.png) center center no-repeat; box-sizing:border-box;} 

div#banner_scroll {position:absolute;left:125px; top:11px; width:1070px;height:56px;overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 20px 0px 0; width:194px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:56px; box-sizing:border-box; border:1px #d1d1d1 solid;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:54px; }









/*/////////////////////////////////////////////////////////////////////////////////반응형/////////////////////////////////////////////////////////////////////////////////*/
@media all and (max-width:1534px) {
.galleryGroup:before { display:none; }
.galleryGroup:after { display:none; }

.galleryGroup .main_btn li.gbtn01 { left:0px; }
.galleryGroup .main_btn li.gbtn03 { right:0px; }


}

@media all and (max-width:1024px) {

/*레이어 알람*/
#layerBell{width:94%; position:fixed; left:3%; padding:0 3%; }
#layerBell .lb_titlebox:before { display:none; }
#layerBell table.cStyle .Blick { display:inline-block; padding:0 5px; height:auto; line-height:24px; width:auto; }
#layerBell .lb_chk { display:inline-block; height:auto; margin:0 auto; line-height:24px;  padding:0 5px;}
#layerBell .today_close_box { width:100%; position:relative; background:#f5f5f5; margin-top:12px; text-align:center; }
#layerBell .today_close_box span { display:block; box-sizing:border-box; padding:0 5px 0 5px; width:calc(100% - 82px); }
#layerBell .today_close_box span:before {  margin:0 8px 0 0; top:3px; }
#layerBell .bell_close {position:absolute; right:0; bottom:0; }
#layerBell .bell_close a { display:block; vertical-align:top; text-align:center; width:82px; height:45px; line-height:45px; text-align:center; font-weight:500; color:#4e4e4e; background:#fae86c;  }
#layerBell .bell_close i { color:#fff !important; }


#container {width:100%; margin:20px auto 0; min-height:100%;}

/*메인비주얼*/
.visual_wrap { position:relative; max-height:630px; overflow:hidden; max-width:1817px; margin:0 auto 0; }
.visual_wrap:after { content:""; display:block; clear:both; }
.visual_wrap .main_btn { width:94%; position:absolute; text-align:right; left:3%; transform:none; top:inherit; bottom:10px; z-index:1; }
.visual_wrap .main_btn li { display:inline-block; text-align:left; margin-right:0px; margin-left:12px; }


#visualbox .vi_btbox { position:absolute; text-align:center; left:0; bottom:100px; width:100%; background:rgba(0,0,0,0.5);  }
#visualbox .vi_btbox li { display:inline-block; color:#fff; }
#visualbox .camera_pag_ul { text-align:center; }
#visualbox .camera_pag_ul li { float:none !important; display:inline-block; vertical-align:top; }

.visual_wrap .slick-dots { display:none !important; }

.visual_wrap .slick-slide img { width:100%; }

.visual_txt { position:absolute; right:0; top:50%; transform:translateY(-50%);   }
.visual_wrap .slick-slide .visual_txt img { width:180px; }

/*박스 공통*/
.col_box{float:left; clear:both;  width:94%; margin:0 3% 40px 3% !important;}


/*후원신청*/
.donationbox { margin:-7px auto 0; width:100%; max-width:1817px; height:auto; position:relative; background:rgba(0,0,0,0.5); }
.donationbox .titlebox { float:left; width:100%; height:auto; background:#0f79b7; border-radius:0; margin-top:0px; text-align:center; position:relative; }
.donationbox .titlebox:before { display:none; }
.donationbox .titlebox dl { text-align:center; color:#fff; display:inline-block; vertical-align:top; position:relative; padding:15px 10px; }
.donationbox .titlebox dl dt { font-size:20px; font-weight:bold; margin-bottom:10px; }
.donationbox .titlebox dl dd { font-size:15px; }
.donationbox .titlebox span { display:none; }
.donationbox ul { float:right; width:100%; }
.donationbox ul li { text-align:center; float:left; width:50%; display:block; text-align:center; }
.donationbox ul li:nth-child(2) { margin:0 0px 0 0px; }
.donationbox ul li a { display:block; color:#fff; font-size:17px; height:100px; box-sizing:border-box; padding-top:39px; }

.donationbox ul li a:hover { font-weight:bold; }

/*공지사항*/
.noticeGroup h3 { font-size:16px; width:40%;}
.noticeGroup h3.btn2 { width:60%; margin-left:-1px; }
.noticeGroup h3 a {  }
.noticeGroup div.tabcontent { padding:0 15px; }

.noticeGroup div.tabcontent ul li:first-child { padding:0 20px 0 87px; position:relative; margin-bottom:8px; }

.noticeGroup div.tabcontent ul li:first-child dd.date { display:none; }

.noticeGroup div.tabcontent ul li:not(:first-child) img { display:none; }
.noticeGroup div.tabcontent ul li:not(:first-child) dl { width:100%; font-size:15px; }
.noticeGroup div.tabcontent ul li:not(:first-child) dl:after { content:""; display:block; clear:both; } 
.noticeGroup div.tabcontent ul li:not(:first-child) dt { float:left; width:65%; position:relative; padding:0 0 0 18px; box-sizing:border-box; }

.noticeGroup div p.more { display:none; }

/*팝업*/
.popupZone #popbox li .txt { padding:0 85px 0 15px;  }

.popupZone #popbox .pageall { display:none; }

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0px 0 37px 3%!important; width:97%; height:auto;  }
.galleryGroup .titlebox { width:100%; margin:0 auto 0; position:relative; height:auto; }

.galleryGroup .titlebox h3 { height:51px; box-sizing:border-box; color:#000; font-size:24px; display:inline-block; position:relative; }
.galleryGroup .titlebox h3 span { color:#324f7f; }
.galleryGroup .titlebox h3:before { content:""; display:block; width:10px; height:10px; border-radius:50%; background:#f9cc59; position:absolute; right:-18px; top:0; }

.galleryGroup .main_btn {padding-right:3%; }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { width:60px; position:static; top:132px; z-index:2; }
.galleryGroup .main_btn li.gbtn01 { float:left; }
.galleryGroup .main_btn li.gbtn03 { float:right; }
.galleryGroup .main_btn li a { width:100%; height:40px; border-radius:0; }


.galleryGroup #gallery_scroll { width:100%;   margin:20px 0 0; }
.galleryGroup .slick-slide { margin:0 30px 30px 0; box-sizing:border-box; padding:0px 0 0 0; }

.galleryGroup p.more {right:3%; top:0px; }

/*후원링크*/
.donabox { width:46%; margin:0 0 20px 3% !important; }
.donabox2 { float:right; clear:none; margin:0 3% 20px 0 !important;}
.donabox a { padding:28px 30px 0; }
.donabox1 a { background-size:220px !important;  }
.donabox2 a { background-size:220px !important; }

.donabox a dt { font-size:20px; }
.donabox a:hover dt:before { right:-41px; }
.donabox a dd { line-height:30px; font-size:15px; color:#333; }



/*배너모음*/
#banner {margin:20px 0 0; height:auto;  background:#fff; float:left; position:relative; width:100%; box-sizing:border-box; padding:20px 0 20px;  }
#banner h3 { padding:12px 0 0 3%; display:inline-block;}
#banner .btbox { position:absolute; right:3%; top:0px; }

div#banner_scroll {position:relative; left:inherit; top:inherit; width:97%; overflow:hidden; margin:35px 0 0 3%; }
div#banner_scroll ul#banner_content {position:absolute;left:0;top:0;width:100%;}
div#banner_scroll ul#banner_content li {float:left; margin:0 3% 0px 0; width:22%; }


}

@media all and (max-width:740px) {

/*배너모음*/
div#banner_scroll ul#banner_content li {float:left;  width:30%; }

}

@media all and (max-width:719px) {
/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0px 3% 0px 3%!important; width:94%; height:auto;  }
.galleryGroup .titlebox { width:100%; margin:0 auto 0; position:relative; height:auto; }

.galleryGroup .main_btn {padding-right:0; }


.galleryGroup #gallery_scroll { width:100%;   margin:20px 0 0; }
.galleryGroup .slick-slide { margin:0 0px 20px 0; box-sizing:border-box; padding:0px 0 0 0; }

.galleryGroup p.more {right:0; top:0px; }


/*후원링크*/
.donabox { width:94%; margin:0 3% 20px 3% !important; }
.donabox2 { float:right; clear:both; margin:0 3% 20px 3% !important;}
.donabox a { padding:28px 15px 0; }
.donabox1 a { background-size:180px !important;  }
.donabox2 a { background-size:180px !important; }




}

@media all and (max-width:550px) {



/*배너모음*/
#banner {margin:20px 0 0; height:auto;  background:#fff; float:left; position:relative; width:100%; box-sizing:border-box; padding:20px 0 20px;  }
#banner h3 { padding:0px 0 0 3%; display:inline-block;}
#banner .btbox { position:static; margin-top:15px; }
#banner .btbox .main_btn { float:none; text-align:center; }
#banner .btbox .main_btn li { float:none; display:inline-block !important; vertical-align:top; margin:0 3px; text-align:left; }
div#banner_scroll {position:relative; left:inherit; top:inherit; width:97%; overflow:hidden; margin:20px 0 0 3%; }
div#banner_scroll ul#banner_content {position:absolute;left:0;top:0;width:100%;}

div#banner_scroll ul#banner_content li {float:left; width:47%; }

}

@media all and (max-width:488px) {
.visual_wrap .slick-slide .visual_txt img { width:150px; }
.visual_wrap .main_btn { bottom:10px; text-align:left; }
	
}

@media all and (max-width:420px) {
#layerBell ul:before { display:none; }
#layerBell ul li a {  padding:0 85px 0 0px;  }
#layerBell ul li a:before { display:none !important; }	
	
}