@charset "UTF-8";

.brochure_sec{}
.brochure_sec .box_cont{padding:50px 0 250px;}
.brochure_sec .box_cont .board_title{line-height: 1; font-size: 25px; font-weight: 700; letter-spacing: -.25px; color: #490667;}
.brochure_sec .box_cont .lst_brochure{padding:50px 0 0;}
.brochure_sec .box_cont .lst_brochure ul{-webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.brochure_sec .box_cont .lst_brochure li{float: left; box-sizing: border-box; width: calc(33.33% - 67px); margin: 0 0 0 100px; border: 1px solid #d5d5d5; box-shadow: 10px 10px 7px 0 rgb(0 0 0 / 15%); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.brochure_sec .box_cont .lst_brochure li:first-child{margin-left: 0;}
.brochure_sec .box_cont .lst_brochure li:nth-of-type(3n+1) {margin-left: 0;}
.brochure_sec .box_cont .lst_brochure li:nth-of-type(n+4) {margin-top: 3em;}
.brochure_sec .box_cont .lst_brochure li .thumbnail{box-sizing: border-box; border-top: 1px solid #d5d5d5;}
.brochure_sec .box_cont .lst_brochure li .thumbnail .img_thumbnail{position: relative; width: 100%; height: auto; padding-top: 121.7%; background-size: cover;}
.brochure_sec .box_cont .lst_brochure li .title{box-sizing: border-box; position: relative; padding: 1.09em; line-height: 1; font-size: 22px; text-align: center; color: #666; font-family: 'Noto Sans CJK KR, sans-serif'; border-top: 1px solid #d5d5d5; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.brochure_sec .box_cont .lst_brochure li .title::after{content: ""; position: absolute; top: 50%; right: 0; width: 3.2em; height: 100%; background: url(../img/ico_download_off.png) no-repeat center center; background-size: contain; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: background .5s ease; -moz-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease;}

.brochure_sec .box_cont .lst_brochure li:hover{box-shadow: 15px 15px 25px rgba(0,0,0,0.15);}
.brochure_sec .box_cont .lst_brochure li:hover .title{color: #fff; background: #50056b;}
.brochure_sec .box_cont .lst_brochure li:hover .title::after{background: url(../img/ico_download_on.png) no-repeat center center;}
@media all and (max-width:1600px){
    .brochure_sec .box_cont{padding:49px 0 240px;}
    .brochure_sec .box_cont .board_title{font-size:24px;}
    .brochure_sec .box_cont .lst_brochure{padding:49px 0 0;}
    .brochure_sec .box_cont .lst_brochure li .title{font-size:21px;}
}
@media all and (max-width:1400px){
    .brochure_sec .box_cont{padding:46px 0 220px;}
    .brochure_sec .box_cont .board_title{font-size:22px;}
    .brochure_sec .box_cont .lst_brochure{padding:46px 0 0;}
    .brochure_sec .box_cont .lst_brochure li .title{font-size:20px;}
}
@media all and (max-width:1200px){
    .brochure_sec .box_cont{padding:44px 0 190px;}
    .brochure_sec .box_cont .board_title{font-size:20px;}
    .brochure_sec .box_cont .lst_brochure{padding:44px 0 0;}
    .brochure_sec .box_cont .lst_brochure li { width: calc(33.33% - 2em); margin: 0 0 0 3em;}
    .brochure_sec .box_cont .lst_brochure li .title{font-size:19px;}
}
@media all and (max-width:1000px){
    .brochure_sec .box_cont{padding:41px 0 170px;}
    .brochure_sec .box_cont .board_title{font-size:19px;}
    .brochure_sec .box_cont .lst_brochure{padding:41px 0 0;}
    .brochure_sec .box_cont .lst_brochure li .title{font-size:18px;}
}
@media all and (max-width:800px){
    .brochure_sec .box_cont{padding:38px 0 150px;}
    .brochure_sec .box_cont .board_title{font-size:17px;}
    .brochure_sec .box_cont .lst_brochure{padding:38px 0 0;}
    .brochure_sec .box_cont .lst_brochure li{width: calc(50% - 1.5em);}
    .brochure_sec .box_cont .lst_brochure li:nth-of-type(2n+1) {margin-left: 0;}
    .brochure_sec .box_cont .lst_brochure li:nth-of-type(4) {margin-left: 3em;}
    .brochure_sec .box_cont .lst_brochure li:nth-of-type(n+3) {margin-top: 3em;}
    .brochure_sec .box_cont .lst_brochure li .title{font-size:17px;}
}
@media all and (max-width:600px){
    .brochure_sec .box_cont{padding:36px 0 130px;}
    .brochure_sec .box_cont .board_title{font-size:15px;}
    .brochure_sec .box_cont .lst_brochure{padding:36px 0 0;}
    .brochure_sec .box_cont .lst_brochure li .title{font-size:16px;}
}
@media all and (max-width:500px){
    .brochure_sec .box_cont{padding:35px 0 110px;}
    .brochure_sec .box_cont .board_title{font-size:14px;text-align:center;}
    .brochure_sec .box_cont .lst_brochure{padding:35px 0 0;}
    .brochure_sec .box_cont .lst_brochure li{float: none; width: 100%; max-width: 250px;margin:3em auto 0 !important;}
    .brochure_sec .box_cont .lst_brochure li:first-of-type{margin:0 auto !important;}
    .brochure_sec .box_cont .lst_brochure li .title{font-size:16px;}
}
@media all and (max-width:380px){
    .brochure_sec .box_cont{padding:49px 0 100px;}
    .brochure_sec .box_cont .board_title{font-size:13px;}
    .brochure_sec .box_cont .lst_brochure{padding:33px 0 120px;}
    .brochure_sec .box_cont .lst_brochure li .title{font-size:15px;}
}
@media all and (max-width:350px){
    .brochure_sec .box_cont{padding:30px 0 92px;}
    .brochure_sec .box_cont .board_title{font-size:12px;}
    .brochure_sec .box_cont .lst_brochure{padding:30px 0 0;}
    .brochure_sec .box_cont .lst_brochure li .title{font-size:14px;}
}