.link-btn { padding-right: 35px; position: relative; color: #ebebeb; font-size: 20px; line-height: 1em; transition: all ease 0.3s; font-weight: 500; }
.link-btn::before { content: ''; width: 10px; height: 15px; background-image: url(/image/main/arrow_img01.png); background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.main-section01-txts { height: 230px; position: relative; }
.main-section01-txts > p { position: absolute; top: 0; left: 0; }
.main-section01 .section01-txt-wrap .txt01 { color: #ebebeb; font-size: 115px; letter-spacing: -0.01em; line-height: 1em; font-weight: 600; }
.main-section01 .section01-txt-wrap .txt02 { color: #ebebeb; letter-spacing: -0.02em; width: 810px; margin-left: auto; font-size: 25px; font-family: 'Poppins', 'Noto Sans KR'; word-break: keep-all; margin-top: 52px; }
.main-section01 .section01-video { margin-top: 71px; position: relative; overflow: hidden; }
.main-section01 .section01-video video { width: 100%; }
.main-section01 .section01-video .video-cursor { width: 216px; position: absolute; opacity: 0; -webkit-transition: opacity ease 0.7s; transition: opacity ease 0.7s; z-index: 1; }
.main-section01 .section01-video .video-cursor .txt01 { width: 216px; height: 216px; border: 2px solid #ebebeb; border-radius: 50%; color: #ebebeb; font-size: 30px; line-height: 1em; text-align: center; background-color: rgba(232, 232, 232, 0.3); font-weight: 500; text-align: center; padding-top: 85px; }
.main-section01 .section01-video .video-cursor .txt02 { color: #ebebeb; line-height: 1em; font-size: 20px; font-family: 'Poppins', 'Noto Sans KR'; text-align: center; margin-top: 7px; }
.main-section01 .section01-video:hover { cursor: none; }
.main-section01 .section01-txt-wrap02 { padding-top: 34px; padding-bottom: 123px; border-top: 1px solid #ebebeb; margin-top: 47px; line-height: 1.2em; }
.main-section01 .section01-txt-wrap02 .txt01 { color: #fff; font-size: 15px; line-height: 1em; font-weight: 400; }
.main-section01 .section01-txt-wrap02 .txt02 { font-size: 50px; line-height: 1.2em; color: #ebebeb; margin-top: 28px; font-weight: 500; }
.main-section02 { border-top: 1px solid #ebebeb; padding-top: 50px; }
.main-section02 .section02-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.main-section02 .section02-top p { color: #ebebeb; font-size: 20px; line-height: 1em; font-weight: 500; }
.main-section02 .section02-top .link-btn:hover::before { background-image: url(/image/main/arrow_img01_on.png); }
.main-section02 .section02-top .link-btn:hover { color: #dcff04; }
.main-section02 .section02-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 50px; }
.main-section02 .section02-list > a { width: 49%; }
.main-section02 .section02-list > a:not(:nth-last-child(-n + 2)) { margin-bottom: 117px; }
.main-section02 .section02-list > a:hover .list-thumb img { -webkit-transform: scale(1.5); transform: scale(1.5); }
.main-section02 .section02-list > a:hover .list-txt .txt01 span { text-decoration: underline; }
.main-section02 .section02-list .list-date { color: #787878; font-size: 18px; font-family: 'Poppins', 'Noto Sans KR'; margin-bottom: 17px; line-height: 1em; }
.main-section02 .section02-list .list-date span { margin-left: 20px; }
.main-section02 .section02-list .list-thumb { position: relative; overflow: hidden; height: 0; padding-top: 75%; }
.main-section02 .section02-list .list-thumb img { position: absolute; width: 100%; top: 0; left: 0; -webkit-transition: all ease 1s; transition: all ease 1s; }
.main-section02 .section02-list .list-thumb video { position: absolute; width: 100%; top: 0; left: 0; -webkit-transition: all ease 1s; transition: all ease 1s; }
.main-section02 .section02-list .list-txt { margin-top: 15px; }
.main-section02 .section02-list .list-txt .txt01 { font-size: 35px; line-height: 1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #ebebeb; transition: all ease 0.3s; font-weight: 500; }
.main-section02 .section02-list .list-txt .txt01 span { position: relative; }
.main-section02 .section02-list .list-txt .txt02 { margin-top: 5px; font-size: 20px; color: #ebebeb; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: 'Poppins', 'Noto Sans KR'; transition: all ease 0.3s; font-weight: 300; }
.main-section03 { margin-top: 180px; }
.main-section03 .section03-top { text-align: right; margin-top: 28px; }
.main-section03 .section03-top .link-btn { color: #ebebeb; }
.main-section03 .section03-top .link-btn::before { background-image: url(/image/main/arrow_img01.png); }
.main-section03 .section03-tit { line-height: 1em; font-size: 70px; font-weight: 600; color: #ebebeb; transition: all ease 0.3s; }
.main-section03 .section03-list { margin-top: 16px; border-top: 1px solid #ebebeb; transition: all ease 0.3s; }
.main-section03 .section03-list > a { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 40px; padding-bottom: 50px; border-bottom: 1px solid #ebebeb; }
.main-section03 .section03-list > a:hover .list-thumb img { -webkit-transform: scale(1.5); transform: scale(1.5); }
.main-section03 .section03-list > a:hover .txt02 { text-decoration: underline; }
.main-section03 .section03-list .list-thumb { margin-right: 23px; position: relative; padding-top: 33.5%; overflow: hidden; height: 0; width: 49.4%; }
.main-section03 .section03-list .list-thumb img { position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: all ease 1s; transition: all ease 1s; }
.main-section03 .section03-list .list-info { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.main-section03 .section03-list .list-info > a { width: 157px; height: 47px; line-height: 47px; border: 1px solid #111; font-size: 20px; display: block; border-radius: 30px; text-align: center; position: absolute; top: 0; right: 0; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; overflow: hidden; }
.main-section03 .section03-list .list-info > a::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: #111; top: 100%; left: 0; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; z-index: 1; }
.main-section03 .section03-list .list-info > a span { position: relative; z-index: 2; }
.main-section03 .section03-list .list-info > a:hover { color: #ebebeb; font-weight: 600; }
.main-section03 .section03-list .list-info > a:hover::before { top: 0; }
.main-section03 .section03-list .list-info .txt01 { font-size: 20px; line-height: 1em; color: #ebebeb; font-weight: 500; }
.main-section03 .section03-list .list-info .txt02 { font-size: 50px; line-height: 1.1em; display: inline-block; position: relative; font-weight: 500; color: #ebebeb; }
.main-section03 .section03-list .list-info .txt03 { font-size: 25px; font-family: 'Poppins', 'Noto Sans KR'; margin-top: 30px; line-height: 1.32em; color: #ebebeb; }
.main-section03 .section03-list .list-info .award-img { margin-bottom: 30px; }
.main-section04 { margin-top: 80px; }
.main-section04 .section04-tit { color: #e8e8e8; font-size: 73px; line-height: 1em; letter-spacing: -0.025em; transition: all ease 0.3s; font-weight: 500; }
.main-section04 .section04-clients { padding-bottom: 134px; overflow: hidden; }
.main-section04 .section04-clients .clients-list { margin-top: 150px; width: calc(100% + 103px); }
.main-section04 .section04-clients .clients-list .item { margin-right: 40px; }
.main-section04 .section04-clients .clients-list .item .item_img { height: 135px; display: flex; align-items: center; padding-top: 35.5%; height: 0; overflow: hidden; position: relative; }
.main-section04 .section04-clients .clients-list .item .item_img img { margin: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0; }
.main-section04 .section04-clients .clients-list .item p { font-family: 'Poppins', 'Noto Sans KR'; color: rgba(232, 232, 232, 0.5); font-size: 18px; text-align: center; }
.main-section04 .section04-connect { border-top: 1px solid #ebebeb; padding-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 150px; }
.main-section04 .section04-connect .txt01 { font-size: 43px; line-height: 1.2em; margin-right: 130px; color: #ebebeb; font-weight: 500; }
.main-section04 .section04-connect .txt01 a { color: #ebebeb; position: relative; text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 0.1em; }
.main-section04 .section04-connect .txt01 a:hover { color: #dcff04; }
.light-mode .main-section03 .section03-list .list-info .txt03,
.light-mode .main-section03 .section03-list .list-info .txt02,
.light-mode .main-section03 .section03-list .list-info .txt01,
.light-mode .main-section03 .section03-top .link-btn,
.light-mode .main-section02 .section02-list .list-txt .txt01,
.light-mode .main-section02 .section02-list .list-txt .txt02,
.light-mode .main-section03 .section03-tit { color: #111; }
.light-mode .main-section03 .section03-top .link-btn::before { background-image: url(/image/main/arrow_img02.png); }
.light-mode .main-section03 .section03-list > a,
.light-mode .main-section03 .section03-list { border-color: #111; }
.light-mode .main-section04 .section04-tit { color: #111; }
.intro-video { position: fixed; display: flex; align-items: center; height: 100vh; top: 0; left: 0; z-index: 999999; background-color: #000; justify-content: center; width: 100%; }
.intro-video video { max-width: 1000px; }

/* 뉴스레터 */
.main-section05 { padding-bottom: 150px; margin-top: 80px; }
.main-section05 .inner { display: flex; border-top: 1px solid #ebebeb; padding-top: 45px; justify-content: space-between; }
.sc-hg h4 { font-weight: 500; font-size: 20px; color: #fff; }
.sc-hg h5 { font-size: 28px; font-weight: 500; margin-top: 35px; color: #fff; }
.sc-hg h6 { font-size: 15px; color: #787878; margin-top: 9px; }
.sc-form { width: 760px; margin-top: 60px; display: flex; flex-wrap: wrap; }
.sc-form__name { width: 40%; margin-right: 30px; }
.sc-form__company { flex: 1; }
.sc-form__email { width: 100%; margin-top: 25px; }
.sc-form > div { border-bottom: 1px solid #fff; display: flex; align-items: flex-end; padding-bottom: 1rem; }
.sc-form > div > label { font-size: 20px; font-weight: 500; width: 125px; color: #fff; }
.sc-form > div span { display: block; margin-top: 2px; font-size: 15px; color: #787878; }
.sc-form > div input[type='text'] { flex: 1; font-size: 20px; width: 100%; color: #dcff04; }
.sc-form button { width: 150px; height: 50px; line-height: 50px; text-align: center; font-weight: 600; color: #fff; border: 1px solid #fff; border-radius: 2em; cursor: pointer; transition: all ease 0.3s; margin-top: 25px; margin-left: auto; font-size: 25px; }
.sc-form button:hover { background-color: #dcff04; border-color: #dcff04; color: #000; }

@media all and (max-width: 1600px){
 .main-section05 .inner { display: block; }
 .sc-form { width: 100%; }
 .sc-form__email { margin-top: 0; width: auto; flex: 1; margin-right: 35px; }
 .sc-form__name,
 .sc-form__company { width: 25%; margin-right: 35px; }
 }