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:90%; transform:translate(-50%,-50%); }
.pop_wrap .popview { position:relative; width:100%; background:#000000; overflow:hidden; }
.pop_wrap .popview img { width:100%; }
.popFadeImg { position:relative; width:100%; }

.poptxtbt { position:relative; width:100%; height:50px; 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:12px; font-weight:700; color:#000000; line-height:50px; 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; }




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

#main_intro .mainslidebt { position:absolute; bottom:30px; 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:12%; left:8%; }
#mainbanner ul li:nth-child(2) span:nth-child(1) { display:block; font-size:4.7vw; font-weight:700; color:#161616;  }
#mainbanner ul li:nth-child(2) span:nth-child(2) { display:block; font-size:3.6vw; 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%; overflow:hidden; }

#main02 { position:relative; width:100%; padding:15% 0; overflow:hidden; }
#main02 .title { position:relative; width:90%; margin:0 auto; }
#main02 .title img { display:block; width:300px; }

#main02 .main02slidewrap { position:relative; width:90%;margin:0 auto; margin-top:38px; }
#main02 .main02slide { position:relative; width:100%;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:90%; margin:0 auto; margin-top:20px; }
#main02 .main02slidebt .t1 { width:100%; font-size:16px; font-weight:700; color:#241f1f; letter-spacing:-1px; }
#main02 .main02slidebt .t2 { width:100%; padding-top:10px; color:#7c7c7c; font-size:13px; 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%; background:#161616; padding:15% 0; overflow:hidden; }
#main03 .title { position:relative; width:90%; margin:0 auto; font-size:22px; font-weight:300; color:#ffffff; background:url('/images/main/main03icon.png')no-repeat 0 0px; padding-left:60px;  box-sizing:border-box; }
#main03 .title span { font-weight:700; letter-spacing:1px; }

#main03 .mainyoutube { position:relative; width:90%; margin:0 auto; margin-top:40px; }
#main03 .mainyoutube div.vodview { position:relative; width:100%; height:0px; padding-top:56%; margin-bottom:30px; }
#main03 .mainyoutube div.vodview iframe { display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; }



#main04 { position:relative; width:100%; background:#ffffff; padding:15% 0; overflow:hidden; }
#main04 .title { position:relative; width:90%; margin:0 auto; font-size:22px; font-weight:300; color:#171717; background:url('/images/main/main04icon.png')no-repeat 0 0px; padding-left:60px;  box-sizing:border-box; }
#main04 .title span { font-weight:700; letter-spacing:1px; }

#main04 .maininstawrap { position:relative; width:90%; margin:0 auto; margin-top:40px; }
#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%; padding:15% 0; background:#212121;overflow:hidden;  }
#footer2 p.title { position:relative; width:260px; margin:0 auto; }
#footer2 .footer_01 { position:relative; width:90%; margin:0 auto; overflow:hidden; }
#footer2 .footer { position:relative; width:100%;}
#footer2 .foot_map { position:relative; width:100%; margin-top:40px; }
#footer2 .foot_map .cont { display:none; }
#footer2 .foot_cs { position:relative; width:100%; }
#footer2 .foot_cs li.title {  width:100%; margin-top:20px; margin-bottom:20px; font-size:16px; color:#ffffff; font-weight:300; text-align:center; }
#footer2  input { -ms-ime-mode: active; font-size:16px; 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 { width:100%; margin-right:4%; }
#footer2 .foot_cs ul li.name input { width:100%;  height:38px; border:0px; border-bottom:1px solid #ffffff; background:#212121; }
#footer2 .foot_cs ul li.phone { width:100%; }
#footer2 .foot_cs ul li.phone input { width:100%;  height:38px; margin-top:10px; 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:38px; margin-top:10px; 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:16px 0 30px 0; color:#ffffff; font-size:16px; }
#footer2 .foot_cs ul li.fpv input { width:16px; height:16px; }
#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:46px; background:#ffffff; font-size:22px; color:#212121; font-weight:500; cursor:pointer; }


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

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

#footer2 .copy { width:100%; text-align:center; color:#fff; font-size:12px; }
#footer2 .copy ul li { padding-top:14px; }