/* header */
header{position:fixed; top:0; left:0; right:0; z-index:10;}
header.on{background:rgba(0,0,0,0.8); }
header.on > .inner{padding-top:0; transition: all 0.2s;}
header > .inner{max-width:1380px; margin:0 auto; padding:4rem 40px 0; display:flex; justify-content: space-between; height:8rem; transition: all 0.2s;}
header > .inner > .logo{width:13rem; height:100%;}
header > .inner > .logo > a{display:flex; height: 100%; align-items: center;}
header > .inner > .logo > a > img{width:100%; object-fit: cover;}
header > .inner > nav{height:100%;}
header > .inner > nav > ul{display:flex; height: 100%; gap:6rem;}
header > .inner > nav > ul > li > a{display:flex; height: 100%; align-items: center; font-size:18px; color:#fff;}
header > .inner > .mo.navBtn{height:100%; font-size:4rem; color:#fff; cursor:pointer; display: none; align-items: center;}

.moNavArea{position:fixed; top:0; right:0; bottom:0; left:0; z-index: 10; background:rgba(0,0,0,0.8); display:none; align-items: center; justify-content: center;}
.moNavArea.view{display:flex;}
.moNavArea > .navCloseBtn{color:#fff; font-size:20px; position:absolute; top:20px; right:20px;}
.moNavArea > ul{min-width: 200px;}
.moNavArea > ul > li > a{font-size:20px; color:#fff; text-align: center; display:inline-block; width:100%; padding:20px 10px;}
.moNavArea > ul > li + li{border-top:1px solid rgba(255,255,255,0.4);}

/* main */
main > section{position: relative; z-index: 1; overflow: hidden;}
main > section > .inner{max-width:1380px; margin:0 auto; padding:0 40px;}
main > section > .inner > .stit{font-size:18px; color:var(--mainColor); font-weight: 600; text-align: center; margin-bottom:1.5rem; letter-spacing: 2px;}
main > section > .inner > .tit{font-size:4rem; font-weight: 700; text-align: center; letter-spacing:2px;}
main > section > .inner > .titleText{font-size:2rem; margin-top:2rem; text-align: center;}

/* footer */
footer{background:#171A2D;}
footer > .inner{max-width:1380px; margin:0 auto; padding:10rem 40px; display:flex; align-items: flex-end; justify-content: space-between; position:relative;}
footer > .inner > .footLogo{width:13rem; position:absolute; right:40px; top:5rem;}
footer > .inner > .footLogo > img{width:100%; object-fit: cover;}
footer > .inner > div > p.companyName{font-size:18px; color:rgba(136,136,136,0.6); font-weight: 600; display:flex; align-items: center;}
footer > .inner > div > p.companyName:after{content:''; display:none; width:1px; height:14px; background:rgba(255,255,255,0.2); margin-left:20px;}
footer > .inner > div > p{font-size:16px; color:#888;}
footer > .inner > div > p + p{margin-top:5px;}
footer > .inner > div > .footNav{display:flex; align-items: center; padding-top:15px; margin-top:15px; border-top:1px solid #888;}
footer > .inner > div > .footNav > li > a{font-size:16px; color:rgba(255,255,255,0.6);}
footer > .inner > div > .footNav > li:nth-of-type(2) > a{font-weight: 600; color:#fff;}
footer > .inner > div > .footNav > li + li:before{content:''; display: inline-block; width:1px; height:14px; background:rgba(255,255,255,0.2); margin:0 20px;}