@charset "utf-8";
/***************************************** popup ***********************************************/
.popInner img{display:block;}
/***************************************** sec01 ***********************************************/
.sec01 {height: 670px; background: #f8f8f8 url(../../image/main/mainVisual.png) no-repeat top / cover; padding-top: 140px; border-radius: 0 0 0 200px; position:relative;}
.sec01::before {content:""; width: 100%; height: 100%; background:#f8f8f8; position:absolute; top: 0; left:0; z-index: -1;}
.sec01 h2 {color: #fff; font-weight: 400; text-align: center; margin: 60px 0 30px 0;}
.sec01 h2 span {font-size: 5rem;}
.sec01 .countBaWrap {display:flex; flex-direction:row; justify-content: space-between; position: relative; top: 120px;}
.sec01 .countBaWrap > li { display: flex; flex-direction: column; justify-content: space-between; width:calc((100% - 80px) / 5); height: 265px; border-radius: 10px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); padding: 30px; transition: transform 0.3s; cursor: pointer;}
.sec01 .countBaWrap > li:first-child {background: #fff url(../../image/main/mainBa01.png) no-repeat top right;}
.sec01 .countBaWrap > li:nth-child(2) {background: #fff url(../../image/main/mainBa02.png) no-repeat top right;}
.sec01 .countBaWrap > li:nth-child(3) {background: #fff url(../../image/main/mainBa03.png) no-repeat top right;}
.sec01 .countBaWrap > li:nth-child(4) {background: #fff url(../../image/main/mainBa04.png) no-repeat top right;}
/*
.sec01 .countBaWrap > li {width:calc((100% - 80px) / 9); height: 225px;}
.sec01 .countBaWrap > li:nth-child(5) {background: #fff url(../../image/main/mainBa02.png) no-repeat top right;}
.sec01 .countBaWrap > li:nth-child(6) {background: #fff url(../../image/main/mainBa03.png) no-repeat top right;}
.sec01 .countBaWrap > li:nth-child(7) {background: #fff url(../../image/main/mainBa04.png) no-repeat top right;}
.sec01 .countBaWrap > li:nth-child(8) {background: #fff url(../../image/main/mainBa02.png) no-repeat top right;}
.sec01 .countBaWrap > li:nth-child(5):hover {background: #76BC1A url(../../image/main/mainBa02_2.png) no-repeat top right;}
.sec01 .countBaWrap > li:nth-child(6):hover {background: #76BC1A url(../../image/main/mainBa03_2.png) no-repeat top right;}
.sec01 .countBaWrap > li:nth-child(7):hover {background: #76BC1A url(../../image/main/mainBa04_2.png) no-repeat top right;}
.sec01 .countBaWrap > li:nth-child(8):hover {background: #76BC1A url(../../image/main/mainBa02_2.png) no-repeat top right;}
*/

.sec01 .countBaWrap > li:last-child {background: #fff url(../../image/main/mainBa05.png) no-repeat top right;}
.sec01 .countBaWrap > li:hover { position: relative; transform: translateY(-50px); transition: transform 0.3s;}
.sec01 .countBaWrap > li:first-child:hover {background: #76BC1A url(../../image/main/mainBa01_2.png) no-repeat top right;}
.sec01 .countBaWrap > li:nth-child(2):hover {background: #76BC1A url(../../image/main/mainBa02_2.png) no-repeat top right;}
.sec01 .countBaWrap > li:nth-child(3):hover {background: #76BC1A url(../../image/main/mainBa03_2.png) no-repeat top right;}
.sec01 .countBaWrap > li:nth-child(4):hover {background: #76BC1A url(../../image/main/mainBa04_2.png) no-repeat top right;}
.sec01 .countBaWrap > li:last-child:hover {background: #76BC1A url(../../image/main/mainBa05_2.png) no-repeat top right;}
.sec01 .countBaWrap > li strong {font-size: 2.8rem; color: #222;}
.sec01 .countBaWrap > li .count {text-align: right;}
.sec01 .countBaWrap > li .count li {font-size: 1.7rem; color: #222; font-weight: 700;}
.sec01 .countBaWrap > li > div.place {margin-bottom: 10px;}
.sec01 .countBaWrap > li .count li span {display:inline-block; padding-right: 5px; font-size: 3rem; line-height: 1.2; color:#76BC1A; }
.sec01 .countBaWrap > li > div.place::after {content:""; width:100%; height: 1px; border-bottom: 1px dashed #dbdbdb; position: absolute; bottom: -10px;}
.sec01 .countBaWrap > li > div {position:relative; display:flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.sec01 .countBaWrap > li > div > span {display: inline-block; padding: 0 5px; font-weight: 700; position:relative; z-index: 0; color: #222;}
.sec01 .countBaWrap > li > div > span::before {content:''; width: 100%; height: 50%; background: rgba(118,188,26,0.25); position: absolute; left:0; bottom: -1px; z-index: -1; }
.sec01 .countBaWrap > li:hover strong,
.sec01 .countBaWrap > li:hover .count li,
.sec01 .countBaWrap > li:hover .count li span,
.sec01 .countBaWrap > li:hover > div > span {color: #fff; font-weight: 400;}
.sec01 .countBaWrap > li:hover > div > span::before {background: rgba(255, 255, 255, 0.25);}

@media all and (max-width:1499px){
    .sec01 h2 {font-size: 3rem; padding-bottom:0;}
    .sec01 h2 span {font-size: 4rem;}
    .sec01 .countBaWrap > li strong {font-size: 2.4rem;}
    .sec01 .countBaWrap > li .count li span {font-size: 2.6rem;}

}
@media all and (max-width:1279px){
    .sec01 {height: auto; border-radius: 0;}
    .sec01 h2 {font-size: 2.6rem;}
    .sec01 h2 span {font-size: 3.6rem;}
    .sec01 .countBaWrap {top: 0; flex-wrap: wrap; margin: 50px -20px -20px 0; justify-content: flex-start;}
    .sec01 .countBaWrap > li {width: calc((100% - 60px) / 3); height: 195px; padding:20px; margin: 0 20px 20px 0; flex-grow: 1;}
    .sec01 .countBaWrap > li:hover {transform:none;}
    .sec01 .countBaWrap > li .count li span {font-size: 2.4rem;}
    .sec01 .countBaWrap > li > div.place::after {bottom: -6px;}
    
}
@media all and (max-width:999px){
    .sec01 {padding-top:116px;}

}
@media all and (max-width:768px){
    .sec01 h2 {font-size: 2.2rem; margin: 30px 0 30px 0;}
    .sec01 h2 span {font-size: 3rem;}
    .sec01 .countBaWrap > li {width:calc((100% - 40px) / 2); margin: 0 20px  20px 0; height: auto;}
    .sec01 .countBaWrap > li:nth-child(3) {width: 100%;}
}
@media all and (max-width:600px){
    .sec01 .countBaWrap {margin: 30px -10px -10px 0;}
    .sec01 .countBaWrap > li {width:calc((100% - 20px) / 2); margin: 0 10px  10px 0;}
}
@media all and (max-width:500px){
	.sec01 .countBaWrap > li {padding:15px;}
	.sec01 .countBaWrap > li strong {text-align:center; font-size: 2.2rem;}
	.sec01 .countBaWrap > li .count li {line-height: 1.2;}
	.sec01 .countBaWrap > li strong {margin-bottom:10px;}
}

/***************************************** sec02 ***********************************************/
.sec02 {background: #f8f8f8; padding-top: 180px;}
.sec02 .inner {display: flex; flex-direction: row; justify-content: space-between;}
.sec02 .inner .conWrap {width:calc((100% - 400px) - 5rem);}
.sec02 .inner .conWrap .researchInfo .infoBaWrap {display: flex; flex-direction:row; justify-content: space-between; margin-bottom: 50px;}
.sec02 .inner .conWrap .researchInfo .infoBaWrap .infoBa {display:block; width: calc((100% - 20px) / 2); border: 1px solid #dbdbdb; background: #fff; padding: 25px; border-radius: 10px;}
.sec02 .inner .conWrap .researchInfo .infoBaWrap .infoBa:first-child {background: #fff url(../../image/main/icon_01.png) no-repeat 92% center;}
.sec02 .inner .conWrap .researchInfo .infoBaWrap .infoBa:last-child {background: #fff url(../../image/main/icon_02.png) no-repeat 92% center;}
.sec02 .inner .conWrap .researchInfo .infoBaWrap .infoBa span {display:block; padding-bottom: 10px; font-size: 2.4rem; color: #222; font-weight: 700;}
.sec02 .inner .topSearched .wordCloud {width: 400px; height: calc(100% - 83px); border: 1px solid #dbdbdb; background-color: #fff; border-radius: 10px; padding: 25px;}
.sec02 .inner .topSearched .wordCloud * {font-family:'LotteMartDream' !important;}
.sec02 .inner .topSearched .wordCloud img {object-fit: contain; width: 100%; height: 100%;}
.sec02 .inner .seedSales {display:flex; align-items: center; width: 100%; height:165px; background: url(../../image/main/bannerBg.jpg) no-repeat center / cover; border-radius: 10px; padding: 30px; position:relative;}
.sec02 .inner .seedSales::before {content:""; position:absolute; top: -20px; left: 124px; width: 66px; height:52px; background:url(../../image/main/leaf01.png) no-repeat;}
.sec02 .inner .seedSales::after {content:""; position:absolute; right: 30px; bottom:-30px; width: 90px; height:82px; background:url(../../image/main/leaf02.png) no-repeat;}
.sec02 .inner .seedSales .conWrap {display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%;}
.sec02 .inner .seedSales .conWrap .bannTxt {color: #fff;}
.sec02 .inner .seedSales .conWrap .bannTxt em {display:block; font-size: 2.8rem; padding-bottom: 10px; font-style: normal; font-weight: 400;}
.sec02 .inner .seedSales .btnWrap {display:flex; flex-direction: row;}

@media all and (max-width:1499px){
    .sec02 {padding-top:150px;}
    .sec02 .inner .conWrap,
    .sec02 .inner .topSearched {width:calc((100% - 5rem) / 2);}
    .sec02 .inner .conWrap .researchInfo .infoBaWrap {flex-direction:column;}
    .sec02 .inner .conWrap .researchInfo .infoBaWrap .infoBa {width: 100%; margin-bottom: 20px;}
    .sec02 .inner .conWrap .researchInfo .infoBaWrap .infoBa span {font-size: 2.2rem;}
    .sec02 .inner .conWrap .researchInfo .infoBaWrap .infoBa:last-child {margin-bottom: 0;}
    .sec02 .inner .seedSales { align-items: normal; height: 210px;}
    .sec02 .inner .seedSales .conWrap {flex-direction:column;}
    .sec02 .inner .seedSales .conWrap .bannTxt {text-align: center;}
    .sec02 .inner .seedSales .conWrap .bannTxt em {font-size: 2.6rem;}
    .sec02 .inner .seedSales::before {top: -30px;}
    .sec02 .inner .seedSales::after {bottom: -45px;}
    
    .sec02 .inner .topSearched .wordCloud {width: 100%;}
}
@media all and (max-width:1279px){
    .sec02 {padding-top:80px;}
    .sec02 .inner .conWrap .researchInfo .infoBaWrap {margin-bottom:30px;}
    .sec02 .inner .conWrap .researchInfo .infoBaWrap .infoBa span {font-size: 2rem;}
    .sec02 .inner .seedSales {height: 190px; padding:25px;}
    .sec02 .inner .conWrap,
    .sec02 .inner .topSearched {width:calc((100% - 3rem) / 2);}
    .sec02 .inner .topSearched .wordCloud {height: calc(100% - 67px);}
}
@media all and (max-width:999px){
    .sec02 {padding-top:50px;}
    .sec02 .inner {flex-direction: column;}
    .sec02 .inner > .conWrap {margin-bottom: 30px;}
    .sec02 .inner .conWrap, .sec02 .inner .topSearched {width: 100%;}
    .sec02 .inner .conWrap .researchInfo .infoBaWrap {flex-direction: row; justify-content: space-between;}
    .sec02 .inner .conWrap .researchInfo .infoBaWrap .infoBa {width: calc(50% - 1rem); margin: 0; padding:20px 80px 20px 20px;}
    .sec02 .inner .conWrap .researchInfo .infoBaWrap .infoBa span {padding-bottom: 5px;}
    .sec02 .inner .seedSales {height: 170px; padding:20px;}
    .sec02 .inner .seedSales .conWrap .bannTxt em {font-size:2.4rem; padding-bottom:0;}
}

@media all and (max-width:600px){
    .sec02 .inner .conWrap .researchInfo .infoBaWrap .infoBa {width: calc(50% - 0.5rem); margin: 0; padding:20px 80px 20px 20px;}
    .sec02 .inner .seedSales {height: auto;}
    .sec02 .inner .seedSales .conWrap .bannTxt {margin-bottom: 10px;}
    .sec02 .inner .seedSales .btnWrap {width: 100%; flex-direction: column; }
    .sec02 .inner .seedSales .btnWrap a {margin: 0 0 5px 0 !important; display: flex; justify-content: space-between; align-items: center;}
    .sec02 .inner .seedSales::before,
    .sec02 .inner .seedSales::after {content: none;}
}
@media all and (max-width:500px){
    .sec02 .inner .conWrap .researchInfo .infoBaWrap {flex-direction: column;}
    .sec02 .inner .conWrap .researchInfo .infoBaWrap .infoBa {width: 100%; margin-bottom: 10px;}
}
/***************************************** sec03 ***********************************************/
.sec03 .boardArea {margin-bottom: 50px;}
.sec03 .boardArea .txtWrap {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.sec03 .boardArea .txtWrap .sec03tab {display: flex; flex-direction: row; align-items: center;}
.sec03 .boardArea .txtWrap .sec03tab li {margin-left:30px; position:relative;}
.sec03 .boardArea .txtWrap .sec03tab li:first-child {margin-left: 0;}
.sec03 .boardArea .txtWrap .sec03tab li:last-child {margin-left: 15px;}
.sec03 .boardArea .txtWrap .sec03tab li:nth-child(2)::before {content: ""; width: 6px; height:6px; background:#D9D9D9; position:absolute; left:-17px; top: 50%; transform: translateY(-50%); border-radius: 50%;}
/*.sec03 .boardArea .txtWrap .sec03tab li:nth-child(2)::after {content: ""; width: 6px; height:6px; background:#D9D9D9; position:absolute; right:-17px; top: 50%; transform: translateY(-50%); border-radius: 50%;}*/
.sec03 .boardArea .txtWrap .sec03tab a {display:block; font-size:2.4rem; font-weight: 700; color: #222; padding:5px;}
.sec03 .boardArea .txtWrap .sec03tab a.on {color:#76BC1A;}
.sec03 .boardArea .txtWrap .sec03tab .moreView {width:33px; height:33px; background:url(../../image/main/plus_L.png) no-repeat;}
.sec03 .boardArea .boardList ul {display:flex; flex-direction: row; display:none; margin-right: -20px;}
.sec03 .boardArea .boardList ul.on {display:flex;}
.sec03 .boardArea .boardList li {width: calc((100% - 80px) / 4); margin-right: 20px;}
.sec03 .boardArea .boardList li a {display:block; padding: 60px 25px 25px; border: 1px solid #dbdbdb; border-radius: 10px; transition: all 0.4s;}
.sec03 .boardArea .boardList li a:hover {border: 1px solid #76BC1A; box-shadow: 0 0 10px rgba(118, 188, 26, 0.4);}
.sec03 .boardArea .boardList li a em {min-height: 56px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 2rem; color:#222; font-style: normal; font-weight: 400; word-break: break-all; letter-spacing: -0.02rem; margin-bottom: 20px;}
.sec03 .boardArea .boardList li a p {min-height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; color: #939393; margin-bottom: 30px;}
.sec03 .boardArea .boardList li a .date {position: relative;}
.sec03 .boardArea .boardList li a .date::before {content: ""; display:block; width: 100%; height: 1px; background: #efefef;}
.sec03 .boardArea .boardList li a .date::after {content: ""; display:block; position:absolute; top: 1px; left: 0; width: 0px; height: 1px; opacity: 0; transition: width 0.4s ease;}
.sec03 .boardArea .boardList li:hover a .date::after {opacity: 1; background: #76BC1A; width: 100%;}
.sec03 .boardArea .boardList li a .date span {display:block; padding-top: 30px; color: #9F9F9F; transition: background 0.4s; background-image: url("data:image/svg+xml,%3Csvg width='19' height='13' viewBox='0 0 19 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_186_13)'%3E%3Cpath d='M1.70996 5.77783C1.29575 5.77783 0.959961 6.10119 0.959961 6.50006C0.959961 6.89892 1.29575 7.22228 1.70996 7.22228V5.77783ZM17.2404 7.01074C17.5332 6.7287 17.5332 6.27141 17.2404 5.98937L12.4673 1.39317C12.1744 1.11113 11.6996 1.11113 11.4067 1.39317C11.1138 1.67522 11.1138 2.1325 11.4067 2.41455L15.6493 6.50006L11.4067 10.5856C11.1138 10.8676 11.1138 11.3249 11.4067 11.6069C11.6996 11.889 12.1744 11.889 12.4673 11.6069L17.2404 7.01074ZM1.70996 7.22228H16.71V5.77783H1.70996V7.22228Z' fill='%239F9F9F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_186_13'%3E%3Crect width='18' height='13' fill='white' transform='translate(0.209961)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-position: 100% 85%; background-repeat: no-repeat;}
.sec03 .boardArea .boardList li a:hover .date span {background-image: url("data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_32_4450)'%3E%3Cpath d='M1.5752 6.27783C1.16098 6.27783 0.825195 6.60119 0.825195 7.00006C0.825195 7.39892 1.16098 7.72228 1.5752 7.72228V6.27783ZM17.1056 7.51074C17.3984 7.2287 17.3984 6.77141 17.1056 6.48937L12.3326 1.89317C12.0397 1.61113 11.5648 1.61113 11.2719 1.89317C10.979 2.17522 10.979 2.6325 11.2719 2.91455L15.5145 7.00006L11.2719 11.0856C10.979 11.3676 10.979 11.8249 11.2719 12.1069C11.5648 12.389 12.0397 12.389 12.3326 12.1069L17.1056 7.51074ZM1.5752 7.72228H16.5752V6.27783H1.5752V7.72228Z' fill='%2376BC1A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_32_4450'%3E%3Crect width='18' height='13' fill='white' transform='translate(0.0751953 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}
.sec03 .conWrap {display: flex; flex-direction: row; justify-content: space-between;}
.sec03 .conWrap .quickMenu {width: calc(50% - 2.5rem); display:flex; flex-direction: row; justify-content: space-between;}
.sec03 .conWrap .quickMenu li {width: calc((100% - 40px) / 3); height: 195px;}
.sec03 .conWrap .quickMenu li a {display: block; background: #F9F9F9; border-radius: 10px; padding:30px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 2.4rem; font-weight: 700; color: #222;}
.sec03 .conWrap .quickMenu li a .iconCir {width: 90px; height: 90px; background: #fff; border-radius: 50%; margin-bottom: 10px; position:relative;}
.sec03 .conWrap .quickMenu li a .iconCir::after {content:""; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50%; background: url(../../image/main/quickBa01.png)no-repeat center / contain; transition: all 0.3s;}
.sec03 .conWrap .quickMenu li a:hover .iconCir::after {animation: translate 0.2s 2 alternate;}
.sec03 .conWrap .quickMenu li:nth-child(2) a .iconCir::after {background: url(../../image/main/quickBa02.png)no-repeat center / contain;}
.sec03 .conWrap .quickMenu li:last-child a .iconCir::after {background: url(../../image/main/quickBa03.png)no-repeat center / contain;}
@keyframes translate {
    100% {
        transform:translate(-50%, -60%);
    }
}
.sec03 .conWrap .dictionary {width: calc(50% - 2.5rem);}
.sec03 .conWrap .dictionary a {display:block; color: #fff;  height: 195px; background: url(../../image/main/quickBa_img.png) no-repeat right / cover; border-radius: 10px;  display: flex; flex-direction: column; justify-content: center; padding: 30px;}
.sec03 .conWrap .dictionary em {font-size:2.8rem; font-weight: 400; font-style: normal; margin-bottom:10px;}

@media all and (max-width:1499px){
    .sec03 .conWrap .dictionary em {font-size: 2.6rem;}
    .sec03 .conWrap .quickMenu li a {font-size: 2.2rem;}
    
}
@media all and (max-width:1279px){
    .sec03 .boardArea .boardList ul {flex-wrap: wrap; margin-bottom: -20px;}
    .sec03 .boardArea .boardList li {width: calc((100% - 40px) / 2); margin-bottom: 20px;}
    .sec03 .boardArea .boardList li a {padding: 25px; min-height: 236px;}
    .sec03 .boardArea .boardList li a em {margin-bottom:10px;}
    .sec03 .boardArea .boardList li a p {min-height: 45px; margin-bottom:20px; -webkit-line-clamp: 2;}
    .sec03 .boardArea .boardList li a .date span {padding-top: 20px;}
    .sec03 .boardArea {margin-bottom:30px;}
    .sec03 .boardArea .txtWrap .sec03tab a {font-size:2rem;}
    .sec03 .conWrap {flex-direction: column;}
    .sec03 .conWrap .quickMenu,
    .sec03 .conWrap .dictionary {width: 100%;}
    .sec03 .conWrap .quickMenu {margin-bottom:30px;}
    .sec03 .conWrap .quickMenu li a {font-size: 2rem;}
    
    
}
@media all and (max-width:999px){
    .sec03 .boardArea .boardList li a em {font-size: 1.8rem; min-height: 51px;}
    .sec03 .conWrap .quickMenu li {height: auto;}
    .sec03 .conWrap .dictionary em {font-size:2.4rem;}
}
@media all and (max-width:768px){
    .sec03 .conWrap .dictionary a {height: 160px;}
}
@media all and (max-width:600px){
    .sec03 .boardArea .txtWrap {flex-direction: column;}
    .sec03 .boardArea .txtWrap .sec03tab {margin-bottom: 10px;}
    .sec03 .boardArea .txtWrap .sec03tab a {padding: 0;}
    .sec03 .boardArea .boardList {flex-direction: column;}
    .sec03 .boardArea .boardList li {width: 100%; margin-bottom: 10px;}
    .sec03 .boardArea .boardList li:last-child {display: none;}
    .sec03 .boardArea .boardList li a em,
    .sec03 .boardArea .boardList li a {min-height: auto;}
    .sec03 .boardArea .boardList li a {padding: 20px;}
    .sec03 .boardArea .boardList li a p {display: none;}
    .sec03 .conWrap .quickMenu {flex-direction: column;}
    .sec03 .conWrap .quickMenu li {width: 100%; margin-bottom: 10px;}
    .sec03 .conWrap .quickMenu li:last-child {margin-bottom: 0;}
    .sec03 .conWrap .quickMenu li a {flex-direction: row; justify-content: flex-start; padding: 15px;}
    .sec03 .conWrap .quickMenu li a .iconCir { width: 70px; height: 70px; margin-right: 10px; margin-bottom: 0;}
    .sec03 .conWrap .dictionary a {height: auto;}
}


/***************************************** sec04 ***********************************************/
.sec04 {background: url(../../image/main/sec04Bg.png) no-repeat right / cover;}
.sec04 h2 {color: #fff; padding-bottom: 10px; font-weight: 400;}
.sec04 p {color: #fff;}
.sec04 .btnWrap {margin-top: 50px;}

@media all and (max-width:768px){
	.sec04 {background: url(../../image/main/sec04Bg.png) no-repeat 80% / cover;}
    .sec04 .inner {text-align:center;}
    .sec04 .btnWrap {margin-top: 30px;}
}
@media all and (max-width:600px){
    .sec04 h2 {font-size: 2.4rem;}
}