body img { max-width:100%; }

.pop_wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 350; }
.pop_wrap .rollpop { position:absolute; top:50%; left:50%; width:900px; transform:translate(-50%,-50%); }
.pop_wrap .popview { position:relative; width:900px; background:#000000; overflow:hidden; }
.pop_wrap .popview img { width:100%; }
.popFadeImg { position:relative; width:100%; }

.poptxtbt { position:relative; width:100%; height:60px; background:#ffffff; overflow:hidden; }
.poptxtbt ul { display:flex; flex-grow: 1; }
.poptxtbt ul li.swiper-slide { cursor:pointer; flex: 1 1 auto; position:relative; width:auto !important; font-size:16px; font-weight:700; color:#000000; line-height:60px; background:#ffffff; text-align:center; }
.poptxtbt ul li.swiper-slide.swiper-slide-thumb-active { background:#161616; color:#ffffff; }


.close_bt { position:relative; width:100%; overflow: hidden; height:40px; z-index:2; box-sizing:border-box; padding:0 14px; background:#000000; display:flex; justify-content: space-between; align-items: center; }
.close_bt input { width:112px; height:14px; box-sizing: border-box; }
.close_bt a { display:block; width: 22px; overflow: hidden; }
.close_bt a img { width:18px; }



#newheader { position:relative; top:0px; left:0px; width:100%; min-width:1456px; height:84px; background:#ffffff; z-index:10; }
#newheader #logo { position:absolute; top:24px; left:65px; width:102px; }

#newgnb { position:absolute; top:29px; left:202px; display:flex; }
#newgnb ul { display:flex; }
#newgnb li { margin-right:60px; }
#newgnb li a.topmenua1 { font-size:18px; font-weight:600; color:#161616; }
#newgnb li a.topmenua1:hover { color:#026137; }


#newheader ul.util { position:absolute; top:30px; right:30px; }
#newheader ul.util li { float:left; margin-left:10px; margin-right:10px; font-size:14px; font-weight:600; color:#161616; }
#newheader ul.util li a { color:#161616; }
#newheader .lang span { font-size:10px; }
#newheader .util .landrop { position:absolute; right:170px; top:43px;  width:104px; padding:10px 0 ; background:#fff; border:1px solid #ccc; box-sizing:border-box; display:none; transition:all 0.3s ease-in-out ; z-index:51; }
#newheader .util .landrop li {margin-bottom:5px; }
#newheader .util .landrop li a img {width:100px;}
#newheader ul.util .landrop li {margin-left: 0px;}


#gnbdropwrap{ position: absolute; top:84px;  width:100%; margin:0 auto; border-top:1px solid #e5e5e5; background:#fff; z-index:50; }
#gnbdrop { position:relative; width:1370px; height:340px;  padding-left:182px; }
#gnbdrop ul li {  }
#gnbdrop ul li a{ display:block; font-size:14px; padding: 5px 0 5px 3px; color:#000; margin-left:10px; letter-spacing:-0.8px; }
#gnbdrop ul li a:hover{color:#00512d;}

#gnbdrop .ddzxc { float:left; box-sizing:border-box; height:340px; border-left:1px solid #e5e5e5; padding-left:1px; padding-top:26px;  } 

.drop01 { width:138px; }
.drop02 { width:128px; }
.drop03 { width:148px; }
.drop04 { width:120px; }
.drop05 { width:120px; }
.drop06 { width:134px; }
.drop07 { width:168px; }
.drop08 { width:138px; }
.drop09 { width:128px; }
.drop10 { width:128px; border-right:1px solid #e5e5e5; }

@media all and (max-width:1842px){

#newgnb li { margin-right:40px; }
#gnbdrop ul li a{ font-size:13px; padding: 5px 0 5px 3px; }
.drop01 { width:108px; }
.drop02 { width:118px; }
.drop03 { width:140px; }
.drop04 { width:92px; }
.drop05 { width:106px; }
.drop06 { width:110px; }
.drop07 { width:148px; }
.drop08 { width:108px; }
.drop09 { width:118px; }
.drop10 { width:100px; border-right:1px solid #e5e5e5; }

}

@media all and (max-width:1656px){

#newheader #logo { position:absolute; top:24px; left:25px; width:102px; }
#newheader ul.util { position:absolute; top:30px; right:10px; }
#newgnb li a.topmenua1 { font-size:16px; font-weight:600; color:#161616; }
#newgnb { left:156px; }
#newgnb li { margin-right:34px; }
#gnbdrop { padding-left:142px; }
#gnbdrop ul li a{ font-size:12px; padding: 5px 0 5px 2px; margin-left:4px; }
.drop01 { width:98px; }
.drop02 { width:98px; }
.drop03 { width:120px; }
.drop04 { width:82px; }
.drop05 { width:86px; }
.drop06 { width:96px; }
.drop07 { width:138px; }
.drop08 { width:98px; }
.drop09 { width:108px; }

}




#gnbdrop ul:hover { background:#00512d; }
#gnbdrop ul:hover li a { color:#fff !important; }
.drop01.active { background:#00512d;  }
.drop02.active { background:#00512d;  }
.drop03.active { background:#00512d;  }
.drop04.active { background:#00512d;  }
.drop05.active { background:#00512d;  }
.drop06.active { background:#00512d;  }
.drop07.active { background:#00512d;  }
.drop08.active { background:#00512d;  }
.drop09.active { background:#00512d;  }
#gnbdrop ul.active li a { color:#fff !important; }



#main_intro { position:relative; width:100%; height:858px; overflow:hidden; background:#ffffff; z-index:0; }
#main_intro .mainslide { position:relative; width:100%; height:100%; }

#main_intro #ms01 { position:relative; width:100%; height:100%; background:url('/images/main/ms01.jpg')no-repeat 50% 50%; }
#main_intro #ms02 { position:relative; width:100%; height:100%; background:url('/images/main/ms02.jpg')no-repeat 50% 50%; }
#main_intro #ms03 { position:relative; width:100%; height:100%; background:url('/images/main/ms03.jpg')no-repeat 50% 50%; }
#main_intro #ms04 { position:relative; width:100%; height:100%; background:url('/images/main/ms04.jpg')no-repeat 50% 50%; }
#main_intro a { display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; }

#main_intro .mainslidebt { position:absolute; bottom:50px; left:50%; transform:translateX(-50%); display:flex; justify-content: center; z-index:2; }
#main_intro .mainslidebt .swiper-pagination-bullet { display:block; width:16px; height:16px; opacity:100%; border-radius:100%; background:#dedede; cursor:pointer; }
#main_intro .mainslidebt .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#111111; }


#mainbanner { position:relative; width:100%; display:flex; overflow:hidden; }
#mainbanner ul { display:block; position:relative; width:25%; overflow:hidden; }
#mainbanner ul li:nth-child(1) { width:100%; transform:scale(1); }
#mainbanner ul li:nth-child(1) img { display:block; width:100%; }
#mainbanner ul li:nth-child(2) { position:absolute; top:18%; left:8%; }
#mainbanner ul li:nth-child(2) span:nth-child(1) { display:block; font-size:1.7vw; font-weight:700; color:#161616;  }
#mainbanner ul li:nth-child(2) span:nth-child(2) { display:block; font-size:1vw; font-weight:400; color:#7c7c7c; margin-top:6px; }
#mainbanner ul:hover li:nth-child(1) { transform:scale(1.1); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0s; }


#main_event { position:relative; width:100%; height:855px; background:url('/images/main/mainevent.jpg')no-repeat 50% 0; }
#main_event a { display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; }

#main02 { position:relative; width:100%; height:900px; }
#main02 .title { position:relative; width:100%; max-width:1484px; margin:0 auto; padding-top:220px; }
#main02 .title img { display:block; width:600px; }

#main02 .main02slidewrap { position:relative; width:100%; max-width:1484px; margin:0 auto; margin-top:68px; }
#main02 .main02slide { position:relative; width:100%; max-width:1484px; margin:0 auto; overflow:hidden; }
#main02 .main02slide .swiper-slide { overflow:hidden; }
#main02 .main02slide img { transform:scale(1); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main02 .main02slide img:hover { transform:scale(1.1); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0s; }

#main02 .main02slidebt { position:relative; width:100%; max-width:1484px; margin:0 auto; margin-top:40px; }
#main02 .main02slidebt .t1 { width:100%; font-size:30px; font-weight:700; color:#241f1f; letter-spacing:-1px; }
#main02 .main02slidebt .t2 { width:60%; padding-top:15px; color:#7c7c7c; font-size:21px; line-height:1; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden;}

#main02 .main02slidebt .swiper-slide { opacity:0 !important; }
#main02 .main02slidebt .swiper-slide.swiper-slide-active { opacity:1 !important; }

#main02 .main02left { position:absolute; top:120px; left:-40px; cursor:pointer; }
#main02 .main02right { position:absolute; top:120px; right:-40px; cursor:pointer; }




#main03 { position:relative; width:100%; height:814px; background:#161616; padding-top:122px; box-sizing:border-box; overflow:hidden; }
#main03 .title { position:relative; width:100%; max-width:1484px; margin:0 auto; font-size:36px; font-weight:300; color:#ffffff; background:url('/images/main/main03icon.png')no-repeat 0 50%; }
#main03 .title span { font-weight:700; padding-left:60px; letter-spacing:6px; }

#main03 .mainyoutube { position:relative; width:100%; max-width:1484px; margin:0 auto; margin-top:70px; display:flex; justify-content: space-between; }
#main03 .mainyoutube div.vodview { position:relative; width:49%; height:0px; padding-top:27.5%; }
#main03 .mainyoutube div.vodview iframe { display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; }



#main04 { position:relative; width:100%; height:752px; background:#ffffff; padding-top:126px; box-sizing:border-box; overflow:hidden; }
#main04 .title { position:relative; width:100%; max-width:1484px; margin:0 auto; font-size:36px; font-weight:300; color:#171717; background:url('/images/main/main04icon.png')no-repeat 0 50%; }
#main04 .title span { font-weight:700; padding-left:60px; letter-spacing:6px; }

#main04 .maininstawrap { position:relative; width:100%; max-width:1484px; margin:0 auto; margin-top:68px; }
#main04 .maininsta { position:relative; width:100%; max-width:1484px; margin:0 auto; overflow:hidden; }

#main04 .main04left { position:absolute; top:120px; left:-40px; cursor:pointer; }
#main04 .main04right { position:absolute; top:120px; right:-40px; cursor:pointer; }






#footer2 { width:100%; margin-top:20px; background:#212121;overflow:hidden;  }
#footer2 p.title { position:relative; width:100%; max-width:1484px; padding-top:146px; margin:0 auto; }
#footer2 p.title img { width:600px; }
#footer2 .footer_01 { position:relative; width:100%; max-width:1484px; margin:0 auto; overflow:hidden; display:flex; justify-content: space-between; }
#footer2 .footer { position:relative; width:52%;}
#footer2 .foot_map { position:relative; width:44%; margin-top:100px; }
#footer2 .foot_map .cont { display:none; }
#footer2 .foot_cs { position:relative; width:100%; }
#footer2 .foot_cs li.title {  width:100%; margin-top:40px; margin-bottom:40px; font-size:30px; color:#ffffff; font-weight:300; }
#footer2  input { -ms-ime-mode: active; font-size:24px; font-weight:400; font-family: 'Pretendard'; }
#footer2 .foot_cs .name label { display:none; position:absolute; left:-3000%; font-size:0px; }
#footer2 .foot_cs .phone label { display:none; position:absolute; left:-3000%; font-size:0px; }
#footer2 .foot_cs .content label { display:none; position:absolute; left:-3000%; font-size:0px; }
#footer2 .foot_cs ul li.name { float:left; width:48%; margin-right:4%; }
#footer2 .foot_cs ul li.name input { width:100%;  height:64px; border:0px; border-bottom:1px solid #ffffff; background:#212121; }
#footer2 .foot_cs ul li.phone { float:left; width:48%; }
#footer2 .foot_cs ul li.phone input { width:100%;  height:64px; border:0px; border-bottom:1px solid #ffffff; background:#212121; }
#footer2 .foot_cs ul li.content { width:100%; }
#footer2 .foot_cs ul li.content input { width:100%;  height:64px; margin-top:16px; border:0px; border-bottom:1px solid #ffffff; background:#212121; }
#footer2 .foot_cs ul li.counsel { width:100%; padding:20px 0; color:#fff; }
#footer2 .foot_cs ul li.fpv { width:100%; padding:20px 0 40px 0; color:#ffffff; font-size:22px; }
#footer2 .foot_cs ul li.fpv input { width:24px; height:24px; }
#footer2 .foot_cs button { width:100%; background:#00512d; color:#fff; border:0px; }
#footer2 .foot_cs input::placeholder { color:#fff;  }
#footer2 .fbt { width:100%; margin-top:10px; }
#footer2 .fbt button { width:100%; height:81px; background:#ffffff; font-size:30px; color:#212121; font-weight:500; cursor:pointer; }
#footer2 .fbt div { float:left; width:99%; margin:0 0.5%; }


#footer2 .foot_sns { width:100%; text-align:center; padding:40px 0; overflow:hidden; }
#footer2 .foot_sns ul li { display:inline-block; padding:0 14px; }

#footer2 .footmenu { width:100%; padding:20px; border-top:1px solid #383838; border-bottom:1px solid #383838; text-align:center; }
#footer2 .footmenu a { display:inline-block; margin:0 10px; color:#fff; font-size:20px; font-weight:500; }
#footer2 .footmenu span { display:inline-block; margin:0 10px; color:#767676; font-size:12px; }

#footer2 .copy { width:100%; text-align:center; padding-bottom:64px; color:#fff; font-size:14px; font-family: 'NanumGothicBold'; }
#footer2 .copy ul li { padding-top:24px; }
#footer2 .copy ul li span { font-size:10px; font-weight:100; padding:0 10px; }