@charset "UTF-8";
@media screen and (min-width: 768px),print {

#title_wrap{ height: 250px;}
#contentsmain{max-width: 936px;padding-top: 77px;margin: 0 auto -44px;}
#contentsmain .inner-Box{margin: 0 auto;}
#contentsmain .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 43px;}
#contentsmain .inner-Box ul li{font-size: 1.8rem;letter-spacing: 0.18rem;font-weight: 700;width: 47.6%;margin-bottom: 30px;padding-right: 4.8%;}
#contentsmain .inner-Box ul li a{transition: all 0.3s ease-in-out;display: block;color: #639360;border: 2px solid #639360;border-radius: 40px;padding: 13px 13px 13px 39px;}
#contentsmain .inner-Box ul li a:hover{ background: #CEDFBC; text-decoration: none;}
#contentsmain .inner-Box ul li:nth-child(2n){ }

}

@media screen and (min-width:768px) and ( max-width:900px) {

#contentsmain .inner-Box ul li{width: 50%;padding-right: 2%;}

}

@media screen and (max-width: 767px) {
#title_wrap{ padding-top: 7vw; margin-bottom: -4vw; }
#contentsmain{padding-top: 20.53vw;margin: 0 auto 18vw;}
#contentsmain .inner-Box{margin: 0 8.4vw;}
#contentsmain .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 11.47vw;}
#contentsmain .inner-Box ul li{font-size: 3.73vw;letter-spacing: 0.22vw;font-weight: 700;width: 48.4%;margin-bottom: 2.4vw;margin-right: 3.3%;line-height: 1.5;}
#contentsmain .inner-Box ul li a{transition: all 0.3s ease-in-out;display: block;color: #639360;border: 0.53vw solid #639360;border-radius: 4.67vw;padding: 3.47vw 0.47vw;text-align: center;height: 19.3vw;}
#contentsmain .inner-Box ul li:nth-child(2n){margin-right: -1vw;}
#contentsmain .inner-Box ul li:nth-child(1) a,
#contentsmain .inner-Box ul li:nth-child(7) a{padding-top: 6.5vw;}
}