@charset "utf-8";

.basic-post-gallery { overflow:hidden; line-height:20px; }
.basic-post-gallery .txt-normal { letter-spacing:0; }
.basic-post-gallery .txt-short { letter-spacing:-1px; padding-right:1px; }
.basic-post-gallery .post-vicon { position:absolute; left:6px; top:6px; color: #fff; font-size:20px; z-index:1; text-shadow: 1px 1px 1px #000; }
.basic-post-gallery .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-post-gallery .post-row { float:left; overflow:hidden; }
.basic-post-gallery .post-list { overflow:hidden; }
.basic-post-gallery .post-image { position:relative; overflow:hidden; }
.basic-post-gallery .post-content { padding-top:10px; margin:-2px 0px; overflow:hidden; }
.basic-post-gallery .post-subject { overflow:hidden; letter-spacing:-1px; padding-right:1px; }
.basic-post-gallery .post-sp { color:#ccc; margin:0px 4px; }
.basic-post-gallery .post-text { font-size:12px; color:#888; margin-top:4px; }
.is-pc .ko .basic-post-gallery .post-ko { font-size:11px; }

/* E : 기본 */
#main_our_issue .swiper-slide {transform:scale(0.8); transition: transform 0.3s;}
#main_our_issue .swiper-slide.swiper-slide-active {transform:scale(1);}
#main_our_issue .swiper-slide .img_box {border-radius:30px; overflow:hidden; position:relative; padding-top:100%; margin-bottom:30px; box-shadow:0 0 15px 0 rgba(0,0,0,0.15); background-color:#fff;}
#main_our_issue .swiper-slide .img_box img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; height:100%;}
#main_our_issue .swiper-slide .txt_box {text-align:center;}
#main_our_issue .swiper-slide .txt_box h3 {font-size:22px; line-height:1.4; height:61px;}
#main_our_issue .swiper-container .slide_btn {position:absolute; top:30%; font-size:0; background-position:center; background-repeat:no-repeat; width:13px; height:24px; position:absolute; z-index:10; border:0;}
#main_our_issue .swiper-container .slide_btn.prev {background-image:url("/thema/Basic/img/slide_btn_prev03.png"); left:38%;}
#main_our_issue .swiper-container .slide_btn.next {background-image:url("/thema/Basic/img/slide_btn_next03.png"); right:38%;}

@media all and (max-width:1400px){
    #main_our_issue .swiper-container .slide_btn.prev {left:35.5%;}
    #main_our_issue .swiper-container .slide_btn.next {right:35.5%;}
}
@media all and (max-width:1024px){
    #main_our_issue .swiper-slide .img_box {margin-bottom:20px;}
    #main_our_issue .swiper-slide .txt_box h3 {font-size:18px; height:54px;}
    #main_our_issue .swiper-container .slide_btn.prev {left:32%;}
    #main_our_issue .swiper-container .slide_btn.next {right:32%;}
}
@media all and (max-width:768px){
    #main_our_issue .swiper-container .slide_btn {background-size:11px;}
    #main_our_issue .swiper-container .slide_btn.prev {left:26.5%;}
    #main_our_issue .swiper-container .slide_btn.next {right:26.5%;}
}
@media all and (max-width:480px){
    #main_our_issue .swiper-container .slide_btn.prev {left:15.5%;}
    #main_our_issue .swiper-container .slide_btn.next {right:15.5%;}
}