@charset "utf-8";
											.WAnnualArticles{		 padding:50px 0 0 0; background-color:#f4f4f4; } .WAnnualArticles>.outBox{ padding:0; } @media screen and (max-width:768px){ .WAnnualArticles{		 padding:7.25vw 0 0 0; } .WAnnualArticles>.outBox{ padding:0; } }											 .WAnnualArticles>.outBox{ width:100%; max-width:1460px; margin:0 auto; } .WAnnualArticles .title { font-size: 21px; text-align: left; color: #989898; padding-bottom: 40px; line-height: 1em; } .WAnnualArticles .title { color: #000; font-weight:500; padding-bottom: 20px; } .WAnnualArticles .unit{ background-color:#fff; } .WAnnualArticles .imgOutBox { overflow: hidden; } .WAnnualArticles .brightness{ -webkit-filter: grayscale(0%) brightness(90%) contrast(100%); filter: grayscale(0%) brightness(90%) contrast(100%); } .WAnnualArticles .imgBox { width: 100%; height: 0; padding-top:52.23%; } .WAnnualArticles .info { text-align: left; padding: 30px 35px; background-color:#fff; } .WAnnualArticles .subject { font-size: 20px; letter-spacing: 0.06em; } .WAnnualArticles .splide__arrow { background: transparent; border-radius: 0; cursor: pointer; opacity: 1; width: 40px; height: 75px; background-size: contain; background-repeat: no-repeat; background-position: center; top: calc(50% - 60px); background-size: 33%; background-color: rgba(255,255,255,0.8); } .WAnnualArticles .splide__arrow svg { display: none; } .WAnnualArticles .splide__arrow--prev { left: -70px; background-image: url(/tw/images/common/ico_arD5_left_a.svg?20220422_4); } .WAnnualArticles .splide__arrow--next { right: -70px; background-image: url(/tw/images/common/ico_arD5_right_a.svg?20220422_4); } .WAnnualArticles button:disabled { opacity: 0.1; } .WAnnualArticles .icon_fair{ left:3.6%; top:6.5%; width:17.82%; height:0; padding-top:17.82%; z-index:1; } @media screen and (max-width:1600px){ .WAnnualArticles>.outBox { width: 90%; } } @media screen and (max-width: 1232px){ } @media screen and (max-width: 1120px){ .WAnnualArticles .cBox{ width:340%; } } @media screen and (max-width: 768px){ .WAnnualArticles .title { font-size: 4.5vw; color: #000; font-weight: 500; padding-bottom: 3vw; } .WAnnualArticles .subject { font-size: 3.62vw; } .WAnnualArticles .info { padding: 4.34vw 4.83vw; } }