@charset "utf-8"; body { height:100%; font-family: 'Pretendard', sans-serif; font-size:15px; font-weight: 400; color:#2c2c2c; background-color: #ffffff; } 

/* FONT */
@font-face { font-family: 'BMJUA'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff') format('woff'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'TmonMonsori'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff'); font-weight: normal; font-style: normal; } 

.flex { display: flex !important; } 
/* 줄넘김 처리 */
.fw-w { flex-wrap: wrap !important; } 
.fw-nw { flex-wrap: nowrap !important; } 
.fw-wr { flex-wrap: wrap-reverse !important; } 
/* 배치 방향 설정 */
.fd-row { flex-direction: row !important; } 
.fd-col { flex-direction: column !important; } 
.fd-rr { flex-direction: row-reverse !important; } 
.fd-cr { flex-direction: column-reverse !important; } 
/* 메인축 방항 정렬 */
.jc-st { justify-content: flex-start !important; } 
.jc-end { justify-content: flex-end !important; } 
.jc-sb { justify-content: space-between !important; } 
.jc-sa { justify-content: space-around !important; } 
.jc-ct { justify-content: center !important; } 
.jc-se { justify-content: space-evenly !important; } 
/* 수직축 방향 정렬 */
.al-stch { align-items: stretch !important; } 
.al-st { align-items: flex-start !important; } 
.al-bs { align-items: baseline !important; } 
.al-ct { align-items: center !important; } 
.al-end { align-items: flex-end !important; } 
.al-bs { align-items: baseline !important; } /* 글씨 기준으로 정렬 */
/* 개체 중앙정렬 */
.flex-c-c { display: flex; justify-content: center; align-items: center; } 

/* MARGIN */
.mt-0 { margin-top:0 !important; } 
.mt-4 { margin-top:4px !important; } 
.mt-8 { margin-top:8px !important; } 
.mt-16 { margin-top:16px !important; } 
.mt-24 { margin-top:24px !important; } 
.mt-32 { margin-top:32px !important; } 
.mt-40 { margin-top:40px !important; } 
.mb-0 { margin-bottom:0 !important; } 
.mb-4 { margin-bottom:4px !important; } 
.mb-8 { margin-bottom:8px !important; } 
.mb-16 { margin-bottom:16px !important; } 
.mb-24 { margin-bottom:24px !important; } 
.mb-32 { margin-bottom:32px !important; } 
.mb-40 { margin-bottom: 40px !important; } 
.ml-0 { margin-left:0 !important; } 
.ml-4 { margin-left:4px !important; } 
.ml-8 { margin-left:8px !important; } 
.ml-16 { margin-left:16px !important; } 
.ml-24 { margin-left:24px !important; } 
.ml-32 { margin-left:32px !important; } 
.ml-40 { margin-left:40px !important; } 
.mr-0 { margin-right:0 !important; } 
.mr-4 { margin-right:4px !important; } 
.mr-8 { margin-right:8px !important; } 
.mr-16 { margin-right:16px !important; } 
.mr-24 { margin-right:24px !important; } 
.mr-32 { margin-right:32px !important; } 
.mr-40 { margin-right:40px !important; } 
/* PADDING */
.pd-0 { padding:0 !important; } 
.pt-0 { padding-top:0 !important; } 
.pt-4 { padding-top:4px !important; } 
.pt-8 { padding-top:8px !important; } 
.pt-16 { padding-top:16px !important; } 
.pt-24 { padding-top:24px !important; } 
.pt-32 { padding-top:32px !important; } 
.pt-40 { padding-top:40px !important; } 
.pb-0 { padding-bottom:0 !important; } 
.pb-4 { padding-bottom:4px !important; } 
.pb-8 { padding-bottom:8px !important; } 
.pb-16 { padding-bottom:16px !important; } 
.pb-24 { padding-bottom:24px !important; } 
.pb-32 { padding-top:32px !important; } 
.pb-40 { padding-top:40px !important; } 
.pl-0 { padding-left:0 !important; } 
.pl-4 { padding-left:4px !important; } 
.pl-8 { padding-left:8px !important; } 
.pl-16 { padding-left:16px !important; } 
.pl-24 { padding-left:24px !important; } 
.pl-32 { padding-top:32px !important; } 
.pl-40 { padding-top:40px !important; } 
.pr-0 { padding-right:0 !important; } 
.pr-4 { padding-right:4px !important; } 
.pr-8 { padding-right:8px !important; } 
.pr-16 { padding-right:16px !important; } 
.pr-24 { padding-right:24px !important; } 
.pr-32 { padding-top:32px !important; } 
.pr-40 { padding-top:40px !important; } 
/* TEXT ALIGN */
.ta-l { text-align: left !important; } 
.ta-c { text-align: center !important; } 
.ta-r { text-align: right !important; } 
/* VERTICAL ALIGN */
.va-t { vertical-align: top !important; } 
.va-m { vertical-align: middle !important; } 
.va-b { vertical-align: bottom !important; } 

.jua { font-family: 'BMJUA', sans-serif !important; } 
.tmon { font-family: 'TmonMonsori', sans-serif !important; } 

/* ======================================== */
/* ==================PC=================== */
/* ======================================== */

header { position: absolute; top: 67px; left: 71px; z-index: 1; } 

section {min-width:320px;}

/* article-01 */
.article-01 { width: 100%; height: auto; background-color: #BDE9F6; } 
.article-01 .bg-wrap { width: 100%; max-width: 1920px; height: auto; background: url('../images/kv-bg.jpg') no-repeat center center; background-size:cover; margin: 0 auto; } 
.article-01 .bg-wrap > div { width:100%; margin:0 auto; padding: 300px 0 230px; position: relative; } 
.article-01 .bg-wrap .title-text { margin-left: 150px; } 
.article-01 .bg-wrap .title-text .title-01 { font-size: 65px; color:#2575E7; margin-bottom: 33px; } 
.article-01 .bg-wrap .title-text .title-02 { font-size: 110px; text-shadow: -5px -5px 0 #3D8DFF, 5px -5px 0 #3D8DFF, -5px 5px 0 #3D8DFF, 5px 5px 0 #3D8DFF; color:#3D8DFF; margin-bottom: 61px; position: relative; line-height: 1.3; letter-spacing: -.5px; } 
.article-01 .bg-wrap .title-text .title-02::after { content: '무료제공 프로모션'; color:#ffffff; text-shadow: -5px -5px 0 #2C80FF, 5px -5px 0 #2C80FF, -5px 5px 0 #2C80FF, 5px 5px 0 #2C80FF; position: absolute; top:-8px; left: 0; } 
.article-01 .bg-wrap .title-text .title-03 { display: flex; flex-wrap: wrap; margin-bottom: 90px; } 
.article-01 .bg-wrap .title-text .title-03 li { font-size: 45px; color:#241489; display: flex; margin-right: 14px; padding-right: 20px; position: relative; } 
.article-01 .bg-wrap .title-text .title-03 li::after { content: ''; display: block; width: 6px; height: 6px; border-radius: 3px; background-color:#241489; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
.article-01 .bg-wrap .title-text .title-03 li:last-child::after { display: none; } 
.article-01 .bg-wrap .title-text .prom-info { display: flex; align-items: center; flex-wrap: wrap; } 
.article-01 .bg-wrap .title-text .prom-info p { display: inline-block; height: 92px; padding:0 64px; background-color: #ffffff; font-size: 45px; border-radius: 46px; color:#4377C5; line-height: 92px; font-weight: 600; margin-right: 40px; margin-bottom: 32px; } 
.article-01 .bg-wrap .title-text .prom-info p span { margin-right: 40px; } 
.article-01 .bg-wrap .title-text .prom-info .button-wrap { position: relative; width: 350px; height: 100px; margin-right: 120px; } 
.article-01 .bg-wrap .title-text .prom-info .button-wrap span { display: block; width: 350px; height: 100px; border-radius: 50px; background-color: #0071C8; } 
.article-01 .bg-wrap .title-text .prom-info .button-wrap a { display: block; color:#fff; font-size: 45px; width: 350px; height: 100px; line-height: 100px; text-align: center; position: absolute; top: -14px; left: 0; background-color: #0083E8; border-radius: 50px; } 

/* article-02 */
.article-02 { padding-top: 83px; margin-bottom: 90px; position: relative; } 
.article-02 .copy-01 { font-size: 45px; color:#AF57B6; text-align: center; line-height: 1.5; margin-bottom: 92px; } 
.article-02 .copy-01 strong { font-size: 55px; } 
.article-02 ul.benefit { width:100%; max-width: 1600px; margin: 0 auto; display: flex; justify-content: center; margin-bottom: 90px; } 
.article-02 ul.benefit li { width: 30.3%; display: flex; flex-direction: column; text-align: center; border-right: 1px solid #838282; padding: 16px 3%; } 
.article-02 ul.benefit li:last-child { border-right: 0; } 
.article-02 ul.benefit li img { width: 100%; max-width: 300px; margin:0 auto; } 
.article-02 ul.benefit li p.bf-tit { display:inline-block; height: 48px; margin:0 auto; padding: 0 25px; border-radius: 24px; font-size: 30px; line-height: 48px; color:#153C86; font-weight: 500; background-color: #C2E6F6; } 
.article-02 ul.benefit li dl dt { font-size: 35px; font-weight: 600; color: #0083E8; margin-bottom: 26px; } 
.article-02 ul.benefit li dl dd { font-size: 25px; line-height: 1.3; font-weight: 500; } 
.article-02 .button-wrap { position: relative; width: 450px; height: 100px; margin:0 auto 72px; } 
.article-02 .button-wrap span { display: block; width: 450px; height: 100px; border-radius: 50px; background-color: #0071C8; margin-top: 7px; } 
.article-02 .button-wrap a { display: block; color:#fff; font-size: 45px; width: 450px; height: 100px; line-height: 100px; text-align: center; position: absolute; top: -14px; left: 0; background-color: #0083E8; border-radius: 50px; }
.article-02 .copy-02 {width: 96%; margin:0 auto;}
.article-02 .copy-02 dt {margin:0 auto; text-align: center; font-size: 35px; color:#074A7E; line-height: 1.5; font-weight: 600; margin-bottom: 30px; letter-spacing: -.3px; } 
.article-02 .copy-02 dt span { text-align: center; font-size: 40px; color:#0B43E4; line-height: 1.5; font-weight: 600; } 
.article-02 .copy-02 dd { text-align: center; font-size: 45px; color:#AF57B6; line-height: 1.5; padding-bottom: 2px; position: relative; text-decoration: underline; } 
.article-02 .confetti { width: 100%; display: flex; justify-content: space-between; position: absolute; top: -270px; } 
.article-02 .confetti img { width: 48%; max-width: 545px; } 

/* article-03 */
.article-03 { padding: 137px 0; background: #E9F7FA; } 
.article-03 .copy-03 { width: 90%; max-width: 1600px; margin: 0 auto 93px; display: flex; justify-content: space-between; } 
.article-03 .copy-03 dl dt { font-size: 40px; color:#40424D; font-weight: 800; margin-bottom: 43px; } 
.article-03 .copy-03 dl dt strong { background: linear-gradient(to right, #64BAEF, #4E62DB); -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space: nowrap; line-height: 1.5; } 
.article-03 .copy-03 dl dd { width:50%; font-size: 20px; line-height: 1.3; } 
.article-03 .copy-03 dl dd span { white-space: nowrap;} 
.article-03 .copy-03 .badge-wrap { display: flex; } 
.article-03 .copy-03 .badge-wrap img { width: 100px; height: 100px; margin-left: 16px; } 
.article-03 ul.strength { width: 90%; max-width: 1600px; margin:0 auto; display: flex; flex-wrap:wrap; justify-content: space-between; } 
.article-03 ul.strength li { width:calc(24% - 64px); background-color: #fff; padding: 32px; border-radius: 30px; border:2px solid #0391DD; } 
.article-03 ul.strength li p.st-icon { display: flex; flex-direction: row-reverse; } 
.article-03 ul.strength li img { margin-bottom:60px; } 
.article-03 ul.strength li p.st-text { font-size: 20px; color:#40424D; font-weight: 700; line-height: 1.3; } 

/* article-04 */
.article-04 { padding-bottom: 137px; background: #E9F7FA; } 
.article-04 .art04-tit { width:100%; height: 242px; background: url('../images/article-04-bg.png') no-repeat center center; background-size: contain;  font-size: 48px; line-height: 1.5; font-weight: 800; text-align: center; margin:0 auto; padding-top: 150px; } 
.article-04 .art04-tit span {display: block;}

:root { --marquee-width: 100%; --marquee-height:auto; /* --marquee-elements: 12; */ /* defined with JavaScript */
 --marquee-elements-displayed: 5; --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed)); --marquee-animation-duration: calc(var(--marquee-elements) * 5s); } 
.marqueeRight { width: var(--marquee-width); height: var(--marquee-height); overflow: hidden; position: relative; margin-bottom: 40px; } 
.marqueeRight:before, .marqueeRight:after { position: absolute; top: 0; width: 100%; height: 100%; content: ""; z-index: 1; } 
.marqueeRight .marquee-content { list-style: none; height: 100%; display: flex; animation: scrollingRight var(--marquee-animation-duration) linear infinite; } 
 /* .marquee-content:hover { animation-play-state: paused; } */
 @keyframes scrollingRight { 
 0% { transform: translateX(0); } 
 100% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); } 
 }
.marqueeRight .marquee-content li { display: flex; justify-content: center; align-items: center; /* text-align: center; */
 flex-shrink: 0; width: var(--marquee-element-width); max-height: 100%; font-size: calc(var(--marquee-height)*3/4); /* 5rem; */
 white-space: nowrap; } 
.marqueeRight .marquee-content li img { width: 100%; max-width: 310px; /* height: 100%; */ } 

.marqueeLeft { width: var(--marquee-width); height: var(--marquee-height); overflow: hidden; position: relative; } 
.marqueeLeft .marquee-content { list-style: none; height: 100%; display: flex; animation: scrollingLeft var(--marquee-animation-duration) linear infinite; } 
 /* .marquee-content:hover { animation-play-state: paused; } */
 @keyframes scrollingLeft { 
 0% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); } 
 100% { transform: translateX(0); } 
 }
.marqueeLeft .marquee-content li { display: flex; justify-content: center; align-items: center; /* text-align: center; */
 flex-shrink: 0; width: var(--marquee-element-width); max-height: 100%; font-size: calc(var(--marquee-height)*3/4); /* 5rem; */
 white-space: nowrap; } 
.marqueeLeft .marquee-content li img { width: 100%; max-width: 310px; /* height: 100%; */ } 

footer {min-width: 320px; background: url('../images/article-04-bg.jpg') no-repeat center center; background-size: cover; } 
footer .footer-wrap { width: 86%; max-width: 1920px; padding: 73px 0; margin:0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;  } 
footer .footer-wrap dl { margin-bottom: 12px; margin-right: 80px; } 
footer .footer-wrap dl dt { font-size: 30px; color:#ffffff; line-height: 1.3; font-weight: 700; margin-bottom: 30px; } 
footer .footer-wrap dl dd { font-size: 30px; color:#47EDFF; line-height: 1.3; font-weight: 700; } 
footer .footer-wrap .ft-btn-wrap { display: flex; flex-wrap: wrap; } 
footer .footer-wrap .ft-btn-wrap a { width: 280px; height: 64px; text-align: center; border:2px solid #ffffff; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 600; color:#ffffff; } 
footer .footer-wrap .ft-btn-wrap a:first-child { margin-right: 8px; } 

/* 맨 위로 이동 버튼 */
.scroll-top-btn { position: fixed; bottom: 40px; right: 40px; width: 72px; height: 72px; background: #40424D; color: white; border: none; border-radius: 50%; font-size: 16px; display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); opacity: 0; /* 처음에는 안 보이게 */
 transform: translateY(100px); /* 아래쪽에 숨겨두기 */
 transition: opacity 0.2s ease-out, transform 0.3s ease-out; } 
.scroll-top-btn:hover { background: #4B4D59; } 
.scroll-top-btn i { margin-bottom: 8px; } 

@media (max-width:1024px) { 
    header { position: absolute; top: 14px; left: 15px; } 
    header h1 a { display:block; width: 85px; height: 31px; } 
    header h1 a img { width: 100%; } 
    
    /* article-01 */
    .article-01 .bg-wrap { background:url('../images/mobile/kv-bg.jpg') no-repeat center center; background-size: cover; } 
    .article-01 .bg-wrap > div { width:100%; margin:0 auto; padding: 150px 0 42px; position: relative; display: flex; justify-content: center; } 
    .article-01 .bg-wrap .title-text { width: calc(100% - 24px); margin:0 auto; padding: 0 12px; } 
    .article-01 .bg-wrap .title-text .title-01 { font-size: 20px; margin-bottom: 13px; text-align: center; } 
    .article-01 .bg-wrap .title-text .title-02 { font-size: 36px; margin-bottom: 15px; text-align: center; white-space: nowrap;  text-shadow: -3px -3px 0 #3D8DFF, 3px -3px 0 #3D8DFF, -3px 3px 0 #3D8DFF, 3px 3px 0 #3D8DFF;} 
    .article-01 .bg-wrap .title-text .title-02::after { font-size: 36px; position: absolute; top: -4px; left: 50%; transform: translateX(-50%); text-align: center; white-space: nowrap; text-shadow: -3px -3px 0 #2C80FF, 3px -3px 0 #2C80FF, -3px 3px 0 #2C80FF, 3px 3px 0 #2C80FF;} 
    .article-01 .bg-wrap .title-text .title-03 { width: calc(100% - 24px); margin-bottom: 40px; justify-content: center; flex-wrap: nowrap; padding: 0 12px; } 
    .article-01 .bg-wrap .title-text .title-03 li { font-size: 16px; margin-right: 6px; padding-right: 10px; } 
    .article-01 .bg-wrap .title-text .title-03 li:last-child { padding:0; margin:0; } 
    .article-01 .bg-wrap .title-text .title-03 li::after { width: 3px; height: 3px; } 
    .article-01 .bg-wrap .title-text .prom-info { justify-content: center; } 
    .article-01 .bg-wrap .title-text .prom-info p { display: inline-block; height: 31px; padding:0 20px; background-color: #ffffff; font-size: 16px; border-radius: 46px; color:#4377C5; line-height: 31px; font-weight: 600; margin-right: 12px; margin-bottom: 0; } 
    .article-01 .bg-wrap .title-text .prom-info p span { display: none; } 
    .article-01 .bg-wrap .title-text .prom-info .button-wrap { width: 113px; height: 30px; margin-right: 0;} 
    .article-01 .bg-wrap .title-text .prom-info .button-wrap span { display: block; width: 100px; height: 30px; border-radius: 50px; background-color: #0071C8; margin-top: 4px; } 
    .article-01 .bg-wrap .title-text .prom-info .button-wrap a { display: block; color:#fff; font-size: 16px; width: 100px; height: 30px; line-height: 30px; text-align: center; position: absolute; top: -2px; left: 0; background-color: #0083E8; border-radius: 50px; } 

    .article-02 {width: calc(100% - 24px); padding: 42px 12px; margin-bottom: 26px; position: relative; } 
    .article-02 .copy-01 { font-size: 15px; margin-bottom: 22px; } 
    .article-02 .copy-01 strong { font-size: 20px; } 
    .article-02 ul.benefit { display:block; max-width: 350px; margin-bottom: 47px; } 
    .article-02 ul.benefit li { width: 100%; max-width:100%; border-right: 0; padding: 0 0 35px; border-bottom: 1px solid #838282; margin-bottom: 35px; }
    .article-02 ul.benefit li:last-child {border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
    .article-02 ul.benefit li p.bf-tit { height: 31px; font-size: 16px; line-height: 31px; } 
    .article-02 ul.benefit li img { max-width: 166px; } 
    .article-02 ul.benefit li dl dt { font-size: 20px; margin-bottom: 8px; } 
    .article-02 ul.benefit li dl dd { font-size: 15px; } 
    .article-02 .button-wrap { width: 173px; height: 35px; margin:0 auto 50px; } 
    .article-02 .button-wrap a { width: 173px; height: 35px; font-size: 15px; line-height: 35px; position: absolute; top: -8px; } 
    .article-02 .button-wrap span { display: block; width: 173px; height: 35px; border-radius: 50px; background-color: #0071C8; margin-top: 8px; } 
    .article-02 .copy-02 dt { font-size: 15px; } 
    .article-02 .copy-02 dt span { font-size: 20px; font-weight: 800; } 
    .article-02 .copy-02 dd { font-size: 20px; }
    .article-02 .confetti {display: none;}

    .article-03 {width: calc(100% - 48px); padding: 62px 24px; } 
    .article-03 .copy-03 { display: block; margin:0 auto 60px } 
    .article-03 .copy-03 dl dt { font-size: 26px; line-height: 1.3; text-align: center; margin-bottom: 27px; } 
    .article-03 .copy-03 dl dt::before { content: ''; width: 120px; height: 112px; display: block; background: url('../images/mobile/article-03-07.png') no-repeat center center; margin:0 auto 27px; } 
    .article-03 .copy-03 dl dt strong { display: block; margin-left:0; white-space: normal; } 
    .article-03 .copy-03 dl dd {width: 80%; margin:0 auto 60px; font-size: 16px; text-align: center; } 
    .article-03 .copy-03 dl dd span { white-space: normal;} 
    .article-03 .copy-03 .badge-wrap { width: 100%; justify-content: center; }
    .article-03 .copy-03 .badge-wrap img {width: 88px; height: 88px;}
    .article-03 ul.strength {width: 100%; display: flex; justify-content: center; margin:0 auto; } 
    .article-03 ul.strength li { width: 35%; margin:8px; max-width: 345px; padding: 32px; display: flex; flex-direction: column-reverse; border-radius: 30px;} 
    .article-03 ul.strength li p.st-text { font-size: 16px; font-weight: 700; margin-bottom: 8px; } 
    .article-03 ul.strength li img { margin-bottom: 0; width: 90px; } 


    .article-04 .art04-tit { width: calc(60% - 64px); height: auto; padding: 80px 32px; margin:0 auto; background-size: contain; font-size: 24px; }
    .article-04 .art04-tit span {display:inline;}
    :root { --marquee-elements-displayed: 2; } 
    .marqueeRight { margin-bottom:20px } 

    footer { background:url('../images/mobile/article-05-bg-m.jpg') no-repeat center top; background-size: cover; padding:80px 0; } 
    footer .footer-wrap { width: 100%; display: block; height: auto; background:none; padding: 0; } 
    footer .footer-wrap dl { margin-bottom: 34px; margin-right: 0;} 
    footer .footer-wrap dl dt { font-size: 16px; text-align: center; margin-bottom: 14px; } 
    footer .footer-wrap dl dd { font-size: 16px; text-align: center; word-break: break-all; } 
    footer .footer-wrap .ft-btn-wrap { display: block; width: 80%; max-width: 220px; margin:0 auto; } 
    footer .footer-wrap .ft-btn-wrap a { width:100%; max-width: 220px; height: 52px; font-size: 16px; } 
    footer .footer-wrap .ft-btn-wrap a:first-child { margin-right: 0; margin-bottom: 12px; }

    .scroll-top-btn {position: fixed; bottom: 16px; right: 16px;}
}

@media (max-width:767px){
    .article-03 .copy-03 dl dd {width: 100%;}
    .article-03 ul.strength { display: block; margin:0 auto; } 
    .article-03 ul.strength li { width: calc(100% - 64px); margin:0 auto; max-width: 345px; padding: 32px; display: flex; flex-direction: column-reverse; margin-bottom: 16px; }
    .article-03 ul.strength li:last-child {margin-bottom: 0;}
    .article-03 ul.strength li p.st-text { font-size: 16px; font-weight: 700; margin-bottom: 8px; } 
    .article-03 ul.strength li img { margin-bottom: 0; width: 90px; }
    .article-04 .art04-tit { width: 90%; margin:0 auto; padding: 80px 0;}
}