@charset "utf-8";

/*메인비주얼*/
#main_visual{position:relative;height:800px;}
#main_visual .typo{position:absolute;top:50%;left:0;width:100%;margin-top:-180px;text-align:center;z-index:2;}
#main_visual .typo .flower{padding-bottom:15px;}
#main_visual .typo .t1{font-size:51px;color:#fff;font-weight:700;line-height:62px;letter-spacing:-2px;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);opacity:0.85;}
#main_visual .typo .t2{font-size:19px;color:#fff;font-weight:400;line-height:28px;letter-spacing:4px;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);opacity:0.75;padding:10px 0 40px;}
#main_visual .bg{height:800px;width:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;}

@media screen and (max-width:980px) {
#main_visual{height:500px;}
#main_visual .typo{margin-top:-130px;}
#main_visual .typo .flower{padding-bottom:15px;}
#main_visual .typo .flower img{width:50px;}
#main_visual .typo .t1{font-size:40px;line-height:50px;letter-spacing:-2px;}
#main_visual .typo .t2{font-size:17px;line-height:25px;letter-spacing:2px;padding:10px 0 30px;}
#main_visual .bg{height:500px;}
}
@media screen and (max-width:560px) {
#main_visual{height:250px;}
#main_visual .typo{margin-top:-70px;}
#main_visual .typo .flower{padding-bottom:5px;}
#main_visual .typo .flower img{width:30px;}
#main_visual .typo .t1{font-size:21px;line-height:25px;letter-spacing:-1px;}
#main_visual .typo .t2{font-size:12.4px;line-height:18px;letter-spacing:0px;padding:3px 0 10px;}
#main_visual .bg{height:250px;}	
}



/*협회활동*/
#section1{text-align: center;padding:0 0 70px;background:url(../img/main/bg_section1.jpg) no-repeat center center;background-size:cover;}

#activity{position:absolute;top:-70px;left:0;width:100%;}
#activity .activity_wrap{position:relative;padding-left:400px;}
#activity .section_title{position:absolute;top:0;left:0;width:400px;height:400px;background-color:#675D51;padding-top:70px;}
#activity .section_title .icon{}
#activity .section_title h3{font-size:37px;color:#fff;font-weight:600;line-height:42px;padding:10px 0 15px;}
#activity .section_title .exp{font-size:16px;color:#d0cbc5;line-height:22px;}
#activity .list{height:400px;position:relative;}
#activity .list a.more_view{position:absolute;top:0;right:0;opacity:0.6;z-index:10;}
#activity .list a.more_view:hover{opacity:1;}
#list_activity{}
#list_activity li{height:400px;position:relative;background-size:cover !important;}
#list_activity li a{display:block;height:100%;}
#list_activity li a img.area{display:none;}
#list_activity li a img.cover{position:absolute;width:100%;height:277px;bottom:0;left:0;}
#list_activity li a .text{position:absolute;bottom:0;left:0;width:100%;padding:30px 40px;text-align:left;}
#list_activity li a .text .subject{font-size:20px;font-weight:400;line-height:25px;color:#fff;overflow:hidden;text-overflow:ellipsis;}
#list_activity li a .text .subject span.category{display:inline-block;font-size:13px;line-height:24px;color:#fff;padding:0 5px;border-radius:3px;vertical-align:middle;}
#list_activity li a .text .subject span.color1{background-color:#7363d5;}
#list_activity li a .text .subject span.color2{background-color:#c12d2e;}
#list_activity li a .text .subject span.color3{background-color:#2da993;}
#list_activity li a .text .subject span.color4{background-color:#95b146;}
#list_activity li a .text .subject span.color5{background-color:#d88e3c;}
#list_activity li a .text .exp{font-size:16px;line-height:20px;color:#fff;padding-top:5px;opacity:0.8;overflow:hidden;text-overflow:ellipsis;padding:4px 0 5px;}
#list_activity li a .text .date{font-size:14px;font-weight:300;line-height:18px;color:#fff;letter-spacing:0.4px;opacity:0.65;}
#list_activity li a:hover .text{opacity:0.5;}

#list_activity .slick-prev{display:block;width:40px; height:40px;background:url(../img/main/prev_act.png);position:absolute;top:296px;left:-350px;font-size:0px; z-index:99;cursor:pointer;}
#list_activity .slick-next{display:block;width:40px; height:40px;background:url(../img/main/next_act.png);position: absolute;top:296px;left:-90px;font-size:0px;z-index:99;cursor:pointer;}
#list_activity .slick-next:hover{opacity:0.5;}
#list_activity .slick-prev:hover{opacity:0.5;}
#list_activity ul.slick-dots{position:absolute;left:-400px;top:300px;width:400px;text-align:center;z-index:11;}
#list_activity ul.slick-dots li{display: inline-block;margin:0 3px;}
#list_activity ul.slick-dots li button{font-size:15px;display:block;line-height:33px;width:33px;color:#fff;font-style:italic;text-align:center;background:#675d51;border-radius:40px;cursor:pointer;}
#list_activity ul.slick-dots li.slick-active button{background:#f6aa31;}

#section1 .activity_gap{padding-top:400px;}


@media screen and (max-width:1060px) {
#activity .section_title .exp{font-size:15px;letter-spacing:-1px;line-height:22px;}

#activity .activity_wrap{padding-left:320px;}
#activity .section_title{width:320px;}

#list_activity .slick-prev{left:-300px;}
#list_activity .slick-next{left:-60px;}
#list_activity ul.slick-dots{left:-320px;width:320px;}

#section1 .activity_gap{padding-top:300px;}
}

@media screen and (max-width:800px) {
#section1{padding:0 0 60px;}

#activity{position:relative;top:auto;left:auto;}
#activity .activity_wrap{padding-left:0;}
#activity .section_title{position:relative;top:auto;left:auto;width:100%;height:auto;padding:35px 0 12px;background:none;text-align:left;}
#activity .section_title .icon{display:none;}
#activity .section_title h3{font-size:28px;color:#333;line-height:36px;padding:0;}
#activity .section_title .exp{display:none;}
#activity .list{height:auto;}
#activity .list a.more_view{position:absolute;top:-44px;right:0;opacity:1;z-index:10;}
#activity .list a.more_view img{width:25px;}

#list_activity li{height:auto;}
#list_activity li a img.area{display:inline;}
#list_activity li a img.cover{height:250px;}
#list_activity li a .text{padding:20px 30px;}
#list_activity li a .text .subject{font-size:20px;line-height:25px;}
#list_activity li a .text .subject span.category{font-size:13px;line-height:24px;padding:0 5px;}
#list_activity li a .text .exp{font-size:16px;line-height:20px;padding:4px 0 5px;}
#list_activity li a .text .date{font-size:14px;line-height:18px;}

#list_activity .slick-prev{display:none !important;}
#list_activity .slick-next{display:none !important;}
#list_activity ul.slick-dots{display:none !important;}

#section1 .activity_gap{padding-top:45px;}
}
@media screen and (max-width:480px) {
#section1{padding:0 0 30px;}

#activity .section_title{padding:25px 0 10px;}
#activity .section_title h3{font-size:21px;line-height:26px;}
#activity .list a.more_view{top:-34px;}
#activity .list a.more_view img{width:18px;}

#list_activity li a img.cover{height:150px;}
#list_activity li a .text{padding:15px 15px;}
#list_activity li a .text .subject{font-size:17px;line-height:22px;}
#list_activity li a .text .subject span.category{font-size:12px;line-height:20px;padding:0 4px;}
#list_activity li a .text .exp{font-size:14.2px;line-height:18px;padding:2px 0 3px;}
#list_activity li a .text .date{font-size:13px;line-height:18px;}

#section1 .activity_gap{padding-top:25px;}
}



/*협회소식*/
#section1 .mid_title h3{color: #222; font-size: 46px; letter-spacing: -0.4px; font-weight:700; line-height: 50px;margin:0 0 10px;}
#section1 .mid_title p.exp{font-size: 17px; color: #555; letter-spacing: 0px;}

#section1 .news{margin-top: 55px;}
#section1 .news ul li{float: left; width: 32%; margin-right: 2%; border:1px solid #fff; text-align: left; background-color:#fff;position: relative; padding: 30px 35px;}
#section1 .news ul li:nth-child(3){margin-right: 0;}
#section1 .news ul li:hover{border:1px solid #fc871f;}
#section1 .news ul li a{display:block; width: 100%; height: 100%; color: #444; position: relative;}
#section1 .news ul li .type{font-size:15.2px;font-weight:500;color:#fc871f;}
#section1 .news ul li .subject{font-size:20.4px;font-weight:500; line-height: 26px;height:52px;overflow:hidden;letter-spacing:-0.6px;color: #333;margin:10px 0 15px;}
#section1 .news ul li .exp{font-size:16px;line-height:24px;height:48px;overflow:hidden;}
#section1 .news ul li .date{font-size:14.2px; color: #888;padding-top:20px;text-align:right;}

@media screen and (max-width:980px) {
#section1 .mid_title h3{font-size:32px;line-height:38px;margin:0 0 5px;}
#section1 .mid_title p.exp{font-size:15px;}

#section1 .news{margin-top:35px;}
#section1 .news ul li{padding: 18px 25px;}
#section1 .news ul li .type{font-size:14px;}
#section1 .news ul li .subject{font-size:19px;line-height: 25px;height:50px;margin:10px 0 12px;}
#section1 .news ul li .exp{font-size:15px;line-height:23px;height:46px;}
#section1 .news ul li .date{font-size:14.2px;padding-top:20px;}
}
@media screen and (max-width:768px) {
#section1 .news ul li{float:none;width:100%;margin-right:0;padding: 23px 25px;margin-bottom:10px;}
#section1 .news ul li .type{display:none;}
#section1 .news ul li .subject{font-size:17px;line-height:25px;height:25px;margin:0 0 5px;}
#section1 .news ul li .exp{font-size:15px;line-height:23px;height:23px;}
#section1 .news ul li .date{font-size:14.2px;padding-top:8px;}
}
@media screen and (max-width:480px) {
#section1 .mid_title h3{font-size:24px;line-height:30px;}
#section1 .mid_title p.exp{font-size:14px;line-height:18px;}

#section1 .news{margin-top:25px;}
#section1 .news ul li{padding:13px 15px;}
#section1 .news ul li .subject{font-size:17px;line-height:25px;height:25px;margin:0 0 5px;}
#section1 .news ul li .exp{font-size:14.2px;line-height:19px;height:38px;}
#section1 .news ul li .date{font-size:13.4px;padding-top:2px;}
}

/*동영상, 언론보도*/
#movie_media{position:relative;margin-top:60px;}
#movie_media .section_title{position:relative;padding-bottom:18px;border-bottom:1px solid #888;text-align:left;}
#movie_media .section_title h3{font-size:25.4px;font-weight:600;color:#333;line-height:29px;}
#movie_media .section_title a{display:block;position:absolute;bottom:20px;right:0;}

#movie .section_title{border-bottom:none;}
#movie{position:absolute;top:0;left:0;width:575px;}
#movie .first_movie{position:relative;}
#movie .first_movie a{display:block;}
#movie .first_movie a:hover{opacity:0.6;}
#movie .first_movie a .btn_play{display:block;position:absolute;top:50%;left:0;width:100%;margin-top:-30px;text-align:center;}
#movie .first_movie a .text{position:absolute;bottom:0;left:0;width:100%;padding:25px;text-align:left;}
#movie .first_movie a .text .subject{font-size:20px;font-weight:400;line-height:25px;color:#fff;opacity:0.95;overflow:hidden;text-overflow:ellipsis;}
#movie .first_movie a .text .exp{font-size:16px;line-height:20px;color:#fff;padding-top:5px;opacity:0.75;overflow:hidden;text-overflow:ellipsis;}
#movie .list{margin-top:13px;text-align:left;}
#movie .list a{display:block;position:relative;padding:0 120px 0 13px;background-color:#464039;color:#fff;font-weight:300;line-height:49px;}
#movie .list a p{overflow:hidden;text-overflow:ellipsis;}
#movie .list a span{display:block;position:absolute;top:0;right:15px;font-size:15px;font-weight:300;}

#media{padding-left:625px;text-align:left;}
#media ul{font-size:0;}
#media ul li{border-bottom:1px solid #888;padding:20px 0;}
#media ul li a{display:block;position:relative;padding-left:165px;min-height:90px;}
#media ul li.no_img a{padding-left:0;}
#media ul li a:hover{opacity:0.5;}
#media ul li a .img{position:absolute;top:0;left:0;width:140px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
#media ul li a .text{}
#media ul li a .text .subject{font-size:16.2px;color:#333;font-weight:500;line-height:18px;overflow:hidden;text-overflow:ellipsis;}
#media ul li a .text .exp{font-size:14.6px;color:#666;font-weight:400;line-height:20px;height:40px;overflow:hidden;margin:8px 0 4px;}
#media ul li a .text .date{font-size:13.2px;color:#444;font-weight:400;}
#media ul li:last-child{border:none;}

#section1 .more{padding-top:40px;}

@media screen and (max-width:1100px) {
#movie_media{position:relative;margin-top:40px;}

#movie{width:420px;}
#movie .first_movie a .text .subject{font-size:18px;}
#movie .first_movie a .text .exp{font-size:15px;}
	
#media{padding-left:460px;}
#media ul li a{padding-left:108px;min-height:62px;}
#media ul li a .img{width:93px;}
#media ul li a .text .exp{font-size:14px;height:20px;margin:4px 0 0;}

#section1 .more{padding-top:30px;}
}

@media screen and (max-width:800px) {
#movie_media .section_title{padding-bottom:15px;}
#movie_media .section_title h3{font-size:22px;line-height:28px;}
#movie_media .section_title a{bottom:12px;}	
#movie_media .section_title a img{width:18px;}
	
#movie{position:relative;top:auto;left:auto;width:100%;}
#movie .first_movie a .btn_play{margin-top:-30px;}
#movie .first_movie a .btn_play img{width:40px;}
#movie .first_movie a .text{padding:25px;}
#movie .first_movie a .text .subject{font-size:18px;line-height:25px;}
#movie .first_movie a .text .exp{font-size:15px;line-height:20px;}
#movie .list{margin-top:12px;}
#movie .list a{padding:0 120px 0 13px;line-height:49px;font-size:15px;}
#movie .list a span{right:15px;font-size:14px;}

#media{padding-left:0;margin-top:40px;}
#media ul li{padding:20px 0;}
#media ul li a{padding-left:165px;min-height:90px;}
#media ul li a .img{width:140px;}
#media ul li a .text .subject{font-size:16.2px;line-height:18px;}
#media ul li a .text .exp{font-size:14.6px;line-height:20px;height:40px;margin:8px 0 4px;}
#media ul li a .text .date{font-size:13.2px;}

#section1 .more{padding-top:10px;}
}

@media screen and (max-width:480px) {
#movie_media{margin-top:25px;}	
#movie_media .section_title{padding-bottom:10px;}
#movie_media .section_title h3{font-size:19px;line-height:26px;}
#movie_media .section_title a{bottom:7px;}	

#movie .first_movie a .btn_play{margin-top:-30px;}
#movie .first_movie a .btn_play img{width:35px;}
#movie .first_movie a .text{padding:15px;}
#movie .first_movie a .text .subject{font-size:17px;line-height:22px;}
#movie .first_movie a .text .exp{font-size:14px;line-height:18px;}
#movie .list{margin-top:10px;}
#movie .list a{padding:0 90px 0 13px;line-height:44px;font-size:14.6px;}
#movie .list a span{right:13px;font-size:13px;}

#media{margin-top:25px;}
#media ul li{padding:15px 0;}
#media ul li a{padding-left:108px;min-height:62px;}
#media ul li a .img{width:93px;}
#media ul li a .text .subject{font-size:15.4px;line-height:18px;}
#media ul li a .text .exp{font-size:14px;line-height:18px;height:18px;margin:4px 0 0px;}


#section1 .more{padding-top:10px;}
}


/*기부하기*/
#section2{padding:200px 00;background:url(../img/main/bg_section2.jpg) repeat center center;background-size:cover;background-attachment: fixed;}
#section2 .typo1{font-size:48px;color:#fff;font-weight:700;line-height:60px;letter-spacing:-1px;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);opacity:0.85;}
#section2 .typo2{font-size:17px;color:#fff;font-weight:400;line-height:28px;letter-spacing:0px;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);opacity:0.75;padding:10px 0 40px;}
#section2 .typo2 br{display:none;}

@media screen and (max-width:980px) {
#section2{padding:120px 0;background-attachment:local;}
#section2 .typo1{font-size:36px;line-height:45px;letter-spacing:-2px;}
#section2 .typo2{font-size:15px;line-height:23px;padding:10px 0 30px;}
}
@media screen and (max-width:560px) {
#section2{padding:60px 0;}
#section2 .typo1{font-size:19px;line-height:24px;letter-spacing:-1px;}
#section2 .typo2{font-size:13px;line-height:18px;padding:5px 0 20px;}
#section2 .typo2 br{display:inline;}
}


/*함께하는기관*/
#section3{padding:90px 0 80px;background:url(../img/main/bg_section3.gif) repeat 0 0;}
#section3 .section_title{position:relative;text-align:left;padding-left:8px;}
#section3 .section_title h3{color:#222;font-size:27px;font-weight:700;line-height:30px;}
#section3 .section_title a{position:absolute;display:block;top:0;right:5px;}

#section3 ul{font-size:0;margin-top:20px;}
#section3 ul li{margin:0 10px;}
#section3 ul li a{display:block;}
#section3 ul li a:hover{opacity:0.5;}
#section3 ul li a .img{background-repeat:no-repeat;background-position:center center;background-size:cover !important;box-shadow:3px 3px 7px rgba(0,0,0,0.05);}
#section3 ul li a p{font-size:15px;color:#444;font-weight:400;line-height:18px;letter-spacing:-0.4px;text-align:center;padding-top:15px;}

@media screen and (max-width:980px) {
#section3{padding:55px 0 50px;}
#section3 .section_title h3{font-size:24px;line-height:30px;}
#section3 .section_title a{top:5px;left:;}
#section3 .section_title a img{width:18px;}

}

@media screen and (max-width:440px) {
#section3 .section_title h3{font-size:20px;line-height:27px;}
#section3{padding:30px 0 35px;}
#section3 ul{margin-top:15px;}
#section3 ul li{margin:0 6px;}
#section3 ul li a p{font-size:13.4px;line-height:17px;padding-top:10px;}
}



/*오시는길*/
#section4{position:relative;padding-right:470px;}
#map_canvas{width:100%;height:500px;}
#section4 .cont{position:absolute;top:0;right:0;width:470px;height:100%;background:url(/img/main/bg_map_cont.gif) no-repeat center center;background-size:cover;color:#e1dfdc;text-align:center;padding-top:110px;}
#section4 .cont h3{font-size:37px;font-weight:600;line-height:42px;padding:10px 0 20px;}
#section4 .cont ul.main_map_tab{font-size:0;}
#section4 .cont ul.main_map_tab li{display:inline-block;vertical-align:top;font-size:16px;color:#fff;background-color:#7a7166;line-height:44px;width:170px;cursor:pointer;}
#section4 .cont ul.main_map_tab li.selected{background-color:#3e3831;}
#map_info{padding-top:30px;font-size:16px;line-height:26px;}

@media screen and (max-width:980px) {
#section4{padding-right:0;}
#map_canvas{height:350px;}
#section4 .cont{position:relative;top:auto;right:auto;width:100%;height:auto;padding:40px 0;background:url(/img/main/bg_map_cont_m.gif) no-repeat center center;background-size:cover;}
#section4 .cont .icon{width:30px;}
#section4 .cont h3{font-size:30px;line-height:36px;padding:10px 0 20px;}
#section4 .cont ul.main_map_tab li{font-size:15px;line-height:40px;width:150px;}
#map_info{padding-top:20px;}
}
@media screen and (max-width:560px) {
#map_canvas{height:250px;}
#section4 .cont{padding:30px 0;}
#section4 .cont .icon{width:25px;}
#section4 .cont h3{font-size:24px;line-height:30px;padding:6px 0 15px;}
#section4 .cont ul.main_map_tab li{font-size:15px;line-height:36px;width:140px;letter-spacing:-1px;}
#map_info{padding-top:15px;font-size:14.2px;line-height:20px;}
}