/* 준비 중 페이지 */
.ready {padding: 100px 15px;}
.ready p {font-size: 46px; font-weight: 800; color: #aaa; text-align: center; letter-spacing: -3px;}
.ready p i {font-size: 46px; color: #fcb900;}

@media screen and (max-width: 640px) {
    .ready p {font-size: 24px; letter-spacing: -1px;}
    .ready p i {font-size: 24px;}
}
/* 준비 중 페이지 */

/* 회사 소개 - 인사말 */
#a1 {display: flex; justify-content: space-between;}
#a1 .imgBox {width: 40%;}
#a1 .imgBox img {width: 100%;}
#a1 .txtBox {width: 55%;}
#a1 .txtBox h3 {margin-bottom: 50px; font-size: 38px; font-weight: 700; color: #121212; line-height: 52px; letter-spacing: -3px; word-break: keep-all;}
#a1 .txtBox p {font-size: 16px; font-weight: 400; color: #333; line-height: 32px; letter-spacing: -0.5px; word-break: keep-all;}

@media screen and (max-width: 1400px) {
    #a1 {padding: 0 15px;}
}

@media screen and (max-width: 960px) {
    #a1 {display: block;}
    #a1 .imgBox {width: 100%; margin-bottom: 40px;}
    #a1 .txtBox {width: 100%;}
}

@media screen and (max-width: 640px) {
    #a1 .txtBox h3 {margin-bottom: 20px; font-size: 30px; line-height: 38px; letter-spacing: -2px;}
    #a1 .txtBox h3 b {font-size: 36px;}
}
/* 회사 소개 - 인사말 */

/* 회사 소개 - 연혁 */
#a2 ul {width: 100%; max-width: 700px; margin: 0 auto;}
#a2 ul li:not(:last-child) {margin-bottom: 60px;}
#a2 ul li h2 {display: inline-block; padding-right: 10px; margin-bottom: 20px; font-size: 48px; font-weight: 800; -webkit-text-fill-color: transparent; background: linear-gradient(125deg, #333, #777); background-clip: text; -webkit-background-clip: text; letter-spacing: -3px; word-break: keep-all;}
#a2 ul li p {display: flex; padding-left: 40px; font-size: 18px; font-weight: 400; color: #333; letter-spacing: -0.5px; word-break: keep-all;}
#a2 ul li p:not(:last-child) {margin-bottom: 10px;}
#a2 ul li p span {display: inline-block; margin-right: 20px; font-size: 28px; font-weight: 800; color: #333; line-height: 26px;}

@media screen and (max-width: 1400px) {
    #a2 {padding: 0 15px;}
}

@media screen and (max-width: 640px) {
    #a2 ul li:not(:last-child) {margin-bottom: 30px;}
    #a2 ul li h2 {margin-bottom: 14px; font-size: 28px; letter-spacing: -1px;}
    #a2 ul li p {padding-left: 20px; font-size: 18px; letter-spacing: -0.5px;}
    #a2 ul li p:not(:last-child) {margin-bottom: 6px;}
    #a2 ul li p span {margin-right: 10px; font-size: 22px; line-height: 20px;}
}
/* 회사 소개 - 연혁 */

/* 회사 소개 - 회사 전경 */
#a3 {text-align: center;}
#a3 img {width: 100%; max-width: 990px; margin-bottom: 30px;}
#a3 p {font-size: 20px; font-weight: 300; color: #333; text-align: center; letter-spacing: -0.5px; word-break: keep-all;}

@media screen and (max-width: 1400px) {
    #a3 {padding: 0 15px;}
}

@media screen and (max-width: 640px) {
    #a3 p {font-size: 14px;}
}
/* 회사 소개 - 회사 전경 */

/* 회사 소개 - 오시는 길 */
#a4 #daumRoughmapContainer1706579876675 {width: 100%;}
#a4 #daumRoughmapContainer1706579876675 .wrap_controllers {display: none;}
#a4 #daumRoughmapContainer1706579876675 .wrap_map {z-index: 0;}
#a4 #daumRoughmapContainer1706579876675 .wrap_btn_zoom {z-index: 1!important;}
#a4 img {display: block; width: 100%; max-width: 1000px; margin: 0 auto;}
#a4 ul {display: flex; justify-content: space-between; margin-top: 50px;}
#a4 ul li {width: 23%;}
#a4 ul li .icon {width: 120px; height: 120px; margin: 0 auto 20px; border-radius: 100%; background: #eee; text-align: center;}
#a4 ul li .icon i {font-size: 40px; color: #333; line-height: 120px;}
#a4 ul li p {font-size: 20px; font-weight: 300; color: #777; text-align: center; letter-spacing: -0.5px; white-space: nowrap;}

@media screen and (max-width: 1400px) {
    #a4 {padding: 0 15px;}
}

@media screen and (max-width: 960px) {
    #a4 ul {flex-wrap: wrap;}
    #a4 ul li {width: 48%; margin-bottom: 30px;}
}

@media screen and (max-width: 640px) {
    #a4 #daumRoughmapContainer1706579876675 .wrap_map {height: 260px!important;}
    #a4 ul {margin-top: 30px;}
    #a4 ul li .icon {width: 80px; height: 80px; margin-bottom: 14px;}
    #a4 ul li .icon i {font-size: 30px; line-height: 80px;}
    #a4 ul li p {font-size: 14px; word-break: keep-all; white-space: wrap;}
}
/* 회사 소개 - 오시는 길 */

/* 사업 안내 - 사업 안내*/
#b1 .box:not(.box3) {margin-bottom: 80px;}
#b1 .box h3 {position: relative; padding-left: 40px; font-size: 34px; font-weight: 700; color: #121212; letter-spacing: -2px; word-break: keep-all;}
#b1 .box h3:after {position: absolute; display: block; content: ""; width: 16px; height: 16px; top: 18px; left: 3px; transform: rotate(45deg); background: #333;}
#b1 .box > p {margin-top: 20px; font-size: 18px; font-weight: 400; color: #777; letter-spacing: -0.5px; word-break: keep-all;}
#b1 .box table, #b1 .box > ul {margin-top: 40px;}
#b1 .box table {width: 100%; border-collapse: collapse; font-size: 16px; font-weight: 400; color: #333; line-height: 24px; letter-spacing: -0.5px;}
#b1 .box table.mobile {display: none;}
#b1 .box table tr {border-bottom: 1px solid #ddd;}
#b1 .box table tr th:not(:last-child), #b1 .box table tr td:not(:last-child) {border-right: 1px solid #ddd;}
#b1 .box table tr th {padding: 20px; background: #f5f5f5; white-space: nowrap;}
#b1 .box table tr th b {color: #333;}
#b1 .box table tr td {padding: 20px 50px;}
#b1 .box table tr td img {width: 100%; margin-bottom: 20px;}
#b1 .box table tr td li {line-height: 28px; word-break: keep-all;}
#b1 .box table tr td li:not(:last-child) {margin-bottom: 10px;}
#b1 .box1 table tr:first-child th:first-child {width: 10%;}
#b1 .box1 table tr:first-child th:not(:first-child) {width: 30%;}
#b1 .box1 table tr td ul li {position: relative; padding-left: 14px;}
#b1 .box1 table tr td ul li:after {position: absolute; display: block; content: ""; width: 5px; height: 5px; top: 12px; left: 0; border-radius: 100%; background: #333;}
#b1 .box2 ul li {display: flex; font-size: 18px; font-weight: 400; color: #333; letter-spacing: -0.5px; word-break: keep-all;}
#b1 .box2 ul li:not(:last-child) {margin-bottom: 20px;}
#b1 .box2 ul li i {padding-top: 4px; font-size: 20px; color: #333;}
#b1 .box3 table tr th {width: 50%;}
#b1 .box3 table tr td ol {padding-left: 20px;}
#b1 .box3 table tr td ol li {list-style: inherit;}
#b1 .box3 table tr td ol li::marker {color: #333;}
#b1 .box4 {text-align: center;}
#b1 .box4 img {width: 100%; max-width: 880px;}
#b1 .box5 ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
#b1 .box5 ul li {width: 24%; border: 1px solid #ddd;}
#b1 .box5 ul li img {width: 100%;}

@media screen and (max-width: 1400px) {
    #b1 {padding: 0 15px;}
}

@media screen and (max-width: 960px) {
    #b1 .box table.pc {display: none;}
    #b1 .box table.mobile {display: inherit;}
    #b1 .box1 table.mobile tr td {width: 80%;}
    #b1 .box5 ul li {width: 49%; margin-bottom: 20px;}
}

@media screen and (max-width: 640px) {
    #b1 .box:not(.box3) {margin-bottom: 40px;}
    #b1 .box h3 {padding-left: 30px; font-size: 28px;}
    #b1 .box h3:after {width: 10px; height: 10px; top: 16px;}
    #b1 .box > p {margin-top: 14px; font-size: 16px;}
    #b1 .box table, #b1 .box > ul {margin-top: 20px;}
    #b1 .box table tr th {padding: 14px; word-break: keep-all; white-space: initial;}
    #b1 .box table tr td {padding: 14px;}
    #b1 .box1 table tr td ul li {padding-left: 10px;}
    #b1 .box2 ul li {font-size: 16px; line-height: 22px;}
    #b1 .box2 ul li:not(:last-child) {margin-bottom: 8px;}
    #b1 .box2 ul li i {padding-top: 4px; font-size: 18px;}
}
/* 사업 안내 - 사업 안내 */

/* 사업 안내 - 사용 방법 */
#b2 .box:not(.box3) {margin-bottom: 80px;}
#b2 .box h3 {position: relative; padding-left: 40px; font-size: 34px; font-weight: 700; color: #121212; letter-spacing: -2px; word-break: keep-all;}
#b2 .box h3:after {position: absolute; display: block; content: ""; width: 16px; height: 16px; top: 18px; left: 3px; transform: rotate(45deg); background: #333;}
#b2 .box h4 {padding-left: 40px; font-size: 28px; font-weight: 700; color: #121212; letter-spacing: -1px; word-break: keep-all;}
#b2 .box > p {padding-left: 40px; margin-top: 20px; font-size: 18px; font-weight: 400; color: #777; letter-spacing: -0.5px; word-break: keep-all;}
#b2 .box > ol {margin-top: 60px;}
#b2 .box table, #b2 .box > ul {margin-top: 40px;}
#b2 .box table {width: 100%; border-collapse: collapse; font-size: 16px; font-weight: 400; color: #333; line-height: 24px; letter-spacing: -0.5px;}
#b2 .box table.mobile {display: none;}
#b2 .box table tr {border-bottom: 1px solid #ddd;}
#b2 .box table tr th:not(:last-child), #b2 .box table tr td:not(:last-child) {border-right: 1px solid #ddd;}
#b2 .box table tr th {width: 50%; padding: 20px; background: #f5f5f5; white-space: nowrap;}
#b2 .box table tr th b {color: #333;}
#b2 .box table tr td {padding: 20px 50px; line-height: 28px; word-break: keep-all;}
#b2 .box table tr td img {display: block; margin: 0 auto 20px; width: 150px;}
#b2 .box ol {display: flex; justify-content: space-between; flex-wrap: wrap; padding-left: 0;}
#b2 .box ol > li {position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 49%; padding: 50px 30px; border-radius: 20px; font-size: 18px; font-weight: 400; color: #333; text-align: center; letter-spacing: -0.5px; list-style: none; word-break: keep-all; transition: 0.3s;}
#b2 .box ol > li:first-child {border: 1px solid #0e8ead;}
#b2 .box ol > li:nth-child(2) {border: 1px solid #0e60ad;}
#b2 .box ol > li:nth-child(3) {border: 1px solid #0e33ad;}
#b2 .box ol > li:nth-child(4) {border: 1px solid #00216d;}
#b2 .box ol > li:after {position: absolute; display: block; width: 70px; height: 70px; top: -35px; left: 50%; padding-top: 6px; border-radius: 100%; font-size: 36px; font-weight: 700; color: #fff; text-align: center; transform: translateX(-50%);}
#b2 .box ol > li:first-child:after {content: '1'; background: #0e8ead;}
#b2 .box ol > li:nth-child(2):after {content: '2'; background: #0e60ad;}
#b2 .box ol > li:nth-child(3):after {content: '3'; background: #0e33ad;}
#b2 .box ol > li:nth-child(4):after {content: '4'; background: #00216d;}
#b2 .box ol li ul {margin-top: 10px; padding-left: 20px;}
#b2 .box ol li ul li {font-size: 16px; color: #999; text-align: left; list-style-type: disclosure-closed;}
#b2 .box ol li ul li::marker {font-size: 14px; color: #999;}
#b2 .box1 ol li {width: 24%;}
#b2 .box3 ol > li {width: 32%;}

@media screen and (max-width: 1400px) {
    #b2 {padding: 0 15px;}
    #b2 .box1 ol li {width: 49%;}
    #b2 .box1 ol li:not(:nth-child(n+3)) {margin-bottom: 50px;}
}

@media screen and (max-width: 960px) {
    #b2 .box table.pc {display: none;}
    #b2 .box table.mobile {display: inherit;}
    #b2 .box table tr th {width: 100%;}
    #b2 .box3 ol > li {width: 49%;}
    #b2 .box3 ol > li:last-child {width: 100%;}
    #b2 .box3 ol > li:not(:last-child) {margin-bottom: 50px;}
}

@media screen and (max-width: 640px) {
    #b2 .box:not(.box3) {margin-bottom: 40px;}
    #b2 .box h3 {padding-left: 30px; font-size: 28px;}
    #b2 .box h3:after {width: 10px; height: 10px; top: 16px;}
    #b2 .box h4 {padding-left: 30px; font-size: 20px;}
    #b2 .box > p {padding-left: 30px; margin-top: 14px; font-size: 16px;}
    #b2 .box ol {display: block; margin-top: 40px;}
    #b2 .box ol > li {width: 100%!important; padding: 30px 20px; font-size: 16px; line-height: 26px;}
    #b2 .box ol > li:not(:last-child) {margin-bottom: 30px!important;}
    #b2 .box ol > li:after {width: 50px; height: 50px; top: -25px; padding: 10px; font-size: 28px;}
    #b2 .box table, #b2 .box > ul {margin-top: 20px;}
    #b2 .box table tr th {padding: 14px; word-break: keep-all; white-space: initial;}
    #b2 .box table tr td {padding: 14px;}
}
/* 사업 안내 - 사용 방법 */

/* 제품 소개 - 칼라 인덱스 */
#c4 > ul {display: flex; justify-content: space-between; margin-bottom: 80px;}
#c4 > ul li {width: 31%;}
#c4 > ul li img {width: 100%; margin-bottom: 14px; border: 1px solid #ddd;}
#c4 > ul li p {font-size: 16px; font-weight: 300; color: #333; text-align: center; word-break: keep-all;}
#c4 .box {margin-bottom: 80px;}
#c4 .box h3 {margin-bottom: 20px; font-size: 24px; font-weight: 700; color: #121212; letter-spacing: -1px; word-break: keep-all;}
#c4 .box ul li {font-size: 16px; font-weight: 400; color: #333; line-height: 24px; letter-spacing: -0.5px; word-break: keep-all;}
#c4 .box ul li:not(:last-child) {margin-bottom: 6px;}
#c4 .box1 ul li {position: relative; padding-left: 14px;}
#c4 .box1 ul li:after {position: absolute; display: block; content: ""; width: 5px; height: 5px; top: 12px; left: 0; border-radius: 100%; background: #333;}
#c4 .box2 ul {padding-left: 10px;}
#c4 .box2 ul:not(:last-child) {margin-bottom: 30px;}
#c4 > p {margin-bottom: 20px; font-size: 16px; font-weight: 400; color: #666; word-break: keep-all;}
#c4 > span {font-size: 16px; font-weight: 400; color: #b31111; word-break: keep-all;}

@media screen and (max-width: 1400px) {
    #c4 {padding: 0 15px;}
}

@media screen and (max-width: 640px) {
    #c4 > ul {display: block; margin-bottom: 40px;}
    #c4 > ul li {width: 100%;}
    #c4 > ul li:not(:last-child) {margin-bottom: 20px;}
    #c4 .box {margin-bottom: 40px;}
}
/* 제품 소개 - 칼라 인덱스 */

/* 제품 소개 - 리무벌 양면테이프 */
#c5 .box:not(.box8) {margin-bottom: 80px;}
#c5 .box h3 {position: relative; width: 100%; margin-bottom: 20px; padding-left: 40px; font-size: 24px; font-weight: 700; color: #121212; letter-spacing: -1px; word-break: keep-all;}
#c5 .box h3:after {position: absolute; display: block; content: ""; width: 16px; height: 16px; top: 10px; left: 3px; transform: rotate(45deg); background: #333;}
#c5 .box h3 b {font-size: 20px; font-weight: 400; color: #555; letter-spacing: -0.5px;}
#c5 .box ul:first-of-type {display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px;}
#c5 .box ul:first-of-type li img {width: 100%;}
#c5 .box ul:last-of-type li {position: relative; padding-left: 14px; font-size: 16px; font-weight: 400; color: #333; line-height: 24px; letter-spacing: -0.5px; word-break: keep-all;}
#c5 .box ul:last-of-type li:not(:last-of-type) {margin-bottom: 10px;}
#c5 .box ul:last-of-type li:after {position: absolute; display: block; content: ""; width: 5px; height: 5px; top: 10px; left: 0; border-radius: 100%; background: #333;}
#c5 .box > img {width: 35%; height: fit-content; border: 1px solid #ddd;}
#c5 .box p {font-size: 16px; font-weight: 400; color: #333; word-break: keep-all;}
#c5 .box1 ul:first-of-type li {width: 18%;}
#c5 .box2 ul:first-of-type li {width: 15%;}
#c5 .box3, #c5 .box4, #c5 .box7, #c5 .box8 {display: flex; flex-wrap: wrap;}
#c5 .box3 p, #c5 .box4 p, #c5 .box7 p, #c5 .box8 p {width: 65%; padding-left: 40px;}

@media screen and (max-width: 1400px) {
    #c5 {padding: 0 15px;}
}

@media screen and (max-width: 640px) {
    #c5 .box:not(.box8) {margin-bottom: 40px;}
    #c5 .box > img {width: 100%; margin-bottom: 20px;}
    #c5 .box1 ul:first-of-type li {width: 49%; margin-bottom: 20px;}
    #c5 .box2 ul:first-of-type li {width: 49%; margin-bottom: 20px;}
    #c5 .box3 p, #c5 .box4 p, #c5 .box7 p, #c5 .box8 p {width: 100%; padding-left: 0;}
}
/* 제품 소개 - 리무벌 양면테이프 */

/* 제품 소개 - 클리너 테이프 */
#c6 ul, #c6 .box {display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 80px;}
#c6 img {border: 1px solid #ddd;}
#c6 ul li {width: 31%;}
#c6 ul li img {width: 100%;}
#c6 .box h3 {position: relative; width: 100%; margin-bottom: 20px; padding-left: 40px; font-size: 24px; font-weight: 700; color: #121212; letter-spacing: -1px; word-break: keep-all;}
#c6 .box h3:after {position: absolute; display: block; content: ""; width: 16px; height: 16px; top: 10px; left: 3px; transform: rotate(45deg); background: #333;}
#c6 .box > img {width: 35%; height: fit-content; border: 1px solid #ddd;}
#c6 .box p {width: 65%; padding-left: 40px; font-size: 16px; font-weight: 400; color: #333; word-break: keep-all;}
#c6 .box4 {margin-bottom: 0;}

@media screen and (max-width: 1400px) {
    #c6 {padding: 0 15px;}
}

@media screen and (max-width: 640px) {
    #c6 ul, #c6 .box {display: block; margin-bottom: 40px;}
    #c6 ul li {width: 100%; margin-bottom: 20px;}
    #c6 .box > img {width: 100%; margin-bottom: 20px;}
    #c6 .box p {width: 100%; padding-left: 0;}
}
/* 제품 소개 - 클리너 테이프 */

/* 제품 소개 - 롤 클리너 */
#c7 {text-align: center;}
#c7 img {width: 100%; max-width: 860px;}
#c7 img:last-child {max-width: 1280px;}

@media screen and (max-width: 1400px) {
    #c7 {padding: 0 15px;}
}
/* 제품 소개 - 롤 클리너 */