@charset "utf-8";

/* 새글 스킨 (latest) */
.media {
    max-width: 100%;
    width: 1400px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 0 10px;
}
h2.latest_tit {
    font-size: 40px;    font-weight: bold;
    margin-bottom: 0.5em;
}
.more_con {
    position: absolute;
    right: 10px;
    top: 0;
}

.more_con a.more_a {
    background-color: #348F71;
    color: #fff;
    padding: 6px 20px;
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;
}
.media_gallery { }
.media_gallery img {
    max-width: 100%;
}
.media_gallery .ttl_wrap .ttl { font-size: 20px; color: #444; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 15px; margin-bottom: 5px; }
.media_gallery .ttl_wrap span { font-size: 14px; font-weight: 500; color: #b4b4b4; padding-right: 14px; margin-right: 13px; }
.media_gallery .ttl_wrap span:last-child { padding: 0; margin: 0; }
.media_gallery .ttl_wrap span.m_name { color: #451212; position: relative;}
.media_gallery .ttl_wrap span::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 14px; background: #d9d9d9; }
.media_gallery .ttl_wrap span:last-child::after { display: none; }
.media_gallery .swiper-pagination { display: none; }
.media_gallery .option { margin-bottom: 50px; display: flex; gap: 20px; }
.media_gallery .option li { width: 120px; }
.media_gallery .option li input { display: none; }
.media_gallery .option li input + label { display: block; border: 1px solid #bebebe; line-height: 33px; font-size: 18px; font-weight: 500; text-align: center; }
.media_gallery .option li input:checked + label { background: #451212; border-color: #451212; color: #fff; }
.media_gallery_m {
    display: flex;
    flex-wrap: wrap;
}
.pc_ver480 {display: block;}
.mobile_ver480 {display: none;}
@media screen and (max-width:1300px) {
	.media_gallery { margin-bottom: 80px; }
	.media_gallery .ttl_wrap .ttl { font-size: 18px; margin-bottom: 12px; }
	.media_gallery .ttl_wrap span { font-size: 13px; padding-right: 12px; margin-right: 11px; }
	.media_gallery .ttl_wrap span::after { height: 13px; }
	.media_gallery .option { margin-bottom: 40px; gap: 15px; }
	.media_gallery .option li { width: 100px; }
	.media_gallery .option li input + label { line-height: 31px; font-size: 16px; }
}

@media screen and (max-width:768px) {
    h2.latest_tit {
        font-size: 28px;   
    }
	.media_gallery {
        padding: 5px;
        margin-bottom: 10px;
    }
	.media_gallery .ttl_wrap .ttl { font-size: 16px; margin-bottom: 0; }
	.media_gallery .ttl_wrap span { font-size: 12px; padding-right: 10px; margin-right: 9px; }
	.media_gallery .ttl_wrap span::after { height: 12px; }
	.media_gallery .swiper-pagination { position: relative; bottom: auto; display: block; margin-top: 20px; }
	.media_gallery .swiper-pagination-bullet { vertical-align: top; width: 10px; height: 10px; margin: 0 3px; background: #B4B4B4; }
	.media_gallery .swiper-pagination-bullet-active { background: #451212; }
    .more_con a.more_a {
        padding: 6px 13px;
        font-size: 14px;
    }
}
@media screen and (max-width:480px) {
    .pc_ver480 {display: none;}
.mobile_ver480 {display: block;}
    h2.latest_tit {
        font-size: 24px;   
    }
    .media_gallery {
        width: 100%;
        text-align: left;margin-bottom: 50px;
    }
    .media_gallery .ttl_wrap span.m_name {
        color: #348f71;
        font-weight: bold;
        font-size: 14px;
    }
    .media_gallery .ttl_wrap span {
        color: #000;
    }
    .media_gallery .ttl_wrap .ttl {
        font-size: 18px;
    }
    .media_gallery .ttl_wrap span.m_name::after {
        content: '';
        position: absolute;
        display: block;
        width: 1px;
        height: 12px;
        background: #000;
        bottom: 0;
    }
    
}