body {  min-width:1280px; }

header {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 85px;
    z-index: 10;
    border-bottom: 1px solid rgba(255, 255, 255, 10%);
    box-sizing: border-box;
}



#subvisual { position:relative; width:100%; height:700px; margin-bottom:120px; background:url(/page_KR0/04_sub/images/04.jpg)no-repeat 50% bottom; background-size:cover; }
#subvisual .introtxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1090px; height:200px; text-align:center; animation: fadeup3 1.4s cubic-bezier(0.25, 1, 0.5, 1) both 0.5s; }
#subvisual .introtxt li.t1 { width:87px; height:87px; margin:0 auto; background:url('/images/main/intrologo.png')no-repeat 0 50%;  background-size:87px; }
#subvisual .introtxt li.t2 { margin-top:40px; font-family: 'Minerva Modern'; font-size:52px; font-weight:700; color:#464646; line-height:100%; letter-spacing:1px; }

#subvisual .introtxt2 { position:absolute; top:690px; left:50%; transform:translate(-50%,-50%); width:145px; height:145px; }
#subvisual .introtxt2 li.t1 { position:absolute; animation: rotate_image 56s linear infinite; transform-origin: 50% 50%; top:0px; left:0px; width:145px; height:145px; }
#subvisual .introtxt2 li.t2 { position:relative; width:145px; height:145px; }

@keyframes fadeup3 {
  0% { top:40%; opacity:0; filter: blur(6px); }
  100% { top:50%; opacity:1; filter: blur(0px);  }
}




#footer { margin-top:100px; }


.sub01 { position:relative; width:100%; height:7929px; min-width:1280px; background:url(/page_KR0/01_sub/images/01.jpg)no-repeat 50% 0; }


.sub02_1 { position:relative; width:100%; padding-top:120px; }
.sub02_2 { position:relative; width:100%; padding-top:120px; }
.sub02_3 { position:relative; width:100%; padding-top:120px; }



.sub0201_1 { position:relative; width:100%; max-width:1400px; margin:0 auto; }
.sub0201_2 { position:relative; width:100%; max-width:1400px; height:607px; margin:0 auto; }
.sub0201_2 .t1 { position:absolute; top:70px; left:60px; width:35%; font-size:31px; font-weight:700; color:#272727; line-height:130%; }
.sub0201_2 .t2 { position:absolute; top:246px; left:618px; width:50%; font-size:18px; font-weight:300; color:#464646; line-height:160%; }

.sub0201_3 { position:relative; width:100%; height:1356px; box-sizing:border-box; padding-top:140px; background:url(/page_KR0/02_sub/images/0201_3.jpg)no-repeat 50% bottom; }
.sub0201_3 .divcenter { position:relative; width:100%; max-width:1400px; height:1456px; margin:0 auto; }
.sub0201_3 ul.txt1 { position:absolute; top:20px; left:60px; width:42%; }
.sub0201_3 ul .t1 { font-size:31px; font-weight:700; color:#272727; line-height:130%; }
.sub0201_3 ul .t2 { margin-top:10px; font-size:17px; font-weight:300; color:#464646; line-height:160%; }
.sub0201_3 div { position:absolute; top:0px; right:5%; width:443px; }

.sub0201_3 ul.txt2 { position:absolute; top:710px; left:666px; width:46%; }

.sub0201_4 { position:relative; width:100%; height:3364px; padding-top:160px; box-sizing:border-box; background:#f5f5f5; }
.sub0201_4 .imgs01 { position:relative; width:100%; max-width:1650px; margin:0 auto; background:#ffffff; padding:5% 5%; box-sizing:border-box; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub0201_4 .imgs01 ul { width:33.333%; height:579px; border-right:1px solid #d7d7d7; box-sizing:border-box; }
.sub0201_4 .imgs01 ul:nth-child(3) { border-right:0px; }
.sub0201_4 .imgs01 ul .t1 { width:100%; max-width:335px; margin:0 auto; }
.sub0201_4 .imgs01 ul .t2 { width:100%; max-width:335px; margin:0 auto; margin-top:30px; font-size:16px; font-weight:600; color:#464646; line-height:100%; }
.sub0201_4 .imgs01 ul .t3 { width:100%; max-width:335px;; margin:0 auto; margin-top:8px; font-size:16px; font-weight:300; color:#464646; line-height:140%; }

.sub0201_4 .imgs02 { position:relative; width:1280px; margin:0 auto; padding-top:30px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; }
.sub0201_4 .imgs02 ul { width:25%; height:437px; margin-bottom:80px; border-right:1px solid #d7d7d7; box-sizing:border-box; }
.sub0201_4 .imgs02 ul:nth-child(4n) { border-right:0px; }
.sub0201_4 .imgs02 ul .t1 { width:100%; max-width:274px; margin:0 auto; }
.sub0201_4 .imgs02 ul .t2 { width:100%; max-width:274px; margin:0 auto; margin-top:20px; font-size:16px; font-weight:400; color:#464646; line-height:140%; }



.sub0202_01 { position:relative; width:100%; padding-bottom:160px; background:#ffffff; }
.sub0202_01 .divcenter { position:relative; width:100%; max-width:1560px; margin:0 auto; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub0202_01 .divcenter div.imgs { position:relative; width:50%; }
.sub0202_01 .divcenter div.imgs img { width:100%; }
.sub0202_01 .divcenter .txtwrap { position:relative; width:50%; box-sizing:border-box; padding-left:5%; }
.sub0202_01 .divcenter .txtwrap ul { position:absolute; top:100px; left:10%; width:90%; }
.sub0202_01 .divcenter .txtwrap ul li.t1 { font-size:26px; font-weight:700; color:#272727; line-height:130%; }
.sub0202_01 .divcenter .txtwrap ul li.t2 { margin-top:22px; width:80%; font-size:17px; font-weight:300; color:#464646; line-height:150%; }








.subtab1 { position:relative; width:490px; height:30px; margin:0 auto; margin-top:60px; }
.subtab1 ul li { float:left; position:relative; cursor:pointer; margin-right:24px; padding-right:24px; border-right:1px solid #c6c6c6; height:20px; line-height:20px; text-align:center; font-size:23px; font-weight:600; color:#8f8f8f; box-sizing:border-box; }
.subtab1 ul li:nth-child(3) { padding-right:0px; margin-right:0px; border-right:0px solid #c6c6c6; }
.subtab1 ul li.active,.subtab1 ul li:hover { color:#000000; }

.subbox { display:none; position:relative; width:100%; margin:0 auto; }
.subbox.active { display:block; }





.sub01_01 { position:relative; width:1060px; margin:0 auto; padding-top:150px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub01_01 ul { text-align:center; }
.sub01_01 .txt1 { padding-left:80px; }
.sub01_01 .txt1 li:nth-child(1) { font-family: 'Minerva Modern'; font-size:75px; font-weight:700; color:#464646; line-height:100%; letter-spacing:1px; }
.sub01_01 .txt1 li:nth-child(2) { margin-top:10px; font-size:25px; font-weight:700; color:#464646; line-height:100%; }
.sub01_01 .txt2 li:nth-child(1) { font-size:30px; font-weight:600; color:#464646; line-height:100%;padding-top:25px; }
.sub01_01 .txt3 li:nth-child(1) { font-family: 'Minerva Modern'; font-size:75px; font-weight:700; color:#464646; line-height:100%; letter-spacing:1px; }
.sub01_01 .txt3 li:nth-child(2) { margin-top:10px; font-size:25px; font-weight:700; color:#464646; line-height:100%; }

.sub01_02 { position:relative; width:100%; padding-top:150px; text-align:center; background:url(/page_KR0/01_sub/images/01_02.jpg)no-repeat 50% bottom; }
.sub01_02 .divcenter { position:relative; width:100%; max-width:1200px; margin:0 auto; }
.sub01_02 .subimg1 { width:706px; margin:0 auto; }
.subtitle1 { font-size:28px; font-weight:700; color:#414141; line-height:140%; letter-spacing:-1px; }
.subtitle2 { font-size:38px; font-weight:700; color:#464646; line-height:130%; letter-spacing:-1px; }

.subtitle3 { font-size:42px; font-weight:700; color:#464646; line-height:130%; width:100%; margin-bottom:30px; text-align:center; }


.subcon1 { font-size:20px; font-weight:500; color:#727272; line-height:150%; }



.sub01_03 { position:relative; width:100%; height:500px; padding-top:150px; background:#f9f9f9; }
.sub01_03 .divcenter { position:relative; width:100%; max-width:1400px; margin:0 auto; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub01_03 ul { height:157px; box-sizing:border-box; padding-left:3%; padding-top:82px; border-left:1px solid #d0d0d0; }
.sub01_03 ul li.t1 { font-family: 'Minerva Modern'; font-size:28px; font-weight:700; color:#464646; line-height:100%; }
.sub01_03 ul li.t2 { font-size:19px; font-weight:400; color:#616161; line-height:130%; margin-top:10px;}
.sub01_03 ul.txt1 { background:url(/page_KR0/01_sub/images/01_03img1.jpg)no-repeat 15% 0; }
.sub01_03 ul.txt2 { background:url(/page_KR0/01_sub/images/01_03img2.jpg)no-repeat 15% 0; }
.sub01_03 ul.txt3 { background:url(/page_KR0/01_sub/images/01_03img3.jpg)no-repeat 15% 0; }
.sub01_03 ul.txt4 { background:url(/page_KR0/01_sub/images/01_03img4.jpg)no-repeat 15% 0; }



.sub01_04 { position:relative; width:100%; padding-bottom:160px; background:#f9f9f9; }
.sub01_04 .divcenter { position:relative; width:100%; max-width:1560px; margin:0 auto; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub01_04 .divcenter div.imgs { position:relative; width:50%; }
.sub01_04 .divcenter div.imgs img { width:100%; }
.sub01_04 .divcenter .txtwrap { position:relative; width:50%; box-sizing:border-box; padding-left:5%; }
.sub01_04 .divcenter .txtwrap ul { position:absolute; bottom:12%; left:10%; width:90%; }
.sub01_04 .divcenter .txtwrap ul li.t1 { font-family: 'Minerva Modern'; font-size:44px; font-weight:700; color:#464646; line-height:100%; }
.sub01_04 .divcenter .txtwrap ul li.t2 { margin-top:14px; font-size:27px; font-weight:600; color:#505050; line-height:100%; }
.sub01_04 .divcenter .txtwrap ul li.t3 { margin-top:22px; font-size:21px; font-weight:400; color:#8b8a8a; line-height:140%; }