@charset "UTF-8";

html, body{padding:0; margin:0; width:100%; height:100%;  border:0; padding:0; overflow:auto}

nav { position:fixed; margin:0 auto; width:100%; height:100px; line-height:100px; z-index:100; top:0px; min-width:1300px; }

/* 중형 데스크탑 (1025px ~ 1440px) */
@media (min-width: 1025px) and (max-width: 1440px) {
    nav { height:90px; line-height:90px;}
}

/* 대형 데스크탑 (1441px 이상) */
@media (min-width: 1441px) {
    nav { height:100px; line-height:100px;}
}


nav ul {display:flex; margin:0 auto; gap:100px;  justify-content: center;}
nav ul li{ list-style: none; font-size:20px; }   
.pg1 nav ul li a{color: #fff; text-decoration: none;}        
.pg2 nav ul li a{color: #000; text-decoration: none;}  

section{overflow-y:hidden; margin: 0; padding: 0;border: 0;outline: 0; height:100vh;}
section .wrap{position:relative;top:0;width:100%;height:100%;transition: 0.7s ease-in-out;}
	
section .pg1 .container{width:100%;height:100%; position:relative; min-width:1300px; min-height:700px}
section .pg1 .container.ct1{background-size: cover; background-position:center}
section .pg1 .container.ct2{background-size: contain;  background-position:center; background-repeat: no-repeat;}
section .pg1 .container.ct1 .ct1_1_1{display: flex;align-items: flex-end;justify-content: center; height:97%}

section .pg1 .container.ct1 .ct1_2{max-width:1920px;  margin-left:20%}
section .pg1 .container.ct1 .ct1_2 .ctl1_2_img1{position:absolute; left:10%; top:10%; max-width:600px}
section .pg1 .container.ct1 .ct1_2 .ctl1_2_img2{position:absolute; right:5%; bottom:10%}
	
section .pg2 .container{width:100%;height:100%; position:relative; min-width:1300px; min-height:700px}
section .pg2 .container.ct2{background-size: contain;  background-position:center; background-repeat: no-repeat;}

section  .container .lastCt{ height:calc(100% - 88px); background-size: contain;  background-position:center; background-repeat: no-repeat;}	
	
footer{width:100%; height:88px; background-color:#F2F2F2; display:flex; width: 100%;align-items: center;justify-content: center; position: absolute; bottom:0px }
footer .footerWrap{display:flex; width:1280px; max-width:1280px}
footer .footerWrap img{width: 133px; height: 28px;}
footer .footerWrap .footerCont{display:flex; margin-left:auto}
footer .footerWrap .footerCont .address{color:#505050; font-size:14px; margin-right:50px;}
footer .footerWrap .footerCont .etcTxt{font-size:14px; color:#505050}
footer .footerWrap .footerCont .etcTxt span{font-weight:bold}

.topBtn{cursor:pointer; width: 80px;height: 80px;position: fixed;bottom: 20px;right: 20px;z-index: 101;}

.scrollWrap{position:fixed;z-index:100; bottom:30px; display: flex; justify-content: center; align-items: center; width: 100%;}
.scrollBtn{cursor:pointer}