@charset "UTF-8";

.visual {
    position:relative;
    width:100%;    
}
.visual__slide {
    position:relative;
    width:100%;
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.visual__slide--bg1 {
    background-image:url(../imgs/new_main/visaul/main_vs_img.jpg);
}
.visual__content {
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:22.4rem;
    text-align:center;
    font-family: 'Makgeolli';
    font-size:4.5rem;
    color:#fff;
    line-height:5rem;
}
.visual__text {
    animation:SlideDown 0.8s ease;
}
@keyframes SlideDown {
    0% {
        transform:translateY(200px);
        opacity:0;
    }
    100% {
        transform:translateY(0);
        opacity:1;
    }
}
@media screen and (max-width:480px) {
    .visual__content {
        font-size:3.5rem;
        line-height:4rem;
    }
}
.main-title-box {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
}
@media screen and (max-width:392px) {
    .main-title-box {flex-direction:column;}
}
.main-title {
    position:relative;    
    padding-left:2.3rem;
    font-family: 'NanumSquare';
    font-weight:700;
    font-size:1.35rem;    
    color: #4e4e4e;
    line-height:1;
}
.main-title::before {
    content:"";
    display:block;
    position:absolute;
    top:-0.3rem;
    left:0;
    width:1.75rem;
    height:1.75rem;
    background-size:100% auto;
    background-position:0 0;
    background-repeat:no-repeat;
}
.main-title strong {
    font-weight:700;
    color:#3573B9;
}
.main-title.main-title--ico1::before {    
    background-image:url(../imgs/new_main/ico_notice.svg)
}
.main-title.main-title--ico2::before {    
    background-image:url(../imgs/new_main/ico_program.svg)
}
.main-title.main-title--ico3::before {    
    background-image:url(../imgs/new_main/ico_news.svg)
}

.main-notice {
    position:relative;
    margin-top:1.8rem;
}
.main-notice__list {
    margin-top:1.8rem;
    border-top:2px solid #e1e1e1;
}
.main-notice__item {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
    padding:0.45rem 0 0.65rem;
    border-bottom:1px solid #F1F1F1;
}
.main-notice__item--empty {
    display:block;
    width:100%;
    font-size:0.9rem;
    color: #4e4e4e;
}

.main-notice__link {
    display:block;
    position:relative;
    width:80%;
    padding-left:1rem;
    font-size:0.9rem;
    color: #4e4e4e;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.main-notice__link::before {
    content:"";
    display:block;
    position:absolute;
    top:0.5rem;
    left:0;
    width:0.25rem;
    height:0.25rem;
    background-color: #727272;
}
.main-notice__date {
    display:block;
    width:20%;
    text-align:right;
    font-size:0.9rem;
    color: #acacac;
}
@media screen and (max-width:480px) {    
    .main-notice__link {width:75%;}
    .main-notice__date {width:25%;}
}


.more {
    display:block;
    text-align:right;
}
.more__link {
    font-size:0.9rem;
    color:#4e4e4e;
    line-height:1;
}
@media screen and (max-width:392px) {
    .more {margin-top:0.5rem;}
}

.main-program {
    position:relative;
    margin-top:1.95rem;
    padding:1.7rem 0 2.15rem;
    background-color:#F6F7FF;
}
.main-program__list {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    padding-top:2.1rem;
    margin:-0.95rem;
}
.main-program__item {
    width:calc(25% - 0.95rem - 0.95rem);
    height: 258px;
    margin:0.95rem;    
    border-radius: 19px 0px;
    background: #fff;
    border: 1px solid #dfdfdf;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    overflow:hidden;
}
.main-program__item--empty {
    width:calc(100% - 0.95rem - 0.95rem);
    height:auto;
    border-radius:0;
    border:0;    
    background-color:transparent;
    box-shadow:none;
    font-size:0.9rem;
    color: #4e4e4e;
}
.main-program__link {
    display:block;
    position:relative;
    padding:1.85rem 1rem 1.75rem;
}
.main-program__subject {    
    width:100%;
    height:2.6rem;
    font-weight: 500;
    font-size:0.9rem;
    color: #4e4e4e;
    overflow: hidden; /* 넘치는 부분 숨기기 */
    text-overflow: ellipsis; /* 넘치는 부분에 대해 ...으로 표시 */
    display: -webkit-box; /* 웹킷 기반 브라우저에서 필요한 속성 */
    -webkit-line-clamp: 2; /* 보여줄 줄 수 */
    -webkit-box-orient: vertical; /* 웹킷 기반 브라우저에서 필요한 속성 */
    word-break: keep-all;
}
.main-program__subject::after {
    content:"";
    display:block;
    clear:both;
}
.main-program__date {
    margin-top:0.85rem;
    font-size:0.9rem;
    line-height:1;
    color: #acacac;
}
.main-program__link-box {
    position:relative;
    margin-top:3.2rem;
    text-align:center;
}
.main-program__more {
    display:inline-block;
    padding:0.34rem 0.6rem;
    background-color: #3573b9;
    font-size:0.65rem;
    line-height:1;
    text-align:center;
    color: #fff;
}
@media screen and (max-width:798px) {    
    .main-program__item {
        width:calc(50% - 0.95rem - 0.95rem);
        height:200px;
    }
    .main-program__item--empty {width:calc(100% - 0.95rem - 0.95rem)}
}
@media screen and (max-width:480px) {    
    .main-program__list {
        margin:-0.6rem;
    }
    .main-program__item {
        width:calc(50% - 0.6rem - 0.6rem);
        height:200px;
        margin:0.6rem;
    }
    .main-program__item--empty {width:calc(100% - 0.6rem - 0.6rem)}
}

.main-news {
    position:relative;
    margin-top:1.75rem;
}
.main-news__list {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    padding-top:1.95rem;
    margin:-0.65rem -1.2rem;
}
.main-news__item {
    position:relative;
    width:calc(33.33333333% - 1.2rem - 1.2rem);
    margin:0.65rem 1.2rem;
}
.main-news__item .s_img {
    padding-top:73.101%;
    border: 1px solid #E2E2E2;
}
.main-news__link {
    position:relative;
    display:block;
    width:100%;
}
.main-news__subject {
    margin-top:0.5rem;
    font-size:0.9rem;
    color: #4e4e4e;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (max-width:854px) {    
    .main-news__list {
        margin-left:-0.6rem;
        margin-right:-0.6rem;
    }
    .main-news__item {
        width:calc(33.3333333333% - 0.6rem - 0.6rem);
        margin-left:0.6rem;
        margin-right:0.6rem;
    }
}
@media screen and (max-width:480px) {    
    .main-news__item {
        width:calc(50% - 0.6rem - 0.6rem);
        margin-left:0.6rem;
        margin-right:0.6rem;
    }
}



/* 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 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;
    text-align:left;
}
.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-top:3.85rem}
.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;
    margin-top:2.2rem;
    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 a {
    display:block;
    position:relative;
    border:1px solid #dfdfdf;
    text-align:center;
    margin:0 5px;
}

.main_site_banner_slider {
    position:relative;
    width:100%;   
}
.main_site_banner_slider .list img {
    display:inline-block;
    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;
    }
}