@charset "UTF-8";

/* visaul */
.main_visual_wrap {position:relative;width:100%;max-width:1200px;margin:0 auto;}
.main_visual_wrap .slider {position:relative;width:100%;opacity:1;}
.main_visual_wrap .slider .slide {position:relative;width:100%;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;}
.main_visual_wrap .slider .slide.bg1 {height:39.36rem;background-image:url(../imgs/main/main_vs_img_01.jpg?ver=1.1)}
.main_visual_wrap .slider .slide .slider_cont {padding-top:4rem;text-align:center;}
.main_visual_wrap .slider .slide .slider_cont .txt1 {font-size:1.643rem;color:#333333;font-weight:500;line-height:1;}
.main_visual_wrap .slider .slide .slider_cont .txt2 {margin-top:1.5rem;font-size:4rem;color:#0f5070;font-weight:500;line-height:1;}
.main_visual_wrap .slider .slide .slider_cont .txt3 {margin-top:1.5rem;font-size:1.429rem;color:#333;font-weight:500;line-height:1.4;}
.main_visual_wrap .slider .slider-slide {position:relative;text-align:center;}
.main_visual_wrap .slider .slider-slide img {display:inline-block;max-width:100%;height:auto;}
.main_visual_wrap .slider .slider-slide .mobile-img {display:none;}
.main_visual_wrap .slider .slider-slide::before{
    display:none;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
    z-index:3;
}
.main_visual_wrap .slider .slider-slide.slick-current::before {
    display:none;
}

.main_visual_wrap .slick-prev, 
.main_visual_wrap .slick-next {width:2.571rem;height:4.643rem;background-color:transparent;background-repeat:no-repeat;background-position:0 0;background-size:100% auto}
.main_visual_wrap .slick-prev {left:11vw;background-image:url(../imgs/main/vs_prev.png)}
.main_visual_wrap .slick-next {right:11vw;background-image:url(../imgs/main/vs_next.png)}
.main_visual_wrap .vs_link {display:block;position:relative;width:100%}
@media screen and (max-width:1407px){
    .main_visual_wrap .slick-prev {left:10px}
    .main_visual_wrap .slick-next {right:10px}
}
@media screen and (max-width:1279px){
    .main_visual_wrap .inner {padding:0}
}
@media screen and (max-width:720px){
    .main_visual_wrap .slider .slide.bg1 {background-position:30% 50%;}
    .main_visual_wrap .slider .slider-slide .mobile-img {display:block;}
    .main_visual_wrap .slider .slider-slide .pc-img {display:none;}
}
@media screen and (max-width:845px){
    .main_visual_wrap .slick-prev, .main_visual_wrap .slick-next {
        width: 1.571rem;
        height: 3.643rem;
    }
}
@media screen and (max-width:600px){
    .main_visual_wrap .slider .slide.bg1 {height:35rem;background-image:url(../imgs/main/m_main_vs_img_01.jpg?ver=1.1);background-position:50% 45%;}
    .main_visual_wrap .slider .slide .slider_cont {padding-top:2rem}
    .main_visual_wrap .slider .slide .slider_cont .txt2 {font-size:3rem;margin-top:1rem}
    .main_visual_wrap .slider .slide .slider_cont .txt3 {margin-top:1rem}
}

/* main_content */
.main_content {position:relative;z-index:4;}
.main_content:before {
    display:none;
    content:"";
    position:absolute;
    top:5.429rem;
    left:0;
    width:100%;
    height:26.43rem;
    background-color:#eeeeee;
}
@media screen and (max-width:960px){
    .main_content {margin-top:0}
}

/* 바로가기 */
.main_toolbar {position:relative;width:100%;max-width:1200px;margin:0 auto}
.main_toolbar .inbox {background-color:#cab172;}
.main_toolbar .toolbar_list {}
.main_toolbar .toolbar_list li {float:left;position:relative;width:20%;padding:0 2.786rem}
.main_toolbar .toolbar_list li a {display:block;width:100%;color:#fff;font-size:1.286rem;padding:1.73rem 0;line-height:2rem}
.main_toolbar .toolbar_list li a span {display:inline-block;background-repeat:no-repeat;}
.main_toolbar .toolbar_list li a span.ico1 {
    padding-left:2.429rem;
    background-size:2rem 1.786rem;
    background-image:url(../imgs/main/tool_ico1.png);
    background-position:0 50%;
}
.main_toolbar .toolbar_list li a span.ico2 {
    padding-left:3rem;
    background-size:2.214rem 1.786rem;
    background-image:url(../imgs/main/tool_ico2.png);
    background-position:0 100%;
}
.main_toolbar .toolbar_list li a span.ico3 {
    padding-left:2.786rem;
    background-size:2.143rem 1.929rem;
    background-image:url(../imgs/main/tool_ico3.png);
    background-position:0 50%;
}
.main_toolbar .toolbar_list li a span.ico4 {
    padding-left:2.714rem;
    background-size:2rem 2rem;
    background-image:url(../imgs/main/tool_ico4.png);
    background-position:0 50%;
}
.main_toolbar .toolbar_list li a span.ico5 {
    padding-left:2.786rem;
    background-size:2rem 1.786rem;
    background-image:url(../imgs/main/tool_ico5.png);
    background-position:0 50%;
}
.main_toolbar .toolbar_list li a span.ico6 {
    padding-left:2.786rem;
    background-size:2.214rem 1.5rem;
    background-image:url(../imgs/main/tool_ico6.png);
    background-position:0 50%;
}
@media screen and (max-width:1200px){
    .main_toolbar .toolbar_list li {padding:0 2.5rem}
}
@media screen and (max-width:1155px){
    .main_toolbar .toolbar_list li {padding:0 2rem}
}
@media screen and (max-width:1057px){
    .main_toolbar .toolbar_list li {padding:0 1.5rem}
}

@media screen and (max-width:859px){
    .main_toolbar .toolbar_list {margin:0}
    .main_toolbar .toolbar_list li {width:33.3333333333%;padding:0}
    .main_toolbar .toolbar_list li a {padding:1.5rem 0}
}
@media screen and (max-width:547px){
    .main_toolbar .toolbar_list li {width:50%}
}
@media screen and (max-width:359px){
    .main_toolbar .toolbar_list li {width:100%}
}

/* 삽살개 활동 */
.main_activity {position:relative;margin-top:5rem;padding-left:10.21rem;padding-right:3.286rem}
.main_activity .tit {float:left;position:relative;padding-top:2.143rem;text-align:right}
.main_activity .tit span {display:block}
.main_activity .tit span.stit {font-size:16px;color:#454545;line-height:16px;font-weight:400}
.main_activity .tit span.ltit {margin-top:0.7143rem;font-size:33px;color:#8b6506;line-height:33px;font-weight:700}
.main_activity .cont {float:right;position:relative;width:calc(100% - 14.86rem)}
.main_activity .activity_list {margin:-0.4286rem}
.main_activity .activity_list li {float:left;position:relative;width:25%;padding:0.4286rem}
.main_activity .activity_list li a {display:block;min-height:8.5rem;padding:2.571rem 10% 2.571rem 0;background-size:cover;background-position:0 0;background-repeat:no-repeat;text-align:right}
.main_activity .activity_list li a .txt1 {font-size:1.071rem;line-height:1.071rem;color:#ffffff}
.main_activity .activity_list li a .txt2 {display:block;margin-top:0.2857rem;font-size:1.643rem;line-height:1.643rem;font-weight:700}
.main_activity .activity_list li a {box-shadow:5px 5px 5px rgba(9,2,4,0.29)}
.main_activity .activity_list li a.bg1 {background-image:url(../imgs/main/activity_bg1.jpg)}
.main_activity .activity_list li a.bg2 {background-image:url(../imgs/main/activity_bg2.jpg)}
.main_activity .activity_list li a.bg3 {background-image:url(../imgs/main/activity_bg3.jpg)}
.main_activity .activity_list li a.bg4 {background-image:url(../imgs/main/activity_bg4.jpg)}
.main_activity .activity_list li a.bg1 .txt2 {color:#f3ff2d}
.main_activity .activity_list li a.bg2 .txt2 {color:#fec156}
.main_activity .activity_list li a.bg3 .txt2 {color:#a1ea14}
.main_activity .activity_list li a.bg4 .txt2 {color:#36e0ff}
@media screen and (max-width:1450px){
    .main_activity .tit,
    .main_activity .cont {float:none;width:100%}
    .main_activity .tit {padding-top:0;text-align:center;margin-bottom:3rem}
    .main_activity {width:100%;max-width:1200px;margin-top:5rem;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;}
}
@media screen and (max-width:1157px){
    .main_activity .activity_list li {width:50%}
}
@media screen and (max-width:1279px){
    .main_activity {padding:0 3.429rem}
}
@media screen and (max-width:960px){
    .main_activity {padding:0 20px}
}
@media screen and (max-width:854px){
    .main_activity {padding:0 15px}
}
@media screen and (max-width:489px){
    .main_activity .activity_list li {width:100%}
}

/* post */
.main_post {position:relative;z-index:2;padding:2.429rem 0;}
.main_post .post_container {margin:-0.3571rem}
.main_post .col_5 {float:left;width:50%;padding:0.3571rem}
.main_post .post_cont {
    width:100%;
    height:15.36rem;
    padding:2.643rem 3.214rem 2.857rem 0;
    background-color:#fff;
    border:1px solid #ddd;
    /*box-shadow:5px 5px 5px rgba(9,2,4,0.29);*/
    background-repeat:no-repeat;
    background-position:100% 100%
}
.main_post .post_cont:after {display:block;content:"";clear:both}
.main_post .post_cont.notice {background-image:url(../imgs/main/notice_bg.png);background-size:14rem auto;background-position:104% 130%}
.main_post .post_cont.news {background-image:url(../imgs/main/news_bg.png);background-size:10.64rem auto;background-position:104% 130%}
.main_post .post_cont .tit {float:left;position:relative;width:12.07rem;padding-top:1.429rem;text-align:center}
.main_post .post_cont .tit span {display:inline-block;position:relative;font-size:1.429rem;color:#7c5a06;line-height:1.429rem;font-weight:500}
.main_post .post_cont .tit span:before {
    display:block;
    content:"";
    position:relative;
    margin:0 auto;
}
.main_post .post_cont.notice .tit span:before {
    width:4.929rem;
    height:3.214rem;    
    margin-bottom:1.5rem;
    background:url(../imgs/main/notice_ico.png) no-repeat 0 0;
    background-size:100% auto;
}
.main_post .post_cont.news .tit span:before {
    width:3.071rem;
    height:4.143rem;    
    margin-bottom:1.286rem;
    background:url(../imgs/main/news_ico.png) no-repeat 0 0;
    background-size:100% auto;
}
.main_post .post_cont .cont {float:right;position:relative;width:calc(100% - 13rem);vertical-align:middle}
.main_post .post_cont .post_list li {position:relative;margin-bottom:0.7143rem;padding-left:0.9286rem;height:1.214rem;line-height:1.214rem;padding-right:3.714rem;font-size:1.071rem;color:#333}
.main_post .post_cont .post_list li {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.main_post .post_cont .post_list li:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 0.3571rem;
    height: 0.3571rem;
    background-color: #555;
}
.main_post .post_cont .post_list li .date {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.9286rem;
    line-height:1.214rem;
    color: #666;
}
.main_post .post_cont .post_list li a {display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
@media screen and (max-width:960px){
    .main_post .post_cont .post_list li {font-size:1.1rem}
    .main_post .post_cont .post_list li .date {font-size:1rem}
}
@media screen and (max-width:930px){
    .main_post .col_5 {width:100%}
}
@media screen and (max-width:560px){
    .main_post .post_cont .tit {width:100%;padding-top:0}
    .main_post .post_cont .cont {width:100%;margin-top:2rem}
    .main_post .post_cont {height:auto;padding:2.1rem}
}

/* main_gallery */
.main_gallery {position:relative;width:100%;max-width:1240px;margin:0 auto;padding:0 20px;}
.main_gallery .title {text-align:center}
.main_gallery .title .tit {font-size:2.143rem;line-height:2.143rem;color:#7c5a06;font-weight:700}
.main_gallery .title p {margin-top:0.8571rem;font-size:1.143rem;line-height:1.143rem;color:#333;}
.main_gallery .gallery_slider {position:relative;margin:1.571rem -0.7143rem 2rem;}
.main_gallery .gallery_list {padding:0}
.main_gallery .gallery_contorls {margin-top:1.857rem;text-align:center}
.main_gallery .gallery_contorls button {display:inline-block;position:relative;vertical-align:middle;width:13.36rem;height:2.857rem;background-size:100% auto;background-repeat: no-repeat;background-position: 0 0;}
.main_gallery .gallery_contorls button.g_prev {background-image:url(../imgs/main/gallery_prev.png)}
.main_gallery .gallery_contorls button.g_next {background-image:url(../imgs/main/gallery_next.png)}
.main_gallery .s_img {padding-top:88%;border:3px solid #ddd}
.main_gallery .gallery_list .list a {display:block;position:relative;padding:0 0.7143rem;}
@media screen and (max-width:960px){
    .main_gallery {background-size:auto 40vw}
}
/* main sponsor */
.main_sponsor {margin-top:5rem}
.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:2.63rem 4.571rem}
.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.786rem;line-height:1.786rem;color:#f3ff35;font-weight:700}
.main_sponsor .sponsor_cont span {margin-left:0.6429rem;font-size:1.214rem;color:#fff;}
@media screen and (max-width:960px){
    .main_sponsor {margin-top:3rem}
    .main_sponsor .sponsor_cont a {padding:2rem}
}
@media screen and (max-width:486px){
    .main_sponsor .sponsor_cont span {display:block;margin-left:0;margin-top:.3rem}
}