@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap');

/* 인증서마크 */
#waMark { height:40px; }


/********************
타이틀
********************/
.main_title{font-size:60px;font-family:'Pre Black';color:#272727;line-height: 1;}
.main_title i{font-size: 24px;font-family: 'Pre Medium';}
.main_title::after{content:"";display:block;width:70px;height:4px;background:#d7c9b1;margin:50px 0;}
.wrap_intro .main_title span{color:#7c0019;}
.wrap_status .main_title span{font-family:'Exo Bold';}
.wrap_status .main_title::after{margin-left:auto;margin-right:auto;}
.wrap_doctor .main_title span{font-family: 'Noto Sans TC', sans-serif;font-weight:900;}
.wrap_news .main_title{font-family:'Exo Bold';text-align:center;}
.wrap_news .main_title::after{margin-left:auto;margin-right:auto;}
@media only screen and (max-width:1280px){
  .main_title{font-size:50px;}
  .main_title::after{margin:35px 0;}
}
@media only screen and (max-width:768px){
  .main_title{font-size:35px;}
  .main_title::after{width:50px;height:3px;margin:25px 0;}
}


/********************
자세히보기
********************/
.goto_detail{margin-top:60px;display:flex;justify-content:center;}
.goto_detail a{width:182px;height:50px;font-size:18px;color:#FFF;display:flex;align-items:center;justify-content:center;margin:0 5px;position:relative;}
.goto_detail a::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:url(../../images/common/btn_bg.png) no-repeat right bottom;transition:0.1s;}
.goto_detail a span{position:relative;z-index:1;}
.goto_detail a:hover::before{background:url(../../images/common/btn_bg_on.png) no-repeat right bottom;}
@media all and (max-width:768px){
  .goto_detail{margin-top:30px;}
  .goto_detail a{width:130px;height:40px;font-size:16px;}
}


/********************
모서리
********************/
.edge_1,
.edge_2{width:61px;height:72px;position:absolute;right:0;bottom:0;}
.edge_1{background:url(../../images/main/edge_1.png) no-repeat right bottom;}
.edge_2{background:url(../../images/main/edge_2.png) no-repeat right bottom;}
#menu343_obj533{position:absolute;right:0;bottom:0;width:70px;height:70px;}


/********************
소개
********************/
.wrap_intro{}
.wrap_intro .sliderIntro{}
.wrap_intro .sliderIntro > li{}
.wrap_intro .sliderIntro .con{display:flex;}
.wrap_intro .item_1{width:50%;position:relative;}
.wrap_intro .item_2{width:50%;padding:80px;color:#272727;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
.wrap_intro .item_1 img{object-fit:cover;object-position:center;width:100%;height:100%;}
.wrap_intro .txt_1{font-size:30px;font-family:'Pre Black';margin-bottom:30px;}
.wrap_intro .txt_2{font-size:18px;font-family:'Pre Medium';}
.wrap_intro .control{position:absolute;left:0;bottom:50px;width:50%;display:flex;align-items:center;justify-content:center;}
.introDots ul{display:flex;align-items:center;justify-content:center;}
.introDots button{display:block;text-indent:-9999px;width:10px;height:10px;margin-left:5px;border:2px solid #FFF;border-radius:100%;}
.introDots .slick-active button{background:#FFF;width:25px;border-radius:10px;}
.wrap_intro .playStop{margin-left:10px;}
.wrap_intro .playStop button{display:none;text-indent:-9999px;width:20px;height:20px;background:#FFF;border-radius:100%;}
.wrap_intro .playStop button.active{display:block;}
.wrap_intro .playStop .play{background:#FFF url(/sites/give/images/main/play_1_b.png) no-repeat center;}
.wrap_intro .playStop .stop{background:#FFF url(/sites/give/images/main/pause_1_b.png) no-repeat 6px center;}
@media only screen and (max-width:1280px){
  .wrap_intro .item_2{padding:50px;}
}
@media only screen and (max-width:768px){
  .wrap_intro .sliderIntro .con{flex-wrap:wrap}
  .wrap_intro .item_1{width:100%;max-height:250px;}
  .wrap_intro .item_2{width:90%;margin:-50px auto 0 auto;background:#FFF;position:relative;}
  .wrap_intro .item_2{padding:30px;}
  .wrap_intro .txt_1{font-size:25px;}
  .wrap_intro .txt_2{font-size:16px;}
  .wrap_intro .control{position:relative;bottom:30px;width:100%;margin-top:30px;}
  .introDots button{border:2px solid #222;}
  .introDots .slick-active button{background:#222;}
}


/********************
기부현황
********************/
#section3{margin-top:-6px;}
.wrap_status{background:url(/sites/give/images/main/status_bg.jpg) no-repeat center;background-size:cover;}
.wrap_status .container{width:90%;margin:0 auto;padding:100px 0;}
.wrap_status .titles{color:#272727;text-align:center;margin-bottom:90px;}
.wrap_status .titles .txt_1{font-size:24px;font-family:'Exo Bold';margin-bottom:20px;}
.wrap_status .titles .txt_2{font-size:18px;font-family:'Pre Medium';}
.wrap_status ul{display:flex; flex-wrap: wrap;}
.wrap_status ul > li{width:25%;display:flex;align-items:flex-start;justify-content:center;padding-bottom:30px;}
.wrap_status .item_1{width:115px;height:115px;background:#FFF;border-radius:100%;margin:0 auto 30px auto;display:flex;align-items:center;justify-content:center;}
.wrap_status .item_1 span{text-align:center;}
.wrap_status .item_1 img{max-width:60px;}
.wrap_status .item_2{}
.wrap_status .item_2 dl{color:#272727;text-align:center;}
.wrap_status .item_2 dt{font-size:18px;font-family:'Pre Bold';padding-top:20px;}
.wrap_status .item_2 dd{line-height:1;}
.wrap_status .item_2 dd strong{font-size:75px;font-family:'Exo Bold';color:#7c0019;}
.wrap_status .item_2 dd span{font-size:28px;font-family:'Pre Black';}
.wrap_status .item_2 dd i{display:inline-block;font-size:16px;font-family:'Pre Medium';margin-top:10px;}
@media only screen and (min-width:1921px){
  .wrap_status .item_1 img{width:60px;}
}
@media only screen and (max-width:1280px){
  .wrap_status .container{width:calc(100% - 40px);}
  .wrap_status .titles{margin-bottom:60px;}
  .wrap_status .item_1{width:95px;height:95px;}
  .wrap_status .item_2 dt{font-size:18px;}
  .wrap_status .item_2 dd strong{font-size:50px;}
  .wrap_status .item_2 dd span{font-size:23px;}
	.wrap_status .item_2 dd i{font-size:14px;}
}
@media only screen and (max-width:768px){
  .wrap_status .container{padding:50px 0;}
  .wrap_status .titles{margin-bottom:30px;}
  .wrap_status ul{flex-wrap:wrap;}
  .wrap_status ul > li{width:46%;margin:2%;}
  .wrap_status .item_1{width:75px;height:75px;margin-bottom:10px;}
  .wrap_status .item_1 img{max-width:35px;}
  .wrap_status .item_2 dt{font-size:16px;padding-top:10px;}
  .wrap_status .item_2 dd strong{font-size:35px;}
  .wrap_status .item_2 dd span{font-size:22px;}
}
/*
.wrap_status ul{display:flex;}
.wrap_status ul > li{width:25%;display:flex;align-items:center;justify-content:center;}
.wrap_status .item_1{width:115px;height:115px;background:#FFF;border-radius:100%;margin:0 auto 30px auto;display:flex;align-items:center;justify-content:center;}
.wrap_status .item_1 span{text-align:center;}
.wrap_status .item_1 img{max-width:60px;}
.wrap_status .item_2{}
.wrap_status .item_2 dl{color:#272727;text-align:center;}
.wrap_status .item_2 dt{line-height:1;}
.wrap_status .item_2 dt strong{font-size:75px;font-family:'Exo Bold';color:#7c0019;}
.wrap_status .item_2 dt span{font-size:28px;font-family:'Pre Black';}
.wrap_status .item_2 dd{font-size:18px;font-family:'Pre Bold';padding-top:20px;}
@media only screen and (min-width:1921px){
  .wrap_status .item_1 img{width:60px;}
}
@media only screen and (max-width:1280px){
  .wrap_status .container{width:calc(100% - 40px);}
  .wrap_status .titles{margin-bottom:60px;}
  .wrap_status .item_1{width:95px;height:95px;}
  .wrap_status .item_2 dt strong{font-size:50px;}
  .wrap_status .item_2 dt span{font-size:23px;}
  .wrap_status .item_2 dd{font-size:18px;}
}
@media only screen and (max-width:768px){
  .wrap_status .container{padding:50px 0;}
  .wrap_status .titles{margin-bottom:30px;}
  .wrap_status ul{flex-wrap:wrap;}
  .wrap_status ul > li{width:46%;margin:2%;}
  .wrap_status .item_1{width:75px;height:75px;margin-bottom:10px;}
  .wrap_status .item_1 img{max-width:35px;}
  .wrap_status .item_2 dt strong{font-size:35px;}
  .wrap_status .item_2 dt span{font-size:22px;}
  .wrap_status .item_2 dd{font-size:16px;padding-top:10px;}
}
*/


/********************
박사소개
********************/
.wrap_doctor{background:url(/sites/give/images/main/doctor_bg.jpg) no-repeat center;background-size:cover;}
.wrap_doctor .container{width:90%;margin:0 auto;padding:100px 0;}
.wrap_doctor .con{display:flex;}
.wrap_doctor .item_1{width:45%;margin-right:5%;display:flex;align-items:center;justify-content:center;}
.wrap_doctor .item_2{width:50%;color:#272727;}
.wrap_doctor .txt_1{font-size:30px;font-family:'Pre Black';}
.wrap_doctor .txt_2{font-size:18px;font-family:'Pre Regular';margin-top:30px;}
.wrap_doctor .txt_2 strong{font-family:'Pre Bold';}
@media only screen and (min-width:1921px){
  .wrap_doctor .item_1 img{width:420px;height:420px;}
}
@media only screen and (max-width:1280px){
  .wrap_doctor .container{width:calc(100% - 40px);}
}
@media only screen and (max-width:768px){
  .wrap_doctor .container{padding:50px 0;}
  .wrap_doctor .txt_1{font-size:25px;}
  .wrap_doctor .txt_2{font-size:16px;margin-top:15px;}
}
@media only screen and (max-width:580px){
  .wrap_doctor .con{flex-wrap:wrap;}
  .wrap_doctor .item_1{width:100%;margin-right:0;}
  .wrap_doctor .item_2{width:100%;margin-top:30px;text-align:center;}
  .wrap_doctor .item_1 img{max-width:250px;}
  .wrap_doctor .main_title::after{margin-left:auto;margin-right:auto;}
  .wrap_doctor .goto_detail{display:flex;justify-content:center;}
}


/********************
기부자예우
********************/
.wrap_respect{background:url(/sites/give/images/main/doctor_bg.jpg) no-repeat center;background-size:cover;}
.wrap_respect .container{width:90%;margin:0 auto;padding:100px 0;}
.wrap_respect .con{display:flex;}
.wrap_respect .item_1{width:24%;margin-right:2%;}
.wrap_respect .item_2{width:74%;color:#272727;}
.wrap_respect .txt_1{font-size:30px;font-family:'Exo Bold';}
.wrap_respect .txt_2{font-size:18px;font-family:'Pre Medium';margin-top:20px;}
.wrap_respect .item_2{position:relative;padding-bottom:50px;}
.wrap_respect .item_2 a{display:block;position:relative;margin-left:20px;height:420px;}
.wrap_respect .item_2 a img{object-fit:cover;object-position:center;width:100%;height:inherit;}
.wrap_respect .item_2 .text{text-align:center;padding:30px 20px ;position:absolute;right:0;bottom:0;width:100%;line-height:1.2;}
.wrap_respect .item_2 .text span{font-size:23px;font-family:'Pre Black';color:#FFF;display:inline-block;}
.wrap_respect .item_2 .text span::after{content:"";display:block;width:100%;height:2px;background:#FFF;}
.wrap_respect .control{position:absolute;left:0;bottom:0;width:100%;display:flex;align-items:center;justify-content:center;}
.respectDots ul{display:flex;align-items:center;justify-content:center;}
.respectDots button{display:block;text-indent:-9999px;width:10px;height:10px;margin-left:5px;border:2px solid #FFF;border-radius:100%;}
.respectDots .slick-active button{background:#FFF;width:25px;border-radius:10px;}
.wrap_respect .playStop{margin-left:10px;}
.wrap_respect .playStop button{display:none;text-indent:-9999px;width:20px;height:20px;background:#FFF;border-radius:100%;}
.wrap_respect .playStop button.active{display:block;}
.wrap_respect .playStop .play{background:#FFF url(/sites/give/images/main/play_1_b.png) no-repeat center;}
.wrap_respect .playStop .stop{background:#FFF url(/sites/give/images/main/pause_1_b.png) no-repeat 6px center;}
@media only screen and (max-width:1280px){
  .wrap_respect .container{width:calc(100% - 40px);width:90%;}
  .wrap_respect .con{flex-wrap:wrap;}
  .wrap_respect .item_1{width:100%;margin-right:0;}
  .wrap_respect .item_2{width:100%;}
  .wrap_respect .txt_2{margin-top:10px;}
  .wrap_respect .txt_2 br{display:none;}
  .wrap_respect .goto_detail{margin:20px 2px;}
  .wrap_respect .item_2 a{margin:0 1px;height:unset;max-height:360px;overflow:hidden;}
}
@media only screen and (max-width:768px){
  .wrap_respect .container{padding:50px 0;}
  .wrap_respect .txt_1{font-size:26px;}
  .wrap_respect .txt_2{font-size:16px;}
  .wrap_respect .item_2 .text{padding:20px ;}
  .wrap_respect .item_2 .text span{font-size:20px;}
}


/********************
뉴스
********************/
.wrap_news .container{max-width:90%;margin:0 auto;padding-top:100px;}
.goto_detail_news{margin-bottom:100px;}
@media only screen and (max-width:1280px){
  .wrap_news .container{width:calc(100% - 40px);width:90%;}
}
@media only screen and (max-width:768px){
  .wrap_news .container{padding-top:50px;}
  .goto_detail_news{margin-bottom:50px;}
}


/********************
배너
********************/
.wrap_banner{background:url(../../images/main/banner_bg.jpg) no-repeat center top;background-size:cover;}
.wrap_banner .container{width:90%;margin:0 auto;padding:100px 0;}
.wrap_banner ul{display:flex;justify-content:space-between;}
.wrap_banner ul > li{width:33.3%;display:flex;}
.wrap_banner .con{display:flex;align-items:center;}
.wrap_banner .item_1{width:160px;height:160px;background:#FFF;border-radius:100%;margin:0 40px 30px auto;display:flex;align-items:center;justify-content:center;}
.wrap_banner .item_1 img{max-width:72px;}
.wrap_banner .txt_1{font-size:30px;font-family:'Pre Black';margin-bottom:20px;}
.wrap_banner .txt_2{font-size:18px;font-family:'Pre Regular';}
.wrap_banner .goto_detail{margin-top:30px;}
@media only screen and (min-width:1921px){
  .wrap_banner .item_1 img{width:72px;}
}
@media only screen and (max-width:1280px){
  .wrap_banner .container{width:calc(100% - 40px);}
  .wrap_banner ul > li{justify-content:center;}
  .wrap_banner .con{flex-direction:column;justify-content:center;text-align:center;}
  .wrap_banner .item_1{width:120px;height:120px;margin:0 auto 20px auto;}
  .wrap_banner .item_1 img{max-width:50px;}
  .wrap_banner .txt_1{font-size:26px;}
}
@media only screen and (max-width:768px){
  .wrap_banner .container{padding:50px 0;}
  .wrap_banner ul{flex-wrap:wrap;}
  .wrap_banner ul > li{width:100%;justify-content:flex-start;}
  .wrap_banner ul > li:nth-child(2){margin:40px 0;}
  .wrap_banner .con{flex-direction:row;justify-content:flex-start;align-items:flex-start;text-align:left;}
  .wrap_banner .item_1{width:80px;height:80px;margin-right:20px;}
  .wrap_banner .item_1 img{max-width:30px;}
  .wrap_banner .item_2{width:calc(100% - 100px);}
  .wrap_banner .txt_1{font-size:24px;margin-bottom:0;}
  .wrap_banner .txt_2 br{display:none;}
  .wrap_banner .goto_detail{margin-top:10px;display:block;}
}


/********************
애니메이션
********************/
.wrap_intro .item_1{opacity:0;transition:2s;}
.wrap_intro .item_2 .main_title{opacity:0;transform:translateX(50px);transition:1.2s;}
.wrap_intro .item_2 .txt_1{opacity:0;transform:translateX(100px);transition:1.4s;}
.wrap_intro .item_2 .txt_2{opacity:0;transform:translateX(150px);transition:1.6s;}
.wrap_intro .item_2 .goto_detail{opacity:0;transform:translateX(200px);transition:1.8s;}
#section2.scroll .wrap_intro .item_1{opacity:1;}
#section2.scroll .wrap_intro .item_2 .main_title{opacity:1;transform:translateX(0px);}
#section2.scroll .wrap_intro .item_2 .txt_1{opacity:1;transform:translateX(0px);}
#section2.scroll .wrap_intro .item_2 .txt_2{opacity:1;transform:translateX(0px);}
#section2.scroll .wrap_intro .item_2 .goto_detail{opacity:1;transform:translateX(0px);}
.editMode .wrap_intro .item_1{opacity:1;}
.editMode .wrap_intro .item_2 .main_title{opacity:1;transform:translateX(0px);}
.editMode .wrap_intro .item_2 .txt_1{opacity:1;transform:translateX(0px);}
.editMode .wrap_intro .item_2 .txt_2{opacity:1;transform:translateX(0px);}
.editMode .wrap_intro .item_2 .goto_detail{opacity:1;transform:translateX(0px);}

.wrap_status .titles{opacity:0;transform:translateY(-50px);transition:1.2s;}
.wrap_status .con_1{opacity:0;transform:translateY(50px);transition:0.3s;transition-delay:1s;}
.wrap_status .con_2{opacity:0;transform:translateY(100px);transition:0.3s;transition-delay:1.2s;}
.wrap_status .con_3{opacity:0;transform:translateY(150px);transition:0.3s;transition-delay:1.4s;}
.wrap_status .con_4{opacity:0;transform:translateY(200px);transition:0.3s;transition-delay:1.6s;}
#section3.scroll .wrap_status .titles{opacity:1;transform:translateY(0px);}
#section3.scroll .wrap_status .con_1{opacity:1;transform:translateY(0px);}
#section3.scroll .wrap_status .con_2{opacity:1;transform:translateY(0px);}
#section3.scroll .wrap_status .con_3{opacity:1;transform:translateY(0px);}
#section3.scroll .wrap_status .con_4{opacity:1;transform:translateY(0px);}
#section3.scroll .wrap_status .item_1{transform:rotateY(360deg);transition:1s;transition-delay:1.8s;}
.editMode .wrap_status .titles{opacity:1;transform:translateY(0px);}
.editMode .wrap_status .con_1{opacity:1;transform:translateY(0px);}
.editMode .wrap_status .con_2{opacity:1;transform:translateY(0px);}
.editMode .wrap_status .con_3{opacity:1;transform:translateY(0px);}
.editMode .wrap_status .con_4{opacity:1;transform:translateY(0px);}

.wrap_doctor .item_1{opacity:0;filter:blur(10px);transition:1s;}
.wrap_doctor .main_title{opacity:0;filter:blur(10px);transition:1s;transition-delay:0.7s;}
.wrap_doctor .txt_1{opacity:0;transform:translateY(50px);transition:0.5s;transition-delay:1.2s;}
.wrap_doctor .txt_2{opacity:0;transform:translateY(50px);transition:0.5s;transition-delay:1.5s;}
.wrap_doctor .goto_detail{opacity:0;transform:translateY(50px);transition:0.5s;transition-delay:1.8s;}
#section4.scroll .wrap_doctor .item_1{opacity:1;filter:blur(0px);}
#section4.scroll .wrap_doctor .main_title{opacity:1;filter:blur(0px);}
#section4.scroll .wrap_doctor .txt_1{opacity:1;transform:translateY(0px);}
#section4.scroll .wrap_doctor .txt_2{opacity:1;transform:translateY(0px);}
#section4.scroll .wrap_doctor .goto_detail{opacity:1;transform:translateY(0px);}
.editMode .wrap_doctor .item_1{opacity:1;filter:blur(0px);}
.editMode .wrap_doctor .main_title{opacity:1;filter:blur(0px);}
.editMode .wrap_doctor .txt_1{opacity:1;transform:translateY(0px);}
.editMode .wrap_doctor .txt_2{opacity:1;transform:translateY(0px);}
.editMode .wrap_doctor .goto_detail{opacity:1;transform:translateY(0px);}

.wrap_respect .item_1{opacity:0;transform:translateX(-100px);transition:0.5s;}
.wrap_respect .wrap1{opacity:0;transform:translateX(100px);transition:0.5s;transition-delay:0.5s;}
.wrap_respect .wrap2{opacity:0;transform:translateX(100px);transition:0.5s;transition-delay:0.7s;}
.wrap_respect .wrap3{opacity:0;transform:translateX(100px);transition:0.5s;transition-delay:0.8s;}
.wrap_respect .wrap4{opacity:0;transform:translateX(100px);transition:0.5s;transition-delay:1s;}
#section5.scroll .wrap_respect .item_1,
#section5.scroll .wrap_respect .wrap1,
#section5.scroll .wrap_respect .wrap2,
#section5.scroll .wrap_respect .wrap3,
#section5.scroll .wrap_respect .wrap4{opacity:1;transform:translateX(0px);}
.editMode .wrap_respect .item_1,
.editMode .wrap_respect .wrap1,
.editMode .wrap_respect .wrap2,
.editMode .wrap_respect .wrap3,
.editMode .wrap_respect .wrap4{opacity:1;transform:translateX(0px);}

.wrap_news .main_title{opacity:0;transform:translateY(-100px);transition:1s;}
.wrap_news .inner{opacity:0;transform:translateY(-100px);transition:1s;transition-delay:0.5s;}
.wrap_news .control{opacity:0;transform:translateY(-100px);transition:1s;transition-delay:1s;}
.goto_detail_news{opacity:0;transform:translateY(-100px);transition:1s;transition-delay:1.5s;}
#section6.scroll .wrap_news .main_title{opacity:1;transform:translateY(0px);}
#section6.scroll .wrap_news .inner{opacity:1;transform:translateY(0px);}
#section6.scroll .wrap_news .control{opacity:1;transform:translateY(0px);}
#section6.scroll .goto_detail_news{opacity:1;transform:translateY(0px);}
.editMode .wrap_news .main_title{opacity:1;transform:translateY(0px);transition:1s;}
.editMode .wrap_news .inner{opacity:1;transform:translateY(0px);}
.editMode .wrap_news .control{opacity:1;transform:translateY(0px);}
.editMode .goto_detail_news{opacity:1;transform:translateY(0px);}

.wrap_banner .con_1{opacity:0;transform:translateY(-50px);transition:1.5s;}
.wrap_banner .con_2{opacity:0;transform:translateY(-50px);transition:1.5s;transition-delay:0.5s;}
.wrap_banner .con_3{opacity:0;transform:translateY(-50px);transition:1.5s;transition-delay:1s;}
#section7.scroll .wrap_banner .con_1{opacity:1;transform:translateY(0px);}
#section7.scroll .wrap_banner .con_2{opacity:1;transform:translateY(0px);}
#section7.scroll .wrap_banner .con_3{opacity:1;transform:translateY(0px);}
.editMode .wrap_banner .con_1{opacity:1;transform:translateY(0px);}
.editMode .wrap_banner .con_2{opacity:1;transform:translateY(0px);}
.editMode .wrap_banner .con_3{opacity:1;transform:translateY(0px);}