/*-----------------------------------------------------------container-------------------------------------------------------------------*/

#container {width: 100%; overflow: hidden;}
#container h3 {font-size: 36px; text-align: left;}

/* 메인 비주얼 슬라이드 */
.main_visual {height: 850px; }
.main_visual .slick-arrow {position: absolute; width: 80px; height: 80px; background: #ccc; top: 45%; border-radius: 50%; text-indent: -99999px;}
.main_visual .slick-arrow.slick-prev {background: rgba(241,241,241,0.38)  url('/sites/egive/images/layout/chevron-left.svg') center no-repeat;  left: 10px;z-index: 1;background-size: 60%}
.main_visual .slick-arrow.slick-next {background: rgba(241,241,241,0.38)  url('/sites/egive/images/layout/chevron-right.svg') center no-repeat; right: 10px; background-size: 60%}
.main_visual .slick-dots {display: flex; justify-content: center; margin-top: -185px;}
.main_visual .slick-dots li {margin-right: 10px; font-size: 0 !important; padding: 6px; background: #ffffffa3; border-radius: 50px; cursor: pointer; z-index: 1;}
.main_visual .slick-dots li button{display: none;}
.main_visual .slick-dots li.slick-active {background: #e2e2e2}

.visual_image {width: 100%; height: 100%;}
.visual_image .main_bg{background-size: cover; width: 100%; height: 850px; position: relative;}
.visual_image .main_bg:nth-of-type(1){background: url('/sites/egive/images/main/main_bg06.jpg') center no-repeat; background-size: cover}
.visual_image .main_bg:nth-of-type(2){background: url('/sites/egive/images/main/main_bg04.jpg') center no-repeat;background-size: cover}
.visual_image .main_bg:nth-of-type(3){background: url('/sites/egive/images/main/main_bg05.jpg') center no-repeat;background-size: cover}
.visual_image .main_bg:nth-of-type(4){background: url('/sites/egive/images/main/main_bg.jpg') center no-repeat;background-size: cover}
.visual_image .main_bg:nth-of-type(5){background: url('/sites/egive/images/main/main_bg07.jpg') center no-repeat;background-size: cover}

.visual_image .main_bg h2{font-size: 50px; text-align: center; color: #fff; background: rgba(5,5,5,0.25); width: 55%; padding: 100px 55px; margin:250px auto; font-family: 'twayair'}
.visual_image .main_bg h2 span{display: block; font-size: 25px; margin-top: 50px; position: relative;}
.visual_image .main_bg h2 span::before{content: ''; border-top: 2px solid rgba(232,232,232,0.34);; width: 100%; position: absolute; top: -24px; left: 0;}
/* 메인 비주얼 슬라이드 끝*/


/* 메인 퀵메뉴 */
.main_navi {margin-top: -145px; display: flex; justify-content: center; position: relative;}


.main_navi li {width: calc(100% / 4);background: rgba(253,253,253,0.9);; transition: 0.3s; cursor: pointer; }

.main_navi li a{padding-left: 35px; position: relative; font-size: 23px; font-weight: 500; display: inline-block; padding: 48px 20px; width: 100%;}
.main_navi li a span::before{content: ''; position: absolute;border-bottom: 15px solid rgba(59,154,10,0.38);; left: 0; bottom: -2px; width: 0px; -webkit-transition: 0.5s ease;transition: 0.5s ease;}
.main_navi li:hover a span::before{width: 102%;-webkit-transition: 0.5s ease; transition: 0.5s ease; }
.main_navi li a span{position: relative;}
.main_navi li a span::after{position: absolute; content: ''; top: 0; left: -32px; width: 30px;  height: 30px;}
.main_navi li:nth-of-type(1) a span::after{background: url('/sites/egive/images/main/icon02.png') left no-repeat; background-size: contain;}
.main_navi li:nth-of-type(2) a span::after{background: url('/sites/egive/images/main/icon07.png') left no-repeat; background-size: contain; }
/* .main_navi li:nth-of-type(3) span{background: url('/sites/egive/images/main/icon03.png) left no-repeat; background-size: contain}*/
.main_navi li:nth-of-type(3) a span::after{background: url('/sites/egive/images/main/icon04.png') left no-repeat; background-size: contain;}
.main_navi li:nth-of-type(4) a span::after{background: url('/sites/egive/images/main/icon05.png') left no-repeat; background-size: contain;}
.main_navi li:nth-of-type(5) a span::after{background: url('/sites/egive/images/main/icon06.png') left no-repeat; background-size: contain; }
/* 메인 퀵메뉴 끝 */

/* 퀵메뉴 모달 */
.modal-bill {margin-top: 200px;}
.modal-bill .modal-dialog {max-width: 700px !important;}
.modal-bill .modal-dialog .card-header .close {font-size: 25px !important; margin-top: -5px !important;}
.modal-bill ul li {line-height: 1.5; margin-left: 30px; position: relative;padding: 5px 0;}
.modal-bill ul li::before {position: absolute; content: ''; top: 13px; left: -23px; width: 8px; height: 8px; background: #89c58d; border-radius: 30px;}


/* 기증자 슬라이드 */
.main_cont_slider {overflow: hidden; padding: 38px 0; background: #f7f7f7;}
.main_cont_slider .slider_box {display: flex;  justify-content: space-between}
.main_cont_slider .slider_text { text-align: left; font-size: 25px; position: relative; line-height: 1.2; margin-top: 15px; }
.main_cont_slider .slider_text span { font-size: 25px; color: #f33420; font-weight: 600; position: relative}
.main_cont_slider .slider_cont {display: flex; justify-content: flex-end; width: 60%}
.main_cont_slider .slider_cont .slick-arrow {left: -55px; }

.main_cont_slider .slider_cont .slick-arrow {position: absolute;  width: 40px; height: 40px; top: 43%;  /* border-radius: 50%; */  text-indent: -99999px; border: 1px solid #7d7d7d;}
.main_cont_slider .slider_cont .slick-arrow.slick-prev {background: #f7f7f7 url('/sites/egive/images/layout/chevron-left.svg') center no-repeat; z-index: 1;background-size: 70%; left: -100px; transition: 0.2s}
.main_cont_slider .slider_cont .slick-arrow.slick-prev:hover { margin-left: -5px; transition: 0.2s}
.main_cont_slider .slider_cont .slick-arrow.slick-next {background: #f7f7f7 url('/sites/egive/images/layout/chevron-right.svg') center no-repeat;  right: 0;;z-index: 1;background-size: 70%; transition: 0.2s}
.main_cont_slider .slider_cont .slick-arrow.slick-next:hover {margin-left: 5px; transition: 0.2s}

.main_cont_slider .slider_cont .name_wrap{display: inline-block; text-align: left; margin-left: 23px; font-weight: 500;position: relative}
.main_cont_slider .slider_cont .name_wrap::before{content: '';  border-left: 1px solid #a7a7a7; position: absolute; height: 100%; top: 0; right: 0px;}
.main_cont_slider .slider_cont .name_wrap i{font-size: 21px;}
.main_cont_slider .slider_cont .name_wrap .name{max-width: 60%; display: inline-block; margin: 0;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: -5px;  line-height: normal;  font-size: 17px;}
.main_cont_slider .slider_cont .name_wrap p{margin-top: 10px; font-weight: normal; color: #f32d18;font-family: 'Spoqa Han Sans Neo'; letter-spacing: -0.5px}
.main_cont_slider .slider_cont .name_wrap p.date{font-size:15px; color: #505050; display: block; margin-top: 5px; font-family: 'Spoqa Han Sans Neo'; letter-spacing: -0.5px}
.main_cont_slider .slider_cont .name_wrap p i{font-size:13px; color: #505050;}
/*.main_cont_slider .slider_cont::after{content: '';  border-left: 1px solid #a7a7a7; position: absolute; height: 100%; width: 10px; top: 0; left: -50px;}*/

/*- 기증자 슬라이드 끝 -*/


/* 기증 받은 곳 슬라이드 */

.cont_slider {overflow: hidden; padding: 50px 0 70px 0; background: #f7f7f7;}
.cont_slider .slider_box {display: flex; justify-content: space-between; flex-direction: column;}
/*.main_cont_slider .slider_box p {text-align: left;}*/
.cont_slider .slider_text {font-size: 33px; position: relative; font-weight: 500; line-height: 1.2; color: #4a4a4a;}
/*.cont_slider .slider_text::after {content: ''; background: url('/sites/egive/images/main/man_icon04.png') right no-repeat; background-size: contain; width: 194px; position: absolute; height: 205px; bottom: -88px; right: -64px;}*/
.cont_slider span.text_bold {font-size: 34px; color: #f33420; font-weight: 600; position: relative; }
.cont_slider a.text_plus{transition: 0.2s; border: 1px solid #ccc; padding: 5px 8px; border-radius: 30px; margin-right: 10px; margin-top: 15px; float: right;}
.cont_slider a:hover {font-weight: 600; transition: 0.2s}
.cont_slider i.bi-plus::before{vertical-align: middle;}

.cont_slider .slider_cont {display: flex; justify-content: flex-end; width: 100%; margin-top: 40px; flex-direction: column;}
.cont_slider .slider_cont .slick-dots {margin-top: 30px;}
.cont_slider .slider_cont .slick-dots li {display: inline-block; cursor: pointer; width: 13px; height: 13px; background: #dce4d3; border-radius: 30px; margin: 0 5px;}
.cont_slider .slider_cont .slick-dots li.slick-active {background: #066d2a; width: 23px;}
.cont_slider .slider_cont .slick-dots li button {display: none;}
.cont_slider .slider_cont .name{display: inline-block; text-align: left; margin: 0 10px; font-weight: 500;position: relative; border: none;  background: #f7f7f7; transition: 0.1s; cursor: pointer}
/*.cont_slider .slider_cont .name:hover{background: #fff; transition: 0.1s; border: 2px solid #047b2e}*/
.cont_slider .slider_cont .name .card-body{padding:  15px 5px 5px !important }
.cont_slider .slider_cont .name .card-body .card-title{line-height: normal;display: inline-block; margin: 0;max-width: 200px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.cont_slider .slider_cont .name .card-body .btn{line-height: 1;}
.cont_slider .slider_cont .name .img {width: 100%;  border-radius: 10px; height: 250px;}
.cont_slider .slider_cont .name span{line-height: normal;font-size:16px; color: #505050; float: right;font-family: 'Spoqa Han Sans Neo'; letter-spacing: 0.5px}
/*.main_cont_slider .slider_cont::after{content: '';  border-left: 1px solid #a7a7a7; position: absolute; height: 100%; width: 10px; top: 0; left: -50px;}*/

.cont_slider .slider_cont .slick-arrow {width: 60px; height: 60px; background: #fff; border-radius: 50px; position: absolute; top: 22%; ;border: 1px solid #a9a9a9; text-indent: -99999px;transition: 0.3s}
.cont_slider .slider_cont .slick-arrow:hover {transform: scale(1.15); transition: 0.3s}
.cont_slider .slider_cont .slick-arrow.slick-prev {left: -90px; z-index: 1;background: #f7f7f7 url('/sites/egive/images/layout/chevron-left.svg') center no-repeat; background-size: 50%}
.cont_slider .slider_cont .slick-arrow.slick-next {right: -90px;background: #f7f7f7 url('/sites/egive/images/layout/chevron-right.svg') center no-repeat; background-size: 50%}


/*- 기증 받은 곳 슬라이드 끝 -*/


.main_cont_content {}
.main_cont_content .content {}


/* 발전기금 모금참여현황 */
.cont_total_box {background: #e5f3e2; }
.cont_total {display: flex; padding: 50px 10px; background: url('/sites/egive/images/main/section01_bg.png') top no-repeat;background-size: contain;position: relative;}
.cont_total .total_cont01 { text-align: left; line-height: 1.3; display: flex; flex-direction: column; justify-content: space-between;}
.cont_total .total_cont01 .title_line{position: relative;}
.cont_total .total_cont01 .title_line::before{content: '';position: absolute; border-top: 23px solid #066d2a66; bottom: 0; left: -2px; width: 200px;}
.cont_total .total_cont01 h3 {margin-bottom: 10px;}
.cont_total .total_cont01 .total_button { display: flex; width: 100%; flex-wrap: wrap;}
.cont_total .total_cont01 .total_button li {text-align: center; width:48%; border: 1px solid #ccc;  margin-right: 5px; transition: 0.2s; border-radius: 5px; margin-top: 5px;}
.cont_total .total_cont01 .total_button li:hover {background: #066d2a; transition: 0.2s}
.cont_total .total_cont01 .total_button li a{font-size: 20px;padding: 15px 0; display: inline-block ; width: 100%;}
.cont_total .total_cont01 .total_button li:hover a{color: #fff}
.cont_total .total_cont01 .total_button i{margin-right: 7px;}

.cont_total .total_cont02 {display: flex; justify-content: space-around;padding: 10px;}
.cont_total .total_cont02 li{display: inline-block; font-size: 25px;margin:0 10px}
.cont_total .total_cont02 li img{display: block; width: 150px; margin-bottom: 10px !important; margin: 0 auto;}
.cont_total .total_cont02 li p {margin-top:25px;}
.cont_total .total_cont02 li .tatal_cont_number{font-size: 60px; font-weight: bold; color: #047b2e; font-family: 'Spoqa Han Sans Neo'; letter-spacing: 1px}
.cont_total .total_cont02 li .tatal_cont_text{font-size: 16px; }

/*- 발전기금 모금참여현황 끝 -*/


/* 발전기금 출연계좌 */
.cont_bank {width: 100%; overflow: hidden; margin: 65px auto; padding: 10px;  display: flex; justify-content: space-between; }

.cont_bank .bank_num {position: relative ; width: 31%;}
.cont_bank .bank_num::after {position: absolute; border-right: 3px solid #ececec; height: 80%;  top: 60px;  right: 10%;  content: '';}
.cont_bank .bank_num ul {padding-left: 0;}
.cont_bank .bank_num ul li {text-align: left; position: relative; font-size: 25px; margin-top: 35px; background: url('/sites/egive/images/main/gwangjubanklogo.svg') no-repeat top left; background-size: 200px;}
.cont_bank .bank_num ul li .bank_number{position: relative; font-size: 45px; padding: 53px 0 10px; color: #656565; font-weight: 500;  font-family: 'Spoqa Han Sans Neo';}
.cont_bank .bank_num ul li .bank_number::before {content: '';  position: absolute;  border-bottom: 20px solid #035e861f;; left: -5px; width: 386px; top: 80px; z-index: -1;}
.cont_bank .bank_num ul li .bank_name{font-size: 20px; color: #757575; margin-top: 3px;}


.cont_bank .bank_use .use_box {display: flex; justify-content: space-between;}

.cont_bank .bank_use ul {display: flex; justify-content: space-between; border-radius: 30px; margin-top: 30px; position: relative; flex-wrap: wrap;}
.cont_bank .bank_use ul li {background: #f7f7f7; border-radius: 25px; width: 24%; transition: 0.2s ; }
.cont_bank .bank_use ul li:hover{box-shadow: 6px 6px 6px #00000030; transition: 0.2s !important;}

.cont_bank .bank_use ul li.title{background: none;font-family: 'S-CoreDream-4Regular'; font-size: 21px;  top: 19px; margin: 0 auto;  width: 100%; padding-top: 10px; padding-bottom: 20px;}
.cont_bank .bank_use ul li.title:hover{box-shadow:none}

.cont_bank .bank_use ul li a {display:block; width:100%; height:100%;padding: 10px 0 20px; }
.cont_bank .bank_use ul li img{width: 80px; transition: all 0.5s linear;}
.cont_bank .bank_use ul li:hover img{transform: rotateY( 180deg );transition: all 0.5s linear;}
.cont_bank .bank_use ul li p{margin-top: 10px;}
/*- 발전기금 출연계좌 끝 -*/


/* 발전기금 섹션 */
.plus_icon{float: right; transition: 0.3s;}
.plus_icon i{font-size: 40px;}
.plus_icon:hover{transform: rotate(180deg); transition: 0.3s;}


.cont_content_box {}
.cont_notice {overflow: hidden; text-align: left; width: 55%; padding: 20px 0;}
.cont_notice p {padding: 20px 0px 0px; color: #3e3e3e;padding-bottom: 120px; font-size: 20px;}
.cont_notice > ul {padding: 20px 30px 10px; color: #3e3e3e;}

.cont_notice .notice_text {}

.cont_notice .cont_notice_cont {padding: 50px 40px; width: 24%; border: 1px solid #ccc; position: relative; transition: 0.3s}
.cont_notice .cont_notice_cont:hover {background: #f7f7f7; transition: 0.3s; border: 1px solid #f7f7f7;}
.cont_notice .cont_notice_cont:hover  p.go i {padding-left: 20px; transition: 0.3s;}

.cont_notice .cont_notice_cont p.go {padding-bottom: 0 ; color: #3e3e3e; font-size: 16px; display: inline-block;}
.cont_notice .cont_notice_cont p.go i {margin-left: 10px; color: #9a9a9a; transition: 0.3s;}
.cont_notice .cont_notice_cont p.go span {position: absolute; right: 35px; bottom: 18px;}
.cont_notice .cont_notice_cont p.go span img{width: 120px;}

.cont_notice .cont_notice_cont .notice_intro ,.cont_notice .cont_notice_cont .notice_intro {width: 120px;}

/*.cont_notice .notice_method {background: #f8f8f8; border: 1px solid #f5f5f5;}*/

.cont_notice .notice_man {background: #0ea04f; color: #fff; border: 1px solid #0ea04f}
.cont_notice .notice_man:hover {background: #0ea04f;  border: 1px solid #0ea04f}
/*
.cont_notice .notice_man:hover ul li {border: 1px solid #000}
.cont_notice .notice_man:hover ul li a{color: #000}
*/
.cont_notice .notice_man ul {text-align: center; display: flex; justify-content: space-between; margin-top: 178px;}
.cont_notice .notice_man ul li{flex-grow: 1; border: 1px solid #fff; padding: 10px; transition: 0.3s; cursor: pointer;}
.cont_notice .notice_man ul li:hover{background: #fff; transition: 0.3s}
.cont_notice .notice_man ul li a{color: #fff; transition: 0.3s}
.cont_notice .notice_man ul li:hover a{color: #000; transition: 0.3s}
.cont_notice .notice_man span {position: absolute; bottom: 90px; right: 30px;}
.cont_notice .notice_man span img{width: 160px;}

.cont_box {position: relative}
.cont_box::after {content: ''; position: absolute; left: 0; width: 100%; height: 100%; z-index: -1; top: 410px; background: url('/sites/egive/images/main/bottom_bg.jpg') top no-repeat; background-size: cover; background-position-y: -85px;}
.cont_notice_box {overflow: hidden; display: flex; justify-content: space-between; margin-top: 50px;}
.cont_notice .notice_list {width: 100%;}
.cont_notice .notice_list .notice_slider{display: flex; justify-content: space-between;padding: 0px 20px 0px; width: 100%; }
.cont_notice .notice_list .notice_slider .slick-list{padding:30px 0px 80px 0px; background: #fff; box-shadow: 5px 5px 25px #00000033;  border-radius: 10px;}

.cont_notice .notice_list .notice_slider .slider_cont{width: 24%; cursor: pointer;}
.cont_notice .notice_list .notice_slider .slider_cont .img{width: 100%; height: 430px;}
.cont_notice .notice_list .notice_slider .slider_cont p.slider_title{font-size: 18px;font-weight: 600; padding-bottom: 0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.2; }
.cont_notice .notice_list .notice_slider .slider_cont p{font-size: 16px; color: #555; padding-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.2; }
.cont_notice .notice_list .slick-initialized .slick-slide{padding:0 30px;}

.cont_notice .slick-arrow{font-size: 0!important;}
.cont_notice .slick-arrow.slick-prev::after{content: '';  position: absolute;  background: #fff url('/sites/egive/images/layout/chevron-left.svg') center no-repeat; background-size: 70%;  width: 40px;    height: 40px;  z-index: 1;  display: block;  right: 50%;  border-radius: 30px;  border: 1px solid #757575;  bottom: 15px;transition: 0.3s; margin: 0 5px;}
.cont_notice .slick-arrow.slick-prev:hover::after{background: rgba(187 ,187 ,187 , 45%) url('/sites/egive/images/layout/chevron-left.svg') center no-repeat; right: 51%;background-size: 70%; transition: 0.3s;animation: move 1s ease infinite;}
.cont_notice .slick-arrow.slick-next::after{content: ''; position: absolute; background: url('/sites/egive/images/layout/chevron-right.svg') center no-repeat; background-size: 70%; width: 40px;  height: 40px;  bottom: 15px;  z-index: 1;  display: block;  left: 50%;  border-radius: 30px;  border: 1px solid #757575;transition: 0.3s;    margin: 0 5px;}
.cont_notice .slick-arrow.slick-next:hover::after{background: rgba(187 ,187 ,187 , 45%) url('/sites/egive/images/layout/chevron-right.svg') center no-repeat; left: 51%;background-size: 70%; transition: 0.3s;animation: move 1s ease infinite;}
/*- 발전기금 섹션 끝 -*/


/* 발전기금 공지사항 */
.cont_event {overflow: hidden;;padding: 20px 0;  width: 40%}
.cont_event a {}
.cont_event .event_list{ width: 100%;}
.cont_event .event_list h3{line-height: 1.2}
/*.cont_event .event_list h2::after{content: ''; border-top: 1px solid #ccc; bottom: 0; left: 15px; width: 94%; position: absolute}*/
.cont_event .event_list h3 p.text{font-weight: normal; font-size: 22px; margin-top: 5px;}


.cont_event .event_list .list_title{padding: 30px 0;}
.cont_event .event_list .list_title strong{font-weight: 600; margin-right: 10px; border: 2px solid #066d2a; border-radius: 30px; padding: 3px 10px ; background: #066d2a; color: #fff;
}
.cont_event .event_list .list_title li.event strong{border-color: #efae0a; background: #efae0a; color: #fff;}
.cont_event .event_list .list_title li{transition: 0.1s; border-bottom: 1px solid #efefef ; border-left: 3px solid #fff; border-right: 3px solid #fff;border-top: 3px solid #fff;}
.cont_event .event_list .list_title li a{padding: 23px 15px ; display: block;}
.cont_event .event_list .list_title li:hover{border: 3px solid #066d2a; box-shadow: 3px 0px 5px #0c401e7a; transition: 0.1s;}
.cont_event .event_list .list_title li span.title{max-width: 57%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; display: inline-block;vertical-align: -1px; }
.cont_event .event_list .list_title li span.date{float: right; font-family: 'Spoqa Han Sans Neo'}

.cont_event .event_list .event_slider{display: flex; justify-content: space-between;padding: 35px 50px 0px;}
.cont_event .event_list .event_slider img{width: 100%; height: 300px;}
.cont_event .event_list .list_title li.event:hover {border: 3px solid #efae0a; box-shadow: 3px 0px 5px #efae0a7a; transition: 0.1s;}

.cont_event .event_list .event01 {}

.cont_go { height: 100%; display: flex; text-align: left; justify-content: space-between; flex-direction: column;}
.cont_go .go_cont01 {margin-top: 70px; color: #fff; margin-bottom: 30px;}
.cont_go .go_cont01 p {margin-top: 35px; font-weight: 400; font-size: 18px; line-height: 1.5;max-width: 579px; }
.cont_go .go_cont01 .go_select {display: flex; margin-top: 60px !important; margin: 0 auto;}
.cont_go .go_cont01 .go_select .select{margin-right: 10px;}
.cont_go .go_cont01 .go_select .select select{background-color: #fdfdfd;}

.cont_go .go_cont01 p.mail {letter-spacing: 1px; font-family: 'Spoqa Han Sans Neo'}

.cont_go .go_cont02 {height: 380px}
.cont_go .go_cont02 .go_img{background: url('/sites/egive/images/main/main_subbg.jpg') center no-repeat; background-size: cover; width: 37%;}
.cont_go .go_cont02 .go_text{width: 60%; text-align: left; display: flex; flex-direction: column; justify-content: space-between;  padding: 18px 0;}
.cont_go .go_cont02 .go_text h2{font-size: 25px; font-weight: 500; color: #505050; position: relative; line-height: 1.3;}
.cont_go .go_cont02 .go_text h2::after{content: ''; position: absolute; border-bottom: 10px solid #222a504d;  width: 40%; top: 13px; right: 0;}

.cont_go .go_cont02 .go_address {position: relative;}
.cont_go .go_cont02 .go_address::after {content: ''; position: absolute; border-bottom: 10px solid #222a504d; width: 4%; bottom: 5px; right: 0;}
.cont_go .go_cont02 .go_address::before {content: ''; position: absolute; border-right: 10px solid #222a504d; bottom: 5px; right: 0; height: 235%;}
.cont_go .go_cont02 .go_address p{font-size: 17px; line-height: 1.3; color: #3a3939;}
.cont_go .go_cont02 .go_address p i{margin-right: 7px;}


/* 발전기금 공지사항 끝 */

/* 70주년 기부 */
.seven {background: #f9f9f9; padding: 50px 0;}
.seven h3 {text-align: center !important; margin-bottom: 50px;;}
.seven .logo {width: 60px; vertical-align: text-bottom;}
.seven .seven-cont {display: flex; justify-content: space-between; background: #fff; padding: 60px 80px; border-radius: 10px;}
.seven .total {margin-right: 100px; width: 45%;}
.seven .total img {width: 100%;min-width: 400px; margin-bottom: 35px;}
.seven .total .total_cont {display: flex; justify-content: center;}
.seven .total .total_cont li { margin: 0 30px;}
.seven .total .total_cont li p.title {font-size: 21px; font-weight: bold;}
.seven .total .total_cont li p.num {font-size: 36px; font-weight: bold; color: #045e7b; font-family: 'Spoqa Han Sans Neo'; letter-spacing: 1px;margin: 15px 0 !important;}
.seven .total .total_cont li p.etc {font-size: 16px;}

.seven .member {width: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.seven .member ul {border: 4px dotted #dedede; padding: 40px; border-radius: 10px; min-height: 350px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.seven .member ul li{ text-align: left; margin: 5px 0; font-size: 21px; display: flex; flex-direction: column; padding: 20px; border: 1px solid #ccc; width: 49%; border-radius: 10px;}
.seven .member ul li span{ margin-bottom: 15px; display: inline-block;}
.seven .member ul li span:last-child { margin-bottom: 0;}
.seven .member ul li span.name{}
.seven .member ul li span.name span{max-width: 82%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; margin-right: 10px;}
.seven .member ul li span.won{ color: #f44937;}
.seven .member ul li span.date{float: right; font-size: 17px; color: #7f7f7f;}
.seven .member ul li.more {display: table;transition: 0.3s}
.seven .member ul li.more i{ display: inline-block;transition: 0.3s;}
.seven .member ul li.more:hover {background: #f9f9f9; transition: 0.3s;}
.seven .member ul li.more:hover i{transform: rotate(180deg); transition: 0.3s; }
.seven .member ul li.more a{display: table-cell; vertical-align: middle; text-align:center;;}
.seven .member .go-area{margin-top:20px;display: flex; justify-content: space-between;}
.seven .member .go-area button{ width: 49%; padding: 15px; font-size: 20px;}
.seven .member .go-area button:hover a{color: #fff !important;}


@media (max-width:1300px){
    .seven .seven-cont {padding: 60px 60px;}
    .seven .total {margin-right: 30px;}
    .seven .seven-cont img {width: 400px;}
    .seven .member ul { padding: 20px 25px; min-height: 1px;}
    .seven .member ul li {font-size: 18px;    padding: 18px;}
    .seven .member ul li span {margin-bottom: 10px;}
    .seven .member .go-area button {font-size: 16px; padding: 10px;}
    .seven .total .total_cont li p.num {font-size: 45px;}

}


@media (max-width:1100px){
    #container h3 {margin-bottom: 0;}
    .seven .seven-cont {flex-direction: column; background: #f9f9f9; border-radius: 10px; padding: 0 0;}
    .seven .seven-cont img {width: 500px;}
    .seven .total {width: 100%; margin-right: 0; padding: 20px 30px 40px; background: #fff; border-radius: 10px; margin-top: 50px;border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
    .seven .total .total_cont li {margin: 0 35px;}
    .seven .total .total_cont li p.num {font-size: 50px;}
    .seven .member{border-top-right-radius: 0; border-top-left-radius: 0;border-top: 2px dotted #dcdada;}
    .seven .member ul {background: #fff; border: none;}
    .seven .member .go-area {margin-top: 30px;}


}

@media (max-width:768px){
    .seven {padding: 30px 0;}
    .seven h3 {margin-bottom: 40px;}
    .seven .seven-cont img { min-width: 1px;;   width: 400px;}
    .seven .total { margin-top: 40px;;}
    .seven .total .total_cont li p.num {font-size: 40px;}

}

@media (max-width:550px){
    .seven .logo {width: 45px;}
    .seven .seven-cont {padding: 0 0;}
    .seven .seven-cont img {width: 300px;}
    .seven .total {padding: 30px;}
    .seven .total .total_cont {flex-direction: column;}
    .seven .total .total_cont li {display: flex; margin: 0;justify-content: center;margin-bottom: 20px;}
    .seven .total .total_cont li:last-child {margin-bottom: 0 ;}
    .seven .total .total_cont li p {text-align: left;}
    .seven .total .total_cont li p.num {margin: 0 !important; margin-top: -6px !important; font-size: 30px; margin-right: 5px !important}
    .seven .total .total_cont li p.title {min-width: 70px;font-size: 19px;margin-right: 10px;}
    .seven .total .total_cont li p.etc {font-size: 14px; margin-top: 3px;}
    .seven .member ul {padding: 20px 25px;}
    .seven .member ul li{width: 100%;    font-size: 17px;}
    .seven .member ul li span.date {font-size: 15px;}
    .seven .member .go-area {flex-wrap: wrap; margin-top: 20px;}
    .seven .member .go-area button {width: 100%;    padding: 8px; margin-bottom: 10px;    font-size: 16px;}
    .seven .member .go-area button:last-child { margin-bottom: 0;}
}


@media (max-width:480px){
    .seven {padding: 20px 0;}
    .seven h3 {font-size: 22px !important;}
    .seven .logo {width: 38px;}
    .seven .total {margin-top: 25px;padding: 20px;}
    .seven .seven-cont img {width: 250px;}
    .seven .total { padding:20px 23px}
    .seven .total .total_cont li p.title {min-width: 60px; font-size: 17px; margin-right: 7px;}
    .seven .total .total_cont li p.num {margin-top: -4px !important;     font-size: 27px;     margin-right: 4px !important;}
    .seven .total .total_cont li{margin-bottom: 15px;}
    .seven .member ul {padding: 15px 20px; }


}











/*- go -*/




/*-----------------------------------------------------------container-------------------------------------------------------------------*/


/*-----------------------------------------------------------반응형-------------------------------------------------------------------*/



@media (max-width:1500px){
    .main_cont_slider .slider_text::after {right: -17%;}
}
@media (max-width:1400px){
    .main_cont_slider .slider_text::after {display: none;}
    .main_cont_slider .slider_text {font-size: 23px;}
    .main_cont_slider .slider_text span {font-size: 24px;}

}
@media (max-width:1300px){
    .center {padding: 0 25px;;}
    .visual_image .main_bg h2 {width: 77%;}

    .main_cont_slider {padding: 25px 0;}
    .main_cont_slider .slider_box {}
    .main_cont_slider .slider_cont {width:55%}

    .main_cont_slider .slider_text {width: 36%;font-size: 21px;}
    .main_cont_slider .slider_text span {font-size: 21px;}
    .main_cont_slider .slider_cont .name_wrap p {margin-top: 5px;;}


    /*발전기금 출연계좌*/
    .cont_bank {padding: 20px; flex-direction: column; margin: 0;}
    .cont_bank ul {padding: 0%;}
    .cont_bank .bank_num, .cont_bank .bank_use {width: 100%;margin-top: 30px;}
    .cont_bank .bank_num::after {display: none;}
    .cont_bank .bank_num ul li {background-size: 200px;}
    .cont_bank .bank_num ul li p {display: inline-block;}
    .cont_bank .bank_num ul li .bank_number {margin-left: 225px;  padding: 0; margin-top: -1px; font-size: 42px;}
    .cont_bank .bank_num ul li .bank_number::before {left: -4px; width: 103%; top: auto; bottom: 0;}
    .cont_bank .bank_num ul li .bank_name {margin-left: 9px; font-size: 22px;}

    /*발전기금 기부방법*/
    .cont_bank .bank_use ul li {}
    .cont_bank .bank_use .use_box {}
    .cont_bank .bank_use {margin-bottom: 30px;;}


    /*공과대학 발전기금 모금참여현황*/
    .cont_total {padding: 25px;justify-content: space-between;}
    .cont_total .total_cont01 {margin-left: 0px !important; width: 34%; }
    .cont_total .total_cont01 h3 {margin-bottom: 0;}
    .cont_total .total_cont01 p {font-size: 40px;}
    .cont_total .total_cont01 .total_button li {width: 48%;}
    .cont_total .total_cont01::before {top: 80px; left: -2px; width: 220px;}
    .cont_total .total_cont02 {margin-top: -30px;margin-top: -30px;}

    /* 사용처 */
    .cont_slider .slider_cont .name .img {height: 230px;}

    /* 발전기금 공지 사항*/
    .cont_notice_box {margin-top: 20px;}
    .cont_notice .notice_list .notice_slider .slider_cont .img {height: 500px;}
    .cont_event {width: 43%;;}
    .cont_go .go_cont01 {margin-top: 50px;}

}

@media (max-width:1100px){

    .main_visual, .visual_image .main_bg {height: 750px;}
    .main_visual .slick-arrow {top: 46%; width: 75px; height: 75px;}

    .main_navi li a {padding: 40px 20px;}
    .visual_image .main_bg h2 {width: 75%;    margin: 205px auto}

    /* 기부자 슬라이드 */
    .main_cont_slider .slider_text {width: 40%;}

    .main_cont_content .slider_cont .slick-arrow {left: -31px; width: 35px; height: 35px;}
    .main_cont_content .slider_cont .slick-arrow.slick-prev {left: -69px;}

    .cont_bank .bank_num::after {right: 7% }
    .cont_total .total_cont01 p {font-size: 35px;}


}

@media (max-width:1024px){
    #container h3 {font-size: 31px;}

    .visual_image .main_bg h2 {margin: 220px auto; padding: 80px 50px;}

    .main_navi {margin-top: -145px; flex-wrap: wrap;}
    .main_navi li {width: auto; padding: 3% 4%;}
    .main_navi li a {padding:0}
    .main_navi li a span {font-size: 19px;padding-left: 25px;}
    .main_navi li a span::after {top: -2px; left: -8px;}

    .main_cont_slider {padding: 25px 0;}
    .main_cont_slider .slider_box {flex-direction: column}
    .main_cont_slider .slider_text {width: 100%; margin-top: 0;;}
    .main_cont_slider .slider_text span{font-size: 23px; font-weight: 600;}
    .main_cont_slider .slider_cont {width: 100%; margin-top: 20px;}
    .main_cont_slider .slider_cont::after {left: -23px;}

    /* 발전기금 참여해주신 분 */
    .main_cont_slider .slider_cont .slick-arrow.slick-prev {left: 410px; top: -62px}
    .main_cont_slider .slider_cont .slick-arrow.slick-next {left: 460px; top: -62px;}

    .cont_bank .bank_num ul li .bank_number {margin-left: 0;  margin-top: 50px;}
    .cont_bank .bank_num ul li .bank_name {font-size: 23px;}

    /*발전기금 기부방법*/
    .cont_bank .bank_use ul li img {width: 65px;}
    .cont_bank .bank_use ul li p {font-size: 16px;}


    /*발전기금 모금참여 현황*/
    .cont_total .total_cont02 {padding: 0 10px; margin-top: -10px;}
    .cont_total .total_cont02 li img {width: 130px;;}
    .cont_total .total_cont02 li .tatal_cont_number {font-size: 45px;;}
    .cont_total .total_cont02 li p {margin-top: 15px;;}
    .cont_total .total_cont01 .total_button i {display: none}
    .cont_total .total_cont01 .total_button li a {font-size: 17px; padding: 10px 0;}
    .cont_total .total_cont01::before {top: 66px; width: 192px;}

    /* 공지사항 */
    .cont_event .event_list .list_title li span {line-height: normal;}
    .cont_event .event_list .list_title li a {padding: 19px 15px 23px;}

    /*사용처*/
    .cont_slider .slider_cont .name .card-body .card-title {max-width: 180px;}
    .cont_notice .notice_list .notice_slider {padding: 0}
    .cont_notice .notice_list .notice_slider .slider_cont .img {height: 500px; padding: 0;}
    .cont_notice .notice_list .notice_slider .slick-list {box-shadow: 0px 3px 5px #00000033; border: 1px solid #eaeaea;}

    .cont_notice_box {flex-direction: column-reverse;}
    .cont_event, .cont_notice {width: 100%;}

    .cont_go .go_cont01 {margin-top: 50px;position: relative; margin-bottom: 0;}
    .cont_go .go_cont01 p {max-width: 61%;}
    .cont_notice .notice_list .notice_slider .slider_cont .img {height: 450px;}
    .cont_box::after {top: 1210px; background-position-y: -200px;}
    .cont_go .go_cont01 .go_select {position: absolute; bottom: 0; right: 0; width: 35%; flex-direction: column;  margin-bottom: 64px !important;}
    .cont_go .go_cont01 .go_select .select {margin-right: 0; margin-top: 10px;}




}

@media (max-width:900px) {

    .main_navi li {padding: 5% 3%;}
  
    /* 발전기금 모금 현황 */
    .cont_total {flex-direction: column; min-height: 380px;}
    .cont_total .total_cont01 {width: 100%;}
    .cont_total .total_cont01 h3{display: inline;}
    .cont_total .total_cont01 p {font-size: 30px;}
    .cont_total .total_cont01 .title_line::before {display: none;}
    .cont_total .total_cont01 .total_button {justify-content: space-between; bottom: 25px; position: absolute; width: 93%;}
    .cont_total .total_cont01 .total_button li {width: 24%; margin-right: 2px;}
    .cont_total .total_cont01 .total_button li a {font-size: 15px;}
    .cont_total .total_cont01::before {top: 55px; width: 170px;}

    .cont_total .total_cont02 {width: 100%;  padding-bottom: 85px;}
    .cont_total .total_cont02 li img {width: 100px;;}
    .cont_total .total_cont02 li {font-size: 18px;}

    .cont_total .total_cont02 li p { margin-top: 13px;}
    .cont_total .total_cont02 li .tatal_cont_number { font-size: 35px;}

}


@media (max-width:768px){
    #container h3 {font-size: 28px;}
    /* .name {height: auto !important;} */
    .main_visual, .visual_image .main_bg {height: 470px;}

    .visual_image .main_bg h2{padding: 42px 14px;  margin: 150px auto;  font-size: 29px;}
    .visual_image .main_bg h2 span {font-size: 20px; margin-top: 45px;}
    .main_visual .slick-arrow {width: 48px; height: 48px; top: 48%;}

    
    .main_navi {margin-top: -90px;}
    .main_navi li {padding: 3% 4%;}
    .main_navi li a span {font-size:16px; padding:0}
    .main_navi li a span::after {display:none}

    /* 기부자 슬라이드 */
    .main_cont_slider{padding: 20px 0;}
    .main_cont_slider .slider_text {font-size: 18px;}
    .main_cont_slider .slider_text span {font-size: 18px;;}
    .main_cont_slider .slider_cont .name_wrap {margin-left: 20px; font-size: 16px;}
    .main_cont_slider .slider_cont .name_wrap i {font-size: 19px;}
    .main_cont_slider .slider_cont .slick-arrow {width: 30px; height: 30px;}
    .main_cont_slider .slider_cont .slick-arrow.slick-prev {left: 330px; top: -52px;}
    .main_cont_slider .slider_cont .slick-arrow.slick-next {left: 370px; top: -52px;}

    /* 발전기금 출연계좌*/
    .cont_bank {margin: 0;}
    .cont_bank h2 {font-size: 26px;}
    .cont_bank .bank_num ul li { padding-bottom: 0;}
    .cont_bank .bank_num ul li::before {width: 250px;}
    .cont_bank .bank_num ul li .bank_number {}
    .cont_bank .bank_num ul li .bank_name {margin-left: 0;   margin-top: 15px;}

    /* 발전기금 기부방법  */
    .cont_bank .bank_use {margin-top: 30px;}
    .cont_bank .bank_use ul {flex-direction: row;}
    .cont_bank .bank_use ul li {width: 49%; padding:10px; display: flex;  justify-content: space-around; margin: 5px 0;}
    .cont_bank .bank_use ul li a {display: flex;padding: 0;justify-content: center;}
    .cont_bank .bank_use ul li img {width: 45px;}
    .cont_bank .bank_use ul li p {margin-top: 14px; margin-left: 4px;font-size: 18px;}


    /* 기부 사용처 */
    .cont_slider {padding: 30px 0;}
    .cont_slider .slider_text {font-size: 24px;}
    .cont_slider span.text_bold {font-size: 25px;}
    .cont_notice .notice_list .notice_slider .slider_cont p{-webkit-line-clamp: 3; }
    .cont_slider .slider_cont .name span {}

    /* 발전기금 소식*/
    .cont_notice .cont_notice_cont {width: 100%;}
    .cont_notice .notice_list .notice_slider .slider_cont .img {height: 390px;}


    /* 발전기금 공지사항 */
    .cont_event .event_list .list_title li a{padding: 17px 10px 21px}

    /* 공학대학 발전기금 */
    .cont_go .go_cont01 {max-width: 100%;margin-top: 20px}
    .cont_go .go_cont01 .go_select {position: inherit; margin-bottom: 0 !important; margin-top: 30px !important; flex-direction: row;  width: 100%;}
    .cont_go .go_cont01 .go_select .select {margin-right: 10px;    margin-top: 0;}
    .cont_go .go_cont01 p {max-width: 98%;}
    .cont_box::after {top: 1125px;}



}

@media (max-width:600px){
    .main_navi li {padding: 3% 3%;}

}


@media (max-width:550px){
    #container h3 {font-size: 26px;}
    .main_visual, .visual_image .main_bg {height: 400px;;}
    .visual_image .main_bg h2 {width: 65%; padding: 23px 14px; margin: 130px auto;    font-size: 25px;}
    .visual_image .main_bg h2 span {font-size: 16px;}
    .main_visual .slick-arrow {width: 43px; height: 43px; top: 45%;}


    .main_navi li a span {padding-left: 0; font-size: 14px; display: block;}
    .main_navi li a span::after {display: none;}




    /* 발전기금 출연계좌 */
    .cont_bank .bank_num ul li {background-size: 150px;    margin-top: 20px;}
    .cont_bank .bank_num ul li .bank_number {font-size: 30px; margin-top: 46px;}
    .cont_bank .bank_num ul li .bank_number::before {border-bottom: 14px solid #035e861f;}
    .cont_bank .bank_num ul li .bank_name {font-size: 16px; margin-top: 8px;;}

    /* 기부 방법 */
    .cont_bank .bank_use ul li img {width: 30px;}
    .cont_bank .bank_use ul li p {margin-top: 7px; font-size: 15px;}

    /* 사용처 */
    .cont_slider .slider_text, .cont_slider span.text_bold {width: 360px; margin: 0 auto;}
    .cont_slider .slider_text {font-size: 23px;}
    .cont_slider span.text_bold {font-size: 24px;}
    .cont_slider a.text_plus {font-size: 14px;}
    .cont_slider .slider_cont {margin-top: 20px;}
    .cont_slider .slider_cont .name .img {height: 280px;}

    .cont_total .total_cont02 {flex-direction: column; padding-top: 20px;}
    .cont_total .total_cont02 li {display: flex; justify-content: space-around;}
    .cont_total .total_cont02 li span:first-child {width: 35%;}
    .cont_total .total_cont02 li span:last-child {width: 65%; margin-top: 25px;}
    .cont_total .total_cont02 li img {margin: 0 auto !important;}

    .cont_total .total_cont01 .total_button {width: 88%;}
    .cont_bank .bank_num ul li {background-size: 130px;}
    .cont_bank .bank_num ul li .bank_number {margin-top: 33px;}
    /* 발전기금 소식 */
    .cont_notice .notice_list .notice_slider .slider_cont .img {height: 250px;}
    .cont_notice .notice_list .notice_slider .slick-list {padding: 20px 0px 60px 0px;}
    .cont_notice .notice_list .slick-initialized .slick-slide {padding: 0 20px;}
    .cont_notice .slick-arrow.slick-next::after,.cont_notice .slick-arrow.slick-prev::after {width: 35px; height: 35px;}

    /* 공지사항 */
    .cont_event a {font-size: 16px}
    .cont_event .event_list .list_title li span {font-size: 15px;}
    .cont_event .event_list .list_title li span.title {vertical-align: -4px;}
    .cont_event .event_list .list_title li a {padding: 14px 7px 16px}
  
    .cont_go .go_cont02 {height: auto;}
    .cont_event .event_list .list_title strong {padding: 3px 8px}


    /* 발전기금 */
    .cont_go .go_cont01 {margin-top: 25px;}
    .cont_go .go_cont01 p {font-size: 16px;}
    .cont_box::after {top: 910px;;}



}




@media (max-width:480px){
    .main_visual, .visual_image .main_bg {height: 380px;}
    .visual_image .main_bg h2 {font-size: 23px;}
    .visual_image .main_bg h2 span {font-size: 13px;margin-top: 33px;}
    .visual_image .main_bg h2 span::before {top: -18px;}
    .main_navi li a span {font-size: 12px;}
	.main_navi li {    padding: 5% 3% 6%;}


    .main_cont_slider .slider_text, .main_cont_slider .slider_text span {font-size: 16px;}
    .main_cont_slider  .slider_cont .slick-arrow.slick-prev { left: 310px; top: -51px;}
    .main_cont_slider  .slider_cont .slick-arrow.slick-next {left: 345px; top: -51px;}


    /* 모금참여현황 */
    .cont_total .total_cont01 .total_button li {width: 49%; height: 30px;}
    .cont_total .total_cont01 .total_button li a{padding: 5px 0}


    /*사용처*/
    .cont_slider a.text_plus {margin-top: 0%;}
    .cont_slider .slider_cont .name .img {height: 260px;}


    /* 발전기금 소식 */
    .cont_notice .notice_list .notice_slider .slider_cont .img {height: 220px;}
    .cont_notice .notice_list .notice_slider .slider_cont p.slider_title {font-size: 16px;}
    .cont_notice .notice_list .notice_slider .slider_cont p {font-size: 14px;}

    .cont_box::after {top: 870px;}



}

@media (max-width:400px){

    .main_cont_slider .slider_cont .slick-arrow.slick-prev {left: 290px;}
    .main_cont_slider .slider_cont .slick-arrow.slick-next {left: 325px;}

    .cont_notice .notice_list .notice_slider .slider_cont .img {height: 170px;;}
    .visual_image .main_bg h2 {padding: 23px 0;margin: 33% auto;}
    .visual_image .main_bg h2 span::before {left: 13px; width: 88%;}

    .cont_bank .bank_use ul > p {font-size: 17px; padding-top: 5px; padding-bottom: 10px}
    .cont_bank .bank_use ul li img {width: 30px;}
    .cont_bank .bank_use ul li p {margin-top: 10px;font-size: 14px;}

    .cont_slider .slider_text, .cont_slider span.text_bold {font-size: 23px}


    .cont_go .go_cont01 p {margin-top: 20px;;}
    .cont_go .go_cont01 p span{display: block;}

    /* 사용처 */
    .cont_slider .slider_cont .name .img {height: 210px;}
    .cont_slider .slider_cont .name .card-body .card-title {font-size: 16px;}
    .cont_slider .slider_cont .name span {font-size: 14px; margin-top: 3px;}

    .cont_box::after {top: 820px;}

}