body { overflow-y:auto; overflow-x:hidden; font-family: 'Red Hat Display', 'Noto Sans KR', sans-serif;}
body, html { margin: 0; padding: 0; height: 100%; }
ol,ul,li { list-style: none;}
div, ul, li, hr, p {margin:0; padding:0; list-style:none;}

input, textarea { overflow-y:auto; overflow-x:hidden; font-family: 'Red Hat Display', 'Noto Sans KR', sans-serif;}

*{ box-sizing: border-box; }

a { text-decoration:none; color:inherit; }
a:hover { text-decoration:none; }

body { background-color:#0c0c0c; color:#fff; }

.container { position:relative; max-width:1440px; height:100%; margin:auto; padding:0 20px; }
.container:after { content:""; display:block; clear:both; }

.line-t {margin-left:80px;}
.line-t:before {content:"";position:absolute; top:50%; left:0; display:inline-block; width:70px; height:2px; background-color:#e30610;}

.menu { position:fixed; left:0; width:100%; height:80px; line-height:80px; background-color:#0c0c0c; color:#fff; font-size:18px; z-index:99; }
.menu .container { max-width:1600px; display:flex; }

.menu .logo img { width:100%;}
.menu .menu-list { margin-left:auto; margin-right:80px; }
.menu .menu-list li { float:left; padding: 0 30px; cursor:pointer;  }
.menu .request {  background-color:#e30610; cursor:pointer; font-weight:500; }
.menu .request > div {padding:0 30px;}

.sec01 { position:relative;  width:100%; height:100vh; overflow: hidden; }
.sec01 .video { position:absolute; top:10%; right:0; width:680px; height:680px; overflow:hidden; margin-top:50px; }
.sec01 .text { position:absolute; top:295px;  }
.sec01 .text .t1 { position:relative; font-size:28px; line-height:70px;}
.sec01 .text .t2, .sec01 .text .t3 { font-weight:bold; font-size:120px; line-height:150px; letter-spacing:-7px; }

.sec02 { padding:170px 0; transition:all 0.2s; }
.sec02.active{ background-color:#fff; color:#0c0c0c; }

.sec02 .text1 {font-size:26px; letter-spacing:-1px;}
.sec02 .text1 span {font-weight:bold;}
.sec02 .text2 {float:right;padding-top:130px;}
.sec02 .text2  .t2 span {font-weight:bold;}
.sec02 .text2 .t1 {position:relative; font-size:22px; line-height:45px; color:#e30610; font-weight:500;}
.sec02 .text2 .t2, .sec02 .text2 .t3 {font-size:120px; line-height:150px; letter-spacing:-7px; font-weight:300; }


.sec03 .container {  }
.sec03 { padding:50px 0;position: relative; overflow:hidden; height:3300px }
.sec03 #text {  width:100%; height:100vh; font-weight:bold; font-size:82px; line-height:85px;  z-index:10; transform:translateY(185px); }
.sec03 #text > div { position:relative;width:100%; max-width:1440px; height:100%; padding-left:20px; margin:auto; background:url("/img/main/cont_02_cov.png") repeat-y; background-size:800px auto; }
.sec03 #text > div:before {content:" "; display:block; width:100%; height:100vh; position:absolute; top:0; right:100%; background-color:#0c0c0c}
.sec03 #box { position:absolute; top:0; width:3600px; height:100vh; left:33%; transform:translateY(220px);  }
.sec03 #box:after { content:""; display:block; width:100%; height:100%; position:absolute; top:0; }
.sec03 #box .list { display:flex }
.sec03 #box .list .item { position:relative; display:table; }
.sec03 #box .list .item:nth-child(1) { margin-left:100px; }
.sec03 #box .list .item img { width:100%; }
.sec03 #box .list .item > div { display:table-cell; vertical-align:top; }

.sec03 #box .list .item .text { position:relative; left:-40px; min-width:280px; display:table-cell; vertical-align:top; top:300px;}
.sec03 #box .list .item .title { font-weight:bold; font-size:54px; line-height:83px; letter-spacing:-2px; }
.sec03 #box .list .item .detail { font-size:18px; line-height:34px; }


.sec04 { padding:185px 0 100px 0;font-weight:bold; font-size:200px; line-height:215px; white-space:nowrap; overflow:hidden; }
.sec04 .text {}
.sec04 .text span { color:#0c0c0c; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}
.sec04 .con { display:flex; text-align:right; }
.sec04 .con > div { display:flex; align-items:center; margin-left:auto; justify-content:flex-end; }
.sec04 .con img { width:100%; max-width:320px}
.sec04 .con p {margin-left:35px;}

.sec05 { padding:165px 0; background-image:url("/img/main/cont_04_bg.png"); background-repeat:no-repeat; background-size:cover; }
.sec05 .container { display:flex; }
.sec05 .con { width:50%; }
.sec05 .c1 > .text1 .t1 {position:relative;font-size:18px; line-height:53px;}
.sec05 .c1 > .text1 .t2, .text1 .t3 {font-size:100px; line-height:118px; letter-spacing:-5px;}
.sec05 .c1 > .text1 .t3 {font-size:100px; line-height:118px; letter-spacing:-5px; font-weight:300;}
.sec05 .c1 > .text1 .t2 {font-weight:bold;}
.sec05 .c1 > .text2 {padding-top: 90px; font-size:24px; line-height:40px;}
.sec05 .c1 > .text2 span {display:inline-block; width: 78px; color:#939396;}
.sec05 .c1 > .text2 .t3 { font-weight:300; }
.sec05 .c1 > .text2 .t3 span { font-weight:400; }

.sec05 .c2 > div { width:100%; max-width:580px; float:right;  }
.sec05 .c2 .form {}
.sec05 .c2 .form form > div {padding:15px 0;}
.sec05 .c2 .text { margin-top:8px; color:gray; font-size:16px; }
.sec05 .c2 .btn { margin-top:35px; width:260px; display:inline-block; background-color:#fff; color:#0c0c0c; padding:16px 40px; font-size:20px; font-weight:500; cursor:pointer; transition:all 0.2s;}
.sec05 .c2 .btn > div {position:relative;}
.sec05 .c2 .btn span { position:absolute; right:0;display:inline-block; width:70px; text-align:right; }
.sec05 .c2 .btn:hover {background-color:#e30610; color:#fff;}

.sec05 input { height: 50px; line-height:50px; }
.sec05 input, textarea {width:100%; font-size:18px; background:transparent; border-top:0px; border-left:0px; border-right:0px; border-bottom:1px solid gray; color:#fff; }
.sec05 input:focus, textarea:focus { outline: none; border-bottom:1px solid #fff; }
.sec05 textarea { height: 130px; }

.footer { font-size:16px; height:45px; }

.f-info {display: flex; max-width: 1600px; margin: 0 auto 7px; padding: 0 20px; font-size: 14px;}
.f-info li {margin-right: 30px; color: #939396;}
.f-info li strong {margin-right: 10px;}
.f-info.last {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.f-info.last li {display: block;}

.footer .container { display:flex; max-width:1600px; }
.footer .container div:nth-child(1) {color:#939396;}
.footer .container div+div { margin-left: auto; }


@media screen and (max-width: 1450px) {
    .sec03 #box { width:3100px;}

    .sec04 .con img { max-width:20%; }
    .sec04 {font-size:150px; line-height:170px; }
}
@media screen and (max-width: 1165px) {
    .sec01 .text .t2, .sec01 .text .t3 {font-size:100px; line-height:120px; letter-spacing:-5px; }
    .sec02 .text2 .t2, .sec02 .text2 .t3 { font-size:100px;  line-height:120px; letter-spacing:-6px; }

    .sec04 {font-size:100px; line-height:120px; }
    .sec04 .con p {margin-left:15px;}

    .sec05 .c1 > .text1 .t2 { font-size:60px; line-height:80px; }
    .sec05 .c1 > .text1 .t3 { font-size:60px; line-height:80px; }

    .sec05 .c1 > .text2 { font-size:20px; line-height:32px; }
    .sec05 .c1 > .text2 span {display:block;}
}

@media screen and (max-width: 992px) {
    .menu .menu-list {display:none;}
    .menu .request {margin-left:auto;}
    .menu .container { padding-right:0;}

    .sec01 .text .t1 { position:relative; font-size:22px; line-height:65px; }
    .sec01 .text .t2, .sec01 .text .t3 {font-size:80px; line-height:100px; }
    .sec01 .video {top:0;}

    .sec02 .text1 {font-size:22px;}
    .sec02 .text2 .t2, .sec02 .text2 .t3 { font-size:80px; line-height:100px; }



    .sec04 {font-size:80px; line-height:100px; }
}

@media screen and (max-width: 767px) {
    .sec01 .text .t2, .sec01 .text .t3 {font-size:60px; line-height:70px; letter-spacing:-2px;}
    .sec02 .text2 .t2, .sec02 .text2 .t3 { font-size:60px; line-height:70px; letter-spacing:-2px;}
    .sec02 .text2  .t3 span {display:block;}

    .sec03 #box { width:2900px;}
    .sec03 #text {  font-size:46px; line-height:60px; transform:translateY(100px);}
    .sec03 #text > div { background-size:100px auto; }
    .sec03 #box .list .item img {  }

    .sec04 {font-size:60px; line-height:66px; }

    .sec05 .container {display: block;}
    .sec05 .container .con {width:100%;}
    .sec05 .c1 > .text2{padding-top:40px;}
    .sec05 .c2 > div {max-width:100%;}
	.sec05 .c2 .form {margin-top:40px;}

    .footer .container { display:block; text-align:center; }
	.f-info {flex-wrap: wrap;}
}

@media screen and (max-width: 481px) {
    .line-t {margin-left:50px;}
    .line-t:before {width:40px;}

    .menu { height:68px; line-height:68px; font-size:15px; }
    .menu .logo img { max-width:70%;}
    .menu .request { min-width:140px;}
    .menu .request > div {padding:0 17px; }


    .sec01 .text .t1 { font-size:18px; line-height:35px; }
    .sec01 .text .t2, .sec01 .text .t3 {font-size:46px; line-height:60px; letter-spacing:-2px; }

    .sec02 { padding:50px 0 75px 0; }
    .sec02 .text1 {font-size:19px;}
    .sec02 .text2 {margin-top:90px;}
    .sec02 .text2 .t1 {font-size:18px;}
    .sec02 .text2 .t2, .sec02 .text2 .t3 { font-size:46px; line-height:60px; letter-spacing:-2px; }


    .sec03 #box { width:2850px;}
    .sec03 #box .list .item img{ max-width:90%}
    .sec03 #box .list .item .text { vertical-align:top; top:130px; left:-90px; min-width:180px; }
    .sec03 #box .list .item .text .title {font-size:40px; line-height:73px;}
    .sec03 #box .list .item .text .detail {font-size:16px; line-height:30px;}

    .sec04 { padding:70px 0; }
    .sec04 {font-size:46px; line-height:60px; }
    .sec04 .con p {margin-left:15px;}

    .sec05 { padding:30px 0 80px 0;}
    .sec05 .c1 > .text1 .t2 { font-size:46px; line-height:60px; }
    .sec05 .c1 > .text1 .t3 { font-size:46px; line-height:60px; }

    .footer { height:95px; }
    .footer > div { line-height:30px; }
}

@media screen and (max-width: 390px) {
    .menu .logo {min-width:162px;}

    .sec01 .text .t2, .sec01 .text .t3 {font-size:38px; line-height:50px; letter-spacing:-2px; }

    .sec02 .text2 .t2, .sec02 .text2 .t3 { font-size:38px; line-height:50px; letter-spacing:-2px; }


}