@charset "utf-8";

/* ========================================================================== */
/* RESET */
/* ========================================================================== */

/* 기본 */
* {padding:0;margin:0;border:0;outline:0;box-sizing:border-box;vertical-align:top;-webkit-tap-highlight-color: rgba(0,0,0,0);scroll-behavior:smooth;letter-spacing:-0.03em;}

/* 고정 */
html.fixed , body.fixed{overflow:hidden;touch-action:none;-webkit-touch-action:none;}

/* 모바일 가로모드 폰트확대 방지 */
body{-webkit-text-size-adjust:none;}

/* 헤더 폰트 사이즈 초기화 */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom:0;}

/* 텍스트 */
a{color:inherit; text-decoration:none;}
a:hover{text-decoration:none;}
a , button {display:inline-block; vertical-align:top; box-sizing:border-box; cursor:pointer; background:none;}
button{margin:0; padding:0; border:0; background:none; vertical-align:top; cursor:pointer; box-sizing:border-box;}
p{margin-bottom:0;}

/* 이미지 */
img, fieldset{border:none;}
img, object{vertical-align:top;}
img{max-width:100%;}

/* 리스트 */
ul , ol{margin-bottom:0; padding-left:0; list-style:none;}
em , address{font-style:normal;}

/* 테이블 */
table{width:100%; border-spacing:0;}
th , td{text-align:center; vertical-align:middle;}
legend , caption{display:none;}

/* 폼 */
form{max-width:100%;}
label{cursor:pointer;}
select{border-radius:0; background:#fff;}
textarea{resize:none;}
input , textarea{-webkit-border-radius:0;}
/* 사파리 초기화 */
input:-internal-autofill-selected{background:transparent !important;}

.skip{overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0 0 0 0);}
.m-only{display:none !important;}
.p-only{display:none !important;}
@media (max-width:1400px){
    .p-only{display:block !important;}
}
@media (max-width:1000px){
    .pc-only{display:none !important;}
    .m-only{display:block !important;}
}


/* ========================================================================== */
/* FONT */
/* ========================================================================== */

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

@font-face {
    font-family: 'ONEMobileTitle';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}


/* ========================================================================== */
/* LAYOUT */
/* ========================================================================== */

html, body{background:#fff;}
body{overflow-x:hidden;overflow-y:auto;}

#wrapper{overflow:hidden; position:relative; text-align:center;}
#wrapper:after{opacity:0.5; visibility:hidden; position:absolute; top:-118px; left:-37px; z-index:999; width:100%; height:11111px; background:url(../images/pc.jpg)no-repeat center top; content:'';}
.wrap{max-width:1400px; margin-right:auto; margin-left:auto; padding-right:35px; padding-left:35px;}

section{overflow:hidden; position:relative;}

.sec1{height:1103px; padding-top:110px; background:url(../images/sec1_bg.jpg) no-repeat center / auto 100%;}
.sec1 .wrap{position:relative; z-index:1;}
.sec1 .wrap > p{font-size:65px; font-family:'ONEMobileTitle';}
.sec1 .wrap > p i{position:relative;}
.sec1 .wrap > p i:before{opacity:0.8; position:absolute; left:-1px; right:0; bottom:-4px; z-index:-1; height:26px; border-radius:6px; background-color:#44bd41; content:'';}
.sec1 .wrap > p span{display:block; margin-top:25px; color:#ef2d88; font-size:80px;}
.sec1 .wrap h2{margin-top:20px; font-size:108px; font-weight:400; font-family:'ONEMobileTitle';}
.sec1 .wrap h2 span{position:relative;}
.sec1 .wrap h2 span:before, .sec1 .wrap h2 span:after{position:absolute; top:-12px; width:17px; height:13px; background:url(../images/sec1_arrow.png) no-repeat center / cover; content:'';}
.sec1 .wrap h2 span:before{left:18px;}
.sec1 .wrap h2 span:after{right:18px;}
.sec1 .wrap .box{max-width:840px; margin:40px auto 0; padding:51px 40px 32px; border-radius:40px; background-color:rgba(255,255,255,0.6);}
.sec1 .wrap .box > div{font-size:53px; font-family:'ONEMobileTitle';}
.sec1 .wrap .box > div span{color:#44bd41; font-size:66px;}
.sec1 .wrap .box > div span b{display:inline-block; margin-top:-19px; font-size:90px; font-weight:400; vertical-align:top;}
.sec1 .wrap .box > p{margin-top:30px; font-size:36px; font-weight:700;}
.sec1 .wrap .box > p span{color:#df2d88; font-size:32px; font-weight:700;}

.sec2{background-color:#ef2d88;}
.sec2 .wrap{display:flex; padding-top:90px; padding-bottom:122px; align-items:center; justify-content:center;}
.sec2 .wrap .box{display:flex; margin:0 54px 0 47px; flex-direction:column; align-items:center; justify-content:center; gap:10px;}
.sec2 .wrap .box p{color:#fff; font-size:60px; font-weight:600;}
.sec2 .wrap .box .time{display:flex;align-items:center;gap: 11px;}
.sec2 .wrap .box .time div{display:flex;gap: 8px;}
.sec2 .wrap .box .time div > span{width: 74px;border-radius:10px;background-color:#141414;color:#fff;font-size: 66px;font-weight:600;line-height: 96px;}
.sec2 .wrap .box .time i{color:#fff; font-size:50px; font-weight:600; font-style:normal;}
.sec2 .wrap .btn{display:flex; position:relative; width:249px; height:188px; padding-right:9px; border-radius:10px; background-color:#141414; box-shadow:0 0 30px rgba(255,255,255,1); color:#9cfc3b; font-size:36px; font-weight:600; line-height:1.33; flex-direction:column; align-items:center; justify-content:center;}
.sec2 .wrap .btn:after{position:absolute; top:66px; left:195px; width:133px; height:189px; background:url(../images/hand.png) no-repeat center / cover; content:'';}
.sec2 .wrap .btn span{font-size:40px;}

.sec3{padding-top:130px; padding-bottom:150px;}
.sec3 .wrap{max-width:970px;}
.sec3 .wrap h2{font-size:60px; font-weight:700; font-family:'GMarketSans'; line-height:1;}
.sec3 .wrap h2 span{color:#fa2197;}
.sec3 .wrap div{overflow:hidden; position:relative; width:100%; height:0; margin:90px auto 0; padding-top:56.25%; border-radius:20px; box-shadow:0 10px 30px rgba(0,0,0,0.4); /* max-width:900px;*/}
.sec3 .wrap div iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

.sec4{padding-top:123px; padding-bottom:176px; background-color:#f4d6e3;}
.sec4 .wrap h2{font-size:36px; font-weight:700; font-family:'GMarketSans';}
.sec4 .wrap h2 span{color:#fa2197;}
.sec4 .wrap .img{width:187px; margin-top:15px;}
.sec4 .wrap > p{font-size:60px; font-weight:700; font-family:'GMarketSans'; line-height:1.24;}
.sec4 .wrap > p span{color:#fa2197; font-size:53px;}
.sec4 .wrap > ul{display:flex; margin-top:50px; flex-wrap:wrap; justify-content:center; align-items:start; gap:33px;}
.sec4 .wrap > ul li{display:flex; width:421px; height:388px; padding-top:46px; border-radius:30px; background-color:#fff; flex-direction:column; align-items:center;}
.sec4 .wrap > ul li img{height:155px;}
.sec4 .wrap > ul li p{margin-top:20px; font-size:26px; font-weight:600; line-height:1.7;}
.sec4 .wrap > ul li:nth-child(5) p{margin-top:5px;}
.sec4 .wrap > ul li p span{font-size:30px; font-weight:700;}
.sec4 .wrap > ul li a{display:inline-block; position:relative; margin-top:5px; padding:0 22px 0 16px; background-color:#fa2197; color:#fff; font-size:26px; font-weight:600; line-height:46px;}
.sec4 .wrap > ul li a:after{position:absolute; top:6px; left:165px; width:41px; height:58px; background:url(../images/hand.png) no-repeat center / cover; content:'';}

.sec5{padding-top:140px; padding-bottom:189px; background:url(../images/sec5_bg.jpg) no-repeat center / cover;}
.sec5 .wrap h2{color:#fff; font-size:60px; font-weight:700; font-family:'GMarketSans'; line-height:1;}
.sec5 .wrap h2 span{color:#fa2197;}
.sec5 .wrap ul{display:flex; margin-top:60px; gap:33px;}
.sec5 .wrap ul li{overflow:hidden; border-radius:30px;}
.sec5 .wrap ul li img{width:100%;}

.sec6{height:1492px; padding-top:140px; background:#000 url(../images/sec6_bg.jpg) no-repeat center top;}
.sec6 .wrap h2{color:#fff; font-size:45px; font-weight:400; font-family:'GMarketSans';}
.sec6 .wrap h2 span{color:#fcad15; font-size:60px; font-weight:600;}
.sec6 .wrap img{position:absolute; top:236px; left:50%; z-index:2; width:608px; transform:translateX(-50%);}
.sec6 .wrap ul{display:flex; max-width:870px; margin:460px auto 0; gap:30px; flex-wrap:wrap;}
.sec6 .wrap ul li{display:flex; width:calc(50% - 15px); height:273px; padding-top:47px; border-radius:30px; box-shadow:inset 0 0 0 0 #ddd, 0 0 0 1px #555; flex-direction:column; gap:20px; align-items:center;}
.sec6 .wrap ul li div{display:flex; width:304px; height:120px; background:url(../images/sec6_item_bg.png) no-repeat center / cover; color:#fff; font-size:24px; line-height:1.25; flex-direction:column; justify-content:center;}
.sec6 .wrap ul li div span{color:#fcad15; font-size:40px; font-weight:600;}
.sec6 .wrap ul li p{color:#949494; font-size:17px; line-height:1.41;}

.sec7{padding-top:128px; padding-bottom:138px; background-color:#d3f7af;}
.sec7 .wrap h2{position:relative; z-index:1; font-size:60px; font-weight:700; font-family:'GMarketSans'; line-height:1.6;}
.sec7 .wrap h2 span{position:relative; color:#266513;}
.sec7 .wrap h2 span:before{position:absolute; left:-6px; right:-6px; bottom:-4px; z-index:-1; height:46px; background-color:#cefb35; content:'';}
.sec7 .wrap ul{display:flex; max-width:692px; margin:50px auto 0; flex-direction:column; gap:35px;}
.sec7 .wrap ul li{display:flex; height:273px; padding:0 69px 0 94px; border-radius:30px; background-color:#fff; text-align:left; align-items:center;justify-content:space-between;gap:10px;}
.sec7 .wrap ul li p{font-size:30px; font-weight:700; word-break:keep-all;}
.sec7 .wrap ul li p span{color:#fa2197; font-size:36px;}

.sec8{padding-top:130px; padding-bottom:157px; background-color:#f540a3;}
.sec8 .wrap h2{color:#fff; font-size:60px; font-weight:700; font-family:'GMarketSans'; line-height:1.5;}
.sec8 .wrap h2 span{color:#171717;}
.sec8 .wrap > ul{display:flex; max-width:872px; margin:50px auto 0; gap:64px;}
.sec8 .wrap > ul > li{position:relative; height:731px; padding:56px 20px 0; border-radius:30px; background-color:#fff; box-shadow:0 0 30px rgba(255, 255, 255, 1); flex:1 0 0;}
.sec8 .wrap > ul > li:before{position:absolute; top:38px; left:0; right:0; width:67px; height:11px; margin:0 auto; border-radius:6px; background-color:#f540a3; content:'';}
.sec8 .wrap > ul > li > div{color:#fa2197; font-size:40px; font-weight:700; font-family:'GMarketSans';}
.sec8 .wrap > ul > li > ul{display:flex; margin-top:35px; flex-direction:column; gap:34px;}
.sec8 .wrap > ul > li > ul li{line-height:1.46;}
.sec8 .wrap > ul > li > ul li div{color:#fa2197; font-size:30px; font-weight:700;}
.sec8 .wrap > ul > li > ul li p{font-size:26px; font-weight:500;}
.sec8 .wrap > ul > li:nth-child(2){background-color:#151515;}
.sec8 .wrap > ul > li:nth-child(2):before{background-color:#9cfc3b;}
.sec8 .wrap > ul > li:nth-child(2) > div{color:#9cfc3b;}
.sec8 .wrap > ul > li:nth-child(2) > ul li div{color:#9cfc3b;}
.sec8 .wrap > ul > li:nth-child(2) > ul li p{color:#fff;}
.sec8 .wrap > ul > li:nth-child(2) > ul li:last-child{width:100%; max-width:290px; margin:10px auto 0; padding:20px 20px 10px 20px; border-radius:20px; background-color:#9cfc3b; font-family:'GMarketSans';}
.sec8 .wrap > ul > li:nth-child(2) > ul li:last-child div{margin-top:12px; color:#151515; font-size:36px; font-weight:700;}
.sec8 .wrap > ul > li:nth-child(2) > ul li:last-child p{color:#151515; font-weight:700; line-height:1.25;}

.sec9{padding-top:71px; padding-bottom:89px; background-color:#f5f5f5;}
.sec9 .wrap h2{color:#151515; font-size:32px; font-weight:700;}
.sec9 .wrap ul{display:flex; margin-top:50px; gap:28px;}
.sec9 .wrap ul li{display:flex; height:105px; background-color:#fff; flex:1 0 0; align-items:center; justify-content:center;}
.sec9 .wrap ul li img{height:70px;}

@media (max-width:1400px){
    .sec2 .wrap{flex-direction:column;}
    .sec2 .wrap .box{margin:10px 0 46px; gap:20px;}
    .sec2 .wrap .btn{width:385px; height:126px; font-size:45px; flex-direction:row; gap:12px;}
    .sec2 .wrap .btn:after{top:31px; left:335px; width:104px; height:147px;}
    .sec2 .wrap .btn span{font-size:45px;}

    .sec4 .wrap > p span{display:block; margin-bottom:-30px;}

    .sec9 .wrap ul{gap:12px;}
    .sec9 .wrap ul li img{height:50px;}
}

@media (max-width:1000px){

    .sec1{height:1293px; padding-top:120px;}
    .sec1 .wrap > p span{margin-top:30px; line-height:1.2;}
    .sec1 .wrap h2{margin-top:5px; font-size:83px;}
    .sec1 .wrap h2 span:before, .sec1 .wrap h2 span:after{top:-5px; width:13px; height:10px;}
    .sec1 .wrap h2 span:before{left:13px;}
    .sec1 .wrap h2 span:after{right:13px;}
    .sec1 .wrap .box{padding-right:25px; padding-left:25px;}
    .sec1 .wrap .box > div{font-size:48px; line-height:1.2;}
    .sec1 .wrap .box > div span{font-size:60px;}
    .sec1 .wrap .box > div span b{font-size:81px;}
    .sec1 .wrap .box > p{margin-top:15px; font-size:33px;}
    .sec1 .wrap .box > p span{display:block; margin-top:14px; font-size:38px; word-break:keep-all;}

    .sec2 .wrap{padding-top:60px; padding-bottom:104px;}
    .sec2 .wrap .img{width:144px;}

    .sec3{padding-top:110px; padding-bottom:100px;}
    .sec3 .wrap div{margin-top:50px;}

    .sec4{padding-top:120px; padding-bottom:157px;}
    .sec4 .wrap h2{font-size:42px;}
    .sec4 .wrap > ul{gap:30px;}
    .sec4 .wrap > ul li{width:100%; height:auto; padding-top:52px; padding-bottom:40px;}
    .sec4 .wrap > ul li img{height:185px;}
    .sec4 .wrap > ul li p{margin-top:30px; font-size:36px; line-height:1.5;}
    .sec4 .wrap > ul li p span{font-size:42px;}
    .sec4 .wrap > ul li a{margin-top:12px; padding:0 30px; font-size:36px; line-height:69px;}
    .sec4 .wrap > ul li a:after{top:9px; left:auto; right:-26px; width:50px; height:71px;}

    .sec5{padding-top:110px; padding-bottom:125px;}
    .sec5 .wrap ul{gap:24px;}
    .sec5 .wrap ul li:nth-child(n+3){display:none;}

    .sec6{height:auto; padding-top:118px; padding-bottom:145px; background-image:url(../images/sec6_bg_m.jpg); background-size:100% auto;}
    .sec6 .wrap img{top:217px;}
    .sec6 .wrap ul{gap:32px;}
    .sec6 .wrap ul li{width:100%; height:302px; padding-top:48px;}
    .sec6 .wrap ul li div{width:380px; height:120px; background-image:url(../images/sec6_item_bg_m.png); font-size:30px;}
    .sec6 .wrap ul li div span{font-size:50px;}
    .sec6 .wrap ul li p{font-size:26px;}

    .sec7 .wrap h2 span.m-only{display:inline-block !important;}
    .sec7 .wrap h2 span:before{left:-17px; right:-17px; bottom:8px;}
    .sec7 .wrap ul{margin-top:75px;}
    .sec7 .wrap ul li{padding-right:37px; padding-left:58px;}
    .sec7 .wrap ul li p{font-size:38px;}
    .sec7 .wrap ul li p span{font-size:46px;}
    .sec7 .wrap ul li img{height:81px;}

    .sec8{padding-top:100px; padding-bottom:84px;}
    .sec8 .wrap > ul{max-width:519px; margin-top:90px; flex-direction:column; gap:84px;}
    .sec8 .wrap > ul > li{height:auto; padding-top:70px; padding-bottom:60px;}
    .sec8 .wrap > ul > li:before{top:48px; width:87px; height:15px; border-radius:8px;}
    .sec8 .wrap > ul > li > div{font-size:51px;}
    .sec8 .wrap > ul > li > ul{margin-top:45px; gap:40px;}
    .sec8 .wrap > ul > li > ul li div{font-size:36px;}
    .sec8 .wrap > ul > li > ul li p{font-size:36px;}
    .sec8 .wrap > ul > li:nth-child(2) > ul li:last-child{max-width:372px; padding:30px 30px 15px 30px;}
    .sec8 .wrap > ul > li:nth-child(2) > ul li:last-child div{margin-top:8px; font-size:48px;}
    .sec8 .wrap > ul > li:nth-child(2) > ul li:last-child p{font-size:42px;}

    .sec9 .wrap h2{font-size:36px;}
    .sec9 .wrap ul{gap:36px; flex-wrap:wrap; justify-content:center;}
    .sec9 .wrap ul li{width:calc(50% - 18px); flex:none;}
    .sec9 .wrap ul li img{height:80px;}
}
@media (max-width:750px){
    .wrap{padding-right:25px; padding-left:25px;}

    .sec1{height:647px; padding-top:60px;}
    .sec1 .wrap > p{font-size:33px;}
    .sec1 .wrap > p i:before{bottom:-2px; height:13px; border-radius:3px;}
    .sec1 .wrap > p span{margin-top:15px; font-size:40px;}
    .sec1 .wrap h2{margin-top:3px; font-size:42px;}
    .sec1 .wrap h2 span:before, .sec1 .wrap h2 span:after{top:-3px; width:7px; height:5px;}
    .sec1 .wrap h2 span:before{left:7px;}
    .sec1 .wrap h2 span:after{right:7px;}
    .sec1 .wrap .box{max-width:420px; margin-top:20px; padding:26px 13px 16px; border-radius:20px;}
    .sec1 .wrap .box > div{font-size:24px;}
    .sec1 .wrap .box > div span{font-size:30px;}
    .sec1 .wrap .box > div span b{margin-top:-10px; font-size:41px;}
    .sec1 .wrap .box > p{margin-top:8px; font-size:17px;}
    .sec1 .wrap .box > p span{margin-top:7px; font-size:19px;}

    .sec2 .wrap{padding-top:30px; padding-bottom:52px;}
    .sec2 .wrap .img{width:72px;}
    .sec2 .wrap .box{margin:5px 0 23px; gap:10px;}
    .sec2 .wrap .box p{font-size:30px;}
    .sec2 .wrap .box .time{gap: 6px;}
    .sec2 .wrap .box .time div{gap: 4px;}
    .sec2 .wrap .box .time div > span{width: 30px;border-radius:5px;font-size: 24px;line-height: 42px;}
    .sec2 .wrap .box .time i{font-size: 20px;}
    .sec2 .wrap .btn{width:193px; height:63px; padding-right:5px; border-radius:5px; box-shadow:0 0 15px rgba(255,255,255,1); font-size:23px; gap:6px;}
    .sec2 .wrap .btn:after{top:16px; left:168px; width:52px; height:74px;}
    .sec2 .wrap .btn span{font-size:23px;}

    .sec3{padding-top:55px; padding-bottom:50px;}
    .sec3 .wrap h2{font-size:30px;}
    .sec3 .wrap div{margin-top:25px; border-radius:10px; box-shadow:0 5px 15px rgba(0,0,0,0.4);}

    .sec4{padding-top:60px; padding-bottom:79px;}
    .sec4 .wrap h2{font-size:21px;}
    .sec4 .wrap .img{width:94px; margin-top:8px;}
    .sec4 .wrap > p{font-size:28px;}
    .sec4 .wrap > p span{margin-bottom:-15px; font-size:27px;}
    .sec4 .wrap > ul{margin-top:25px; gap:15px;}
    .sec4 .wrap > ul li{padding-top:26px; padding-bottom:20px; border-radius:15px;}
    .sec4 .wrap > ul li img{height:93px;}
    .sec4 .wrap > ul li p{margin-top:15px; font-size:18px;}
    .sec4 .wrap > ul li p span{font-size:21px;}
    .sec4 .wrap > ul li a{margin-top:6px; padding:0 15px; font-size:18px; line-height:35px;}
    .sec4 .wrap > ul li a:after{top:5px; right:-13px; width:25px; height:36px;}

    .sec5{padding-top:55px; padding-bottom:63px;}
    .sec5 .wrap h2{font-size:30px;}
    .sec5 .wrap ul{margin-top:30px; gap:12px;}
    .sec5 .wrap ul li{border-radius:15px;}

    .sec6{padding-top:59px; padding-bottom:73px;}
    .sec6 .wrap h2{font-size:23px;}
    .sec6 .wrap h2 span{font-size:30px;}
    .sec6 .wrap img{top:109px; width:304px;}
    .sec6 .wrap ul{max-width:435px; margin-top:230px; gap:16px;}
    .sec6 .wrap ul li{height:151px; padding-top:24px; border-radius:15px; gap:10px;}
    .sec6 .wrap ul li div{width:190px; height:60px; font-size:15px;}
    .sec6 .wrap ul li div span{font-size:25px;}
    .sec6 .wrap ul li p{font-size:13px;}

    .sec7{padding-top:64px; padding-bottom:69px;}
    .sec7 .wrap h2{font-size:30px;}
    .sec7 .wrap h2 span:before{left:-9px; right:-9px; bottom:4px; height:23px;}
    .sec7 .wrap ul{max-width:346px; margin-top:38px; gap:18px;}
    .sec7 .wrap ul li{height:137px; padding:0 19px 0 20px; border-radius:15px; gap:5px;}
    .sec7 .wrap ul li p{font-size:19px;}
    .sec7 .wrap ul li p span{font-size:23px;}

    .sec8{padding-top:50px; padding-bottom:42px;}
    .sec8 .wrap h2{font-size:30px;}
    .sec8 .wrap > ul{max-width:260px; margin-top:40px; gap:42px;}
    .sec8 .wrap > ul > li{padding-top:35px; padding-right:10px; padding-bottom:30px; padding-left:10px; border-radius:15px; box-shadow:0 0 15px rgba(255, 255, 255, 1);}
    .sec8 .wrap > ul > li:before{top:24px; width:44px; height:8px; border-radius:4px;}
    .sec8 .wrap > ul > li > div{font-size:26px;}
    .sec8 .wrap > ul > li > ul{margin-top:23px; gap:20px;}
    .sec8 .wrap > ul > li > ul li div{font-size:18px;}
    .sec8 .wrap > ul > li > ul li p{font-size:18px;}
    .sec8 .wrap > ul > li:nth-child(2) > ul li:last-child{max-width:186px; margin-top:5px; padding:15px 15px 8px 15px; border-radius:10px;}
    .sec8 .wrap > ul > li:nth-child(2) > ul li:last-child div{margin-top:4px; font-size:24px;}
    .sec8 .wrap > ul > li:nth-child(2) > ul li:last-child p{font-size:21px;}

    .sec9{padding-top:36px; padding-bottom:45px;}
    .sec9 .wrap h2{font-size:18px;}
    .sec9 .wrap ul{margin-top:25px; gap:18px;}
    .sec9 .wrap ul li{width:calc(50% - 9px); height:53px;}
    .sec9 .wrap ul li img{height:43px;}
}