@charset "UTF-8"; /* 이미지 퍼센트 적용 */ /* #ly-Visual div.type-parent .type-main { margin-top: 120px; left: 360px; height: 125px; margin-bottom:80px; } */ #ly-Why div.id-cont div dt img { width: 60%; } #ly-ransomware div.id-cont div dl dt img { width: 64%; /* height: 413.2px; */ } #ly-ransomware div.id-cont div dl dd img { width: 80%; /* height: 67.5px; */ } /* Popup */ #ly-Popup { max-width:770px; position:absolute; margin-right:30px; z-index:251; } #ly-Popup div { background-color:white; margin-bottom:0; } #ly-Popup p img { max-width:100%; vertical-align:bottom; } #ly-Popup p.button { font-size:1.2rem; font-weight:bold; display:-ms-flexbox; display:flex; } #ly-Popup p.button a { width:50%; text-align:center; font-weight:400; } #ly-Popup p.button a:first-of-type { background-color:#e6e6e6; } #ly-Popup p.button a:last-of-type { background-color:#f7f7f7; } #ly-Visual { position:relative; overflow:hidden; margin-bottom: 120px; } #ly-Visual video { width:100%; height:100%; object-fit:fill; position:absolute; z-index:1; } #ly-Visual div.type-parent { color:#fff; text-align:center; position:relative; z-index:2; } #ly-Visual div.type-parent h2 { word-break:keep-all; } #ly-Visual div.type-parent h2 * { display:block; } #ly-Visual div.type-parent h2 span { font-weight:500; } #ly-Visual div.type-parent h2 strong { font-weight:700; } #ly-Visual div.type-parent p button { width:206px; height:56px; font-size:1.125rem; line-height: normal; text-align:center; color:#fff; font-weight: 400; padding:10px 5px; border:1px solid #009F4F; background:#009F4F; border-radius:8px; opacity:1;} #ly-Visual div.type-parent p button:nth-child(1):focus, #ly-Visual div.type-parent p button:nth-child(1):hover { background-color:#008843; } #ly-Visual div.type-parent p button:nth-child(2) { background:#FFFFFF; color:#009F4F; border: 1px solid #009F4F; } #ly-Visual div.type-parent p button:nth-child(2):focus, #ly-Visual div.type-parent p button:nth-child(2):hover { color:#008843; border-color: #008843; } #ly-Visual div.type-parent .title { text-align: left; font-weight: 800; font-size: 3.12rem; letter-spacing: -1.25px; color: #1C1C1E;} #ly-Visual div.type-parent .sub-title { margin-top: 24px; text-align: left; font-size: 1.25rem; color: #636366; line-height: 1.4; font-weight: 300;} #ly-Why header { text-align:center; } #ly-Why header span { margin-top:20px; font-size:3rem; letter-spacing: -0.25px; color: #1C1C1E; font-weight: 300;} #ly-Why header span b { font-weight: 700;} #ly-Why div.id-cont p.descript { color:#666; font-weight:300; text-align:center; } #ly-Why div.id-cont p.descript span { line-height:1.6; } #ly-Why div.id-cont div dl dd { font-size: 1.25rem;} #ly-Why div.id-cont div dt { font-weight:300; background-repeat:no-repeat; } #ly-Why div.id-cont div dt span { display:inline-block; } #ly-Why div.id-cont div dd { margin-top:20px; } #ly-Why div.id-cont div dd span { display:block; line-height: 30px; } #ly-safe header { margin-top:200px; text-align:center; } #ly-safe header span { margin-top:20px; font-size:3rem; letter-spacing: -1.2px; color: #1C1C1E; font-weight: 300;} #ly-safe header span b { font-weight: 700;} #ly-safe div.id-cont p.descript { color:#666; font-weight:300; text-align:center; } #ly-safe div.id-cont p.descript span { line-height:1.6; } #ly-safe div.id-cont div dl dt p { font-size: 1.25rem; font-weight: 400; margin-top: 10px; color: #3a3a3c;} #ly-safe div.id-cont div dt { font-weight:300; background-repeat:no-repeat; } #ly-safe div.id-cont div dt img { width:100%;} #ly-safe div.id-cont div dt span { display:inline-block; } #ly-safe div.id-cont div dd { margin-top:24px; } #ly-safe div.id-cont div dd span { display:block; } #ly-ransomware header { margin-top:200px; text-align:center; } #ly-ransomware header span { margin-top:20px; font-size:3rem; letter-spacing: -1.2px; color: #1c1c1e; font-weight: 300;} #ly-ransomware header span b { font-weight: 700;} #ly-ransomware div.id-cont p.descript { color:#666; font-weight:300; text-align:center; } #ly-ransomware div.id-cont p.descript span { line-height:1.6; } #ly-ransomware div.id-cont div dt { font-weight:300; background-repeat:no-repeat; } #ly-ransomware div.id-cont div dt span { display:inline-block; } #ly-ransomware div.id-cont div dd { margin-top:20px; } #ly-ransomware div.id-cont div dd span { display:block; letter-spacing: -0.25px; font-weight: 300;} #ly-AppCheck header { text-align:center; } #ly-AppCheck header p { color:#666; font-weight:300; line-height:1.6; } #ly-AppCheck div.id-cont div dt { padding-bottom:20px; margin-bottom:25px; } #ly-AppCheck div.id-cont div dt * { display:block; } #ly-AppCheck div.id-cont div dt strong { color:#333; font-weight:400; } #ly-AppCheck div.id-cont div dt span { color:#666; margin-top:6px; font-weight:300; } #ly-AppCheck div.id-cont div dd { display: none; margin-bottom:2px; font-size:1.125rem; font-weight:300; color: #959595; } #ly-AppCheck div.id-cont div { text-align:center; } #ly-AppCheck div.id-cont div:nth-of-type(1) { background-image:url('../img/index/img-index-info-detection.png'); background-position:50% 40%;} #ly-AppCheck div.id-cont div:nth-of-type(2) { background-image:url('../img/index/img-index-info-ghost.png'); background-position:50% 40%;} #ly-AppCheck div.id-cont div:nth-of-type(3) { background-image:url('../img/index/img-index-info-smart.png'); background-position:50% 40%;} #ly-AppCheck div.id-cont div:nth-of-type(4) { background-image:url('../img/index/img-index-info-system.png'); background-position:50% 40%;} #ly-AppCheck div.id-cont div:nth-of-type(5) { background-image:url('../img/index/img-index-info-cms.png'); background-position:50% 40%;} #ly-AppCheck div.id-cont div:nth-of-type(6) { background-image:url('../img/index/img-index-info-compatible.png'); background-position:50% 40%;} #ly-AppCheck div.id-cont div:focus, #ly-AppCheck div.id-cont div:hover { background-image:none; border-color:#3a3a3c; } #ly-AppCheck div.id-cont div:focus dd, #ly-AppCheck div.id-cont div:hover dd { display: block; } #ly-AppCheck div.id-cont div dd:nth-child(1) { color: #1C1C1E; } #ly-AppCheck div.id-cont div:focus p, #ly-AppCheck div.id-cont div:hover p { display: none; } #ly-product div.id-cont p.descript { color:#666; font-weight:300; text-align:center; } #ly-product div.id-cont p.descript span { line-height:1.6; } #ly-product div.id-cont div { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; align-items: center;} #ly-product div.id-cont div dt { background-repeat:no-repeat; } #ly-product div.id-cont div dt span { display:inline-block; } #ly-product div.id-cont div dd { margin-top:20px; font-weight:300; } #ly-product div.id-cont div dd span { display:block; } #ly-product div.id-cont div dl dt button.type-arrow { border:none; background-color: none; background-image:url('../img/common/img-common-off-arrow-button.png'); background-position:center; background-color: #fff; background-repeat: inherit; background-size: contain;} #ly-product div.id-cont div dl dt button.type-arrow:focus, #ly-product div.id-cont div dl dt button.type-arrow:hover { background-image:url('../img/common/img-common-on-arrow-button.png'); } /* Mobile */ @media screen and (min-width:1px) and (max-width:639px) { #ly-Popup { top:80px; margin-left:16px; } #ly-Popup div { width:350px; } #ly-Popup div a img { width:350px; } #ly-Popup p.button a { padding:18px; font-size:.7rem; } #ly-Visual div.type-parent { padding:20px; } #ly-Visual div.type-parent dl { margin-top:220px; } #ly-Visual div.type-parent img { width:100%; } #ly-Visual div.type-parent p.type-slogan { margin-top:30px; font-size:1.4rem; } #ly-Visual div.type-parent #type-main { margin-top:60px; } #ly-Visual div.type-parent p.type-btn { margin-top:60px; } #ly-Visual div.type-parent p button:first-of-type { margin-right: 8px;} #ly-Why { padding-bottom:80px; } #ly-Why header { width: 90%; } #ly-Why header h2 { font-size:1.4rem; } #ly-Why header p { font-size:1.1rem; } #ly-Why header span { font-size: 2rem;} #ly-Why div.id-cont { margin-top:30px; } #ly-Why div.id-cont div { margin-top:20px; display: flex; flex-wrap: wrap; justify-content: center; } #ly-Why div.id-cont div dl { text-align:center; background-repeat:no-repeat; width: 48%; } #ly-Why div.id-cont div dt { font-size:1.3rem; background-position:center top; } #ly-Why div.id-cont div dd { font-size:.9rem; } #ly-Why div.id-cont div dd span { font-size: 1.1rem; line-height: 1.25; font-weight: 300;} #ly-Why div.id-cont div dt img { margin-top: 24px;} #ly-safe { padding-top:80px; padding-bottom:80px; } #ly-safe header { width: 90%;} #ly-safe header h2 { font-size:1.4rem; } #ly-safe header p { font-size:1.1rem; } #ly-safe header span { font-size: 2rem;} #ly-safe div.id-cont { margin-top:30px; } #ly-safe div.id-cont div { margin-top:20px; padding-left:20px; padding-right:20px; } #ly-safe div.id-cont div img { max-width: 100%; } #ly-safe div.id-cont div dl { text-align:center; background-repeat:no-repeat; padding-top:60px; } #ly-safe div.id-cont div dt { font-size:1.3rem; padding-top:0px; background-position:center top; } #ly-safe div.id-cont div dd { font-size:.9rem; } #ly-safe div.id-cont div dd span { font-size: 1.25rem; font-weight: 300; line-height: 1.6;} #ly-ransomware { padding-top:80px; padding-bottom:40px; } #ly-ransomware header { width: 90%;} #ly-ransomware header h2 { font-size:1.4rem; } #ly-ransomware header p { font-size:1.1rem; } #ly-ransomware header span { font-size: 2rem;} #ly-ransomware div.id-cont { margin-top:30px; } #ly-ransomware div.id-cont div { margin-top:20px; padding-left:20px; padding-right:20px; } #ly-ransomware div.id-cont div img { max-width: 100%; } #ly-ransomware div.id-cont div dl dt img { width: 100%; } #ly-ransomware div.id-cont div dd:first-of-type { font-size: 1rem;} #ly-ransomware div.id-cont div dl { text-align:center; background-repeat:no-repeat;font-size: 1.375rem; color: #1c1c1e; } #ly-ransomware div.id-cont div dt { font-size:1.3rem; padding-top:30px; background-position:center top; } #ly-ransomware div.id-cont div dl dd img { width: 90%;} #ly-AppCheck { padding-top:40px; } #ly-AppCheck header h2 { font-size:1.4rem; } #ly-AppCheck div.id-cont { margin-top:30px; } #ly-AppCheck div.id-cont div p { margin-top: 136px; font-weight: 500; font-size: 1.4rem; color: #1c1c1e;} #ly-AppCheck div.id-cont div { width:92%; display:block; border:1px solid #EAEAEA; border-radius: 8px; text-decoration:none; background-position:right bottom 20px; background-repeat:no-repeat; background-size: 40%; margin: 0 auto 8px; height: 208px; justify-content: center; align-items: center;} #ly-AppCheck div.id-cont div img { max-width: 100%; } #ly-AppCheck div.id-cont div dt strong { font-size:1.2rem; } #ly-AppCheck div.id-cont div dt span { font-size:.875rem; } #ly-AppCheck div.id-cont div dd:nth-child(1) { padding-top: 16px; font-weight: 500; font-size: 1.4rem;} #ly-AppCheck div.id-cont div { width:368px; height:368px; display:flex; border:1px solid #EAEAEA; border-radius: 8px; text-decoration:none; background-repeat:no-repeat; font-weight: 500; justify-content: center; align-items: center; background-size: 40%; flex-direction: column;} #ly-product { padding-top:0px; text-align: center; } #ly-product div.id-cont div { display: inline-block;} #ly-product div.id-cont { margin-top:30px; width: 90%; margin: 0 auto; } #ly-product div.id-cont div dl dt button.type-arrow { display: none;} #ly-product div.id-cont div { margin-top:20px; justify-content: space-around; } #ly-product div.id-cont div dl { text-align:center; background-repeat:no-repeat; } #ly-product div.id-cont div dl dt button { width: 64px; height: 64px; margin-top: 16px;} #ly-product div.id-cont div dt { display: none; } #ly-product div.id-cont div dd { font-size:.9rem; } } /* Mobile & Tablet */ @media screen and (min-width:1px) and (max-width:1219px) { #ly-Visual div.id-cont { width: 90%;} #ly-Visual div.id-cont div.type-main {margin-top: 80px;} #ly-Visual div.type-parent p.type-btn {align-items: center; flex-direction: column;} #ly-Visual div.type-parent .title { font-size: 2.75rem;} #ly-Visual div.type-parent p button { width: 100%; margin-bottom: 24px;} #ly-Visual div.type-parent p button:first-of-type { margin-right: 0px;} #ly-Visual div.type-parent dl dd { margin-top:20px; } #ly-Visual div.type-parent p.type-btn { margin-top:40px; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:nowrap; -ms-flex-pack:justify; justify-content:space-between; } #ly-Visual div.type-parent .type-main { margin-top: 60px; } #ly-AppCheck header { margin-left:20px; margin-right:20px; } #ly-AppCheck div.id-cont { width: 90%; margin: 0 auto ;} #ly-AppCheck header p { margin-top:20px; } #ly-AppCheck div.id-cont div p { padding:10px 5px; display:inline-block; text-align:center; background-color:#fff; } #ly-AppCheck div.id-cont div { margin-bottom: 40px;} #ly-Why header { margin-left:20px; margin-right:20px; } #ly-Why div.id-cont { width: 90%; margin: 0 auto;} #ly-Why div.id-cont p.descript { margin-top:20px; margin-left:20px; margin-right:20px; } #ly-safe header { margin-left:20px; margin-right:20px; margin-top: 0px; } #ly-safe div.id-cont { width: 90%; margin: 0 auto;} #ly-safe div.id-cont p.descript { margin-top:20px; margin-left:20px; margin-right:20px; } #ly-ransomware header { margin-left:20px; margin-right:20px; margin-top: 0px;} #ly-ransomware div.id-cont { width: 90%; margin: 0 auto ;} #ly-ransomware div.id-cont p.descript { margin-top:20px; margin-left:20px; margin-right:20px; } } /* Tablet */ @media screen and (min-width:640px) and (max-width:1219px) { #ly-Visual div.type-parent dl { margin-top:230px; } #ly-Visual div.type-parent p.type-slogan { margin-top:30px; font-size:1.8rem; } #ly-Visual div.type-parent p.type-btn { margin-top:90px; } #ly-Visual div.type-parent img { width:100%; } #ly-Why { padding-top:60px; padding-bottom:60px; } #ly-Why header h2 { font-size:1.6rem; } #ly-Why header p { font-size:1.1rem; } #ly-Why div.id-cont { margin-top:20px; } #ly-Why div.id-cont div { margin-top:20px; } #ly-Why div.id-cont div dl { margin-top:30px; } #ly-Why div.id-cont div dt { font-size:1.5rem; } #ly-Why div.id-cont div dd { font-size:1rem; } #ly-safe { padding-top:60px; padding-bottom:60px; } #ly-safe header h2 { font-size:1.6rem; } #ly-safe header p { font-size:1.1rem; } #ly-safe div.id-cont { margin-top:20px; } #ly-safe div.id-cont div { margin-top:20px; } #ly-safe div.id-cont div dl { margin-top:30px; } #ly-safe div.id-cont div dt { font-size:1.5rem; } #ly-safe div.id-cont div dd { font-size:1rem; } #ly-ransomware { padding-top:60px; padding-bottom:60px; } #ly-ransomware header h2 { font-size:1.6rem; } #ly-ransomware header p { font-size:1.1rem; } #ly-ransomware div.id-cont { margin-top:20px; } #ly-ransomware div.id-cont div { margin-top:20px; } #ly-ransomware div.id-cont div dl { margin-top:30px; } #ly-ransomware div.id-cont div dt { font-size:1.5rem; } #ly-ransomware div.id-cont div dd { font-size:1rem; } #ly-AppCheck { padding-top:60px; } #ly-AppCheck header h2 { font-size:1.6rem; } #ly-AppCheck div.id-cont { margin-top:50px; border-bottom:1px solid #d4d4d4; } #ly-AppCheck div.id-cont div { width:50%; position:relative; display:block; border-top:1px solid #d4d4d4; text-decoration:none; background-position:right bottom 20px; background-repeat:no-repeat; } #ly-AppCheck div.id-cont div:nth-of-type(even) { border-left:1px solid #d4d4d4; } #ly-AppCheck div.id-cont div dt strong { font-size:1.3rem; } #ly-product { padding-top:60px; padding-bottom:60px; } #ly-product header h2 { font-size:1.6rem; } #ly-product header p { font-size:1.1rem; } #ly-product div.id-cont { margin-top:20px; } #ly-product div.id-cont div { margin-top:20px; } #ly-product div.id-cont div dl { margin-top:30px; } #ly-product div.id-cont div dt { font-size:1.5rem; } #ly-product div.id-cont div dd { font-size:1rem; } } #ly-Visual div.type-parent { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:justify; justify-content:space-between; justify-content: center;} /* Tablet & Desktop */ @media screen and (min-width:640px) { #ly-Popup { top:24px; margin-left:24px; } #ly-Popup div { width:600px; } #ly-Popup div a img { width:600px; } #ly-Popup p.button a { padding:24px; font-size:.875rem; } #ly-Visual div.type-parent dl dd { margin-top:30px; } #ly-Visual div.type-parent p.type-btn button { display:inline-block; } #ly-Visual div.type-parent p.type-btn button:last-of-type { margin-left:32px; } #ly-AppCheck div.id-cont { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:justify; justify-content:space-between; } #ly-News div.id-cont { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:justify; justify-content:space-between; } #ly-Why div.id-cont p.descript span { display:block; } #ly-Why div.id-cont div dl { text-align:center; background-repeat:no-repeat; } #ly-Why div.id-cont div dt { padding-top:160px; background-position:center 30px; } #ly-Why div.id-cont div dt span { background:url('../img/index/img-index-why-title-bg.png') center bottom repeat-x; } #ly-safe div.id-cont p.descript span { display:block; } #ly-safe div.id-cont div dl { text-align:center; background-repeat:no-repeat; } #ly-safe div.id-cont div dt { padding-top:160px; background-position:center 30px; } #ly-safe div.id-cont div dt span { background:url('../img/index/img-index-why-title-bg.png') center bottom repeat-x; } #ly-safe div.id-cont div dl dd { padding-top:180px; text-align:left; } #ly-safe div.id-cont div dl dd span {line-height: 30px; } #ly-ransomware div.id-cont p.descript span { display:block; } #ly-ransomware div.id-cont div dl { text-align:center; background-repeat:no-repeat; } #ly-ransomware div.id-cont div dt { padding-top:160px; background-position:center 30px; width: 600px; } #ly-ransomware div.id-cont div dt span { background:url('../img/index/img-index-why-title-bg.png') center bottom repeat-x; } #ly-ransomware div.id-cont div dl dd { text-align:left; font-size: 1.125rem; letter-spacing: -0.25px; color: #1c1c1e;} #ly-product div.id-cont p.descript span { display:block; } #ly-product div.id-cont div dl { text-align:center; background-repeat:no-repeat; } #ly-product div.id-cont div dt { background-position:center 30px; } #ly-product div.id-cont div dt span { background:url('../img/index/img-index-why-title-bg.png') center bottom repeat-x; } #ly-product div.id-cont div dl dd { text-align:left; padding-top:50px; } } /* Desktop */ @media screen and (min-width:1220px) { #ly-Visual { position:relative; width: 100%; margin-bottom: 120px;} #ly-Visual div.type-parent { width:64%; margin-left:auto; margin-right:auto; text-align:center; max-width: 1200px; } #ly-Visual div.type-parent div.id-cont { width:40%;} #ly-Visual div.type-parent dl { margin-top:240px; } #ly-Visual div.type-parent dl dd { margin-top:30px; } #ly-Visual div.type-parent p.type-slogan { margin-top:30px; font-size:2rem; } #ly-Visual div.type-parent p.type-btn { margin-top:160px; display: flex; justify-content: flex-start;} #ly-Visual div.type-parent .type-main { margin-top: 100px; left: 360px; width: 480px; height: 125px; margin-bottom:80px; } #ly-Visual div.type-parent img { margin-top: 140px; width: 60%; } #ly-Why { padding-bottom:80px; } #ly-Why div.id-cont { width:64%; margin-left:auto; margin-right:auto; max-width: 1200px;} #ly-Why div.id-cont p.descript { color:#666; font-size:1.1rem; font-weight:300; text-align:center; } #ly-Why div.id-cont div dt { font-size:1.8rem; } #ly-Why div.id-cont div dt img { width:60%; } #ly-Why div.id-cont div dd { font-size:1.1rem; } #ly-Why div.id-cont div { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; } #ly-Why div.id-cont div dl { width:33.33%; height: auto; text-align:center; background-repeat:no-repeat; } #ly-Why div.id-cont div dl:nth-child(1) { background:url('../img/index/img-index-dots.png') left bottom no-repeat; } #ly-Why div.id-cont div dl:nth-child(4) { background:url('../img/index/img-index-dots.png') right no-repeat; } #ly-Why div.id-cont div dl dd { text-align: center; color: #636366; opacity: 1; font-weight: 300; } #ly-safe { padding-bottom:80px; width: 100%;} #ly-safe div.id-cont { width:64%; margin-left:auto; margin-right:auto; max-width: 1200px;} #ly-safe div.id-cont div dl#ransom-graph {width: 40%;} #ly-safe div.id-cont p.descript { color:#666; font-size:1.1rem; font-weight:300; text-align:center; } #ly-safe div.id-cont div dt { font-size:1.8rem; } #ly-safe div.id-cont div dd { font-size:1.1rem; } #ly-safe div.id-cont div { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-evenly; } #ly-safe div.id-cont div dl { height: auto; text-align:center; background-repeat:no-repeat; } #ly-safe div.id-cont div dl dd { color: var(--unnamed-color-636366); text-align: left; color: #636366; font-size: 1.25rem; font-weight: 300; line-height: 1.4; } #ly-ransomware { padding-bottom:80px; } #ly-ransomware div.id-cont { width:64%; margin-left:auto; margin-right:auto; max-width: 1200px;} #ly-ransomware div.id-cont p.descript { color:#666; font-size:1.1rem; font-weight:300; text-align:center; } #ly-ransomware div.id-cont div dt { font-size:1.8rem; } #ly-ransomware div.id-cont div dd { font-size:1.1rem; } #ly-ransomware div.id-cont div dd:nth-child(2) { font-size:2rem; margin-top: 8px; } #ly-ransomware div.id-cont div { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-evenly; width:100%;} #ly-ransomware div.id-cont div dl { height: auto; text-align:center; background-repeat:no-repeat; } #ly-ransomware div.id-cont div dl:nth-child(2) { padding-top:160px; } #ly-ransomware div.id-cont div dl dd { background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box; background: #FFFFFF 0% 0% no-repeat padding-box; opacity: 1; } #ly-ransomware div.id-cont div dl dt img { width: 500px;} #ly-ransomware div.id-cont div dl dd img { width: 450px;} #ly-AppCheck {padding-bottom:80px; width: 100%;} #ly-AppCheck header h2 { font-size:2rem; } #ly-AppCheck header p { margin-top:30px; color:#666; font-size:1.1rem; font-weight:300; } #ly-AppCheck div.id-cont { width:64%; margin-left:auto; margin-right:auto; max-width: 1200px;} #ly-AppCheck div.id-cont div { width:368px; height:368px; display:flex; border:1px solid #EAEAEA; border-radius: 8px; text-decoration:none; background-position:right 50px bottom 40px; background-repeat:no-repeat; font-weight: 500; justify-content: center; align-items: flex-start; background-size: 40%;} #ly-AppCheck div.id-cont div:nth-of-type(1), #ly-AppCheck div.id-cont div:nth-of-type(2), #ly-AppCheck div.id-cont div:nth-of-type(3) { margin-bottom:48px; } #ly-AppCheck div.id-cont div dd:nth-child(1) { font-size:1.375rem; font-weight: 400; margin-top: 128px; letter-spacing: -0.25px;} #ly-AppCheck div.id-cont div:nth-of-type(1) dl dd:nth-child(1) { margin-top:100px;} #ly-AppCheck div.id-cont div:nth-of-type(2) dl dd:nth-child(1) { margin-top:116px;} #ly-AppCheck div.id-cont div:nth-of-type(3) dl dd:nth-child(1) { margin-top: 128px;} #ly-AppCheck div.id-cont div dt strong { font-size:1.4rem; } #ly-AppCheck div.id-cont div dt span { font-size:1.1rem; } #ly-AppCheck div.id-cont div p { margin-top:256px; font-size:1.375rem; color: #1C1C1E; letter-spacing: -0.25px; display:inline-block; text-align:center; font-weight: 400;} #ly-product { padding-bottom:160px; width: 100%;} #ly-product div.id-cont { width:64%; margin-left:auto; margin-right:auto; max-width: 1200px;} #ly-product div.id-cont p.descript { color:#666; font-size:1.1rem; text-align:center; } #ly-product div.id-cont div dt { font-size:2rem; } #ly-product div.id-cont div dd { font-size:1.1rem; } #ly-product div.id-cont div dd { font-size:1.5rem; } #ly-product div.id-cont div dl { width:50%; height: auto; text-align:left; background-repeat:no-repeat; } #ly-product div.id-cont div dl:nth-child(1) { width: 80%; } #ly-product div.id-cont div dl:nth-child(2) { width: 20%; } #ly-product div.id-cont div dl dt { text-align: left; color: #1C1C1E; opacity: 1; line-height: 42px; font-weight: 300;} #ly-product div.id-cont div dl dt button { width:64px; height:64px;} #ly-product div.id-cont div dl dt button img { width:inherit; height: inherit;} #ly-product div.id-cont div dl:nth-child(2) dt { text-align: right; } }