html { 
  scroll-behavior: smooth; 
} 
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}



.subvisual { position:relative; width:100%; height:800px; }
.subvisual ul.subtxt { position:absolute; top:58%; left:50%; transform:translate(-50%,-50%); width:1280px; text-align:center; }
.subvisual ul.subtxt li.t1 { font-size:25px; font-weight:500; color:#4f4f5b; line-height:100%; }
.subvisual ul.subtxt li.t2 { margin-top:20px; font-size:58px; font-family: 'ROKAFSlabSerifMedium'; color:#0056ae; line-height:100%; letter-spacing:-1px; }
.subvisual ul.subtxt li.t3 { margin-top:20px; font-size:22px; font-weight:500; color:#292929; line-height:150%; letter-spacing:-1px; }

.subvisual  .subtab { position:relative; width:1280px; height:96px; margin:75px auto 0 auto; background:#ffffff; border-radius:50px; overflow:hidden; }
.subvisual  .subtab a { display:block; float:left; width:25%; height:96px; line-height:96px; font-size:24px; font-weight:500; color:#292929; }
.subvisual  .subtab a.on { background:#053b8c; color:#ffffff; border-radius:50px; }


.subvisual2 { position:relative; width:100%; height:800px;  }
.subvisual2 ul.subtxt { position:absolute; top:52%; left:50%; transform:translate(-50%,-50%); width:1280px; text-align:center; }
.subvisual2 ul.subtxt li.t1 { margin-top:20px; font-size:25px; font-weight:500; color:#ffffff; line-height:100%; }
.subvisual2 ul.subtxt li.t2 { margin-top:20px; font-size:58px; font-family: 'ROKAFSlabSerifMedium'; color:#ffffff; line-height:130%; letter-spacing:-1px; }
.subvisual2 ul.subtxt li.t2 span { color:#00baff; }
.subvisual2 ul.subtxt li.t3 { margin-top:20px; font-size:22px; font-weight:500; color:#ffffff; line-height:150%; letter-spacing:-1px; }

.subvisual3 { position:relative; width:100%; height:928px;  }
.subvisual3 ul.subtxt { position:absolute; top:52%; left:50%; transform:translate(-50%,-50%); width:1280px; text-align:center; }
.subvisual3 ul.subtxt li.t1 { margin-top:20px; font-size:25px; font-weight:500; color:#4f4f5b; line-height:100%; }
.subvisual3 ul.subtxt li.t2 { margin-top:20px; font-size:58px; font-family: 'ROKAFSlabSerifMedium'; color:#000000; line-height:130%; letter-spacing:-1px; }
.subvisual3 ul.subtxt li.t2 span { color:#0056ae; }
.subvisual3 ul.subtxt li.t3 { margin-top:20px; font-size:22px; font-weight:500; color:#292929; line-height:150%; letter-spacing:-1px; }
.subvisual3 ul.subtxt li.t3 span { color:red; font-size:18px; }
.subvisual3  .subtab { position:relative; width:1280px; height:96px; margin:65px auto 0 auto; background:#ffffff; border-radius:50px; overflow:hidden; }
.subvisual3  .subtab a { display:block; float:left; width:25%; height:96px; line-height:96px; font-size:18px; font-weight:500; color:#292929; }
.subvisual3  .subtab a:hover { background:#053b8c; color:#ffffff; border-radius:50px; }

.subvisual3  .subtab2 { position:relative; width:1280px; height:96px; margin:65px auto 0 auto; background:#ffffff; border-radius:50px; overflow:hidden; }
.subvisual3  .subtab2 a { display:block; float:left; width:33.3333%; height:96px; line-height:96px; font-size:20px; font-weight:500; color:#292929; }
.subvisual3  .subtab2 a:hover { background:#053b8c; color:#ffffff; border-radius:50px; }



.subvisual4 { position:relative; width:100%; height:800px;  }
.subvisual4 ul.subtxt { position:absolute; top:56%; left:50%; transform:translate(-50%,-50%); width:1280px; text-align:center; }
.subvisual4 ul.subtxt li.t1 { margin-top:20px; font-size:25px; font-weight:500; color:#4f4f5b; line-height:100%; }
.subvisual4 ul.subtxt li.t2 { margin-top:20px; font-size:58px; font-family: 'ROKAFSlabSerifMedium'; color:#000000; line-height:130%; letter-spacing:-1px; }
.subvisual4 ul.subtxt li.t2 span { color:#0056ae; }
.subvisual4 ul.subtxt li.t3 { margin-top:20px; font-size:22px; font-weight:500; color:#292929; line-height:150%; letter-spacing:-1px; }
.subvisual4  .subtab { position:relative; width:1280px; height:96px; margin:65px auto 0 auto; background:#ffffff; border-radius:50px; overflow:hidden; }
.subvisual4  .subtab a { display:block; float:left; width:33.333333333%; height:96px; line-height:96px; font-size:24px; font-weight:500; color:#292929; }
.subvisual4  .subtab a:hover,.subvisual4  .subtab a.on { background:#053b8c; color:#ffffff; border-radius:50px; }
.subvisual4  .subtab2 { position:relative; width:980px; height:96px; margin:65px auto 0 auto; background:#ffffff; border-radius:50px; overflow:hidden; }
.subvisual4  .subtab2 a { display:block; float:left; width:25%; height:96px; line-height:96px; font-size:24px; font-weight:500; color:#292929; }
.subvisual4  .subtab2 a:hover,.subvisual4  .subtab2 a.on { background:#053b8c; color:#ffffff; border-radius:50px; }
.subvisual4  .subtab3 { position:relative; width:600px; height:96px; margin:65px auto 0 auto; background:#ffffff; border-radius:50px; overflow:hidden; }
.subvisual4  .subtab3 a { display:block; float:left; width:50%; height:96px; line-height:96px; font-size:24px; font-weight:500; color:#292929; }
.subvisual4  .subtab3 a:hover,.subvisual4  .subtab3 a.on { background:#053b8c; color:#ffffff; border-radius:50px; }

.sub0101v { background:url('/page_KR0/01_sub/images/0101v.jpg')no-repeat 50% 0; }
.sub0102v { background:url('/page_KR0/01_sub/images/0102v.jpg')no-repeat 50% 0; }
.sub0103v { background:url('/page_KR0/01_sub/images/0103v.jpg')no-repeat 50% 0; }
.sub0104v { background:url('/page_KR0/01_sub/images/0104v.jpg')no-repeat 50% 0; }

.sub0101 { height:1800px; background:url('/page_KR0/01_sub/images/0101.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px;  }
.sub0102 { height:1198px; background:url('/page_KR0/01_sub/images/0102.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px;  }
.sub0103 { height:576px; background:url('/page_KR0/01_sub/images/0103.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px;  }
.sub0104 { height:1200px; background:url('/page_KR0/01_sub/images/0104.jpg')no-repeat 50% 0; position:relative; width:1280px; margin:0 auto; min-width:1280px;  }
.submap { position:absolute; top:287px; right:0px; }

.sub0201 { background:url('/page_KR0/02_sub/images/0201.jpg')no-repeat 50% 0;background-size:cover;  }
.sub0201_01 { height:4720px; background:url('/page_KR0/02_sub/images/0201_01.jpg')no-repeat 50% 0; position:relative; width:100%; margin:0 auto; min-width:1280px;  }

.sub0201_02 { position:relative; width:1280px; margin: 0 auto; padding-top:400px; overflow:hidden; }
.sub0201_02 ul { float:left; position:relative; width:33.33333%; text-align:center; cursor:pointer; }
.sub0201_02 ul li.t2 { position:relative; width:276px; height:63px; font-size:24px; font-weight:700; color:#000000; line-height:63px; margin:0 auto; margin-top:30px; background:#ffffff; border-radius:50px; }
.sub0201_02 ul:hover li.t2 { background:#053b8c; color:#fff; transition:all 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0s; }

.sub0201_02 ul li.t3 { position:absolute; top:20px; left:5%; width:90%;  opacity:0; }
.sub0201_02 ul li.t3 div { position:absolute; width:100px; height:42px; background:#0056ae; color:#ffffff; border-radius:40px; font-size:17px; font-weight:500; line-height:42px; }
.sub0201_02 ul li.t3 div:nth-child(1) { top:52px; left:0px; }
.sub0201_02 ul li.t3 div:nth-child(2) { top:104px; left:0px; }
.sub0201_02 ul li.t3 div:nth-child(3) { top:156px; left:0px; }
.sub0201_02 ul li.t3 div:nth-child(4) { top:208px; left:0px; }
.sub0201_02 ul li.t3 div:nth-child(5) { top:52px; right:0px; }
.sub0201_02 ul li.t3 div:nth-child(6) { top:104px; right:0px; }
.sub0201_02 ul li.t3 div:nth-child(7) { top:156px; right:0px; }
.sub0201_02 ul li.t3 div:nth-child(8) { top:208px; right:0px; }

.sub0201_02 ul:hover li.t3 { opacity:1; transition:all 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0s; }


.sub0202 { background:url('/page_KR0/02_sub/images/0202.jpg')no-repeat 50% 0; background-size:cover;  }
.sub0202_01 { height:925px; background:url('/page_KR0/02_sub/images/0202_01.jpg')no-repeat 50% 0; position:relative; width:100%; margin:0 auto; min-width:1280px;  }
.sub0202_02 { height:943px; background:url('/page_KR0/02_sub/images/0202_02.jpg')no-repeat 50% 0; position:relative; width:100%; margin:0 auto; min-width:1280px;  }
.sub0202_03 { height:937px; background:url('/page_KR0/02_sub/images/0202_03.jpg')no-repeat 50% 0; position:relative; width:100%; margin:0 auto; min-width:1280px;  }
.sub0202_04 { height:2064px; background:url('/page_KR0/02_sub/images/0202_04.jpg')no-repeat 50% 0; position:relative; width:100%; margin:0 auto; min-width:1280px;  }


.sub0301 { background:url('/page_KR0/03_sub/images/0301.jpg')no-repeat 50% 0; background-size:cover;  }
.sub0301_01 { height:941px; background:url('/page_KR0/03_sub/images/0301_01.jpg')no-repeat 50% 0; position:relative; width:100%; margin:0 auto; min-width:1280px;  }
.sub0301_02 { height:927px; background:url('/page_KR0/03_sub/images/0301_02.jpg')no-repeat 50% 0; position:relative; width:100%; margin:0 auto; min-width:1280px;  }
.sub0301_03 { height:937px; background:url('/page_KR0/03_sub/images/0301_03.jpg')no-repeat 50% 0; position:relative; width:100%; margin:0 auto; min-width:1280px;  }
.sub0301_04 { height:2064px; background:url('/page_KR0/03_sub/images/0301_04.jpg')no-repeat 50% 0; position:relative; width:100%; margin:0 auto; min-width:1280px;  }
.sub0301_05 { height:1394px; background:url('/page_KR0/03_sub/images/0301_05.jpg')no-repeat 50% 0; position:relative; width:100%; margin:0 auto; min-width:1280px;  }

.sub0401 { background:url('/page_KR0/04_sub/images/0401.jpg')no-repeat 50% 0; background-size:cover;  }
.sub0401_01 { height:1990px; background:url('/page_KR0/04_sub/images/0401_01.jpg')no-repeat 50% 0; position:relative; width:100%; margin:0 auto; min-width:1280px;  }

.sub0501 { background:url('/page_KR0/05_sub/images/0501.jpg')no-repeat 50% 0; background-size:cover;  }
.sub0501_01 { height:2760px; background:url('/page_KR0/05_sub/images/0501_01.jpg')no-repeat 50% 0; position:relative; width:100%; margin:0 auto; min-width:1280px;  }

.sub0601 { background:url('/page_KR0/06_sub/images/0601.jpg')no-repeat 50% 0; background-size:cover;  }
.sub0602 { background:url('/page_KR0/06_sub/images/0602.jpg')no-repeat 50% 0; background-size:cover;  }
.sub0603 { background:url('/page_KR0/06_sub/images/0603.jpg')no-repeat 50% 0; background-size:cover;  }
.sub0601_01 { height:3855px; background:url('/page_KR0/06_sub/images/0601_01.jpg')no-repeat 50% 0; position:relative; width:100%; margin:0 auto; min-width:1280px;  }
.sub0602_01 { height:1422px; background:url('/page_KR0/06_sub/images/0602_01.jpg')no-repeat 50% 0; position:relative; width:100%; margin:0 auto; min-width:1280px;  }
.sub0603_01 { height:1789px; background:url('/page_KR0/06_sub/images/0603_01.jpg')no-repeat 50% 0; position:relative; width:100%; margin:0 auto; min-width:1280px;  }

.sub0701 { background:url('/page_KR0/07_sub/images/0701.jpg')no-repeat 50% 0; background-size:cover;  }
.sub0702 { background:url('/page_KR0/07_sub/images/0702.jpg')no-repeat 50% 0; background-size:cover;  }
.sub0703 { background:url('/page_KR0/07_sub/images/0703.jpg')no-repeat 50% 0; background-size:cover;  }
.sub0704 { background:url('/page_KR0/07_sub/images/0704.jpg')no-repeat 50% 0; background-size:cover;  }
.sub0701_01 { height:3329px; background:url('/page_KR0/07_sub/images/0701_01.jpg')no-repeat 50% 0; position:relative; width:100%; margin:0 auto; min-width:1280px;  }
.sub0702_01 { height:2476px; background:url('/page_KR0/07_sub/images/0702_01.jpg')no-repeat 50% 0; position:relative; width:100%; margin:0 auto; min-width:1280px;  }
.sub0703_01 { height:2477px; background:url('/page_KR0/07_sub/images/0703_01.jpg')no-repeat 50% 0; position:relative; width:100%; margin:0 auto; min-width:1280px;  }
.sub0704_01 { height:1837px; background:url('/page_KR0/07_sub/images/0704_01.jpg')no-repeat 50% 0; position:relative; width:100%; margin:0 auto; min-width:1280px;  }

.sub0801 { background:url('/page_KR0/08_sub/images/0801.jpg')no-repeat 50% 0; background-size:cover;  }
.sub0802 { background:url('/page_KR0/08_sub/images/0802.jpg')no-repeat 50% 0; background-size:cover;  }

.sub0901 { background:url('/page_KR0/09_sub/images/0901.jpg')no-repeat 50% 0; background-size:cover;  }
.sub0902 { background:url('/page_KR0/09_sub/images/0902.jpg')no-repeat 50% 0; background-size:cover;  }
.sub0903 { background:url('/page_KR0/09_sub/images/0903.jpg')no-repeat 50% 0; background-size:cover;  }
.sub0904 { background:url('/page_KR0/09_sub/images/0904.jpg')no-repeat 50% 0; background-size:cover;  }




#section6 { position:relative; width:100%; height:956px; background:url('/images/common/section6.jpg')no-repeat 50% 50%; background-size: cover; overflow:hidden; }
#section6 .bg {  position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/common/section6.jpg')no-repeat 50% 50%; background-size: cover; opacity:0; transition:all 1.5s cubic-bezier(0.85, 0, 0.15, 1) 0s; }
#section6 .maintxt { position:absolute; top:0px; left:0px; width:780px; height:100%; background:url('/images/common/txtbg.png')no-repeat 50% 50%; background-size: cover; overflow:hidden; }
#section6 .maintxt ul { position: absolute; top:50%; left:55%; transform: translate(-50%,-50%); width:520px; height:559px; }
#section6 .maintxt ul li.t1 { margin-bottom:30px; font-size:47px; font-weight:700; color:#ffffff; line-height:130%; }
#section6 .maintxt ul li.t2 { margin-top:16px; width:298px; height:59px; background:url('/images/common/txtbg.png')no-repeat 50% 50%; box-sizing:border-box; line-height:59px; padding-left:74px; font-size:18px; font-weight:500; color:#fff; }
#section6 .maintxt ul li.t3 { margin-top:30px; }

#section6.active .maintxt { animation: section3bg 0.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s; }
#section6.active .maintxt ul li.t1 { animation: maintxt3 0.4s cubic-bezier(0, 0.55, 0.45, 1) both 1.0s; }
#section6.active .maintxt ul li.t2 { animation: maintxt3 0.4s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s; }
#section6.active .bg {  opacity:1; transition:all 1.5s cubic-bezier(0.85, 0, 0.15, 1) 0.9s; animation: sectionbg 35s ease-out infinite 0.9s; }
#section6.active .maintxt ul li.t3 { animation: maintxt3 0.4s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s; }

@keyframes maintxt3 {
	0% { transform:translateY(80px); opacity:0; filter: blur(22px); }
	100% { transform:translateY(0px); opacity:1; filter: blur(0px); }
}

@keyframes section3bg {
	0% { width:0px; }
	100% { width:780px; }
}
@keyframes sectionbg {
  0% { transform: scale(1) translateY(0); transform-origin: 50% 50%; }
  50% { transform: scale(1.1) translateY(0); transform-origin: 50% 50%; }
  100% { transform: scale(1) translateY(0); transform-origin: 50% 50%; }
}

#section5 { position:relative; width:100%; height:956px; background-image: url(/images/common/section5.jpg); background-size: cover; background-attachment: fixed; }
#section5 ul { position:absolute; top:54%; left:50%; transform:translate(-50%,-50%); width:1430px; margin:0 auto; text-align:center; }
#section5 ul .t1 { font-size:26px; font-weight:500; color:#ffffff; letter-spacing:-1px; line-height:100%; }
#section5 ul .t2 { font-family: 'ROKAFSlabSerifMedium'; font-size:48px; color:#ffffff; letter-spacing:-1px; line-height:100%; margin-top:20px; }
#section5 ul .t2 span { color:#00c2e6; }
#section5 ul .t3 { margin-top:70px; }

#section5.active ul .t1 { animation: maintxt3 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s; }
#section5.active ul .t2 { animation: maintxt3 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.8s; }
#section5.active ul .t3 { animation: maintxt3 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 1.1s; }

#section7 { position:relative; width:100%; height:956px;  }
#section9 { position:relative; width:100%; height:956px;  }






























.subsize2 { position:relative; width:50%; padding:80px 0; margin:0 auto; box-sizing:border-box; }
.sub0803 { position:relative; width:720px; margin:0 auto; overflow:hidden; }
.sub0803 p { font-size:30px; font-weight:700; color:#000; line-height:1; padding-bottom:30px;  }
.sub0803 ul li label { font-size:0px; display:none; }
.sub0803 ul li.name input { width:100%; height:86px; border:1px solid #000; padding:0 35px; margin-bottom:16px; font-size:20px; font-weight:700; color:#2a2a2a; }
.sub0803 ul li.phone input { width:100%; height:86px; border:1px solid #000; padding:0 35px; margin-bottom:16px; font-size:20px; font-weight:700; color:#2a2a2a; }

.sub0803 ul li.contentinput textarea { width:100%; height:186px; border:1px solid #000; padding:35px; margin-bottom:16px; font-size:17px; font-weight:300; color:#c8c8c8; font-family: 'Noto Sans KR', sans-serif; }
.sub0803 ul li.subject2 { width:100%; height:86px; border:1px solid #000; padding:0 35px; margin-bottom:16px; box-sizing:border-box; }
.sub0803 ul li div.subject2left { float:left; width:134px; line-height:84px; font-size:20px; font-weight:700; color:#2a2a2a; }
.sub0803 ul li div.subject2right { display:block; float:left; width:400px; height:84px;line-height:84px; }
.sub0803 ul li div.subject2right input { width:18px; height:18px; }
.sub0803 ul li div.subject2right span { display:block; float:left; width:70px; height:84px; vertical-align:middle; }
.sub0803 ul li div.subject2right span label {  display:inline-block; padding-left:4px; font-size:17px; color:#2a2a2a; font-weight:400; vertical-align:middle; }

.sub0803 ul li.fpv { width:100%; font-size:17px; color:#2a2a2a; font-weight:400; text-align:right; }
.sub0803 ul li.fpv input[id="check11"] {
display: none;
}
.sub0803 ul li.fpv input[id="check11"] + label {
display: inline-block;
width: 24px;
height: 24px;
border: 0px solid #bcbcbc;
background:#e1e1e1;
cursor: pointer;
border-radius:100%;
margin-right:8px;
 vertical-align: middle;
}
.sub0803 ul li.fpv input[id="check11"]:checked + label {
background-color: #000;
}
.sub0803 ul li.submitbt input { width:100%; height:86px; margin-top:50px; border:1px solid #053b8c; background:#053b8c; border:0px; font-size:28px; font-weight:700; color:#fff; font-family: 'Noto Sans KR', sans-serif; }

.sub0803 ul li input::placeholder { color:#2a2a2a; }