@charset "utf-8";


main {}
section {}
.section_inner {position: relative; width: 100%; height: 100%; max-width: 1400px; margin: 0 auto;}


/* section01 */
.main .section1 {}
.main .section1 .rollWrap {}
.main .section1 .rollWrap .roll-img {}
.main .section1 .rollWrap .roll-img li {}
.main .section1 .rollWrap .roll-img li a {}
.main .section1 .rollWrap .roll-img li a img {width: 100%; height: 860px; object-fit: cover;}
.main .section1 .rollWrap .rollBtnWrap {display: flex;}
.main .section1 .rollWrap ul.roll-slide {position: relative; display: flex; width: 89%; margin-top: -94px;}
.main .section1 .rollWrap ul.roll-slide::before {content: ''; position: absolute; top: 0; right: 0; width: 5px; height: 100%; background-color: #fff; z-index: 10;}
.main .section1 .rollWrap ul.roll-slide li {position: relative; width: calc(100% / 3); text-align: center; border: 5px solid #fff; border-right: 0; background-color: #000; transition: 0.3s ease; box-sizing: border-box;}

.main .section1 .rollWrap ul.roll-slide li:hover {background-color: #4b007a;}
.main .section1 .rollWrap ul.roll-slide .slick-current li {background-color: #4b007a;}
.main .section1 .rollWrap ul.roll-slide li a {display: block; padding: 31px 20px; box-sizing: border-box; line-height: 1; position: relative; z-index: 5; overflow: hidden; width: 100%; height: 100%;}
.main .section1 .rollWrap ul.roll-slide li a img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; opacity: 0.3; width: 100%; height: 100%;}
.main .section1 .rollWrap ul.roll-slide li a span {position: relative; font-family: 'jalnan'; font-size: 20px; color: #fff; line-height: 1.1; z-index: 5; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; /* display: inline-block; */}
.main .section1 .rollWrap ul.roll-slide li:hover a span::before {content: ''; position: absolute; top: -3px;left: -36px; background: url("/images/main/slideCk.png") no-repeat; width: 27px; height: 27px;}
.main .section1 .rollWrap ul.roll-slide li:hover a span::after {content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: #fff;}
.main .section1 .rollWrap .slideBtns {display: flex; align-items: flex-end; transform: translateY(-6px); margin-top: -95px;}
.main .section1 .rollWrap .slideBtns a {font-size: 0; background-position: center; background-repeat: no-repeat; width: 76px; height: 76px; display: inline-block;}
.main .section1 .rollWrap .slideBtns a.slidePrev {background-image: url("/images/main/slidePrev.png"); margin-right: 1px;}
.main .section1 .rollWrap .slideBtns a.slideNext {background-image: url("/images/main/slideNext.png");}



/* section02 */
.titWrap {}
.titWrap .tit {font-family: 'GmarketSansL'; font-size: 40px; color: #000;}
.titWrap .tit span {font-family: 'GmarketSansB';}

.main .section2 {margin-top: 88px;}
.main .section2 .tabWrap {margin-bottom: 77px;}
.main .section2 .tabWrap .titWrap {display: flex; justify-content: space-between; align-items: center; margin-bottom: 43px;}
.main .section2 .tabWrap .titWrap ul.tabMenu {display: flex;}
.main .section2 .tabWrap .titWrap ul.tabMenu li {position: relative; margin-left: 15px; background-color: #f5f5f5; border-radius: 50px; width: 120px; text-align: center; transition: 0.3s ease;}
.main .section2 .tabWrap .titWrap ul.tabMenu li:hover, .main .section2 .tabWrap .titWrap ul.tabMenu li.on {background-color: #4b007a; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1);}
.main .section2 .tabWrap .titWrap ul.tabMenu li:hover::before, .main .section2 .tabWrap .titWrap ul.tabMenu li.on::before {content: ''; position: absolute; top: -15px; left: 8px; background: url("/images/main/tabIcon.png") no-repeat; width: 34px; height: 24px;}
.main .section2 .tabWrap .titWrap ul.tabMenu li a {font-family: 'jalnan'; font-size: 15px; color: #888; padding: 15px 10px 11px; box-sizing: border-box; line-height: 1.1; display: inline-block;} 
.main .section2 .tabWrap .titWrap ul.tabMenu li:hover a,.main .section2 .tabWrap .titWrap ul.tabMenu li.on a  {color: #fff;}
.main .section2 .tabWrap .titWrap > div {display: flex;}
.main .section2 .tabWrap .titWrap a.more-btn {display: inline-block; margin-left: 15px;}
.main .section2 .tabWrap .titWrap a.more-btn img {}

.main .section2 .tabWrap .tablist {}
.main .section2 .tabWrap .tablist ul {display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid #e5e5e5;}
.main .section2 .tabWrap .tablist ul li {position: relative; width: 50%; padding: 22px 0 22px 44px; box-sizing: border-box; border-bottom: 1px solid #e5e5e5;}
.main .section2 .tabWrap .tablist ul li:nth-child(odd) {padding-right: 40px;}
.main .section2 .tabWrap .tablist ul li:nth-child(even) {padding-left: 60px;}
.main .section2 .tabWrap .tablist ul li:nth-child(odd):before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 23px; background-color: #e5e5e5;}
.main .section2 .tabWrap .tablist ul li a {display: flex; justify-content: space-between;}
.main .section2 .tabWrap .tablist ul li a span.s-tit {position: relative; font-family: 'NotoKrR'; font-size: 16px; color: #2b2a30; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main .section2 .tabWrap .tablist ul li a span.s-tit:hover {text-decoration: underline; color: #4b007a;}
.main .section2 .tabWrap .tablist ul li a span.s-tit::before {content: ''; position: absolute; top: 10px; left: -21px; width: 4px; height: 4px; background-color: #000; border-radius: 50%;}
.main .section2 .tabWrap .tablist ul li.new a span.s-tit::before {content: ''; background: url("/images/main/newIcon.png") no-repeat; position: absolute; top: 2px; left: -31px; width: 22px; height: 22px; border-radius: 50%;}
.main .section2 .tabWrap .tablist ul li a span.date {font-family: 'NotoKrR'; font-size: 15px; color: #888;}


/* section03 */
.main .section3 {background: url("/images/main/sec03-bg.png") no-repeat top center; background-size: 100%; padding-top: 95px; padding-bottom: 135px; height: 758px;}
.main .section3 .titWrap {text-align: center;}
.main .section3 .titWrap .tit {position: relative;color: #fff; display: inline-block;}
.main .section3 .titWrap .tit::before {content: ''; position: absolute; top: -68px; right: -51px; background: url("/images/main/sec03-icon.png") no-repeat; width: 52px; height: 79px;}
.titWrap span.s-txt {font-family: 'NotoKrL'; font-size: 15px; letter-spacing: -0.02em; color: #fff; opacity: 0.5; display: block; padding-top: 22px; }

.main .section3 ul.cnt-list {display: flex; justify-content: space-between; margin-top: 45px;}
.main .section3 ul.cnt-list li {position: relative; width: 23%; border-radius: 10px; height: 350px; background: url("/images/main/sec03-listBg.png") no-repeat bottom -98px right -87px #eb579c; box-shadow: 0px 5px 15px 7px rgba(0, 0, 0, 0.2); transition: 0.3s ease-in-out;}
.main .section3 ul.cnt-list li:hover {transform: skewY(4deg);}
.main .section3 ul.cnt-list li:nth-child(2) {background-color: #24abc3; transform: translateY(60px);}
.main .section3 ul.cnt-list li:nth-child(3) {background-color: #9452e4;}
.main .section3 ul.cnt-list li:nth-child(4) {background-color: #21b54b; transform: translateY(60px);}
.main .section3 ul.cnt-list li:nth-child(2):hover, .main .section3 ul.cnt-list li:nth-child(4):hover {transform: translateY(60px) skewY(4deg);}
.main .section3 ul.cnt-list li:nth-child(1)::before {content: ''; background: url("/images/main/sec03-list01.png") no-repeat; position: absolute; bottom: -26px;
right: 40px; width: 150px; height: 228px; z-index: 1;}
.main .section3 ul.cnt-list li:nth-child(2)::before {content: ''; background: url("/images/main/sec03-list02.png") no-repeat; position: absolute; bottom: -23px;
right: 30px; width: 231px; height: 165px; z-index: 1;}
.main .section3 ul.cnt-list li:nth-child(3)::before {content: ''; background: url("/images/main/sec03-list03.png") no-repeat; position: absolute; bottom: -21px;
right: 25px; width: 231px; height: 175px; z-index: 1;}
.main .section3 ul.cnt-list li:nth-child(4)::before {content: ''; background: url("/images/main/sec03-list04.png") no-repeat; position: absolute; bottom: -31px;
right: 12px; width: 217px; height: 175px; z-index: 1;}
.main .section3 ul.cnt-list li a {position: relative; overflow: hidden; display: inline-block; padding: 60px 45px; box-sizing: border-box; height: 100%; width: 100%;}
.main .section3 ul.cnt-list li a .s-tit {font-family: 'jalnan'; font-size: 26px; color: #fff;}
.main .section3 ul.cnt-list li a .desc {font-family: 'NotoKrL'; font-size: 15px; letter-spacing: -0.02em; line-height: 1.6; color: #fff; padding-top: 24px;}


/* section04 */
.main .section4 {position: relative; background: url("/images/main/sec04-bg.png") no-repeat top center; background-size: 100%; padding-top: 95px; padding-bottom: 108px; margin-top: -270px;}
.main .section4::before {content: ''; position: absolute; top: 35px; left: 52%; background: url("/images/main/sec04-illu01.png") no-repeat; width: 348px; height: 280px;}
.main .section4::after {content: ''; position: absolute; bottom: -87px; right: 174px; background: url("/images/main/sec04-illu02.png") no-repeat; width: 247px; height: 222px;}
.main .section4 .titWrap {}
.main .section4 .titWrap .tit {color: #fff; display: inline-block;}
.main .section4 .titWrap .tit .imgWrap {display: inline-block; width: 110px; transform: translateY(2px);}
.main .section4 .titWrap .tit .imgWrap img {width: 100%;}
.main .section4 .titWrap span.s-txt {opacity: 0.8; padding-top: 7px;}

.main .section4 ul.cnt-list {margin-top: 65px; display: flex; justify-content: space-between;}
.main .section4 ul.cnt-list li {width: 23.5%; background-color: #fff; border-radius: 20px;  box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.2); height: 388px;}
.main .section4 ul.cnt-list li:nth-child(even) {transform: translateY(-40px);}
.main .section4 ul.cnt-list li a {position: relative; display: inline-block; width: 100%; height: 100%; padding: 25px 22px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center;}
.main .section4 ul.cnt-list li a:before{content: ''; position: absolute; bottom:55px; right: 40px; background:#fff; width: 71px; height: 70px; z-index: 5; border-radius:50%;}
.main .section4 ul.cnt-list li.face a::before {content: ''; position: absolute; bottom: 55px; right: 40px; background: url("/images/main/sec04-face.png") no-repeat; width: 71px; height: 70px;}
.main .section4 ul.cnt-list li.insta a::before {content: ''; position: absolute; bottom: 55px; right: 40px; background: url("/images/main/sec04-insta.png") no-repeat; width: 71px; height: 70px;}
.main .section4 ul.cnt-list li.youtu a::before {content: ''; position: absolute; bottom: 55px; right: 40px; background: url("/images/main/sec04-you.png") no-repeat; width: 71px; height: 70px;}
.main .section4 ul.cnt-list li.nblog a::before {content: ''; position: absolute; bottom: 55px; right: 40px; background: url("/images/main/sec04-blog.png") no-repeat; width: 71px; height: 70px;}
.main .section4 ul.cnt-list li a .imgWrap {width: 100%; height: 273px; border-radius: 20px 20px 0 0; overflow: hidden;}
.main .section4 ul.cnt-list li a .imgWrap img {width: 100%; height: 100%; object-fit: cover; transition: 0.3s ease;}
.main .section4 ul.cnt-list li:hover a .imgWrap img {transform: scale(1.1);}
.main .section4 ul.cnt-list li a .i-tit { font-family: 'NotoKrB'; font-size: 16px; color: #000; padding-top: 37px; text-align: center; width: 95%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.main .section4 ul.cnt-list li:hover a .i-tit {text-decoration: underline;}




@media all and (max-width:1600px){
    /* .main .section1 {height: 755px;} */
    .main .section3, .main .section4 {background-size: cover;}
    .main .section4::after {right: 35px;}
} 

@media all and (max-width:1400px){
    .section_inner {max-width: 1280px;}

    /* .main .section1 {height: 700px;} */
    .main .section1 .rollWrap .roll-img {margin-top: 60px;}
    .main .section1 .rollWrap .roll-img li a img {height: 750px;}

    .main .section4::after {right: 127px;}
}

@media all and (max-width:1280px){
    .section_inner {max-width: 95%;}

    /* .main .section1 {height: 680px;} */
    .main .section1 .rollWrap .roll-img li a img {height: 635px;}
    .main .section1 .rollWrap ul.roll-slide {width: 87%;}

    .titWrap .tit {font-size: 35px;}

    .main .section2 .tabWrap .titWrap {flex-wrap: wrap;}
    .main .section2 .tabWrap .titWrap > div:last-child {margin-top: 30px; justify-content: space-between; width: 100%;}
    .main .section2 .tabWrap .titWrap ul.tabMenu li {width: 110px; margin-left: 10px;}
    .main .section2 .tabWrap .titWrap ul.tabMenu li:first-child {margin-left: 0;}
    .main .section2 .tabWrap .titWrap ul.tabMenu li a {font-size: 14px;}

    .main .section4::after {right: 28px;}
}

@media all and (max-width:1000px){
    /* .main .section1 {height: 520px;} */
    .main .section1 .rollWrap {bottom: -5px;}
    .main .section1 .rollWrap .roll-img {margin-top: 50px;}
    .main .section1 .rollWrap .roll-img li a img {height: 520px;}
    .main .section1 .rollWrap ul.roll-slide {margin-top: -67px;}
    .main .section1 .rollWrap ul.roll-slide {width: 89%;}
    .main .section1 .rollWrap ul.roll-slide li a {padding: 18px 15px;}
    .main .section1 .rollWrap ul.roll-slide li a span {font-size: 17px; display: inline-block;}
    .main .section1 .rollWrap .slideBtns a {background-size: 50px; width: 50px; height: 50px;}

    .titWrap .tit {font-size: 30px;}

    .main .section2 {margin-top: 58px; margin-bottom: 50px;}
    .main .section2 .tabWrap {margin-bottom: 0;}
    .main .section2 .tabWrap .titWrap {margin-bottom: 25px;}
    .main .section2 .tabWrap .titWrap ul.tabMenu {width: 100%;}
    .main .section2 .tabWrap .titWrap ul.tabMenu li {width: calc(100% / 6);}
    .main .section2 .tabWrap .tablist ul li {padding: 18px 25px 18px 25px;}
    .main .section2 .tabWrap .tablist ul li:nth-child(even) {padding-left: 25px;}
    .main .section2 .tabWrap .tablist ul li a span.s-tit {font-size: 14px;}
    .main .section2 .tabWrap .tablist ul li a span.date {font-size: 13px; white-space: nowrap;}

    .main .section3 {padding-top: 75px; height: 100%;}
    .main .section3 .titWrap .tit::before {background-size: 40px; width: 40px; top: -49px; right: -41px;}
    .titWrap span.s-txt {padding-top: 15px;}
    .main .section3 ul.cnt-list {flex-wrap: wrap;}
    .main .section3 ul.cnt-list li {width: 49%; margin-bottom: 30px;}
    .main .section3 ul.cnt-list li:nth-child(2), .main .section3 ul.cnt-list li:nth-child(4) {transform: translateY(0);}

    .main .section4 {margin-top: -70px; padding-top: 50px; padding-bottom: 95px;}
    .main .section4::before {left: inherit; right: 0; top: 13px; background-size: 285px; width: 285px;}
    .main .section4::after {bottom: -116px; right: 15px; background-size: 190px; width: 190px;}
    .main .section4 .titWrap span.s-txt {padding-top: 0;}
    .main .section4 ul.cnt-list {flex-wrap: wrap; margin-top: 50px;}
    .main .section4 ul.cnt-list li {width: 49%; margin-bottom: 30px;}
    .main .section4 ul.cnt-list li:nth-child(even) {transform: translateY(0);}
    .main .section4 ul.cnt-list li a {padding: 20px;}
    .main .section4 ul.cnt-list li a .i-tit {padding-top: 34px;}
}

@media all and (max-width:780px){
    /* .main .section1 {height: 375px;} */
    .main .section1 .section_inner {max-width: 100%;}
    .main .section1 .rollWrap .roll-img {margin-top: 95px;}
    .main .section1 .rollWrap .roll-img li a img {height: 390px; object-fit: cover;}
    .main .section1 .rollWrap ul.roll-slide {width: 85%; margin-left: 2%;}
    .main .section1 .rollWrap ul.roll-slide li {border-width: 3px;}
    .main .section1 .rollWrap ul.roll-slide::before {width: 3px;}
    .main .section1 .rollWrap ul.roll-slide li a span {font-size: 15px; line-height: 1.3; width: 85%;}
    .main .section1 .rollWrap .slideBtns {width: 15%; transform: translateY(-7px);}
    .main .section1 .rollWrap .slideBtns a { background-size: 40px; width: 40px; height: 40px;}

    .titWrap .tit {font-size: 27px;}

    .main .section2 .tabWrap .titWrap {margin-bottom: 20px;}
    .main .section2 .tabWrap .titWrap > div:last-child {margin-top: 25px; align-items: center;}
    .main .section2 .tabWrap .titWrap a {padding: 12px 10px 9px;}
    .main .section2 .tabWrap .titWrap a.more-btn {width: 35px;}
    .main .section2 .tabWrap .titWrap a.more-btn img {width: 100%;}
    .main .section2 .tabWrap .titWrap ul.tabMenu {flex-wrap: wrap; justify-content: flex-start;}
    .main .section2 .tabWrap .titWrap ul.tabMenu li {width: 32%; margin-left: 0; margin-right: 5px; margin-bottom: 10px;}
    .main .section2 .tabWrap .tablist ul li {padding: 15px 15px;}
    .main .section2 .tabWrap .tablist ul li:nth-child(odd) {padding-right: 18px;}
    .main .section2 .tabWrap .tablist ul li:nth-child(even) {padding-left: 15px;}
    .main .section2 .tabWrap .tablist ul li a span.s-tit {width: 75%;}

    .main .section3 ul.cnt-list li {margin-bottom: 15px;}
    .main .section3 ul.cnt-list li:nth-child(1)::before {background-size: 84%; right: 4px;}
    .main .section3 ul.cnt-list li:nth-child(2)::before {background-size: 84%; right: -27px; bottom: -11px;}
    .main .section3 ul.cnt-list li:nth-child(3)::before {background-size: 84%; right: -25px;}
    .main .section3 ul.cnt-list li:nth-child(4)::before {background-size: 81%; right: -28px; bottom: -20px;}
    .main .section3 ul.cnt-list li a {padding: 45px 40px;}
    .main .section3 ul.cnt-list li a .s-tit {font-size: 22px;}

    .main .section4 .titWrap .tit .imgWrap {width: 90px;}
    .main .section4 ul.cnt-list li {margin-bottom: 15px; height: auto;}
    .main .section4 ul.cnt-list li a::before, .main .section4 ul.cnt-list li:nth-child(2) a::before, .main .section4 ul.cnt-list li:nth-child(3) a::before, .main .section4 ul.cnt-list li:nth-child(4) a::before {background-size: 50px; right: 30px; bottom: 68px; width: 50px; height: 50px;}
    .main .section4 ul.cnt-list li a .i-tit {padding-top: 18px;}
}

@media all and (max-width:680px){
    .main .section1 .rollWrap .roll-img {margin-top: 90px;}
    .main .section1 .rollWrap .roll-img li a img {height: 330px;}
    .main .section1 .rollWrap ul.roll-slide {margin-top: -53px;}
    .main .section1 .rollWrap ul.roll-slide li a {padding: 15px 15px 8px;}
    .main .section1 .rollWrap .slideBtns {transform: translateY(-5px);}
    
}

@media all and (max-width:480px){
    /* .main .section1 {height: 270px;} */
    .main .section1 .rollWrap .roll-img {margin-top: 45px;}
    .main .section1 .rollWrap .roll-img li a img {height: 275px;}
    .main .section1 .rollWrap ul.roll-slide {margin-left: 0;}

    .titWrap .tit {font-size: 24px;}

    .main .section2 { margin-top: 40px; margin-bottom: 40px;}
    .main .section2 .tabWrap .titWrap > div:last-child {margin-top: 20px;}
    .main .section2 .tabWrap .titWrap ul.tabMenu li a {font-size: 13px; padding: 10px 10px 7px;}
    .main .section2 .tabWrap .tablist ul li {width: 100%; padding: 10px;}
    .main .section2 .tabWrap .tablist ul li:nth-child(even) {padding-left: 10px;}
    .main .section2 .tabWrap .tablist ul li:nth-child(odd) {padding-right: 10px;}
    .main .section2 .tabWrap .tablist ul li:nth-child(odd):before {display: none;}

    .titWrap span.s-txt {padding-top: 8px;}

    .main .section3 ul.cnt-list li {width: 100%; height: 180px; margin-bottom: 10px;}
    .main .section3 ul.cnt-list li:nth-child(1)::before {background-size: 60%; right: -34px; bottom: -81px;}
    .main .section3 ul.cnt-list li:nth-child(2)::before {background-size: 66%; right: -66px; bottom: -39px;}
    .main .section3 ul.cnt-list li:nth-child(3)::before {background-size: 67%; right: -60px; bottom: -50px;}
    .main .section3 ul.cnt-list li:nth-child(4)::before {background-size: 67%; right: -56px; bottom: -43px;}
    .main .section3 ul.cnt-list li:hover {transform: skewY(0);}
    .main .section3 ul.cnt-list li:nth-child(2):hover, .main .section3 ul.cnt-list li:nth-child(4):hover {transform: translateY(0) skewY(0);}
    .main .section3 ul.cnt-list li a {padding: 32px;}
    .main .section3 ul.cnt-list li a .s-tit {font-size: 20px;}
    .main .section3 ul.cnt-list li a .desc {line-height: 1.5; font-size: 14px; padding-top: 16px;}

    .main .section4 {padding-bottom: 50px;}
    .main .section4 .titWrap .tit .imgWrap {width: 70px;}
    .main .section4::before {top: 37px; background-size: 185px; width: 185px;}
    main .section4::after {display: none;}
    .main .section4 ul.cnt-list li {width: 100%; margin-bottom: 30px;}
    .main .section4 ul.cnt-list li a {padding: 10px; padding-bottom: 21px;}
    .main .section4 ul.cnt-list li a .imgWrap {height: 235px;}
    .main .section4 ul.cnt-list li a::before, .main .section4 ul.cnt-list li:nth-child(2) a::before, .main .section4 ul.cnt-list li:nth-child(3) a::before, .main .section4 ul.cnt-list li:nth-child(4) a::before {right: 21px;}
}

@media all and (max-width:360px){
    /* .main .section1 {height: 235px;} */
    .main .section1 .rollWrap .roll-img li a img {height: 200px;}
    .main .section1 .rollWrap .slideBtns a { background-size: 30px; width: 30px; height: 30px;}

    .main .section2 .tabWrap .titWrap {margin-bottom: 10px;}
    .main .section2 .tabWrap .titWrap > div:last-child {flex-direction: column; align-items: end;
    }
    .main .section2 .tabWrap .titWrap a {padding: 5px;}
    .main .section2 .tabWrap .titWrap a.more-btn {width: 25px;}

    .main .section3 {padding-top: 55px;}
    .main .section3 .titWrap .tit::before {display: none;}
    .main .section3 ul.cnt-list {margin-top: 30px;}
    .main .section3 ul.cnt-list li a {padding: 25px;}
    .main .section3 ul.cnt-list li a .s-tit {font-size: 18px;}
    .main .section3 ul.cnt-list li:nth-child(1)::before { background-size: 55%; right: -46px; bottom: -95px;}
    .main .section3 ul.cnt-list li:nth-child(2)::before {background-size: 57%; right: -91px; bottom: -59px;}
    .main .section3 ul.cnt-list li:nth-child(3)::before {background-size: 57%; right: -85px; bottom: -67px;}
    .main .section3 ul.cnt-list li:nth-child(4)::before {background-size: 57%; right: -84px; bottom: -80px;}

    .main .section4 {margin-top: -90px;}
    .main .section4::before {display: none;}
    .main .section4 ul.cnt-list{ margin-top: 30px;}
    .main .section4 ul.cnt-list li {margin-bottom: 25px;}
    .main .section4 ul.cnt-list li a .imgWrap {height: 200px;}
    .main .section4 ul.cnt-list li a::before, .main .section4 ul.cnt-list li:nth-child(2) a::before, .main .section4 ul.cnt-list li:nth-child(3) a::before, .main .section4 ul.cnt-list li:nth-child(4) a::before {background-size: 40px; right: 13px; bottom: 61px;}
    .main .section4 ul.cnt-list li a .i-tit {font-size: 15px;}
}