header { position:relative; top:0px; left:0px; width:100%; height:97px; z-index:10; border-bottom:1px solid #d7d9d8; animation: opa 1.2s cubic-bezier(0.25, 1, 0.5, 1) both 0s; }

header #logo { top:28px; left:34px; }
header #logo a { filter: grayscale(100%) brightness(0); }

header #allmenubt { position:absolute; top:14px; right:34px; width:66px; height:66px; border-radius:100%; cursor:pointer; transition:all 0.3s ease-in-out ;}
header #allmenubt span  { filter: grayscale(100%) brightness(0); }
header #allmenubt  {  }
header #lang { position:absolute; top:36px; right:146px; width:78px; height:28px; transition:all 0.3s ease-in-out ;}
header .linktop { position:absolute; top:36px; right:146px; width:103px; height:27px; border:1px solid #000; border-radius:50px; box-sizing:border-box; text-align:center; line-height:27px; font-size:16px; font-weight:600; color:#000; }

#gnb { position:absolute; top:40px; left:47%; transform:translateX(-50%); width:720px; display: flex; flex-direction: row; align-content: flex-start; justify-content: space-between; z-index:10; }
nav li.dt1menu a.dt1a { padding-bottom:31px; font-size:21px; font-family: 'Pretendard'; font-weight:600; color:#000000; }


.noticetitle1 { position:relative; width:100%; max-width:1280px; margin:0 auto; padding-top:160px; font-size:48px; font-weight:700; color:#333333; }
.noticetitle2 { position:relative; width:100%; max-width:1280px; margin:0 auto; padding-top:30px; font-size:22px; font-weight:500; line-height:160%; color:#333333; }

.subtitleview { position:relative; width:100%; max-width:1280px; margin:0 auto; text-align:center; padding-top:80px; }
.subtitleview p:nth-child(1) { font-size:29px; font-weight:700; color:#000000; }
.subtitleview p:nth-child(2) { width:1px; height:42px; background:#c9cdcb; margin:0 auto; margin-top:30px; }

.sub0101txt { position:relative; width:100%; max-width:1280px; margin:0 auto; text-align:center; padding-top:80px; }
.sub0101txt p:nth-child(1) { font-size:29px; font-weight:700; color:#000000; }
.sub0101txt p:nth-child(2) { width:1px; height:42px; background:#c9cdcb; margin:0 auto; margin-top:30px; }
.sub0101txt p:nth-child(3) { margin-top:20px; font-size:21px; font-weight:400; color:#242424; line-height:150%; }
.sub0101txt p:nth-child(4) { margin-top:30px; font-size:46px; font-weight:700; color:#222222; }

.sub0102txt { position:relative; width:100%; max-width:1280px; margin:0 auto; text-align:center; padding-top:80px; }
.sub0102txt p:nth-child(1) { margin-top:30px; font-size:46px; font-weight:700; color:#222222; }
.sub0102txt p:nth-child(2) { margin-top:20px; font-size:21px; font-weight:400; color:#242424; line-height:150%; }

.sub0103txt { position:relative; width:100%; max-width:1280px; margin:0 auto; text-align:center; padding-top:60px; }
.sub0103txt li:nth-child(1) { font-size:36px; font-weight:700; color:#222222; line-height:130%; }
.sub0103txt li:nth-child(2) { width:154px; height:35px; margin:0 auto; border-radius:50px; margin-top:20px; border:1px solid #000000; box-sizing:border-box; text-align:center; font-size:21px; font-weight:500; color:#303026; line-height:33px; }
.sub0103txt li:nth-child(3) { margin-top:30px; font-size:21px; font-weight:400; color:#242424; line-height:150%; }

.history { position:relative; width:100%; max-width:1200px; margin:0 auto; overflow:hidden; margin-top:60px; padding-bottom:140px; display:flex; }
.history div.imgs { position:relative; width:46%; }
.history div.imgs div:nth-child(1) { width:100%; }
.history div.imgs div:nth-child(1) img { width:100%; }
.history div.imgs div:nth-child(2) { width:100%; margin-top:20px; text-align:center; font-size:18px; font-weight:400; color:#636363; }
.history div.imgs div:nth-child(2) span { padding-left:10px; font-weight:700; color:#111111; }
.history div.historytxt { position:relative; width:54%; padding-left:4%; box-sizing:border-box; }
.history div.historytxt ul li { position:relative; width:100%; padding-left:84px; box-sizing:border-box; margin-bottom:13px; font-size:16px; font-weight:400; line-height:130%; color:#636363; }
.history div.historytxt ul li span { display:block; position:absolute; top:0px; left:0px; width:84px; font-weight:700; color:#111111; }

.sub0103_1_1 { position:relative; width:100%; background:#f8f8f8; }
.sub0103_1_1 .subtxt { position:relative; width:100%; max-width:1280px; margin:0 auto; text-align:center; padding-top:130px; }
.sub0103_1_1 .subtxt li:nth-child(1) { margin-top:30px; font-size:46px; font-weight:700; color:#222222; }
.sub0103_1_1 .subtxt li:nth-child(2) { margin-top:30px; font-size:20px; font-weight:400; color:#111111; line-height:160%; opacity:60%; }

.sub0103_1_1 .sub0103con { position:relative; width:1380px; margin:0 auto; display:flex; flex-wrap:wrap; overflow:hidden; padding-top:80px; }
.sub0103_1_1 .sub0103con ul { width:23%; height:437px; padding:0px 1% 0px 1%; margin-bottom:56px; border-right:1px solid #dadada; box-sizing:border-box; }
.sub0103_1_1 .sub0103con ul:nth-child(4n) { border-right:0px; }
.sub0103_1_1 .sub0103con ul li:nth-child(1) { width:274px; margin:0 auto; }
.sub0103_1_1 .sub0103con ul li:nth-child(1) img { width:100%; }
.sub0103_1_1 .sub0103con ul li:nth-child(2) { width:100%; text-align:center; margin-top:30px; font-size:16px; font-weight:600; color:#464646; }


.sub0101 { position:relative; width:100%; min-width:1280px; height:748px; background:url(/page_KR0/01_sub/images/0101.jpg)no-repeat 50% 0; }
.sub0101_01 { position:relative; width:100%; max-width:1404px; margin:0 auto; margin-top:89px; height:587px; background:url(/page_KR0/01_sub/images/0101_01.jpg)no-repeat right 0; }
.sub0101_01 div { position:relative; width:654px; font-size:21px; font-weight:500; color:#242424; line-height:180%; padding-top:104px; }
.sub0101_02 { position:relative; width:100%; max-width:1404px; margin:0 auto; margin-top:89px; height:587px; background:url(/page_KR0/01_sub/images/0101_02.jpg)no-repeat left 0; overflow:hidden; }
.sub0101_02 div { float:right; position:relative; width:654px; font-size:21px; font-weight:500; color:#242424; line-height:180%; padding-top:52px; }
.sub0101_02 div span { display:block; font-size:21.5px; font-weight:700; color:#000000; padding-top:60px; }

.sub0102 { position:relative; width:100%; min-width:1280px; height:1340px; background:url(/page_KR0/01_sub/images/0102.jpg)no-repeat 50% bottom; background-size:cover; }
.sub0102con { position:relative; width:978px; margin:0 auto; margin-top:92px; display:flex; flex-wrap:wrap; }
.sub0102con ul { position:relative; width:48%; height:519px; border-radius:16px; padding:340px 0px 0px 54px; box-sizing:border-box; overflow:hidden; }
.sub0102con ul:nth-child(1) { margin-right:4%; margin-bottom:4%; background:url(/page_KR0/01_sub/images/0102img1.jpg)no-repeat 50% 0; background-size:cover; }
.sub0102con ul:nth-child(2) { margin-bottom:4%; background:url(/page_KR0/01_sub/images/0102img2.jpg)no-repeat 50% 0; background-size:cover; }
.sub0102con ul:nth-child(3) { margin-right:4%; background:url(/page_KR0/01_sub/images/0102img3.jpg)no-repeat 50% 0; background-size:cover; }
.sub0102con ul:nth-child(4) { background:url(/page_KR0/01_sub/images/0102img4.jpg)no-repeat 50% 0; background-size:cover; }
.sub0102con ul li:nth-child(1) { font-size:24px; font-weight:700; color:#ffffff; line-height:100%; }
.sub0102con ul li:nth-child(2) { margin-top:14px; font-size:18px; font-weight:400; color:#ffffff; line-height:130%; }

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


.sub0104 { position:relative; width:100%; margin-top:50px; }
.sub0104_01 { position:relative; width:297px; margin:0 auto; margin-top:30px; }

.sub0104 .boxcon { position:relative; width:100%; max-width:1410px; margin:0 auto; padding:70px; margin-bottom:60px; border:1px solid #dcdcdc; box-sizing:border-box; display:flex; justify-content: space-between; }
.sub0104 .boxcon div.imgs { width:28%; }
.sub0104 .boxcon div.imgs img { width:100%; }
.sub0104 .boxcon ul { width:66%; }
.sub0104 .boxcon ul li:nth-child(1) { width:57px; height:1px; background:#245e67; }
.sub0104 .boxcon ul li:nth-child(2) { margin-top:18px; font-size:29px; font-weight:700; color:#212529; }
.sub0104 .boxcon ul li:nth-child(3) { margin-top:20px; font-size:17px; font-weight:400; color:#616161; line-height:150%; }


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


.sub0103tab { position:relative; width:900px; height:66px; margin:0 auto; margin-top:40px; }
.sub0103line { position:absolute; top:48px; left:50px; width:800px; height:2px; background:#e3e3e3; }
.sub0103tab ul li { position:absolute; top:0px; left:0px; width:116px; height:66px; text-align:center; cursor:pointer; font-size:19px; color:#7c7c7c; font-weight:600; }
.sub0103tab ul li span { display:block; position:absolute; top:44px; left:50px; width:10px; height:10px; border-radius:100%; background:#d7d7d7; box-sizing:border-box; }
.sub0103tab ul li:nth-child(2) { left:270px; }
.sub0103tab ul li:nth-child(3) { left:550px; }
.sub0103tab ul li:nth-child(4) { left:800px; }
.sub0103tab ul li.active { color:#1f1d25; }
.sub0103tab ul li.active span { display:block; position:absolute; top:36px; left:44px; width:26px; height:26px; border-radius:100%; border:9px solid #37372e; background:#ffffff; }
.subbox2 { display:none; }
.subbox2.active { display:block; }

#sub0103_1 { position:relative; width:100%; min-width:1280px;  }
#sub0103_2 { position:relative; width:100%; min-width:1280px;  }
#sub0103_3 { position:relative; width:100%; min-width:1280px;  }
#sub0103_4 { position:relative; width:100%; min-width:1280px; }


.sub0106 { position:relative; width:100%; max-width:1410px; margin:0 auto; margin-top:68px; margin-bottom:100px; overflow:hidden; display:flex; justify-content: space-between; }
.sub0106 .sub0106tab { position:relative; width:48%; height:638px; }
.sub0106 .sub0106tab ul { position:relative; width:100%; height:22.8%; margin-bottom:2.6666666666666667%; padding-top:46px; padding-left:158px; border:1px solid #d0d0d0; border-radius:12px; box-sizing:border-box; cursor:pointer; }
.sub0106 .sub0106tab ul:nth-child(4) { margin-bottom:0px; }
.sub0106 .sub0106tab ul li.title { position:absolute; top:46px; left:40px; width:140px; font-size:17px; font-weight:700; color:#000000; }
.sub0106 .sub0106tab ul li.subadd  { min-height:24px; font-size:15px; font-weight:600; color:#212529; padding-top:3px; padding-left:22px; background:url(/page_KR0/01_sub/images/mapicon1.png)no-repeat 0 0; box-sizing:border-box; }
.sub0106 .sub0106tab ul li.subphone  { margin-top:10px; font-size:16px; font-weight:600; color:#212529; padding-left:22px; background:url(/page_KR0/01_sub/images/mapicon2.png)no-repeat 0 50%; box-sizing:border-box; }
.sub0106 .sub0106tab ul.active { border:1px solid #000000; }

.sub0106 #sub0106map { position:relative; width:48%; height:638px; overflow:hidden; }

.subbox { position:absolute; top:0px; left:0px; width:100%; height:638px; opacity:0; z-index:0; }
.subbox.active { opacity:1; z-index:1; }


footer { margin-top:0px; }