@charset "UTF-8";

/* main_visual */
.main_visual {position:relative;width:100%;background:url(../imgs/main/vs_bg.png) repeat 0 0}
.main_visual .main_visual_list {position:relative;}
.main_visual .main_visual_list .list {position:relative;min-height:30.85rem;}
.main_visual .main_visual_list .list .txt {position:relative;padding-top:8.1rem;z-index:3}
.main_visual .main_visual_list .list .txt img {max-width:100%;height:auto}
.main_visual .main_visual_list .list .list_bg {position:absolute;top:0;right:0;width:50%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:0 0}
.main_visual .sns_link {position:absolute;bottom:4.2rem;left:0;width:100%;z-index:30}
.main_visual .sns_link .link_box {position:relative;width:100%;max-width:27.5rem;margin:0 auto}
.main_visual .sns_link .link_box ul {position:relative;margin:-0.5rem}
.main_visual .sns_link .link_box ul li {position:relative;float:left;width:50%;padding:0.5rem}
.main_visual .sns_link .link_box ul li a {display:block;width:100%;border:1px solid #fff;font-size:0.9rem;line-height:2.6rem;color:#fff;text-align:center}
.main_visual .sns_link .link_box ul li a span {display:inline-block;position:relative;padding-left:1.5rem}
.main_visual .sns_link .link_box ul li a span:before {display:block;content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:1.2rem;height:1.2rem;background-size:1.2rem  1.2rem;background-repeat:no-repeat;background-position:0 0}
.main_visual .sns_link .link_box ul li a span.kkako:before {background-image:url(../imgs/main/sns_kkako.png)}
.main_visual .sns_link .link_box ul li a span.face:before {background-image:url(../imgs/main/sns_face.png)}
.main_visual .sns_link .link_box ul li a span.tw:before {background-image:url(../imgs/main/sns_tw.png)}
.main_visual .sns_link .link_box ul li a span.blog:before {background-image:url(../imgs/main/sns_blog.png)}
.main_visual .sns_link .link_box ul li a span.site:before {background-image:url(../imgs/main/sns_site.png)}
.main_visual .slick-dots {bottom:1.7rem}
.main_visual .slick-dots li {margin:0 1px}
.main_visual .slick-dots li button {padding:0;width:0.65rem;height:0.4rem}
@media screen and (max-width:1024px){
    .main_visual .sns_link {bottom:4rem}
}
@media screen and (max-width:730px){
    .main_visual .sns_link .link_box {padding:0 15px}
}
@media screen and (max-width:500px){
    .main_visual .main_visual_list .list .txt {padding-top:8rem;padding-bottom:13rem}
    .main_visual .main_visual_list .list {position:relative}
}

/* main mid banner */
.main_mid_banner {position:relative;margin-top:1.05rem}
.main_mid_banner ul {position:relative;margin:-0.45rem}
.main_mid_banner ul li {position:relative;float:left;width:20%;padding:0.45rem}
.main_mid_banner ul li .bg {
    position:relative;
    padding:1px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#59b408+0,d2b280+100 */
    background: rgb(89,180,8); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(89,180,8,1) 0%, rgba(210,178,128,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(89,180,8,1) 0%,rgba(210,178,128,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(89,180,8,1) 0%,rgba(210,178,128,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59b408', endColorstr='#d2b280',GradientType=1 ); /* IE6-9 */
}
.main_mid_banner ul li a {display:block;position:relative;text-align:center;width:100%;min-height:3.85rem;background-color:#fff;}
.main_mid_banner ul li a p {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;font-size:0.9rem;color:#458b06;}
.main_mid_banner ul li a p .txt {display:inline-block;position:relative;text-align:left;line-height:1.2;}
.main_mid_banner ul li a p .txt:before {display:block;content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);background-repeat:no-repeat;background-size:100% auto;background-position:0 0}
.main_mid_banner ul li a p.ico1 .txt {padding-left:3.6rem}
.main_mid_banner ul li a p.ico2 .txt {padding-left:2.8rem}
.main_mid_banner ul li a p.ico3 .txt {padding-left:3rem}
.main_mid_banner ul li a p.ico4 .txt {padding-left:3.15rem}
.main_mid_banner ul li a p.ico5 .txt {padding-left:2.7rem}
.main_mid_banner ul li a p.ico1 .txt:before {width:3.05rem;height:2.85rem;background-image:url(../imgs/main/mid_ico_01.png)}
.main_mid_banner ul li a p.ico2 .txt:before {width:2.1rem;height:2.35rem;background-image:url(../imgs/main/mid_ico_02.png)}
.main_mid_banner ul li a p.ico3 .txt:before {width:2.35rem;height:2.45rem;background-image:url(../imgs/main/mid_ico_03.png)}
.main_mid_banner ul li a p.ico4 .txt:before {width:2.25rem;height:2.3rem;background-image:url(../imgs/main/mid_ico_04.png)}
.main_mid_banner ul li a p.ico5 .txt:before {width:2rem;height:2.6rem;background-image:url(../imgs/main/mid_ico_05.png)}
@media screen and (max-width:700px){
    .main_mid_banner ul li {width:33.333333333%}
}
@media screen and (max-width:400px){
    .main_mid_banner ul li {width:50%}
	.main_mid_banner ul li.last {width:100%;}
}

/* main sponsor */
.main_sponsor {margin-top:1.1rem}
.main_sponsor .sponsor_cont {position:relative;width:100%;background:url(../imgs/main/sponsor_bg.jpg) no-repeat 50% 50%;background-size:cover}
.main_sponsor .sponsor_cont a {display:block;position:relative;padding:2rem 2.45rem}
.main_sponsor .sponsor_cont strong,
.main_sponsor .sponsor_cont span {display:inline-block;position:relative;vertical-align:middle}
.main_sponsor .sponsor_cont strong {font-size:1.25rem;line-height:1.25rem;color:#fffc15;font-weight:500}
.main_sponsor .sponsor_cont span {margin-left:0.65rem;font-size:0.8rem;color:#fff;}
@media screen and (max-width:960px){
    .main_sponsor .sponsor_cont a {padding:1.5rem}
}
@media screen and (max-width:486px){
    .main_sponsor .sponsor_cont span {display:block;margin-left:0;margin-top:.3rem}
}

/* main gallery */
.main_gallery {position:relative;margin-top:2.4rem}
.main_gallery .bg {position:absolute;top:0;left:0;width:100%;max-width:42.25rem;height:12rem;background:url(../imgs/main/main_gall_bg.jpg) no-repeat 0 0;}
.main_gallery .gallery_container {position:relative;z-index:3}
.main_gallery .gallery_title {display:none;position:relative;padding:3.4rem 0 2.9rem;z-index:3}
.main_gallery .gallery_title p {font-weight:300;color:#fff;font-size:0.9rem;line-height:0.9rem}
.main_gallery .gallery_title h3 {margin-top:0.6429rem;font-weight:700;color:#fff;font-size:1.75rem;line-height:1.75rem;}
.main_gallery .gallery_title .contorls {margin-top:1.214rem;}
.main_gallery .gallery_title .contorls a {display:inline-block;position:relative;width:1.45rem;height:1.45rem;background-size:100% auto;background-repeat:no-repeat;background-position:0 0;vertical-align:middle}
.main_gallery .gallery_title .contorls a.g_prev {background-image:url(../imgs/main/g_prev.png)}
.main_gallery .gallery_title .contorls a.g_next {background-image:url(../imgs/main/g_next.png)}
.main_gallery .gallery_list_cont {position:absolute;top:0.6rem;left:14.1rem;z-index:4}
.main_gallery .gallery_list_cont .gallery_list_inner {position:relative;width:1247px;padding-right:2.15rem;}
.main_gallery .gallery_list_cont .gallery_list_inner .gallery_list {position:relative;margin:0 -0.45rem}
.main_gallery .gallery_list_cont .gallery_list_inner .gallery_list .list {padding:0 0.45rem}
.main_gallery .gallery_list_cont .gallery_list_inner .gallery_list .list a {display:block;position:relative;box-shadow:4px 2px 7px rgba(7,0,2,0.29)}
.main_gallery .gallery_list_cont .gallery_list_inner .gallery_list .list .s_img {padding-top:95%}
@media screen and (max-width:1280px){
    .main_gallery .gallery_list_cont {position:relative;top:inherit;left:inherit}
    .main_gallery .gallery_list_cont .gallery_list_inner {padding-right:0;width:100%}
}


/* main post */
.main_post {margin-top:2.5rem}
.main_post .row {position:relative;margin:-0.3rem}
.main_post .row .col_5 {position:relative;float:left;width:50%;padding:0.3rem}
.main_post .post_container {
    padding:2px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#92d314+0,15bb76+100 */
    background: rgb(146,211,20); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(146,211,20,1) 0%, rgba(21,187,118,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(146,211,20,1) 0%,rgba(21,187,118,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(146,211,20,1) 0%,rgba(21,187,118,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92d314', endColorstr='#15bb76',GradientType=1 ); /* IE6-9 */
}
.main_post .post_container .post_cont {background-color:#fff;min-height:9.55rem;padding:2.1rem 1.7rem 2.1rem 2.3rem}
.main_post .post_list {float:right;position:relative;width:calc(100% - 7.2rem)}
.main_post .post_list li {position:relative;padding-left:0.6rem;padding-right:2.5rem;font-size:0.75rem;line-height:0.8rem;margin-bottom:0.75rem}
.main_post .post_list li:last-child {margin-bottom:0}
.main_post .post_list li:before {
    display:block;
    content:"";
    position: absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    width:0.25rem;
    height:0.25rem;
    background-color:#999;
}
.main_post .post_list li a {display:block;width:100%;font-size:0.75rem;line-height:0.8rem;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.main_post .post_list li .date {display:block;position:absolute;top:0;right:0;font-size:0.65rem;line-height:0.8rem;color:#999;}
.main_post .tit {position:relative;float:left;font-size:1.15rem;line-height:1.15rem;color:#333;font-weight:500}
.main_post .tit:before {
    display:block;
    content:"";
    position:relative;
    margin:0 auto;
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:100% auto;
    margin-bottom:0.7rem;
}
.main_post .tit.ico1 {padding-top:0.357rem}
.main_post .tit.ico1:before {width:2.5rem;height:2.3rem;background-image:url(../imgs/main/notice_icon.png)}
.main_post .tit.ico2:before {width:2rem;height:3.25rem;background-image:url(../imgs/main/join_icon.png)}
@media screen and (max-width:1024px){
    .main_post .row .col_5 {width:100%}
    .main_post .post_container .post_cont {padding:2rem}
}
@media screen and (max-width:400px){
    .main_post .tit {float:none;text-align:center;display:inline-block;}
    .main_post .post_list {float:none;width:100%;margin-top:1rem}
	.main_post .post_container .post_cont {padding:1.4rem 1.2rem 1.2rem;text-align:center;}
	.main_post .tit.ico2:before {position:absolute;width:20px;height:35px;left: -25px;top: -10px;}
	
}


/* main bt banner */
.main_bt_banner {margin-top:2.4rem;padding:0.5rem 0;background-color:#ddd}
.main_bt_banner .bt_banner_list {position:relative;margin:0 -0.3rem}
.main_bt_banner .bt_banner_list .list {padding:0 0.3rem}
.main_bt_banner .bt_banner_list .list img {max-width:100%}



/*비주얼-수정*/
.gall_list_2 {background:url(/imgs/main/main_vs_bg.jpg) no-repeat;background-size:cover;}
.gall_list_2 .vs_box {width:55%;margin:110px auto 40px;padding:40px;background:url(/imgs/main/main_vs_box.png) repeat-y;background-size:100%;}
.gall_list_2 .s_img .img {height:250px !important;width:200px !important;position:relative;top:auto;left:auto;right:auto;bottom:auto;display: block;}
.gall_list_2 .s_img  {padding-top:0;}
.gall_list_2 .slick-initialized .slick-slide {text-align:center;}
.gall_list_2 .slick-initialized .slick-slide a {display:inline-block;width:750px}
.gall_list_2 .slick-initialized .slick-slide a .area {overflow:hidden;display:table;width:100%;}
.gall_list_2 .slick-initialized .slick-slide a .s_img {display:table-cell;position: relative;vertical-align: middle;}
.gall_list_2 .slick-initialized .slick-slide a .s_img .img img {position:relative;top:auto;left:auto;}
.gall_list_2 .slick-initialized .slick-slide a .subject {display:table-cell;vertical-align: middle;text-align:left;padding-left:30px}
.gall_list_2 .slick-initialized .slick-slide a .subject .sbj {font-size:33px;color:#fbff12;letter-spacing: -3px;width:95%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis }
.gall_list_2 .slick-initialized .slick-slide a .subject .ctt {font-size:16px;color:#fff;margin: 5px 0 15px;word-wrap: break-word; word-break: keep-all;width:100%;font-weight: 300;}
.gall_list_2 .slick-initialized .slick-slide a .subject .link {font-size:15px;color:#fff;width:130px;text-align:center;border:1px solid rgba(255,255,255,0.5);border-radius:25px;padding:5px 0;}
.gall_list_2 .slick-dots {right:15px;top:5px;bottom: auto;width:auto;}
.gall_list_2 .slick-dots li {margin:0 3px}


@media screen and (max-width:1500px){
	.gall_list_2 .vs_box {width:80%;}
}
@media screen and (max-width:1200px){
	.gall_list_2 .vs_box {width:95%;}
}

@media screen and (max-width:980px){
	.gall_list_2 .s_img .img {width:130px !important;height:150px !important;}
	.gall_list_2 .slick-initialized .slick-slide a .subject {padding-left:20px;}
	.gall_list_2 .slick-initialized .slick-slide a .subject .sbj {font-size:25px;letter-spacing: -1px}
	.gall_list_2 .slick-initialized .slick-slide a .subject .ctt {font-size:15px;}
	.gall_list_2 .slick-initialized .slick-slide a {width:100%;}
	.gall_list_2 .vs_box {margin:100px auto 70px}
}


/*메인-후원수정*/
/*.main_post.new {margin:1rem 0 1.5rem;}
.main_post.new .row .col_5 {padding:0 0.3rem;}
.main_post .spon {background:url(/imgs/main/main_spon.jpg) no-repeat bottom right;background-size:cover; }
.main_post .spon a {display:block;height:195px;padding:45px 0 0 40px;}
.main_post .spon h3 {font-size:25px;color:#fbff12}
.main_post .spon p {color:#fff;font-size:17px}

.main_gallery.new {margin:0;background:url(/imgs/main/main_gal_bg.jpg) no-repeat bottom; background-size:cover;overflow: hidden;padding:3% 0 2%;width:100%;overflow:hidden;} 
.main_gallery.new .gallery_title {position:relative;padding:0;background:none;float:left;width:20%;padding-top:3%;}
.main_gallery.new .gallery_list_cont {position:relative;top:auto;left:auto;float:right;width:80%;}
.main_gallery.new .gallery_list_cont .gallery_list_inner {width:100%;padding-right:0;}

@media screen and (max-width:1024px){
	.gall_list_2 .vs_box {width:95%;}
	.main_post .spon {margin-bottom:1%;}
}

@media screen and (max-width:980px){
	.main_post .spon a {height:auto;padding:5% 5% 6%}
	.main_post .spon p {font-size:14px;}
	.main_post .spon h3 {font-size:23px}
	
	.main_gallery.new .gallery_title {float:none;width:100%;padding-top:0;text-align: center;}
	.main_gallery.new .gallery_list_cont  {float:none;width:100%;}
	.main_gallery.new .gallery_title .contorls {margin:10px 0 15px;}
	
}

@media screen and (max-width:750px){
	.main_gallery.new {padding:5% 0 4%;}
	.main_mid_banner ul {margin:-0.2rem;}
	.main_mid_banner ul li {padding:0.2rem;}
	.gall_list_2 .slick-initialized .slick-slide a .subject .sbj {font-size:20px;}
	.gall_list_2 .slick-initialized .slick-slide a .subject .ctt {font-size:13px;} 
	.gall_list_2 .slick-initialized .slick-slide a .subject .link {font-size:14px;padding:3px 0;}  
	.gall_list_2 .vs_box {padding:40px;}
}

@media screen and (max-width:500px){
	.gall_list_2 .vs_box {padding:30px;}
	.gall_list_2 .slick-initialized .slick-slide a .subject, .gall_list_2 .slick-initialized .slick-slide a .s_img {padding-left:0;display:block;width:100%;text-align:center;}
	.gall_list_2 .s_img .img {margin:0 auto;}
	.gall_list_2 .slick-initialized .slick-slide a .subject .link {margin:0 auto;} 
	.gall_list_2 .slick-initialized .slick-slide a .subject .sbj {margin-top:7px;}
	.gall_list_2 .slick-initialized .slick-slide a .subject .sbj {white-space: unset;line-height: 1.2;}
	
	.main_post .spon a {padding:8% 7% 10%;text-align: center;text-shadow:0 0 10px rgba(0,0,0,0.7);}
	
}*/

.main_post.new {margin:1rem 0 1.5rem;}
.main_post.new .row .col_5 {padding:0 0.3rem;}
.main_post .spon {background:url(/imgs/main/main_spon.jpg) no-repeat bottom right;background-size:cover; }
.main_post .spon a {display:block;height:195px;padding:45px 0 0 40px;}
.main_post .spon h3 {font-size:25px;color:#fbff12}
.main_post .spon p {color:#fff;font-size:17px}

.main_gallery.new {margin:0;background:#fffeeb; background-size:cover;overflow: hidden;padding:1.5% 0;width:100%;overflow:hidden;} 
.main_gallery.new .gallery_title {position:relative;padding:0;background:none;float:left;width:20%;padding-top:3%;}
.main_gallery.new .gallery_list_cont {position:relative;top:auto;left:auto;float:right;width:80%;}
.main_gallery.new .gallery_list_cont .gallery_list_inner {width:100%;padding-right:0;}
.main_gallery.new h3, .main_gallery .gallery_title p {color:#505d3a;}  
.main_gallery.new .gallery_title .contorls a {background-color:#6b9f10;}
.main_gallery.new .slick-list {overflow:unset;}

@media screen and (max-width:1024px){
	.gall_list_2 .vs_box {width:95%;}
	.main_post .spon {margin-bottom:1%;}
}

@media screen and (max-width:980px){
	.main_post .spon a {height:auto;padding:5% 5% 6%}
	.main_post .spon p {font-size:14px;}
	.main_post .spon h3 {font-size:23px}
	
	.main_gallery.new .gallery_title {display:block;float:none;width:100%;padding-top:0;text-align: left;margin-bottom:10px;}
	.main_gallery.new .gallery_list_cont  {float:none;width:100%;}
	.main_gallery.new .gallery_title .contorls {margin:0;position:absolute;top:17px;right:0;}
	
}

@media screen and (max-width:750px){
	.main_gallery.new {padding:5% 0 4%;}
	.main_mid_banner ul {margin:-0.2rem;}
	.main_mid_banner ul li {padding:0.2rem;}
	.gall_list_2 .slick-initialized .slick-slide a .subject .sbj {font-size:20px;}
	.gall_list_2 .slick-initialized .slick-slide a .subject .ctt {font-size:13px;} 
	.gall_list_2 .slick-initialized .slick-slide a .subject .link {font-size:14px;padding:3px 0;}  
	.gall_list_2 .vs_box {padding:40px;}
}

@media screen and (max-width:500px){
	.gall_list_2 .vs_box {padding:25px;margin:75px auto 20px;}
	.gall_list_2 .slick-initialized .slick-slide a .subject, .gall_list_2 .slick-initialized .slick-slide a .s_img {padding-left:0;display:block;width:100%;text-align:center;}
	.gall_list_2 .s_img .img {margin:0 auto;}
	.gall_list_2 .slick-initialized .slick-slide a .subject .link {margin:5px auto 0;} 
	.gall_list_2 .slick-initialized .slick-slide a .subject .sbj {margin-top:7px;}
	.gall_list_2 .slick-initialized .slick-slide a .subject .sbj {line-height: 1.2;}
	
	.main_post .spon a {padding:8% 7% 10%;text-align: center;text-shadow:0 0 10px rgba(0,0,0,0.7);}
	.gall_list_2 .slick-initialized .slick-slide a .subject .ctt {display:none;}
	
}


.main_site_banner {
    position:relative;
    padding-bottom:1.5rem;    
}
.main_site_banner_container {
    position:relative;
    width:100%;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
}
.main_site_banner .tit {
    display:block;
    width:5.1rem;
    font-size:1rem;
    color:#000;
    font-weight:500;
}
.main_site_banner .main_site_banner_slider_wrap {
    position:relative;
    width:calc(100% - 5.1rem);
}
.main_site_banner_slider {
    position:relative;
    width:100%;
}
.main_site_banner_slider .list img {
    max-width:100%;
    padding:0 5px;
}
@media screen and (max-width:980px) {
    .main_site_banner_container {flex-direction:column;}
    .main_site_banner .tit {width:100%}
    .main_site_banner .main_site_banner_slider_wrap {
        width:100%;
        margin-top:5px;
    }
}