@charset "utf-8";
/* 팝업 */
#wrapper.main #popupLayer{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;}
#wrapper.main #popupLayer .dim{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);overflow: hidden;}
#wrapper.main #popupLayer .pop_box{position: absolute;bottom: 58px;right: 52px;width: 440px;height: auto;}
#wrapper.main #popupLayer .pop_box .pop_closed{position: absolute;top: -64px;right: 0;width: 48px;height: 48px;z-index: 1;border-radius: 50%;background: rgba(84,84,84,0.4);}
#wrapper.main #popupLayer .pop_box .pop_closed span{position: absolute;top: 50%;left: 50%;display: inline-block;width: 18px;height: 2px;background: #ffffff;transform: translate(-50%,-50%) rotate(45deg);}
#wrapper.main #popupLayer .pop_box .pop_closed span:last-child{transform: translate(-50%,-50%) rotate(135deg);}
#wrapper.main #popupLayer .pop_box .pop_cont{width: 100%;height: 556px;border-radius: 12px;overflow: hidden;}
#wrapper.main #popupLayer .pop_box .pop_cont .cont_box{width: 100%;height: 500px;}
#wrapper.main #popupLayer .pop_box .pop_cont .today_box{display: flex;align-items: center;width: 100%;height: 56px;padding: 0 17.3px;background: #ffffff;}
#wrapper.main #popupLayer .pop_box .pop_cont .today_box input[type=checkbox]{display: none;width: 0;height: 0;}
#wrapper.main #popupLayer .pop_box .pop_cont .today_box label{position: relative;display: flex;align-items: center;font-size: 14px;color: #424242;}
#wrapper.main #popupLayer .pop_box .pop_cont .today_box input[type="checkbox"] + label::before{content: '';display: inline-block;width: 17.5px;height: 17.5px;margin-right: 9.3px;background: none;background-image: url('../../kor/asset/images/icon/ico_check_off.png');background-size: 100% 100%;}
#wrapper.main #popupLayer .pop_box .pop_cont .today_box input[type="checkbox"]:checked + label::before{content: '';display: inline-block;width: 17.5px;height: 17.5px;margin-right: 9.3px;background: none;background-image: url('../../kor/asset/images/icon/ico_check_on.png');background-size: 100% 100%;}
#wrapper.main #videoPop {display: none;position: fixed;top: 0;right: 0;width: 100%;height: 100%;}
#wrapper.main #videoPop .dim {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 1;}
#wrapper.main #videoPop .video_layer video {width: 100%;height: 100%;border-radius: 10px;}
#wrapper.main #videoPop .video_layer {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10;}
#wrapper.main #videoPop .video_layer .play_btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100; background: url('../../kor/asset/images/main/play_btn.png') no-repeat center;width: 64px;height: 64px;background-size: 100% 100%;}
#wrapper.main #videoPop .video_layer .video_close_btn{position: absolute;top: -76px;right: 0;width: 60px;height: 60px;z-index: 1;border-radius: 50%;background: rgba(84,84,84,0.4);}
#wrapper.main #videoPop .video_layer .video_close_btn span{position: absolute;top: 50%;left: 50%;display: inline-block;width: 22.5px;height: 2px;background: #ffffff;transform: translate(-50%,-50%) rotate(45deg);}
#wrapper.main #videoPop .video_layer .video_close_btn span:last-child{transform: translate(-50%,-50%) rotate(135deg);}

#wrapper.main #pd_motion{position: absolute;top: 267px;width: 100%;height: calc(100vh - 267px);}
#wrapper.main #pd_motion .canvas_container{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;height: 100%;}
#wrapper.main #pd_motion .canvas_container > div{position: absolute;display: flex;justify-content: center;align-items: center;opacity: 0;}
#wrapper.main #pd_motion .canvas_container > div canvas{width: 100%;max-width: 1920px;height: 100%;}

#wrapper.main #panner{width: 100%;height: 100%;}
#wrapper.main #sec01{height: 1437px;background: #111;overflow: hidden;}
#wrapper.main #sec01 .sec01_1{position: relative;width: 100%;height: 100%;}
#wrapper.main #sec01 .sec01_1 .videoBox{position: absolute;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
#wrapper.main #sec01 .sec01_1 .videoBox video{width: auto;height: 100%;}
#wrapper.main .sec01_1 .cont_wrap{position: relative;width: 100%;height: 100%;padding: 100px 52px 0;}
#wrapper.main .sec01_1 .cont_wrap .title_box{}
#wrapper.main .sec01_1 .cont_wrap .title_box p.tit_1 {display: flex;/* justify-content: space-between; */}
#wrapper.main .sec01_1 .cont_wrap .title_box p{display: flex;width: 100%;line-height: 1;font-size: 203px;color: #ffffff;font-weight: 600;text-align: left;/* letter-spacing: -10px; */overflow: hidden;}
#wrapper.main .sec01_1 .cont_wrap .title_box p.tit_2{margin-left: 102px;}
#wrapper.main .sec01_1 .cont_wrap .title_box p.tit_3{justify-content: flex-end;}
#wrapper.main .sec01_1 .cont_wrap .title_box p span{opacity: 0;transform: translateY(100%);}
#wrapper.main .sec01_1 .cont_wrap .scroll_box{position: absolute;top: 0;left: 0;display: flex;align-items: center;width: auto;height: 100%;padding-top: 70px;}
#wrapper.main .sec01_1 .cont_wrap .scroll_box p{font-size: 14px;font-weight: 600;transform: rotate(-90deg);}


#wrapper.main #sec02{background: #111;}
#wrapper.main .sec01_2{position: relative;width: 100%;height: 100vh;overflow: hidden;}
#wrapper.main .sec01_2 .cont_wrap{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
#wrapper.main .sec01_2 .cont_wrap .cont_box{display: flex;width: 100%;height: 100vh;overflow: hidden;}
#wrapper.main .sec01_2 .cont_wrap .cont_box .motion_img{display: flex;align-items: center;justify-content: center;position: relative;width: 50%;overflow: hidden;}
#wrapper.main .sec01_2 .cont_wrap .cont_box .motion_img img{position: absolute;width: auto;height: 100%;}
#wrapper.main .sec01_2 .cont_wrap .cont_box.text_box{align-items: center;position: absolute;}
#wrapper.main .sec01_2 .cont_wrap .cont_box.text_box > div{width: 50%;height: 100vh;}
#wrapper.main .sec01_2 .cont_wrap .cont_box.text_box > div .text{position: absolute;top: 0;display: flex;flex-direction: column;justify-content: space-between;width: 100%;height: 100%;padding: 60px 60px 72px;opacity: 0;}
#wrapper.main .sec01_2 .cont_wrap .cont_box.text_box > div .text p{line-height: 64px;font-size: 64px;font-weight: 500;color: #ffffff;}
#wrapper.main .sec01_2 .cont_wrap .cont_box.text_box > div .text p.txt_2{line-height: 32px;font-size: 20px;font-weight: 500;}
#wrapper.main .sec01_2 .cont_wrap .cont_box.text_box > div .text p.txt_2 span{display: block;color: #30b4ff;}
#wrapper.main .sec01_2 .cont_wrap .coverBox{display: flex;align-items: center;position: absolute;width: 100%;height: 100vh;}
#wrapper.main .sec01_2 .cont_wrap .coverBox > div{position: relative;width: 50%;height: 100%}
#wrapper.main .sec01_2 .cont_wrap .coverBox .cover_bg{position: absolute;background: #111;}
#wrapper.main .sec01_2 .cont_wrap .coverBox .left_box .cover_bg.cover_bg_t{top: 0;right: 0;height: 0%;width: 100%;}
#wrapper.main .sec01_2 .cont_wrap .coverBox .left_box .cover_bg.cover_bg_b{bottom: 0;right: 0;height: 0%;width: 100%;}
#wrapper.main .sec01_2 .cont_wrap .coverBox .left_box .cover_bg.cover_bg_r{top: 0;right: 0;height: 100%;width: 50%;}
#wrapper.main .sec01_2 .cont_wrap .coverBox .left_box .cover_bg.cover_bg_l{top: 0;left: 0;height: 100%;width: 50%;}
#wrapper.main .sec01_2 .cont_wrap .coverBox .right_box .cover_bg.cover_bg_t{top: 0;left: 0;width: 100%;}
#wrapper.main .sec01_2 .cont_wrap .coverBox .right_box .cover_bg.cover_bg_b{bottom: 0;left: 0;width: 100%;}
#wrapper.main .sec01_2 .cont_wrap .coverBox .right_box .cover_bg.cover_bg_r{top: 0;right: 0;height: 100%;}
#wrapper.main .sec01_2 .cont_wrap .coverBox .right_box .cover_bg.cover_bg_l{top: 0;left: 0;height: 100%;}

#wrapper.main #sec03{background: #ffffff;}
#wrapper.main #sec03 .sec03_1{position: relative;}
#wrapper.main .sec03_1 .cont_wrap{width: 100%;height: 100%;padding: 100px 60px 133px;}
#wrapper.main .sec03_1 .cont_wrap .title_box{display: flex;width: 100%;}
#wrapper.main .sec03_1 .cont_wrap .title_box h1{width: 50%;line-height: 64px;font-size: 64px;color: #000000;font-weight: 500;}
#wrapper.main .sec03_1 .cont_wrap .title_box .sub_txt{width: 50%;}
#wrapper.main .sec03_1 .cont_wrap .title_box .sub_txt p{line-height: 32px;font-size: 20px;font-weight: 500;color: #000000;}
#wrapper.main .sec03_1 .cont_wrap .title_box .sub_txt p.txt_2{line-height: 28px;font-size: 16px;font-weight: 500;color: #767676;margin-top: 26px;}
#wrapper.main .sec03_1 .cont_wrap .contents_box{width: 100%;height: 100%;padding: 1000px 0 600px;}
#wrapper.main .sec03_1 .cont_wrap .contents_box .bg_text{position: relative;width: 100%;height: 100%;z-index: 2;}
#wrapper.main .sec03_1 .cont_wrap .contents_box .bg_text p{font-size: 540px;font-weight: 800;color: #000000;transform: rotate(90deg);}
#wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont{position: absolute;}
#wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont.bolt_1{top: 495px;left: 50%;width: 351px;margin-left: 62px;z-index: 3;}
#wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont.bolt_2{top: 1063px;left: 50%;width: 369px;margin-left: -471px;z-index: 1;}
#wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont.bolt_3{top: 1447px;left: 50%;width: 271px;margin-left: 100px;z-index: 3;}
#wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont.bolt_4{top: 1938px;left: 50%;width: 387px;margin-left: -387px;z-index: 3;}
#wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont > div{position: absolute;display: flex;align-items: center;justify-content: center;}
#wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont.bolt_1 > div{width: 150px;top: 231px;left: 146px;}
#wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont.bolt_3 > div{width: 180px;top: 93px;left: 100px;}
#wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont.bolt_3 > div.bolt_2{width: 200px;top: -200px;left: -455px;}
#wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont.bolt_4 > div{width: 180px;top: 91px;left: 124px;}

#wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont > div a{display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;border-radius: 50%;background-image: url('../../kor/asset/images/icon/ico_plus.png');background-repeat: no-repeat;background-position: center center;background-color: #30b4ff;background-size: 60px 60px;white-space: nowrap;transition: all .3s;}
#wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont > div a span{display: none;justify-content: center;align-items: center;line-height: 30px;font-size: 30px;color: #ffffff;}
#wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont > div a:hover{width: auto;/* width: 100%; */border-radius: 30px;background-image: none;padding: 0 24px;transition: all .3s;}
#wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont > div a:hover span{display: flex;transition: all .3s;}

#wrapper.main #sec04{position: relative;background: #111;}
#wrapper.main #sec04 .sec04_1{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;width: 100%;height: auto;}
#wrapper.main .sec04_1 h1{position: absolute;top: 60px;left: 60px;font-size: 64px;color: #ffffff;font-weight: 500;z-index: 1;}
#wrapper.main .sec04_1 .cont_wrap{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100vh;}
#wrapper.main .sec04_1 .cont_wrap .video_box{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 100%;overflow: hidden;}
#wrapper.main .sec04_1 .cont_wrap .video_box > div{position: relative;display: flex;align-items: flex-end;justify-content: center;width: 100%;height: 100%;/*background: url('../../kor/asset/images/main/sec05_introduce-video_bg.png') no-repeat top center;background-size: cover;*/}
#wrapper.main .sec04_1 .cont_wrap .video_box > div video{position: absolute;width: auto;height: 100%;transform: scale(1);}
#wrapper.main .sec04_1 .cont_wrap .text_box{position: absolute;bottom: 0;display: flex;flex-direction: column;justify-content: space-between;width: 100%;padding: 60px 60px 85px;z-index: 2;}
#wrapper.main .sec04_1 .cont_wrap .text_box .more_box a{margin: 0 14px;font-size: 22px;}

/* #wrapper.main #sec05{background: #111;}
#wrapper.main #sec05 .sec05_1{position: relative;width: 100%;height: 100%;} */
#wrapper.main .pinWrap{position: relative;}
#wrapper.main .sec04_2{background: #111;}
#wrapper.main .sec04_2 .cont_wrap{display: flex;flex-direction: column;align-items: center;justify-content: center; width: 100%;height: auto;padding: 0 60px 181px;}
#wrapper.main .sec04_2 .cont_wrap .cont_box{position: relative;width: 754px;height: auto;margin-bottom: 52px;}
#wrapper.main .sec04_2 .cont_wrap .cont_box > p{/*position: absolute;right: 0; font-size: 14px; */font-size: 18px; color: #9c9c9c;text-align: left;margin-bottom: 16px;font-weight: 500;}
#wrapper.main .sec04_2 .cont_wrap .cont_box.box_4{height: auto;border: 0;margin: 34px 0 0;}
#wrapper.main .sec04_2 .cont_wrap .cont_box.box_4 h1{font-size: 64px;color: #ffffff;margin-bottom: 36px;font-weight: 500;}
#wrapper.main .sec04_2 .cont_wrap .cont_box.box_4 > div{display: flex;justify-content: space-between;align-items: flex-end;}
#wrapper.main .sec04_2 .cont_wrap .cont_box.box_4 > div p{line-height: 32px;font-size: 20px;color: #ffffff;text-align: left;}
#wrapper.main .sec04_2 .cont_wrap .cont_box.box_4 > div a{font-size: 22px;color: #ffffff;}

#wrapper.main #sec06{background: #1c1c1c;}
#wrapper.main #sec06 .sec06_1{position: relative;width: 100%;height: 100%;}
#wrapper.main .sec06_1{background: #1c1c1c;}
#wrapper.main .sec06_1 .cont_wrap{display: flex;flex-direction: column;align-items: center;justify-content: center; width: 100%;height: 100%;}
#wrapper.main .sec06_1 .cont_wrap .top_txt{display: flex;margin-bottom: 140px;}
#wrapper.main .sec06_1 .cont_wrap .top_txt .title_txt{line-height: 64px;font-size: 40px;color: #ffffff;font-weight: 500;margin-right: 135px;}
#wrapper.main .sec06_1 .cont_wrap .top_txt .sub_txt{line-height: 32px;font-size: 20px;color: #a6a6a6;}
#wrapper.main .sec06_1 .cont_wrap .bottom_txt{width: auto;height: auto;overflow: hidden;}
#wrapper.main .sec06_1 .cont_wrap .bottom_txt ul{display: block;font-size: 0;width: 300%;height: 100%;transform: translateX(500px);/* margin-left: 249px; */} /*display: flex;justify-content: center;*/
#wrapper.main .sec06_1 .cont_wrap .bottom_txt ul li{display: inline-block;margin-left: 180px;}
/* #wrapper.main .sec06_1 .cont_wrap .bottom_txt ul li.logo_1{width: 247px;}
#wrapper.main .sec06_1 .cont_wrap .bottom_txt ul li.logo_2{width: 124px;}
#wrapper.main .sec06_1 .cont_wrap .bottom_txt ul li.logo_3{width: 240px;}
#wrapper.main .sec06_1 .cont_wrap .bottom_txt ul li.logo_4{width: 290px;}
#wrapper.main .sec06_1 .cont_wrap .bottom_txt ul li.logo_5{width: 155px;}
#wrapper.main .sec06_1 .cont_wrap .bottom_txt ul li.logo_6{width: 80px;}
#wrapper.main .sec06_1 .cont_wrap .bottom_txt ul li.logo_7{width: 224px;}
#wrapper.main .sec06_1 .cont_wrap .bottom_txt ul li.logo_8{width: 108px;} */

#wrapper.main #sec07{background: #ffffff;}
#wrapper.main #sec07 .sec07_1{position: relative;width: 100%;height: 100%;}
#wrapper.main .sec07_1{background: #ffffff;}
#wrapper.main .sec07_1 .cont_wrap{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
#wrapper.main .sec07_1 .cont_wrap .cont_box{}
#wrapper.main .sec07_1 .cont_wrap .cont_box h1{line-height: 75px;font-size: 64px;color: #000000;}
#wrapper.main .sec07_1 .cont_wrap .cont_box .video_box{display: flex;justify-content: center;align-items: center;width: 405px;height: 405px;border-radius: 50%;overflow: hidden;}
#wrapper.main .sec07_1 .cont_wrap .cont_box .video_box video{width: auto;height: 100%;}
#wrapper.main .sec07_1 .cont_wrap .cont_box.box_1{margin-right: 192px;}
#wrapper.main .sec07_1 .cont_wrap .cont_box.box_1 h1{font-weight: 400;}
#wrapper.main .sec07_1 .cont_wrap .cont_box.box_3{margin-left: 175px;}
#wrapper.main .sec07_1 .cont_wrap .cont_box.box_3 h1{line-height: 38.4px;font-size: 24px;color: #000000;font-weight: 600;}
#wrapper.main .sec07_1 .cont_wrap .cont_box.box_3 p{line-height: 32px;font-size: 20px;margin: 14px 0 60px;color: #000000;}
#wrapper.main .sec07_1 .cont_wrap .cont_box.box_3 a{display: inline-block;font-size: 20px;}


/* privacy.html, agreement.html */
/* 개인정보 처리방침, 사이트 이용약관 */
#wrapper.privacy{}
#wrapper.privacy #sec01{width: 100%;max-width: 1920px;height: auto;padding: 280px 52px 80px;margin: 0 auto;}
#wrapper.privacy #sec01 .sec01_1{width: 100%;height: 100%;}
#wrapper.privacy .sec01_1 .cont_wrap{display: flex;width: 100%;height: 100%;}
#wrapper.privacy .sec01_1 .cont_wrap .left_box{width: 504px;height: auto;margin-right: 230px;}
#wrapper.privacy .sec01_1 .cont_wrap .left_box .title_box{width: auto;height: auto;}
#wrapper.privacy .sec01_1 .cont_wrap .left_box .title_box h1{line-height: 60px;font-size: 60px;font-weight: 600;color: #000000;margin-bottom: 42px;}
#wrapper.privacy .sec01_1 .cont_wrap .left_box .title_box p{line-height: 32px;font-size: 20px;color: #000000;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box{width: 898px;height: auto;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap{width: 100%;height: auto;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box{padding: 36px 0 80px;border-top: 1px solid #bcbcbc;color: #000000;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box:last-child{padding-bottom: 0;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box h1.title{line-height: 38.4px;font-size: 24px;font-weight: 400;margin-bottom: 24px;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box h1.title span{display: block;line-height: 25.6px;font-size: 16px;font-weight: 400;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub{display: flex;margin-bottom: 24px;font-family: 'Pretendard', sans-serif;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub:last-child{margin-bottom: 0;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub p{line-height: 25.6px;font-size: 16px;font-weight: 400;word-break: keep-all;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub p.font_b{font-weight: bold;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub p.number{position: relative;padding-left: 40px;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub p.number::after{content: '';position: absolute;top: 0;left: 20px;font-size: 16px;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub p.number.num_1:after{content: '①';}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub p.number.num_2:after{content: '②';}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub p.number.num_3:after{content: '③';}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub p.number.num_4:after{content: '④';}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub p.number.num_5:after{content: '⑤';}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub ul.dot{flex-direction: column;line-height: 25.6px;padding-left: 40px;margin-top: 4px;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub ul.dot.padding_l_30{padding-left: 30px;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub ul.dot li{list-style: disc;word-break: keep-all;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub.margin_none{margin: 0;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub.margin_t_4{margin-top: 4px;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub.margin_t_8{margin-top: 8px;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .padding_l_40{padding-left: 40px;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table{width: 100%;margin-bottom: 24px;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table th,
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table td{font-size: 16px;color: #3e3e3e;word-break: keep-all;border: 1px solid #bcbcbc;font-family: 'Pretendard', sans-serif;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table th{font-weight: 500;padding: 14px 0;background: #f9fafb;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table td{font-weight: 400;text-align: center;padding: 40px 0;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table.table_1 th{width: 25%;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table.table_2 th{width: 50%;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table.table_3 td{width: 50%;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table.table_3 td span{display: block;margin-bottom: 8px;}
#wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table.table_3 td span:last-child{margin-bottom: 0;}


/* ProductionFacility.html */
/* 생산설비 */
#wrapper.ProductionFacility{background-color: #f6f6f6;}
#wrapper.ProductionFacility #sec01{width: 100%;height: 2314px;}
#wrapper.ProductionFacility #sec01 .sec01_1{width: 100%;height: 100%;background: url('../../kor/asset/images/technology/production_kv_bg.png') no-repeat top center;background-size: cover;overflow: hidden;}
#wrapper.ProductionFacility .sec01_1 .cont_wrap{display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;height: 100%;}
#wrapper.ProductionFacility .sec01_1 .cont_wrap .kv_title{position: relative;display: flex;flex-direction: column;align-items: center;width: 100%;margin: 0 248px 138px;}
#wrapper.ProductionFacility .sec01_1 .cont_wrap .kv_title p{position: absolute;top: -70px;left: 50%;margin-left: 470px;line-height: 96px;font-size: 60px;font-weight: 600;color: #ffffff;}
#wrapper.ProductionFacility .sec01_1 .cont_wrap .kv_title h1{line-height: 288px;font-size: 288px;font-weight: 600;color: #ffffff;text-align: center;}
#wrapper.ProductionFacility .sec01_1 .cont_wrap .kv_img{position: relative;display: flex;flex-direction: column;align-items: center;width: 670px;height: auto;}
#wrapper.ProductionFacility .sec01_1 .cont_wrap .kv_img img{height: 804px;}
#wrapper.ProductionFacility .sec01_1 .cont_wrap .kv_img p{margin-top: 12px;width: 100%;font-size: 16px;color: #000;text-align: right;font-weight: 500;}

#wrapper.ProductionFacility #sec02{width: 100%;height: auto;}
#wrapper.ProductionFacility #sec02 .section{width: 100%;height: 940px;}
#wrapper.ProductionFacility #sec02 .section .cont_wrap{display: flex;width: 100%;height: 100%;background: #171717;}
#wrapper.ProductionFacility #sec02 .section .cont_wrap > div{position: relative;display: flex;align-items: center;justify-content: flex-end;flex-direction: column;width: 50%;height: 100%;overflow: hidden;text-align: center;}
#wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box::after{position: absolute;top: 0;left: 0;content: '';width: 100%;height: 100%;background-color: rgba(17,17,17,.4);}
#wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box{position: relative;}
#wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box > video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box div{z-index: 1;}
#wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box div h3{line-height: 38.4px;font-size: 24px;font-weight: 500;color: #ffffff;}
#wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box div h1{margin: 16px 0 48px;line-height: 80px;font-size: 80px;font-weight: 300;color: #ffffff;letter-spacing: -3.2px;}
#wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box div p{line-height: 32px;font-size: 20px;font-weight: 300;color: #ffffff;}
#wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box > p{position: absolute;bottom: 62px;line-height: 25.6px;font-size: 16px;font-weight: 300;color: #cecece;z-index: 1;}
#wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box .dot{position: absolute;bottom: 60px;right: 52px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width: 70px;}
#wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box .dot li{display: flex;align-items: center;justify-content: center;width: 100%;margin-bottom: 28px;}
#wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box .dot li:last-child{margin-bottom: 0;}
#wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box .dot li span{display: block;width: 4px;height: 4px;border-radius: 50%;background: #707070;}
#wrapper.ProductionFacility .sec02_2 .cont_wrap > div.video_box .dot{right: auto;left: 52px;}
#wrapper.ProductionFacility .sec02_1 .cont_wrap > div.video_box{padding-bottom: 359px;/* background: url('../../kor/asset/images/technology/production_bg01.gif') no-repeat center center;background-size: cover; */}
#wrapper.ProductionFacility .sec02_2 .cont_wrap > div.video_box{padding-bottom: 340px;/* background: url('../../kor/asset/images/technology/production_bg02.gif') no-repeat center center;background-size: cover; */}
#wrapper.ProductionFacility .sec02_3 .cont_wrap > div.video_box{padding-bottom: 308px;/* background: url('../../kor/asset/images/technology/production_bg03.gif') no-repeat center center;background-size: cover; */}

#wrapper.ProductionFacility #sec03{width: 100%;}
#wrapper.ProductionFacility #sec03 .sec03_1{display: flex;width: 100%;height: 100%;background: #111111;}
#wrapper.ProductionFacility .sec03_1 .cont_wrap{position: relative;display: flex;flex-direction: column;justify-content: center;width: 100%;height: 100%;padding: 192px 0 312px;}
#wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title{position: relative;text-align: center;}
#wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title span.ico{position: absolute;top: 50%;left: 50%;display: inline-block;width: 101px;height: 100px;margin: -210px 0 0 260px;}
#wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title div{overflow: hidden;}
#wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title div p{line-height: 130px;font-size: 130px;font-weight: 600;letter-spacing: -5.2px;color: #ffffff;}
#wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title div.tit_1 p{transform: translateX(-100%);}
#wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title div.tit_2 p{margin: 20px 0 26px;transform: translateX(-10%);}
#wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title div.tit_3 p{transform: translateX(100%);}
#wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title div p span{display: inline-block;}
#wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title div p span.font_i{font-style: italic;font-family: 'Playfair Display', serif;font-weight: 400;}
#wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title div.tit_1 p span.font_i{margin-left: 20px;}
#wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title div.tit_3 p span.font_i{margin-right: 20px;}
#wrapper.ProductionFacility .sec03_1 .cont_wrap .text_box{position: absolute;top: 50%;left: 50%;margin-left: -46px;margin-top: 224px;opacity: 0;}
#wrapper.ProductionFacility .sec03_1 .cont_wrap .text_box p{line-height: 38.4px;font-size: 24px;font-weight: 500;color: #ffffff;}

#wrapper.ProductionFacility .sec04_1{position: relative;width: 100%;height: auto;padding: 0 52px;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap{width: 100%;height: 100%;padding-top: 52px;margin-top: 52px;border-top: 1px solid #c5c5c5;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > h1{line-height: 72px;font-size: 72px;font-weight: 600;color: #000000;text-align: center;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > div{display: flex;justify-content: space-between;width: 100%;height: auto;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_1{padding-top: 200px;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_2{padding-top: 128px;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3{padding-top: 324px;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_1 .videoBox{display: flex;justify-content: center;align-items: center;width: 100%;height: auto;max-height: 624px;overflow: hidden;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_1 .videoBox video{width: 100%;height: auto;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_2 .leftBox{display: flex;padding: 20px 38px 0;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_2 .leftBox h3{line-height: 1;font-size: 32px;font-weight: 600;color: #000000;margin-right: 28px;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_2 .leftBox p{line-height: 32px;font-size: 20px;font-weight: 500;color: #454545;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_2 .rightBox{width: 1000px;height: 567px;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3 .leftBox{width: 898px;height: 845px;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3 .leftBox .videoBox{display: flex;align-items: flex-start;width: 100%;height: 777px;overflow: hidden;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3 .leftBox .videoBox video{width: auto;height: 100%;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3 .rightBox{display: flex;flex-direction: column;justify-content: space-between;align-items: flex-end;padding: 20px 48px 0;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3 .rightBox .textBox{display: flex;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3 .rightBox .textBox h3{line-height: 1;font-size: 32px;font-weight: 600;color: #000000;margin-right: 80px;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3 .rightBox .textBox p{line-height: 32px;font-size: 20px;font-weight: 500;color: #454545;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3 .rightBox .imgBox{width: 347px;height: auto;}
#wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3 .rightBox .imgBox p{line-height: 25.6px;font-size: 16px;font-weight: 500;color: #848484;margin-top: 16px;}

#wrapper.ProductionFacility .sec04_2 .cont_wrap{padding: 0 52px 164px;}
#wrapper.ProductionFacility .sec04_2 .cont_wrap .inquiry {display: flex;justify-content: space-between;align-items: flex-end;padding: 0 184px 0 88px;}
#wrapper.ProductionFacility .sec04_2 .cont_wrap .inquiry .to_buy {margin-top: 240px;color: #000000;}
#wrapper.ProductionFacility .sec04_2 .cont_wrap .inquiry .to_buy h2 {line-height: 75px;font-size: 64px;}
#wrapper.ProductionFacility .sec04_2 .cont_wrap .inquiry .to_buy p {line-height: 40px;font-size: 25px;margin-top: 13px;}


/* Material.html */
/* 특수 합금 */
#wrapper.Material{background-color: #111111;}
#wrapper.Material #header.active::before{content: '';position: absolute;top: 0;right: 0;width: 100%;height: 186px;background-image: linear-gradient(to bottom, #111 -10%, rgba(0, 0, 0, 0) 81%);transition: all .5s;z-index: -1;}
#wrapper.Material #sec01{position: relative;display: flex;justify-content: space-between;align-items: flex-start;height: auto;}
#wrapper.Material #sec01.on{height: auto;}
#wrapper.Material #sec01 .sec01_1{position: relative;padding: 176px 52px 0;width: 100%;height: auto;overflow: hidden;}
#wrapper.Material #sec01 .sec01_1 .list_title{position: absolute;top: 108px;left: 50%;line-height: 32px;font-size: 20px;color: #a4a4a4;transform: translateX(-50%);}
#wrapper.Material #sec01 .sec01_1 .list_length{position: absolute;top: 108px;right: 67px;line-height: 32px;font-size: 20px;color: #a4a4a4;}
#wrapper.Material .sec01_1 .cont_wrap{display: flex;justify-content: flex-end;width: 100%;height: auto;}
#wrapper.Material .sec01_1 .cont_wrap .introWrap{position: absolute;left: 0;display: flex;align-items: flex-end;justify-content: center;width: 100%;height: calc(100vh - 176px);padding: 0 52px 180px;z-index: 2;}
#wrapper.Material .sec01_1 .cont_wrap .introWrap .intro{width: 100%;text-align: center;z-index: 1;}
#wrapper.Material .sec01_1 .cont_wrap .introWrap .intro h1{overflow: hidden;}
#wrapper.Material .sec01_1 .cont_wrap .introWrap .intro h1 span{display: block;line-height: 549px;font-size: 549px;letter-spacing: -21.96px;transform: translateY(120%);font-weight: 400;}
#wrapper.Material .sec01_1 .cont_wrap .introWrap.on{width: 970px;z-index: 1;}
#wrapper.Material .sec01_1 .cont_wrap .introWrap.on h1{}
#wrapper.Material .sec01_1 .cont_wrap .introWrap.on h1 span{text-align: left;line-height: 237px;font-size: 237px;letter-spacing: -9px;transition: all .3s;}
#wrapper.Material .sec01_1 .cont_wrap .cardList{position: relative;justify-content: space-between;width: 898px;height: 2722px;padding-bottom: 240px;/* visibility: hidden; */z-index: 1;}
#wrapper.Material .sec01_1 .cont_wrap .cardList.on{display: flex;z-index: 2;}
#wrapper.Material .sec01_1 .cont_wrap .cardList ul{width: 445px;height: 100%;font-size: 0;}
#wrapper.Material .sec01_1 .cont_wrap .cardList ul.list_2{padding-top: 50px;}
#wrapper.Material .sec01_1 .cont_wrap .cardList ul li{display: flex;flex-direction: column;justify-content: space-between;width: 100%;height: 480px;margin-bottom: 8px;padding: 40px 36px 60px;background: #202020;opacity: 0;transform: translateY(50px);cursor: pointer;}
#wrapper.Material .sec01_1 .cont_wrap .cardList ul li:last-child{margin-bottom: 0;}
#wrapper.Material .sec01_1 .cont_wrap .cardList ul li .number_box{}
#wrapper.Material .sec01_1 .cont_wrap .cardList ul li .number_box span{display: inline-block;font-size: 24px;color: #868686;letter-spacing: -0.48px;}
#wrapper.Material .sec01_1 .cont_wrap .cardList ul li .text_box{}
#wrapper.Material .sec01_1 .cont_wrap .cardList ul li .text_box h1{line-height: 56px;font-size: 56px;color: #ffffff;letter-spacing: -1.12px;font-weight: 400;}
#wrapper.Material .sec01_1 .cont_wrap .cardList ul li .text_box p{margin-top: 16px;}
#wrapper.Material .sec01_1 .cont_wrap .cardList ul li .text_box p span{display: block;line-height: 16px;font-size: 12px;color: #ffffff;letter-spacing: -0.54px;margin-bottom: 4px;}
#wrapper.Material .sec01_1 .cont_wrap .cardList ul li .text_box p span:last-child{margin-bottom: 0;}
#wrapper.Material .sec01_1 .cont_wrap .cardList ul li .text_box a.view_data_btn{display: inline-block;padding: 10px 30px;line-height: 18px;font-size: 18px;color: #ffffff;background: #2b2b2b;margin-top: 52px;}
#wrapper.Material .sec01_1 .cont_wrap .cardList ul li:hover{background: #ffffff;transition: all .5s;}
#wrapper.Material .sec01_1 .cont_wrap .cardList ul li:hover .text_box h1{color: #000000;}
#wrapper.Material .sec01_1 .cont_wrap .cardList ul li:hover .text_box p span{color: #111111;}

#wrapper.Material #sec02{position: relative;display: flex;align-items: flex-end;flex-direction: column;width: 100%;}
#wrapper.Material #sec02 .sec02_1{position: relative;display: flex;justify-content: flex-end;width: 100%;height: auto;padding: 0 52px;}
#wrapper.Material .sec02_1 .cont_wrap{width: 898px;height: 100%;}
#wrapper.Material .sec02_1 .cont_wrap ul{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;width: 100%;height: 100%;}
#wrapper.Material .sec02_1 .cont_wrap ul li{display: flex;width: 50%;min-width: 50%;}
#wrapper.Material .sec02_1 .cont_wrap ul li:last-child{margin-bottom: 0;}
#wrapper.Material .sec02_1 .cont_wrap ul li:nth-child(3n){margin-top: 80px;}
#wrapper.Material .sec02_1 .cont_wrap ul li .number{display: flex;align-items: center;width: 52px;font-size: 20px;color: #7c7c7c;font-weight: 500;}
#wrapper.Material .sec02_1 .cont_wrap ul li a.view_btn{display: flex;align-items: center;font-size: 24px;font-weight: 500;color: #ffffff;}
#wrapper.Material .sec02_1 .cont_wrap ul li a.view_btn::after{display: inline-block;content: '';width: 32px;height: 32px;background: url('../../kor/asset/images/icon/ic-arrow-popup-32.png') no-repeat center center;background-size: 100% 100%;}
#wrapper.Material .sec02_1 .cont_wrap ul li:nth-child(3n) a.view_btn::after{display: inline-block;content: '';width: 32px;height: 32px;background: url('../../kor/asset/images/icon/ic-download-32.png') no-repeat center center;background-size: 100% 100%;}
#wrapper.Material .sec02_1 .cont_wrap ul li a.view_btn span{position: relative;display: inline-block;margin-right: 8px;}
#wrapper.Material .sec02_1 .cont_wrap ul li:nth-child(3n) a.view_btn span{position: relative;display: inline-block;margin-right: 12px;}
#wrapper.Material .sec02_1 .cont_wrap ul li a.view_btn span::after{content: "";position: absolute;bottom: 0;left: 0;width: 0;border-bottom: 1px solid #fff;transition: all .5s;}
#wrapper.Material .sec02_1 .cont_wrap ul li a.view_btn:hover span::after{color: #fff;width: 100%;}

#wrapper.Material .sec02_2{position: relative;display: flex;justify-content: flex-end;width: 100%;height: auto;padding: 0 52px;}
#wrapper.Material .sec02_2 .cont_wrap{width: 898px;height: 100%;}
#wrapper.Material .sec02_2 .cont_wrap .inquiry {display: flex;justify-content: space-between;align-items: flex-end;}
#wrapper.Material .sec02_2 .cont_wrap .inquiry .to_buy {margin-top: 282px;color: #ffffff;}
#wrapper.Material .sec02_2 .cont_wrap .inquiry .to_buy h2 {line-height: 75px;font-size: 64px;font-weight: 400;}
#wrapper.Material .sec02_2 .cont_wrap .inquiry .to_buy p {line-height: 40px;font-size: 25px;margin-top: 13px;}

/* 팝업 */
#wrapper.Material #popupLayer{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;}
#wrapper.Material #popupLayer .dim{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);overflow: hidden;}
#wrapper.Material .popup .popup_wrap {display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;width: 1340px;height: 780px;background: #ffffff;}
#wrapper.Material .popup .popup_wrap .inner_pop {position: relative;padding: 80px 0;background: #ffffff;height: 100%;}
#wrapper.Material .popup .popup_wrap a.close_btn {display: inline-block;position: absolute;top: 40px;right: 36px; background: url('../../kor/asset/images/products/ic_close.png') no-repeat center;width: 24px;height: 24px;background-size: 100% 100%;}
#wrapper.Material .popup .popup_wrap .pop_img_box {height: 100%; overflow-y: auto;padding: 0 75px;}


/* DataDownload.html */
/* 데이타 다운로드 */
#wrapper.DataDownload .container{background: #111111;}
#wrapper.DataDownload #sec01{width: 100%;height: 1362px;padding: 0 52px 62px;background: #111111;}
#wrapper.DataDownload #sec01 .sec01_1{width: 100%;height: 100%;}
#wrapper.DataDownload .sec01_1 .cont_wrap{display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;width: 100%;height: 100%;}
#wrapper.DataDownload .sec01_1 .cont_wrap h3{line-height: 51.2px;font-size: 32px;font-weight: 600;color: #ffffff;}
#wrapper.DataDownload .sec01_1 .cont_wrap h1{line-height: 200px;font-size: 200px;font-weight: 600;color: #ffffff;letter-spacing: -8px;margin-left: -15px;}
#wrapper.DataDownload .sec01_1 .cont_wrap .kv_box{display: flex;justify-content: center;align-items: center;width: 100%;height: 600px;margin-top: 40px;overflow: hidden;}

#wrapper.DataDownload #sec02{width: 100%;height: auto;padding: 0 52px 0;background: #111111;}
#wrapper.DataDownload #sec02 .sec02_1, #wrapper.DataDownload #sec02 .sec02_2, #wrapper.DataDownload #sec02 .sec02_3{height: auto;}
#wrapper.DataDownload #sec02 .section{position: relative;width: 100%;border-top: 1px solid #727272;}
#wrapper.DataDownload .section h5{position: absolute;top: 32px;left: 0;line-height: 32px;font-size: 20px;font-weight: 600;color: #ffffff;}
#wrapper.DataDownload .section .cont_wrap{display: flex;justify-content: space-between;width: 100%;height: 100%;}
#wrapper.DataDownload .section .cont_wrap .margin_r{margin-right: 80px;}
#wrapper.DataDownload .section .cont_wrap .margin_l{margin-left: 40px;}
#wrapper.DataDownload .section .cont_wrap .down_box{position: relative;width: auto;height: auto;padding-top: 47px;}
#wrapper.DataDownload .section .cont_wrap .down_box div{position: relative;top: 0;padding-top: 46px;}
#wrapper.DataDownload .section .cont_wrap .down_box div::before{content: 'Download';position: absolute;top: 0;left: 0;width: 100%;font-size: 22px;text-align: center;color: #ffffff;font-weight: 600;}
#wrapper.DataDownload .section .cont_wrap .down_box a.hover_s_4{width: 164px;height: 164px;}
#wrapper.DataDownload .section .cont_wrap .down_box a.hover_s_4 span{background: url('../../kor/asset/images/icon/ico_down_w.png') no-repeat center center;background-size: 64px 64px;}
#wrapper.DataDownload .section .cont_wrap .down_box a.hover_s_4:hover span{background: url('../../kor/asset/images/icon/ico_down_b.png') no-repeat center center;background-size: 64px 64px;z-index: 2;}

#wrapper.DataDownload .sec02_1 .cont_wrap{padding: 32px 0 290px;background: url('../../kor/asset/images/support/data_d_sec02_1_bg.png') no-repeat 22.5% 77%;background-size: 512px 628px;}
#wrapper.DataDownload .sec02_1 .cont_wrap .txt_box {display: flex;flex-direction: column;}
#wrapper.DataDownload .sec02_1 .cont_wrap .text_box{position: relative;margin-top: 56px;}
#wrapper.DataDownload .sec02_1 .cont_wrap .text_box .sub_text{position: absolute;top: 47px;right: 0;}
#wrapper.DataDownload .sec02_1 .cont_wrap .text_box .sub_text p{line-height: 32px;font-size: 20px;color: #a6a6a6;}
#wrapper.DataDownload .sec02_1 .cont_wrap .text_box .somefolk_title p{line-height: 1;font-size: 0;margin-top: -3px;overflow: hidden;}
#wrapper.DataDownload .sec02_1 .cont_wrap .text_box .somefolk_title p.text_span:last-child{text-align: right;}
#wrapper.DataDownload .sec02_1 .cont_wrap .text_box .somefolk_title .letter{display: inline-block;line-height: 1;font-size: 240px;font-weight: 600; letter-spacing: -9.6px;color: #ffffff;/* opacity: 0; */transform: translateY(100%);}
#wrapper.DataDownload .sec02_1 .cont_wrap .text_box .somefolk_title p:first-child .letter{font-weight: 400;}

#wrapper.DataDownload .sec02_2 .cont_wrap{padding: 87px 0 430px;background: url('../../kor/asset/images/support/data_d_sec02_2_bg.png') no-repeat right 7.9% center;background-size: 512px 628px;}
#wrapper.DataDownload .sec02_2 .cont_wrap .text_box .somefolk_title{width: 1295px;}
#wrapper.DataDownload .sec02_2 .cont_wrap .text_box .somefolk_title p{line-height: 1;font-size: 0;margin-top: -3px;overflow: hidden;}
#wrapper.DataDownload .sec02_2 .cont_wrap .text_box .somefolk_title p.text_span:nth-child(1){/* transform: translateX(19%); */text-align: right;padding-right: 555px;}
#wrapper.DataDownload .sec02_2 .cont_wrap .text_box .somefolk_title p.text_span:nth-child(2){text-align: right;/* transform: translateX(-26%); */}
#wrapper.DataDownload .sec02_2 .cont_wrap .text_box .somefolk_title p.text_span:nth-child(3){text-align: left;}
#wrapper.DataDownload .sec02_2 .cont_wrap .text_box .somefolk_title p.text_span:last-child{text-align: right;padding-right: 208px;}
#wrapper.DataDownload .sec02_2 .cont_wrap .text_box .somefolk_title .letter{display: inline-block;line-height: 1;font-size: 240px;font-weight: 600;letter-spacing: -5.4px;color: #ffffff;transform: translateY(100%);/* opacity: 0; */}

#wrapper.DataDownload .sec02_3 .cont_wrap{justify-content: flex-end;padding: 0 0 80px;}
#wrapper.DataDownload .sec02_3 .cont_wrap .down_list{width: 1081px;height: auto;}
#wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul{width: 100%;height: 100%;}
#wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul li{display: flex;align-items: center;width: 100%;height: 160px;border-bottom: 1px solid #727272;}
#wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul li .number{display: inline-block;width: 184px;font-size: 18px;color: #b9b9b9;font-weight: 400;}
#wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul li > div{display: flex;justify-content: space-between;align-items: center;width: calc(100% - 184px);}
#wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul li > div p.title{max-width: 700px;font-size: 40px;color: #ffffff;letter-spacing: -1.2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul li > div a.down_btn{display: flex;align-items: center;font-size: 24px;font-weight: 600;letter-spacing: -0.8px;color: #ffffff;}
#wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul li > div a.down_btn::after{display: inline-block;content: '';width: 24px;height: 24px;background: url('../../kor/asset/images/icon/ico_down_w_s.png') no-repeat center center;background-size: 100% 100%;}
#wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul li > div a.down_btn span{position: relative;display: inline-block;margin-right: 13px;}
#wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul li > div a.down_btn span::after{content: "";position: absolute;bottom: 0;left: 0;width: 0;border-bottom: 1px solid #fff;transition: all .5s;}
#wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul li > div a.down_btn:hover span::after{color: #fff;width: 100%;}


/* Inquiry.html */
/* 온라인 문의 */
#wrapper.Inquiry #sec01{width: 100%;height: 760px;padding: 0 52px 100px;}
#wrapper.Inquiry #sec01 .sec01_1{width: 100%;height: 100%;}
#wrapper.Inquiry .sec01_1 .cont_wrap{display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;width: 100%;height: 100%;}
#wrapper.Inquiry .sec01_1 .cont_wrap h3{line-height: 51.2px;font-size: 32px;font-weight: 600;color: #000000;margin: 0 0 10px;}
#wrapper.Inquiry .sec01_1 .cont_wrap h1{line-height: 200px;font-size: 200px;font-weight: 600;color: #000000;letter-spacing: -8px;margin-left: -15px;}

#wrapper.Inquiry #sec02{width: 100%;height: auto;padding: 0 52px;}
#wrapper.Inquiry #sec02 .sec02_1{width: 100%;height: 100%;padding: 52px 0 204px;border-top: 1px solid #BCBCBC;}
#wrapper.Inquiry .sec02_1 .cont_wrap{display: flex;justify-content: space-between;width: 100%;height: 100%;}
#wrapper.Inquiry .sec02_1 .cont_wrap .left_box{}
#wrapper.Inquiry .sec02_1 .cont_wrap .left_box .title_box{width: auto;height: auto;}
#wrapper.Inquiry .sec02_1 .cont_wrap .left_box .title_box h1{line-height: 60px;font-size: 60px;font-weight: 600;color: #000000;margin-bottom: 42px;}
#wrapper.Inquiry .sec02_1 .cont_wrap .left_box .title_box p{line-height: 32px;font-size: 20px;color: #000000;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box{width: calc(100% - 824px);height: auto;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box{display: flex;align-items: center;width: 100%;height: auto;margin-bottom: 160px;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap{display: flex;flex-direction: column;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .title_box{display: flex;align-items: center;margin-bottom: 15px;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .title_box p{line-height: 48px;font-size: 30px;font-weight: 600;color: #000000;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .title_box span{display: inline-block;line-height: 25.6px;font-size: 16px;color: #6c6c6c;margin-left: 24px;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .title_box .number{display: inline-block;margin-right: 63px;line-height: 28.8px;font-size: 18px;color: #000000;margin-left: 0;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box{padding-left: 94px;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box > div{display: flex;justify-content: space-between;width: auto;height: auto;margin-bottom: 32px;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box > div .input_cont{position: relative;display: flex;align-items: flex-end;width: 714px;height: 80px;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box > div .input_cont span.border{position: absolute;bottom: 0;left: 0;width: 0;border-bottom: 1px solid #000000;transition: all .3s;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box > div .input_cont.active span.border{width: 100%;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box > div .input_cont input{display: flex;justify-content: flex-start;align-items: center;width: 100%;height: 56px;line-height: 32px;font-size: 20px;color: #000000;border-bottom: 1px solid #d8d8d8;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box > div .input_cont label{position: absolute;bottom: 12px;left: 0;line-height: 32px;font-size: 20px;color: #868686;transition: all .3s;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box > div .input_cont.on label{bottom: 58px;left: 0;line-height: 22.4px;font-size: 14px;color: #868686;transition: all .3s;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box > div .input_cont textarea{width: 100%;height: 327px;line-height: 32px;padding: 20px;font-size: 20px;color: #000000;border: 1px solid #d8d8d8;resize: none;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .userPhoneBox{margin-bottom: 0;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .userNameBox > div{width: 347px;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .inquiryContentBox .input_cont{flex-direction: column;align-items: flex-start;height: auto;margin-top: 36px;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .inquiryContentBox .input_cont label{position: relative;bottom: auto;top: auto;margin-bottom: 12px;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox{flex-direction: column;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont{border-bottom: 1px solid #d8d8d8;padding-bottom: 8px;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont input[name="fileName"]{position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont #fileVal{display: none;align-items: center;justify-content: space-between;width: auto;height: auto;padding: 8px 18.5px 8px 16px;font-size: 20px;color: #000000;border-radius: 63px;background: #e4e4e4;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont.on #fileVal{display: flex;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont #fileVal span{display: inline-block;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont #fileVal a{position: relative;width: 15px;height: 15px;margin-left: 12.5px;transform: rotate(135deg);}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont #fileVal a span{position: absolute;top: 50%;width: 100%;height: 1px;background: #000000;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont #fileVal a span.line_1{transform: rotate(90deg);}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont .label_btn{display: flex;align-items: center;left: auto;right: 0;line-height: 20px;font-size: 16px;font-weight: 500;color: #000000;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont .label_btn::before{content: '';display: inline-block;width: 24px;height: 24px;margin-right: 4.8px;background: url('../../kor/asset/images/icon/ico_file.png') no-repeat center center;background-size: 100% 100%;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont .label_btn span{position: relative;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont .label_btn span::after{position: absolute;content: '';bottom: -1px;left: 0;display: block;width: 0;height: 1px;border-bottom: 1px solid #000000;transition: all .5s;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont .label_btn:hover span::after{width: 100%;transition: all .5s;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont.on .label_tit{bottom: 58px;left: 0;line-height: 22.4px;font-size: 14px;color: #868686;transition: all .3s;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont.on .label_btn{left: auto;right: 0;bottom: 12px;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .noti{line-height: 25.6px;font-size: 16px;color: #6c6c6c;margin-top: 12px;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .submit_box{display: inline-block;padding-left: 94px;}
#wrapper.Inquiry .sec02_1 .cont_wrap .right_box .submit_box a{font-size: 32px;}

@keyframes rotate {
    100%{
      transform: rotate(360deg);
    }
}
@-webkit-keyframes rotate {
    100%{
      transform: rotate(360deg);
    }
}

/* 404.html */
/* 404 페이지 */
#wrapper.Error{background-color: #111111;}
#wrapper.Error #sec01{position: relative;display: flex;justify-content: space-between;align-items: flex-start;height: auto;max-width: 1920px;margin: 0 auto;}
#wrapper.Error #sec01 .sec01_1{position: relative;width: 100%;padding: 363px 52px 98px;overflow: hidden;}
#wrapper.Error #sec01 .sec01_1 .cont_wrap{display: flex;justify-content: flex-start;align-items: flex-end;width: 100%;height: 100%;}
#wrapper.Error #sec01 .sec01_1 .cont_wrap .left_box{margin-right: 291px;}
#wrapper.Error #sec01 .sec01_1 .cont_wrap .left_box .title_box{}
#wrapper.Error #sec01 .sec01_1 .cont_wrap .left_box .title_box .main_text{position: relative;display: flex;font-size: 280px;font-weight: 500;}
#wrapper.Error #sec01 .sec01_1 .cont_wrap .left_box .title_box .main_text::after{content: '';position: absolute;right: 150px;top: 0;width: 100px;height: 100px;background: url('../../kor/asset/images/icon/ico_star_1.png') no-repeat center center;background-size: 100% 100%;animation: rotate 10s linear infinite;}
#wrapper.Error #sec01 .sec01_1 .cont_wrap .left_box .title_box .sub_text{font-size: 120px;font-weight: 600;letter-spacing: -4.8px;line-height: 120px;}
#wrapper.Error #sec01 .sec01_1 .cont_wrap .right_box .text_info_box{}
#wrapper.Error #sec01 .sec01_1 .cont_wrap .right_box .text_info_box .info_text{font-size: 20px;line-height: 32px;color: #ffffff;margin-bottom: 38px;}
#wrapper.Error #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box{display: flex;margin-bottom: 21px;}
#wrapper.Error #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn{font-size: 20px;font-weight: 600;}
#wrapper.Error #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn span{}
#wrapper.Error #sec02{position: relative;display: flex;align-items: flex-end;flex-direction: column;height: auto;max-width: 1920px;margin: 0 auto;}
#wrapper.Error #sec02 .sec02_1{position: relative;width: 100%;padding: 0 52px 80px;}
#wrapper.Error #sec02 .sec02_1 .cont_wrap{display: flex;justify-content: space-between;}
#wrapper.Error #sec02 .sec02_1 .cont_wrap .left_box{margin-right: 60px;}
#wrapper.Error #sec02 .sec02_1 .cont_wrap .left_box .left_img{width: 858px;height: 886px;background: #b8b8b8;}
#wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box{width: 898px;}
#wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box .menu_box{height: 294px;}
#wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box .menu_box.box_1{}
#wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box .menu_box.box_2{height: 333px;}
#wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box .menu_box.box_3{height: 254px;}
#wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box .menu_box.tbox{display: flex;justify-content: space-between;align-items: flex-start;}
#wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box .menu_box .menu_list{display: flex;flex-direction: column;width: 420px;border-top: 1px solid #555555;}
#wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box .menu_box.box_1 .menu_list{width: 100%;}
#wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box .menu_box .menu_list .title{color: #FFFFFF;font-size: 40px;font-weight: 600;padding: 32px 0 20px;}
#wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box .menu_box .menu_list .go_text{color: #b8b8b8;font-size: 20px;line-height: 32px;font-weight: 500;padding-bottom: 12px;}


/* parking.html */
/* 시스템 점검중 페이지 */
#wrapper.Parking{background-color: #111111;}
#wrapper.Parking #sec01{position: relative;display: flex;justify-content: space-between;align-items: flex-start;height: auto;max-width: 1920px;margin: 0 auto 0 72px;}
#wrapper.Parking #sec01 .sec01_1{position: relative;width: 100%;padding: 363px 52px 78px;overflow: hidden;}
#wrapper.Parking #sec01 .sec01_1 .cont_wrap{display: flex;justify-content: flex-start;align-items: flex-end;width: 100%;height: 100%;}
/* #wrapper.Parking #sec01 .sec01_1 .cont_wrap .left_box{margin-right: 563px;} */
#wrapper.Parking #sec01 .sec01_1 .cont_wrap .left_box .title_box{}
#wrapper.Parking #sec01 .sec01_1 .cont_wrap .left_box .title_box .main_text{position: relative;display: flex;line-height: 200px;font-size: 200px;font-weight: bold;}
#wrapper.Parking #sec01 .sec01_1 .cont_wrap .left_box .title_box .main_text::after{content: '';position: absolute;right: 416px;top: -16px;width: 100px;height: 100px;background: url('../../kor/asset/images/icon/ico_star_1.png') no-repeat center center;background-size: 100% 100%;animation: rotate 10s linear infinite;}
#wrapper.Parking #sec01 .sec01_1 .cont_wrap .left_box .title_box .sub_text{font-size: 120px;font-weight: 600;letter-spacing: -4.8px;line-height: 120px;}
#wrapper.Parking #sec01 .sec01_1 .cont_wrap .right_box .text_info_box{margin-left: 154px;}
#wrapper.Parking #sec01 .sec01_1 .cont_wrap .right_box .text_info_box .info_text{font-size: 20px;line-height: 32px;color: #ffffff;}
#wrapper.Parking #sec01 .sec01_1 .cont_wrap .right_box .text_info_box .time_info_box{margin-top: 62px;}
#wrapper.Parking #sec01 .sec01_1 .cont_wrap .right_box .text_info_box .time_info_box .info_text:first-child{margin-bottom: 8px;}
#wrapper.Parking #sec01 .sec01_1 .cont_wrap .right_box .text_info_box .time_info_box .info_text{margin-bottom: 34px;}


/* 500.html */
/* 500 페이지 */
#wrapper.Error500{height: 100vh;background-color: #111111;}
#wrapper.Error500 .scroll-content{height: 100%;}
#wrapper.Error500 .scroll-content .container{height: 100%;}
#wrapper.Error500 #sec01{position: relative;display: flex;justify-content: space-between;height: 100%;max-width: 1920px;margin: 0 auto;}
#wrapper.Error500 #sec01 .sec01_1{position: relative;width: 100%;padding: 403px 52px 123px;overflow: hidden;}
#wrapper.Error500 #sec01 .sec01_1 .cont_wrap{display: flex;justify-content: flex-start;align-items: flex-end;width: 100%;}
#wrapper.Error500 #sec01 .sec01_1 .cont_wrap .left_box{width: 936px;margin-right: 164px;}
#wrapper.Error500 #sec01 .sec01_1 .cont_wrap .left_box .title_box{}
#wrapper.Error500 #sec01 .sec01_1 .cont_wrap .left_box .title_box .main_text{position: relative;display: flex;line-height: 280px;font-size: 280px;font-weight: 500;}
#wrapper.Error500 #sec01 .sec01_1 .cont_wrap .left_box .title_box .main_text::after{content: '';position: absolute;right: 250px;top: -50px;width: 100px;height: 100px;background: url('../../kor/asset/images/icon/ico_star_1.png') no-repeat center center;background-size: 100% 100%;animation: rotate 10s linear infinite;}
#wrapper.Error500 #sec01 .sec01_1 .cont_wrap .left_box .title_box .sub_text{font-size: 110px;font-weight: 600;letter-spacing: -4.4px;line-height: 110px;}
#wrapper.Error500 #sec01 .sec01_1 .cont_wrap .right_box .text_info_box{margin-bottom: 70px;}
#wrapper.Error500 #sec01 .sec01_1 .cont_wrap .right_box .text_info_box .info_text{font-size: 20px;line-height: 32px;color: #ffffff;}
#wrapper.Error500 #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box{display: flex;margin-bottom: 11px;}
#wrapper.Error500 #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn{position: relative;display: flex;align-items: center;height: 56px;padding: 0 68px 0 24px;font-size: 20px;font-weight: 600;background: url('../../kor/asset/images/icon/ico_location_w.png') no-repeat 90% center;background-size: 32px 32px;color: #ffffff;border: 1px solid #ffffff;border-radius: 32px;overflow: hidden;}
#wrapper.Error500 #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn span{position: absolute;top: 0;left: 0;display: inline-block;width: 100%;height: 100%;background: #ffffff;border: 1px solid #ffffff;border-radius: 32px;transition: all .5s;transform: translateX(-100%);z-index: -1;}
#wrapper.Error500 #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn:hover{color: #000000;background: url('../../kor/asset/images/icon/ico_location_b.png') no-repeat 90% center;background-size: 32px 32px;}
#wrapper.Error500 #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn:hover span{transition: all .5s;transform: translateX(0);z-index: -1;}


/* update.html */
/* 브라우저 업데이트 페이지 */
#wrapper.Update{height: 100vh;background-color: #111111;}
#wrapper.Update .scroll-content{height: 100%;}
#wrapper.Update .scroll-content .container{height: 100%;}
#wrapper.Update #sec01{position: relative;display: flex;justify-content: space-between;height: 100%;max-width: 1920px;margin: 0 auto;}
#wrapper.Update #sec01 .sec01_1{position: relative;width: 100%;padding: 407px 52px 123px;overflow: hidden;}
#wrapper.Update #sec01 .sec01_1 .cont_wrap{display: flex;justify-content: flex-start;align-items: flex-end;width: 100%;}
#wrapper.Update #sec01 .sec01_1 .cont_wrap .left_box{width: 754px;margin-right: 328px;}
#wrapper.Update #sec01 .sec01_1 .cont_wrap .left_box .title_box{}
#wrapper.Update #sec01 .sec01_1 .cont_wrap .left_box .title_box .main_text{position: relative;display: flex;line-height: 200px;font-size: 200px;font-weight: bold;}
#wrapper.Update #sec01 .sec01_1 .cont_wrap .left_box .title_box .main_text::after{content: '';position: absolute;right: -100px;top: -50px;width: 100px;height: 100px;background: url('../../kor/asset/images/icon/ico_star_1.png') no-repeat center center;background-size: 100% 100%;animation: rotate 10s linear infinite;}
#wrapper.Update #sec01 .sec01_1 .cont_wrap .left_box .title_box .sub_text{font-size: 110px;font-weight: 600;letter-spacing: -4.4px;line-height: 110px;}
#wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .text_info_box{margin-bottom: 70px;}
#wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .text_info_box h1{font-size: 28px;line-height: 44.8px;font-weight: bold;margin-bottom: 24px;}
#wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .text_info_box .info_text{font-size: 20px;line-height: 32px;color: #ffffff;font-weight: 400;}
#wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box{display: flex;flex-wrap: wrap;margin: 70px 0 27px;}
#wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn{position: relative;display: flex;align-items: center;width: 384px;height: 56px;padding: 0 68px 0 24px;margin-bottom: 27px;font-size: 20px;font-weight: 600;color: #ffffff;border: 1px solid #ffffff;border-radius: 32px;overflow: hidden;letter-spacing: -1.1px;}
#wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn:last-child{margin-bottom: 0;}
#wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn span{position: absolute;top: 0;left: 0;display: inline-block;width: 100%;height: 100%;background: #ffffff;border: 1px solid #ffffff;border-radius: 32px;transition: all .5s;transform: translateX(-100%);z-index: -1;}
#wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn:hover{color: #000000;}
#wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn:hover span{transition: all .5s;transform: translateX(0);z-index: -1;}
#wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn.btn_1{background: url('../../kor/asset/images/icon/ico_edge.png') no-repeat right 24px center;background-size: 32px 32px;}
#wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn.btn_2{background: url('../../kor/asset/images/icon/ico_chrome.png') no-repeat right 24px center;background-size: 32px 32px;}


@media (max-width: 1919px) {
    /* 팝업 */
    #wrapper.main #popupLayer{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;}
    #wrapper.main #popupLayer .dim{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);overflow: hidden;}
    #wrapper.main #popupLayer .pop_box{position: absolute;bottom: 3.02vw;right: 2.71vw;width: 22.92vw;height: auto;}
    #wrapper.main #popupLayer .pop_box .pop_closed{position: absolute;top: -3.33vw;right: 0;width: 2.5vw;height: 2.5vw;z-index: 1;border-radius: 50%;background: rgba(84,84,84,0.4);}
    #wrapper.main #popupLayer .pop_box .pop_closed span{position: absolute;top: 50%;left: 50%;display: inline-block;width: 0.94vw;height: 0.10vw;background: #ffffff;transform: translate(-50%,-50%) rotate(45deg);}
    #wrapper.main #popupLayer .pop_box .pop_closed span:last-child{transform: translate(-50%,-50%) rotate(135deg);}
    #wrapper.main #popupLayer .pop_box .pop_cont{width: 100%;height: 28.96vw;border-radius: 0.63vw;overflow: hidden;}
    #wrapper.main #popupLayer .pop_box .pop_cont .cont_box{width: 100%;height: 26.04vw;}
    #wrapper.main #popupLayer .pop_box .pop_cont .today_box{display: flex;align-items: center;width: 100%;height: 2.92vw;padding: 0 0.90vw;background: #ffffff;}
    #wrapper.main #popupLayer .pop_box .pop_cont .today_box input[type=checkbox]{width: 0.91vw;height: 0.91vw;border-radius: 50%;margin-right: 0.48vw;border: 1px solid red;}
    #wrapper.main #popupLayer .pop_box .pop_cont .today_box label{font-size: 0.73vw;color: #424242;}

    #wrapper.main #videoPop {display: none;position: fixed;top: 0;right: 0;width: 100%;height: 100%;}
    #wrapper.main #videoPop .dim {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 1;}
    #wrapper.main #videoPop .video_layer video {width: 100%;height: 100%;border-radius: 0.52vw;}
    #wrapper.main #videoPop .video_layer video[poster] {width: 100%;height: 100%;}
    #wrapper.main #videoPop .video_layer {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10;}
    #wrapper.main #videoPop .video_layer .play_btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100; background: url('../../kor/asset/images/main/play_btn.png') no-repeat center;width: 3.33vw;height: 3.33vw;background-size: 100% 100%;}
    #wrapper.main #videoPop .video_layer .video_close_btn{position: absolute;top: -3.96vw;right: 0;width: 3.13vw;height: 3.13vw;z-index: 1;border-radius: 50%;background: rgba(84,84,84,0.4);}
    #wrapper.main #videoPop .video_layer .video_close_btn span{position: absolute;top: 50%;left: 50%;display: inline-block;width: 1.17vw;height: 0.10vw;background: #ffffff;transform: translate(-50%,-50%) rotate(45deg);}
    #wrapper.main #videoPop .video_layer .video_close_btn span:last-child{transform: translate(-50%,-50%) rotate(135deg);}

    #wrapper.main #pd_motion{position: absolute;top: 13.91vw;width: 100%;height: calc(100vh - 13.91vw);}
    #wrapper.main #pd_motion .canvas_container{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;height: 100%;}
    #wrapper.main #pd_motion .canvas_container > div{position: absolute;display: flex;justify-content: center;align-items: center;opacity: 0;}
    #wrapper.main #pd_motion .canvas_container > div canvas{width: 100%;max-width: 100%;height: 100%;}

    #wrapper.main #sec01{height: 74.84vw;background: #111;overflow: hidden;}
    #wrapper.main #sec01 .sec01_1{position: relative;width: 100%;height: 100%;}
    #wrapper.main #sec01 .sec01_1 .videoBox{position: absolute;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
    #wrapper.main #sec01 .sec01_1 .videoBox video{width: auto;height: 100%;}
    #wrapper.main .sec01_1 .cont_wrap{width: 100%;height: 100%;padding: 5.21vw 2.71vw 0;}
    #wrapper.main .sec01_1 .cont_wrap .title_box{}
    #wrapper.main .sec01_1 .cont_wrap .title_box p.tit_1 {display: flex;/* justify-content: space-between; */}
    #wrapper.main .sec01_1 .cont_wrap .title_box p{display: flex;width: 100%;line-height: 1;font-size: 10.57vw;color: #ffffff;font-weight: 600;text-align: left;/* letter-spacing: -0.52vw; */overflow: hidden;}
    #wrapper.main .sec01_1 .cont_wrap .title_box p.tit_2{margin-left: 5.31vw;}
    #wrapper.main .sec01_1 .cont_wrap .title_box p.tit_3{justify-content: flex-end;}
    #wrapper.main .sec01_1 .cont_wrap .title_box p span{opacity: 0;transform: translateY(100%);}
    #wrapper.main .sec01_1 .cont_wrap .scroll_box{position: absolute;top: 0;left: 0;display: flex;align-items: center;width: auto;height: 100%;padding-top: 3.65vw;}
    #wrapper.main .sec01_1 .cont_wrap .scroll_box p{font-size: 0.73vw;font-weight: 600;transform: rotate(-90deg);}

    #wrapper.main #sec02{background: #111;}
    #wrapper.main .sec01_2{position: relative;width: 100%;height: 100vh;overflow: hidden;}
    #wrapper.main .sec01_2 .cont_wrap{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
    #wrapper.main .sec01_2 .cont_wrap .cont_box{display: flex;width: 100%;height: 100vh;overflow: hidden;}
    #wrapper.main .sec01_2 .cont_wrap .cont_box .motion_img{display: flex;align-items: center;position: relative;width: 50%;overflow: hidden;}
    #wrapper.main .sec01_2 .cont_wrap .cont_box .motion_img img{position: absolute;width: auto;height: 100%;}
    #wrapper.main .sec01_2 .cont_wrap .cont_box.text_box{align-items: center;position: absolute;}
    #wrapper.main .sec01_2 .cont_wrap .cont_box.text_box > div{width: 50%;height: 100vh;}
    #wrapper.main .sec01_2 .cont_wrap .cont_box.text_box > div .text{position: absolute;top: 0;display: flex;flex-direction: column;justify-content: space-between;width: 100%;height: 100%;padding: 3.13vw 3.13vw 3.75vw;opacity: 0;}
    #wrapper.main .sec01_2 .cont_wrap .cont_box.text_box > div .text p{line-height: 3.33vw;font-size: 3.33vw;font-weight: 500;color: #ffffff;}
    #wrapper.main .sec01_2 .cont_wrap .cont_box.text_box > div .text p.txt_2{line-height: 1.67vw;font-size: 1.04vw;font-weight: 500;}
    #wrapper.main .sec01_2 .cont_wrap .cont_box.text_box > div .text p.txt_2 span{display: block;color: #30b4ff;}
    #wrapper.main .sec01_2 .cont_wrap .coverBox{display: flex;align-items: center;position: absolute;width: 100%;height: 100vh;}
    #wrapper.main .sec01_2 .cont_wrap .coverBox > div{position: relative;width: 50%;height: 100%}
    #wrapper.main .sec01_2 .cont_wrap .coverBox .cover_bg{position: absolute;background: #111;}
    #wrapper.main .sec01_2 .cont_wrap .coverBox .left_box .cover_bg.cover_bg_t{top: 0;right: 0;height: 0%;width: 100%;}
    #wrapper.main .sec01_2 .cont_wrap .coverBox .left_box .cover_bg.cover_bg_b{bottom: 0;right: 0;height: 0%;width: 100%;}
    #wrapper.main .sec01_2 .cont_wrap .coverBox .left_box .cover_bg.cover_bg_r{top: 0;right: 0;height: 100%;width: 50%;}
    #wrapper.main .sec01_2 .cont_wrap .coverBox .left_box .cover_bg.cover_bg_l{top: 0;left: 0;height: 100%;width: 50%;}
    #wrapper.main .sec01_2 .cont_wrap .coverBox .right_box .cover_bg.cover_bg_t{top: 0;left: 0;width: 100%;}
    #wrapper.main .sec01_2 .cont_wrap .coverBox .right_box .cover_bg.cover_bg_b{bottom: 0;left: 0;width: 100%;}
    #wrapper.main .sec01_2 .cont_wrap .coverBox .right_box .cover_bg.cover_bg_r{top: 0;right: 0;height: 100%;}
    #wrapper.main .sec01_2 .cont_wrap .coverBox .right_box .cover_bg.cover_bg_l{top: 0;left: 0;height: 100%;}

    #wrapper.main #sec03{background: #ffffff;}
    #wrapper.main #sec03 .sec03_1{position: relative;}
    #wrapper.main .sec03_1 .cont_wrap{width: 100%;height: 100%;padding: 5.21vw 3.13vw 6.93vw;}
    #wrapper.main .sec03_1 .cont_wrap .title_box{display: flex;width: 100%;}
    #wrapper.main .sec03_1 .cont_wrap .title_box h1{width: 50%;line-height: 3.33vw;font-size: 3.33vw;color: #000000;font-weight: 500;}
    #wrapper.main .sec03_1 .cont_wrap .title_box .sub_txt{width: 50%;}
    #wrapper.main .sec03_1 .cont_wrap .title_box .sub_txt p{line-height: 1.67vw;font-size: 1.04vw;font-weight: 500;color: #000000;}
    #wrapper.main .sec03_1 .cont_wrap .title_box .sub_txt p.txt_2{line-height: 1.46vw;font-size: 0.83vw;font-weight: 500;color: #767676;margin-top: 1.35vw;}
    #wrapper.main .sec03_1 .cont_wrap .contents_box{width: 100%;height: 100%;padding: 52.08vw 0 31.25vw;}
    #wrapper.main .sec03_1 .cont_wrap .contents_box .bg_text{position: relative;width: 100%;height: 100%;z-index: 2;}
    #wrapper.main .sec03_1 .cont_wrap .contents_box .bg_text p{font-size: 28.13vw;font-weight: 800;color: #000000;transform: rotate(90deg);}
    #wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    #wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont{position: absolute;}
    #wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont.bolt_1{top: 25.78vw;left: 50%;width: 18.28vw;margin-left: 3.23vw;z-index: 3;}
    #wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont.bolt_2{top: 55.36vw;left: 50%;width: 19.22vw;margin-left: -24.53vw;z-index: 1;}
    #wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont.bolt_3{top: 75.36vw;left: 50%;width: 14.11vw;margin-left: 5.21vw;z-index: 3;}
    #wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont.bolt_4{top: 100.94vw;left: 50%;width: 20.16vw;margin-left: -20.16vw;z-index: 3;}
    #wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont > div{position: absolute;display: flex;align-items: center;justify-content: center;}
    #wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont.bolt_1 > div{width: 7.81vw;top: 12.03vw;left: 7.60vw;}
    #wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont.bolt_3 > div{width: 9.38vw;top: 4.84vw;left: 5.21vw;}
    #wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont.bolt_3 > div.bolt_2{width: 10.42vw;top: -10.42vw;left: -23.7vw;}
    #wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont.bolt_4 > div{width: 9.38vw;top: 4.74vw;left: 6.46vw;}
    #wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont > div a{display: flex;align-items: center;justify-content: center;width: 3.13vw;height: 3.13vw;border-radius: 50%;background-image: url('../../kor/asset/images/icon/ico_plus.png');background-repeat: no-repeat;background-position: center center;background-color: #30b4ff;background-size: 3.13vw 3.13vw;white-space: nowrap;transition: all .3s;}
    #wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont > div a span{display: none;justify-content: center;align-items: center;line-height: 1.56vw;font-size: 1.56vw;color: #ffffff;}
    #wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont > div a:hover{width: auto;/* width: 100%; */border-radius: 1.56vw;background-image: none;padding: 0 1.25vw;transition: all .3s;}
    #wrapper.main .sec03_1 .cont_wrap .contents_box .bolt_box .bolt_cont > div a:hover span{display: flex;transition: all .3s;}

    #wrapper.main #sec04{background: #111;}
    #wrapper.main #sec04 .sec04_1{position: relative;display: flex;flex-direction: column;align-items: center;width: 100%;height: auto;}
    #wrapper.main .sec04_1 h1{position: absolute;top: 3.13vw;left: 3.13vw;font-size: 3.33vw;color: #ffffff;font-weight: 500;z-index: 1;}
    #wrapper.main .sec04_1 .cont_wrap{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100vh;}
    #wrapper.main .sec04_1 .cont_wrap .video_box{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 100%;overflow: hidden;}
    #wrapper.main .sec04_1 .cont_wrap .video_box > div{position: relative;display: flex;align-items: flex-end;justify-content: center;width: 100%;height: 100%;/*background: url('../../kor/asset/images/main/sec05_introduce-video_bg.png') no-repeat top center;background-size: cover;*/}
    #wrapper.main .sec04_1 .cont_wrap .video_box > div video{position: absolute;width: auto;height: 100%;}
    #wrapper.main .sec04_1 .cont_wrap .text_box{position: absolute;bottom: 0;display: flex;flex-direction: column;justify-content: space-between;width: 100%;padding: 3.13vw 3.13vw 4.43vw;z-index: 2;}
    #wrapper.main .sec04_1 .cont_wrap .text_box .more_box a{margin: 0 0.73vw;font-size: 1.15vw;}

    /* #wrapper.main #sec05{background: #111;}
    #wrapper.main #sec05 .sec05_1{position: relative;width: 100%;height: 100%;} */
    #wrapper.main .sec04_2 .cont_wrap{display: flex;flex-direction: column;align-items: center;justify-content: center; width: 100%;height: 100%;padding: 0 3.13vw 9.43vw;}
    #wrapper.main .sec04_2 .cont_wrap .cont_box{position: relative;width: 39.27vw;height: auto;margin-bottom: 2.71vw;}
    #wrapper.main .sec04_2 .cont_wrap .cont_box p{/* position: absolute;right: 0; */font-size: 0.94vw;color: #9c9c9c;text-align: left;margin-bottom: 0.83vw;font-weight: 500;}
    #wrapper.main .sec04_2 .cont_wrap .cont_box.box_4{height: auto;border: 0;margin: 1.77vw 0 0;}
    #wrapper.main .sec04_2 .cont_wrap .cont_box.box_4 h1{font-size: 3.33vw;color: #ffffff;margin-bottom: 1.88vw;font-weight: 500;}
    #wrapper.main .sec04_2 .cont_wrap .cont_box.box_4 > div{display: flex;justify-content: space-between;align-items: flex-end;}
    #wrapper.main .sec04_2 .cont_wrap .cont_box.box_4 > div p{line-height: 1.67vw;font-size: 1.04vw;color: #ffffff;text-align: left;}
    #wrapper.main .sec04_2 .cont_wrap .cont_box.box_4 > div a{font-size: 1.15vw;color: #ffffff;}

    #wrapper.main #sec06{background: #1c1c1c;}
    #wrapper.main #sec06 .sec06_1{position: relative;width: 100%;height: 100%;}
    #wrapper.main .sec06_1 .cont_wrap{display: flex;flex-direction: column;align-items: center;justify-content: center; width: 100%;height: 100%;}
    #wrapper.main .sec06_1 .cont_wrap .top_txt{display: flex;margin-bottom: 7.71vw;}
    #wrapper.main .sec06_1 .cont_wrap .top_txt .title_txt{line-height: 3.33vw;font-size: 2.08vw;color: #ffffff;font-weight: 500;margin-right: 7.03vw;}
    #wrapper.main .sec06_1 .cont_wrap .top_txt .sub_txt{line-height: 1.67vw;font-size: 1.04vw;color: #a6a6a6;}
    #wrapper.main .sec06_1 .cont_wrap .bottom_txt{width: auto;height: auto;overflow: hidden;}
    #wrapper.main .sec06_1 .cont_wrap .bottom_txt ul{display: block;width: 300%;height: 100%;font-size: 0;transform: translateX(26.04vw);margin-left: 0;}
    #wrapper.main .sec06_1 .cont_wrap .bottom_txt ul li{display: inline-block;margin-left: 9.38vw;}
    /* #wrapper.main .sec06_1 .cont_wrap .bottom_txt ul li:first-child{margin-left: 6vw;} */
    #wrapper.main .sec06_1 .cont_wrap .bottom_txt ul li.logo_1{width: 12.86vw;/* margin-left: 12.40vw; */}
    #wrapper.main .sec06_1 .cont_wrap .bottom_txt ul li.logo_2{width: 6.46vw;}
    #wrapper.main .sec06_1 .cont_wrap .bottom_txt ul li.logo_3{width: 12.5vw;}
    #wrapper.main .sec06_1 .cont_wrap .bottom_txt ul li.logo_4{width: 15.10vw;}
    #wrapper.main .sec06_1 .cont_wrap .bottom_txt ul li.logo_5{width: 8.07vw;}
    #wrapper.main .sec06_1 .cont_wrap .bottom_txt ul li.logo_6{width: 4.17vw;}
    #wrapper.main .sec06_1 .cont_wrap .bottom_txt ul li.logo_7{width: 11.67vw;}
    #wrapper.main .sec06_1 .cont_wrap .bottom_txt ul li.logo_8{width: 5.63vw;}

    #wrapper.main #sec07{background: #ffffff;}
    #wrapper.main #sec07 .sec07_1{position: relative;width: 100%;height: 100%;}
    #wrapper.main .sec07_1 .cont_wrap{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
    #wrapper.main .sec07_1 .cont_wrap .cont_box{}
    #wrapper.main .sec07_1 .cont_wrap .cont_box h1{line-height: 3.91vw;font-size: 3.33vw;color: #000000;}
    #wrapper.main .sec07_1 .cont_wrap .cont_box .video_box{display: flex;justify-content: center;align-items: center;width: 21.09vw;height: 21.09vw;border-radius: 50%;overflow: hidden;}
    #wrapper.main .sec07_1 .cont_wrap .cont_box .video_box video{width: auto;height: 100%;}
    #wrapper.main .sec07_1 .cont_wrap .cont_box.box_1{margin-right: 10vw;}
    #wrapper.main .sec07_1 .cont_wrap .cont_box.box_1 h1{font-weight: 400;}
    #wrapper.main .sec07_1 .cont_wrap .cont_box.box_3{margin-left: 9.11vw;}
    #wrapper.main .sec07_1 .cont_wrap .cont_box.box_3 h1{line-height: 2vw;font-size: 1.25vw;color: #000000;font-weight: 600;}
    #wrapper.main .sec07_1 .cont_wrap .cont_box.box_3 p{line-height: 1.67vw;font-size: 1.04vw;margin: 0.73vw 0 3.13vw;color: #000000;}
    #wrapper.main .sec07_1 .cont_wrap .cont_box.box_3 a{display: inline-block;font-size: 1.04vw;}


    /* privacy.html, agreement.html */
    /* 개인정보 처리방침, 사이트 이용약관 */
    #wrapper.privacy{}
    #wrapper.privacy #sec01{width: 100%;max-width: 100%;height: auto;padding: 14.58vw 2.71vw 4.17vw;margin: 0 auto;}
    #wrapper.privacy #sec01 .sec01_1{width: 100%;height: 100%;}
    #wrapper.privacy .sec01_1 .cont_wrap{display: flex;width: 100%;height: 100%;}
    #wrapper.privacy .sec01_1 .cont_wrap .left_box{width: 26.25vw;height: auto;margin-right: 11.98vw;}
    #wrapper.privacy .sec01_1 .cont_wrap .left_box .title_box{width: auto;height: auto;}
    #wrapper.privacy .sec01_1 .cont_wrap .left_box .title_box h1{line-height: 3.13vw;font-size: 3.13vw;font-weight: 600;color: #000000;margin-bottom: 2.19vw;}
    #wrapper.privacy .sec01_1 .cont_wrap .left_box .title_box p{line-height: 1.67vw;font-size: 1.04vw;color: #000000;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box{width: 46.77vw;height: auto;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap{width: 100%;height: auto;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box{padding: 1.88vw 0 4.17vw;border-top: 1px solid #bcbcbc;color: #000000;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box:last-child{padding-bottom: 0;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box h1.title{line-height: 2vw;font-size: 1.25vw;font-weight: 400;margin-bottom: 1.25vw;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box h1.title span{display: block;line-height: 1.33vw;font-size: 0.83vw;font-weight: 400;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub{display: flex;margin-bottom: 1.25vw;font-family: 'Pretendard', sans-serif;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub:last-child{margin-bottom: 0;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub p{line-height: 1.33vw;font-size: 0.83vw;font-weight: 400;word-break: keep-all;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub p.font_b{font-weight: bold;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub p.number{position: relative;padding-left: 2.08vw;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub p.number::after{content: '';position: absolute;top: 0;left: 1.04vw;font-size: 0.83vw;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub p.number.num_1:after{content: '①';}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub p.number.num_2:after{content: '②';}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub p.number.num_3:after{content: '③';}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub p.number.num_4:after{content: '④';}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub p.number.num_5:after{content: '⑤';}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub ul.dot{flex-direction: column;line-height: 1.33vw;padding-left: 2.08vw;margin-top: 0.21vw;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub ul.dot.padding_l_30{padding-left: 1.56vw;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub ul.dot li{list-style: disc;word-break: keep-all;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub.margin_none{margin: 0;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub.margin_t_4{margin-top: 0.21vw;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .sub.margin_t_8{margin-top: 0.42vw;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box .padding_l_40{padding-left: 2.08vw;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table{width: 100%;margin-bottom: 1.25vw;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table th,
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table td{font-size: 0.83vw;color: #3e3e3e;word-break: keep-all;border: 1px solid #bcbcbc;font-family: 'Pretendard', sans-serif;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table th{font-weight: 500;padding: 0.73vw 0;background: #f9fafb;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table td{font-weight: 400;text-align: center;padding: 2.08vw 0;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table.table_1 th{width: 25%;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table.table_2 th{width: 50%;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table.table_3 td{width: 50%;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table.table_3 td span{display: block;margin-bottom: 0.42vw;}
    #wrapper.privacy .sec01_1 .cont_wrap .right_box .privacy_wrap .privacy_box table.table_3 td span:last-child{margin-bottom: 0;}


    /* ProductionFacility.html */
    /* 생산설비 */
    #wrapper.ProductionFacility{background-color: #f6f6f6;}
    #wrapper.ProductionFacility #sec01{width: 100%;height: 120.52vw;}
    #wrapper.ProductionFacility #sec01 .sec01_1{width: 100%;height: 100%;background: url('../../kor/asset/images/technology/production_kv_bg.png') no-repeat top center;background-size: cover;overflow: hidden;}
    #wrapper.ProductionFacility .sec01_1 .cont_wrap{display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;height: 100%;}
    #wrapper.ProductionFacility .sec01_1 .cont_wrap .kv_title{position: relative;display: flex;flex-direction: column;align-items: center;width: 100%;margin: 0 12.92vw 7.19vw;}
    #wrapper.ProductionFacility .sec01_1 .cont_wrap .kv_title p{position: absolute;top: -3.65vw;left: 50%;margin-left: 24.48vw;line-height: 5vw;font-size: 3.13vw;font-weight: 600;color: #ffffff;}
    #wrapper.ProductionFacility .sec01_1 .cont_wrap .kv_title h1{line-height: 15vw;font-size: 15vw;font-weight: 600;color: #ffffff;text-align: center;}
    #wrapper.ProductionFacility .sec01_1 .cont_wrap .kv_img{position: relative;display: flex;flex-direction: column;align-items: center;width: 34.9vw;height: auto;}
    #wrapper.ProductionFacility .sec01_1 .cont_wrap .kv_img img{height: 41.88vw;}
    #wrapper.ProductionFacility .sec01_1 .cont_wrap .kv_img p{margin-top: 0.63vw;width: 100%;font-size: 0.83vw;color: #000;text-align: right;font-weight:500;}

    #wrapper.ProductionFacility #sec02{width: 100%;height: auto;}
    #wrapper.ProductionFacility #sec02 .section{width: 100%;height: 48.96vw;}
    #wrapper.ProductionFacility #sec02 .section .cont_wrap{display: flex;width: 100%;height: 100%;background: #171717;}
    #wrapper.ProductionFacility #sec02 .section .cont_wrap > div{position: relative;display: flex;align-items: center;justify-content: flex-end;flex-direction: column;width: 50%;height: 100%;overflow: hidden;text-align: center;}
    #wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box::after{position: absolute;top: 0;left: 0;content: '';width: 100%;height: 100%;background-color: rgba(17,17,17,.4);}
    #wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box{position: relative;}
    #wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box > video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    #wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box div{z-index: 1;}
    #wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box div h3{line-height: 2vw;font-size: 1.25vw;font-weight: 500;color: #ffffff;}
    #wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box div h1{margin: 0.83vw 0 2.5vw;line-height: 4.17vw;font-size: 4.17vw;font-weight: 300;color: #ffffff;letter-spacing: -0.17vw;}
    #wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box div p{line-height: 1.67vw;font-size: 1.04vw;font-weight: 300;color: #ffffff;}
    #wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box > p{position: absolute;bottom: 3.23vw;line-height: 1.33vw;font-size: 0.83vw;font-weight: 300;color: #cecece;z-index: 1;}
    #wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box .dot{position: absolute;bottom: 3.13vw;right: 2.71vw;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width: 3.65vw;}
    #wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box .dot li{display: flex;align-items: center;justify-content: center;width: 100%;margin-bottom: 1.46vw;}
    #wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box .dot li:last-child{margin-bottom: 0;}
    #wrapper.ProductionFacility #sec02 .section .cont_wrap > div.video_box .dot li span{display: block;width: 0.21vw;height: 0.21vw;border-radius: 50%;background: #707070;}
    #wrapper.ProductionFacility .sec02_2 .cont_wrap > div.video_box .dot{right: auto;left: 2.71vw;}
    #wrapper.ProductionFacility .sec02_1 .cont_wrap > div.video_box{padding-bottom: 18.7vw;/* background: url('../../kor/asset/images/technology/production_bg01.gif') no-repeat center center;background-size: cover; */}
    #wrapper.ProductionFacility .sec02_2 .cont_wrap > div.video_box{padding-bottom: 17.71vw;/* background: url('../../kor/asset/images/technology/production_bg02.gif') no-repeat center center;background-size: cover; */}
    #wrapper.ProductionFacility .sec02_3 .cont_wrap > div.video_box{padding-bottom: 16.04vw;/* background: url('../../kor/asset/images/technology/production_bg03.gif') no-repeat center center;background-size: cover; */}

    #wrapper.ProductionFacility #sec03{width: 100%;}
    #wrapper.ProductionFacility #sec03 .sec03_1{display: flex;width: 100%;height: 100%;background: #111111;}
    #wrapper.ProductionFacility .sec03_1 .cont_wrap{position: relative;display: flex;flex-direction: column;justify-content: center;width: 100%;height: 100%;padding: 10vw 0 16.25vw;}
    #wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title{position: relative;text-align: center;}
    #wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title span.ico{position: absolute;top: 50%;left: 50%;display: inline-block;width: 5.26vw;height: 5.21vw;margin: -10.94vw 0 0 13.54vw;}
    #wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title div{overflow: hidden;}
    #wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title div p{line-height: 6.77vw;font-size: 6.77vw;font-weight: 600;letter-spacing: -0.27vw;color: #ffffff;}
    #wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title div.tit_1 p{transform: translateX(-100%);}
    #wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title div.tit_2 p{margin: 1.04vw 0 1.35vw;transform: translateX(-10%)}
    #wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title div.tit_3 p{transform: translateX(100%);}
    #wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title div p span{display: inline-block;}
    #wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title div p span.font_i{font-style: italic;font-family: 'Playfair Display', serif;font-weight: 400;}
    #wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title div.tit_1 p span.font_i{margin-left: 1.04vw;}
    #wrapper.ProductionFacility .sec03_1 .cont_wrap .motion_title div.tit_3 p span.font_i{margin-right: 1.04vw;}
    #wrapper.ProductionFacility .sec03_1 .cont_wrap .text_box{position: absolute;top: 50%;left: 50%;margin-left: -2.4vw;margin-top: 11.67vw;opacity: 0;}
    #wrapper.ProductionFacility .sec03_1 .cont_wrap .text_box p{line-height: 2vw;font-size: 1.25vw;font-weight: 500;color: #ffffff;}

    #wrapper.ProductionFacility .sec04_1{position: relative;width: 100%;height: auto;padding: 0 2.71vw;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap{width: 100%;height: 100%;padding-top: 2.71vw;margin-top: 2.71vw;border-top: 1px solid #c5c5c5;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > h1{line-height: 3.75vw;font-size: 3.75vw;font-weight: 600;color: #000000;text-align: center;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > div{display: flex;justify-content: space-between;width: 100%;height: auto;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_1{padding-top: 10.42vw;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_2{padding-top: 6.67vw;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3{padding-top: 16.88vw;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_1 .videoBox{display: flex;justify-content: center;align-items: center;width: 100%;height: auto;max-height: 32.5vw;overflow: hidden;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_1 .videoBox video{width: 100%;height: auto;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_2 .leftBox{display: flex;padding: 1.04vw 1.98vw 0;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_2 .leftBox h3{line-height: 1;font-size: 1.67vw;font-weight: 600;color: #000000;margin-right: 1.46vw;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_2 .leftBox p{line-height: 1.67vw;font-size: 1.04vw;font-weight: 500;color: #454545;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_2 .rightBox{width: 52.08vw;height: 29.53vw;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3 .leftBox{width: 46.77vw;height: 44.01vw;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3 .leftBox .videoBox{display: flex;align-items: flex-start;width: 100%;height: 40.47vw;overflow: hidden;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3 .leftBox .videoBox video{width: auto;height: 100%;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3 .rightBox{display: flex;flex-direction: column;justify-content: space-between;align-items: flex-end;padding: 1.04vw 2.5vw 0;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3 .rightBox .textBox{display: flex;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3 .rightBox .textBox h3{line-height: 1;font-size: 1.67vw;font-weight: 600;color: #000000;margin-right: 4.17vw;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3 .rightBox .textBox p{line-height: 1.67vw;font-size: 1.04vw;font-weight: 500;color: #454545;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3 .rightBox .imgBox{width: 18.07vw;height: auto;}
    #wrapper.ProductionFacility .sec04_1 .cont_wrap > div.box_3 .rightBox .imgBox p{line-height: 1.33vw;font-size: 0.83vw;font-weight: 500;color: #848484;margin-top: 0.83vw;}

    #wrapper.ProductionFacility .sec04_2 .cont_wrap{padding: 0 2.71vw 8.54vw;}
    #wrapper.ProductionFacility .sec04_2 .cont_wrap .inquiry {display: flex;justify-content: space-between;align-items: flex-end;padding: 0 9.58vw 0 4.58vw;}
    #wrapper.ProductionFacility .sec04_2 .cont_wrap .inquiry .to_buy {margin-top: 12.5vw;color: #000000;}
    #wrapper.ProductionFacility .sec04_2 .cont_wrap .inquiry .to_buy h2 {line-height: 3.91vw;font-size: 3.33vw;}
    #wrapper.ProductionFacility .sec04_2 .cont_wrap .inquiry .to_buy p {line-height: 2.08vw;font-size: 1.30vw;margin-top: 0.68vw;}


    /* Material.html */
    /* 특수 합금 */
    #wrapper.Material{background-color: #111111;}
    #wrapper.Material #header.active::before{content: '';position: absolute;top: 0;right: 0;width: 100%;height: 9.69vw;background-image: linear-gradient(to bottom, #111 -10%, rgba(0, 0, 0, 0) 81%);transition: all .5s;z-index: -1;}
    #wrapper.Material #sec01{position: relative;display: flex;justify-content: space-between;align-items: flex-start;height: auto;}
    #wrapper.Material #sec01.on{height: auto;}
    #wrapper.Material #sec01 .sec01_1{position: relative;padding: 9.17vw 2.71vw 0;width: 100%;height: auto;overflow: hidden;}
    #wrapper.Material #sec01 .sec01_1 .list_title{position: absolute;top: 5.63vw;left: 50%;line-height: 1.67vw;font-size: 1.04vw;color: #a4a4a4;transform: translateX(-50%);}
    #wrapper.Material #sec01 .sec01_1 .list_length{position: absolute;top: 5.63vw;right: 67px;line-height: 1.67vw;font-size: 1.04vw;color: #a4a4a4;}
    #wrapper.Material .sec01_1 .cont_wrap{display: flex;justify-content: flex-end;width: 100%;height: auto;}
    #wrapper.Material .sec01_1 .cont_wrap .introWrap{position: absolute;left: 0;display: flex;align-items: flex-end;justify-content: center;width: 100%;height: calc(100vh - 9.17vw);padding: 0 2.71vw 9.34vw;z-index: 2;}
    #wrapper.Material .sec01_1 .cont_wrap .introWrap .intro{width: 100%;text-align: center;z-index: 1;}
    #wrapper.Material .sec01_1 .cont_wrap .introWrap .intro h1{overflow: hidden;}
    #wrapper.Material .sec01_1 .cont_wrap .introWrap .intro h1 span{display: block;line-height: 28.59vw;font-size: 28.59vw;letter-spacing: -1.14vw;transform: translateY(120%);font-weight: 400;}
    #wrapper.Material .sec01_1 .cont_wrap .introWrap.on{width: 50.52vw;z-index: 1;}
    #wrapper.Material .sec01_1 .cont_wrap .introWrap.on h1{}
    #wrapper.Material .sec01_1 .cont_wrap .introWrap.on h1 span{text-align: left;line-height: 12.34vw;font-size: 12.34vw;letter-spacing: -0.47vw;transition: all .3s;}
    #wrapper.Material .sec01_1 .cont_wrap .cardList{position: relative;justify-content: space-between;width: 46.77vw;height: 141.77vw;padding-bottom: 12.5vw;/* visibility: hidden; */z-index: 1;}
    #wrapper.Material .sec01_1 .cont_wrap .cardList.on{display: flex;z-index: 2;}
    #wrapper.Material .sec01_1 .cont_wrap .cardList ul{width: 23.18vw;height: 100%;font-size: 0;}
    #wrapper.Material .sec01_1 .cont_wrap .cardList ul.list_2{padding-top: 2.60vw;}
    #wrapper.Material .sec01_1 .cont_wrap .cardList ul li{display: flex;flex-direction: column;justify-content: space-between;width: 100%;height: 25vw;margin-bottom: 0.42vw;padding: 2.08vw 1.88vw 3.13vw;background: #202020;opacity: 0;transform: translateY(2.60vw);cursor: pointer;}
    #wrapper.Material .sec01_1 .cont_wrap .cardList ul li:last-child{margin-bottom: 0;}
    #wrapper.Material .sec01_1 .cont_wrap .cardList ul li .number_box{}
    #wrapper.Material .sec01_1 .cont_wrap .cardList ul li .number_box span{display: inline-block;font-size: 1.25vw;color: #868686;letter-spacing: -0.03vw;}
    #wrapper.Material .sec01_1 .cont_wrap .cardList ul li .text_box{}
    #wrapper.Material .sec01_1 .cont_wrap .cardList ul li .text_box h1{line-height: 2.92vw;font-size: 2.92vw;color: #ffffff;letter-spacing: -0.06vw;font-weight: 400;}
    #wrapper.Material .sec01_1 .cont_wrap .cardList ul li .text_box p{margin-top: 0.83vw;}
    #wrapper.Material .sec01_1 .cont_wrap .cardList ul li .text_box p span{display: block;line-height: 0.83vw;font-size: 0.63vw;color: #ffffff;letter-spacing: -0.03vw;margin-bottom: 0.21vw;}
    #wrapper.Material .sec01_1 .cont_wrap .cardList ul li .text_box p span:last-child{margin-bottom: 0;}
    #wrapper.Material .sec01_1 .cont_wrap .cardList ul li .text_box a.view_data_btn{display: inline-block;padding: 0.52vw 1.56vw;line-height: 0.94vw;font-size: 0.94vw;color: #ffffff;background: #2b2b2b;margin-top: 2.71vw;}
    #wrapper.Material .sec01_1 .cont_wrap .cardList ul li:hover{background: #ffffff;transition: all .5s;}
    #wrapper.Material .sec01_1 .cont_wrap .cardList ul li:hover .text_box h1{color: #000000;}
    #wrapper.Material .sec01_1 .cont_wrap .cardList ul li:hover .text_box p span{color: #111111;}

    #wrapper.Material #sec02{position: relative;display: flex;align-items: flex-end;flex-direction: column;width: 100%;}
    #wrapper.Material #sec02 .sec02_1{position: relative;display: flex;justify-content: flex-end;width: 100%;height: auto;padding: 0 2.71vw;}
    #wrapper.Material .sec02_1 .cont_wrap{width: 46.77vw;height: 100%;}
    #wrapper.Material .sec02_1 .cont_wrap ul{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;width: 100%;height: 100%;}
    #wrapper.Material .sec02_1 .cont_wrap ul li{display: flex;width: 50%;min-width: 50%;}
    #wrapper.Material .sec02_1 .cont_wrap ul li:last-child{margin-bottom:0;}
    #wrapper.Material .sec02_1 .cont_wrap ul li:nth-child(3n){margin-top: 4.17vw;}
    #wrapper.Material .sec02_1 .cont_wrap ul li .number{display: flex;align-items: center;width: 2.71vw;font-size: 1.04vw;color: #7c7c7c;font-weight: 500;}
    #wrapper.Material .sec02_1 .cont_wrap ul li a.view_btn{display: flex;align-items: center;font-size: 1.25vw;font-weight: 500;color: #ffffff;}
    #wrapper.Material .sec02_1 .cont_wrap ul li a.view_btn::after{display: inline-block;content: '';width: 1.67vw;height: 1.67vw;background: url('../../kor/asset/images/icon/ic-arrow-popup-32.png') no-repeat center center;background-size: 100% 100%;}
    #wrapper.Material .sec02_1 .cont_wrap ul li:nth-child(3n) a.view_btn::after{display: inline-block;content: '';width: 1.67vw;height: 1.67vw;background: url('../../kor/asset/images/icon/ic-download-32.png') no-repeat center center;background-size: 100% 100%;}
    #wrapper.Material .sec02_1 .cont_wrap ul li a.view_btn span{position: relative;display: inline-block;margin-right: 0.42vw;}
    #wrapper.Material .sec02_1 .cont_wrap ul li:nth-child(3n) a.view_btn span{position: relative;display: inline-block;margin-right: 0.63vw;}
    #wrapper.Material .sec02_1 .cont_wrap ul li a.view_btn span::after{content: "";position: absolute;bottom: 0;left: 0;width: 0;border-bottom: 1px solid #fff;transition: all .5s;}
    #wrapper.Material .sec02_1 .cont_wrap ul li a.view_btn:hover span::after{color: #fff;width: 100%;}

    #wrapper.Material .sec02_2{position: relative;display: flex;justify-content: flex-end;width: 100%;height: auto;padding: 0 2.71vw;}
    #wrapper.Material .sec02_2 .cont_wrap{width: 46.77vw;height: 100%;}
    #wrapper.Material .sec02_2 .cont_wrap .inquiry {display: flex;justify-content: space-between;align-items: flex-end;}
    #wrapper.Material .sec02_2 .cont_wrap .inquiry .to_buy {margin-top: 14.69vw;color: #ffffff;}
    #wrapper.Material .sec02_2 .cont_wrap .inquiry .to_buy h2 {line-height: 3.91vw;font-size: 3.33vw;font-weight: 400;}
    #wrapper.Material .sec02_2 .cont_wrap .inquiry .to_buy p {line-height: 2.08vw;font-size: 1.30vw;margin-top: 0.68vw;}

    /* 팝업 */
    #wrapper.Material #popupLayer{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;}
    #wrapper.Material #popupLayer .dim{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);overflow: hidden;}
    #wrapper.Material .popup .popup_wrap {display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;width: 69.79vw;height: 40.63vw;background: #ffffff;}
    #wrapper.Material .popup .popup_wrap .inner_pop {position: relative;padding: 4.17vw 0;background: #ffffff;height: 100%;}
    #wrapper.Material .popup .popup_wrap a.close_btn {display: inline-block;position: absolute;top: 2.08vw;right: 1.88vw; background: url('../../kor/asset/images/products/ic_close.png') no-repeat center;width:1.25vw;height:1.25vw;background-size: 100% 100%;}
    #wrapper.Material .popup .popup_wrap .pop_img_box {height: 100%; overflow-y: auto;padding: 0 3.91vw;}


    /* DataDownload.html */
    /* 데이타 다운로드 */
    #wrapper.DataDownload .container{background: #111111;}
    #wrapper.DataDownload #sec01{width: 100%;height: 70.94vw;padding: 0 2.71vw 3.23vw;background: #111111;}
    #wrapper.DataDownload #sec01 .sec01_1{width: 100%;height: 100%;}
    #wrapper.DataDownload .sec01_1 .cont_wrap{display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;width: 100%;height: 100%;}
    #wrapper.DataDownload .sec01_1 .cont_wrap h3{line-height: 2.67vw;font-size: 1.67vw;font-weight: 600;color: #ffffff;}
    #wrapper.DataDownload .sec01_1 .cont_wrap h1{line-height: 10.42vw;font-size: 10.42vw;font-weight: 600;color: #ffffff;letter-spacing: -0.42vw;margin-left: -0.78vw;}
    #wrapper.DataDownload .sec01_1 .cont_wrap .kv_box{display: flex;justify-content: center;align-items: center;width: 100%;height: 31.25vw;margin-top: 2.08vw;overflow: hidden;}

    #wrapper.DataDownload #sec02{width: 100%;height: auto;padding: 0 2.71vw 0;background: #111111;}
    #wrapper.DataDownload #sec02 .sec02_1, #wrapper.DataDownload #sec02 .sec02_2, #wrapper.DataDownload #sec02 .sec02_3{height: auto;}
    #wrapper.DataDownload #sec02 .section{position: relative;width: 100%;border-top: 1px solid #727272;}
    #wrapper.DataDownload .section h5{position: absolute;top: 1.67vw;left: 0;line-height: 1.67vw;font-size: 1.04vw;font-weight: 600;color: #ffffff;}
    #wrapper.DataDownload .section .cont_wrap{display: flex;justify-content: space-between;width: 100%;height: 100%;}
    #wrapper.DataDownload .section .cont_wrap .margin_r{margin-right: 4.17vw;}
    #wrapper.DataDownload .section .cont_wrap .margin_l{margin-left: 2.08vw;}
    #wrapper.DataDownload .section .cont_wrap .down_box{position: relative;width: auto;height: auto;padding-top: 2.45vw;}
    #wrapper.DataDownload .section .cont_wrap .down_box div{position: relative;top: 0;padding-top: 2.4vw;}
    #wrapper.DataDownload .section .cont_wrap .down_box div::before{content: 'Download';position: absolute;top: 0;left: 0;width: 100%;font-size: 1.15vw;text-align: center;color: #ffffff;font-weight: 600;}
    #wrapper.DataDownload .section .cont_wrap .down_box a.hover_s_4{width: 8.54vw;height: 8.54vw;}
    #wrapper.DataDownload .section .cont_wrap .down_box a.hover_s_4 span{background: url('../../kor/asset/images/icon/ico_down_w.png') no-repeat center center;background-size: 3.33vw 3.33vw;}
    #wrapper.DataDownload .section .cont_wrap .down_box a.hover_s_4:hover span{background: url('../../kor/asset/images/icon/ico_down_b.png') no-repeat center center;background-size: 3.33vw 3.33vw;z-index: 2;}

    #wrapper.DataDownload .sec02_1 .cont_wrap{padding: 1.67vw 0 15.10vw;background: url('../../kor/asset/images/support/data_d_sec02_1_bg.png') no-repeat 22.5% 77%;background-size: 26.67vw 32.71vw;}
    #wrapper.DataDownload .sec02_1 .cont_wrap .txt_box {display: flex;flex-direction: column;}
    #wrapper.DataDownload .sec02_1 .cont_wrap .text_box{position: relative;margin-top: 2.92vw;}
    #wrapper.DataDownload .sec02_1 .cont_wrap .text_box .sub_text{position: absolute;top: 2.45vw;right: 0;}
    #wrapper.DataDownload .sec02_1 .cont_wrap .text_box .sub_text p{line-height: 1.67vw;font-size: 1.04vw;color: #a6a6a6;}
    #wrapper.DataDownload .sec02_1 .cont_wrap .text_box .somefolk_title p{line-height: 1;font-size: 0;margin-top: -0.16vw;overflow: hidden;}
    #wrapper.DataDownload .sec02_1 .cont_wrap .text_box .somefolk_title p.text_span:last-child{text-align: right;}
    #wrapper.DataDownload .sec02_1 .cont_wrap .text_box .somefolk_title .letter{display: inline-block;line-height: 1;font-size: 12.5vw;font-weight: 600; letter-spacing: -0.5vw;color: #ffffff;/* opacity: 0; */transform: translateY(100%);}
    #wrapper.DataDownload .sec02_1 .cont_wrap .text_box .somefolk_title p:first-child .letter{font-weight: 400;}

    #wrapper.DataDownload .sec02_2 .cont_wrap{padding: 4.53vw 0 22.40vw;background: url('../../kor/asset/images/support/data_d_sec02_2_bg.png') no-repeat right 7.9% center;background-size: 26.67vw 32.71vw;}
    #wrapper.DataDownload .sec02_2 .cont_wrap .text_box .somefolk_title{width: 67.45vw;}
    #wrapper.DataDownload .sec02_2 .cont_wrap .text_box .somefolk_title p{line-height: 1;font-size: 0;margin-top: -0.16vw;text-align: center;overflow: hidden;}
    #wrapper.DataDownload .sec02_2 .cont_wrap .text_box .somefolk_title p.text_span:nth-child(1){/* transform: translateX(19%); */text-align: right;padding-right: 28.91vw;}
    #wrapper.DataDownload .sec02_2 .cont_wrap .text_box .somefolk_title p.text_span:nth-child(2){text-align: right;}
    #wrapper.DataDownload .sec02_2 .cont_wrap .text_box .somefolk_title p.text_span:nth-child(3){text-align: left;}
    #wrapper.DataDownload .sec02_2 .cont_wrap .text_box .somefolk_title p.text_span:last-child{text-align: right;padding-right: 10.83vw;}
    #wrapper.DataDownload .sec02_2 .cont_wrap .text_box .somefolk_title .letter{display: inline-block;line-height: 1;font-size: 12.5vw;font-weight: 600;letter-spacing: -0.28vw;color: #ffffff;/* opacity: 0; */transform: translateY(100%);}

    #wrapper.DataDownload .sec02_3 .cont_wrap{justify-content: flex-end;padding: 0 0 4.17vw;}
    #wrapper.DataDownload .sec02_3 .cont_wrap .down_list{width: 56.30vw;height: auto;}
    #wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul{width: 100%;height: 100%;}
    #wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul li{display: flex;align-items: center;width: 100%;height: 8.33vw;border-bottom: 1px solid #727272;}
    #wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul li .number{display: inline-block;width: 9.58vw;font-size: 0.94vw;color: #b9b9b9;font-weight: 400;}
    #wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul li > div{display: flex;justify-content: space-between;align-items: center;width: calc(100% - 9.58vw);}
    #wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul li > div p.title{max-width: 36.46vw;font-size: 2.08vw;color: #ffffff;letter-spacing: -0.06vw;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    #wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul li > div a.down_btn{display: flex;align-items: center;font-size: 1.25vw;font-weight: 600;letter-spacing: -0.04vw;color: #ffffff;}
    #wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul li > div a.down_btn::after{display: inline-block;content: '';width: 1.25vw;height: 1.25vw;background: url('../../kor/asset/images/icon/ico_down_w_s.png') no-repeat center center;background-size: 100% 100%;}
    #wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul li > div a.down_btn span{position: relative;display: inline-block;margin-right: 0.68vw;}
    #wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul li > div a.down_btn span::after{content: "";position: absolute;bottom: 0;left: 0;width: 0;border-bottom: 1px solid #fff;transition: all .5s;}
    #wrapper.DataDownload .sec02_3 .cont_wrap .down_list ul li > div a.down_btn:hover span::after{color: #fff;width: 100%;}


    /* Inquiry.html */
    /* 온라인 문의 */
    #wrapper.Inquiry #sec01{width: 100%;height: 39.58vw;padding: 0 2.71vw 5.21vw;}
    #wrapper.Inquiry #sec01 .sec01_1{width: 100%;height: 100%;}
    #wrapper.Inquiry .sec01_1 .cont_wrap{display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;width: 100%;height: 100%;}
    #wrapper.Inquiry .sec01_1 .cont_wrap h3{line-height: 2.67vw;font-size: 1.67vw;font-weight: 600;color: #000000;margin: 0 0 0.52vw;}
    #wrapper.Inquiry .sec01_1 .cont_wrap h1{line-height: 10.42vw;font-size: 10.42vw;font-weight: 600;color: #000000;letter-spacing: -0.42vw;margin-left: -0.78vw;}

    #wrapper.Inquiry #sec02{width: 100%;height: auto;padding: 0 2.71vw;}
    #wrapper.Inquiry #sec02 .sec02_1{width: 100%;height: 100%;padding: 2.71vw 0 10.63vw;border-top: 1px solid #BCBCBC;}
    #wrapper.Inquiry .sec02_1 .cont_wrap{display: flex;justify-content: space-between;width: 100%;height: 100%;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .left_box{}
    #wrapper.Inquiry .sec02_1 .cont_wrap .left_box .title_box{width: auto;height: auto;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .left_box .title_box h1{line-height: 3.13vw;font-size: 3.13vw;font-weight: 600;color: #000000;margin-bottom: 2.19vw;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .left_box .title_box p{line-height: 1.67vw;font-size: 1.04vw;color: #000000;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box{width: calc(100% - 42.92vw);height: auto;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box{display: flex;align-items: center;width: 100%;height: auto;margin-bottom: 8.33vw;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap{display: flex;flex-direction: column;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .title_box{display: flex;align-items: center;margin-bottom: 0.78vw;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .title_box p{line-height: 2.5vw;font-size: 1.56vw;font-weight: 600;color: #000000;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .title_box span{display: inline-block;line-height: 1.33vw;font-size: 0.83vw;color: #6c6c6c;margin-left: 1.25vw;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .title_box .number{display: inline-block;margin-right: 3.28vw;line-height: 1.5vw;font-size: 0.94vw;color: #000000;margin-left: 0;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box{padding-left: 4.9vw;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box > div{display: flex;justify-content: space-between;width: auto;height: auto;margin-bottom: 1.67vw;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box > div .input_cont{position: relative;display: flex;align-items: flex-end;width: 37.19vw;height: 4.17vw;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box > div .input_cont span.border{position: absolute;bottom: 0;left: 0;width: 0;border-bottom: 1px solid #000000;transition: all .3s;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box > div .input_cont.active span.border{width: 100%;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box > div .input_cont input{display: flex;justify-content: flex-start;align-items: center;width: 100%;height: 2.92vw;line-height: 1.67vw;font-size: 1.04vw;color: #000000;border-bottom: 1px solid #d8d8d8;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box > div .input_cont label{position: absolute;bottom: 0.63vw;left: 0;line-height: 1.67vw;font-size: 1.04vw;color: #868686;transition: all .3s;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box > div .input_cont.on label{bottom: 3.02vw;left: 0;line-height: 1.17vw;font-size: 0.73vw;color: #868686;transition: all .3s;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box > div .input_cont textarea{width: 100%;height: 17.03vw;line-height: 1.67vw;padding: 1.04vw;font-size: 1.04vw;color: #000000;border: 1px solid #d8d8d8;resize: none;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .userPhoneBox{margin-bottom: 0;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .userNameBox > div{width: 18.07vw;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .inquiryContentBox .input_cont{flex-direction: column;align-items: flex-start;height: auto;margin-top: 1.88vw;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .inquiryContentBox .input_cont label{position: relative;bottom: auto;top: auto;margin-bottom: 0.63vw;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox{flex-direction: column;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont{border-bottom: 1px solid #d8d8d8;padding-bottom: 0.42vw;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont input[name="fileName"]{position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont #fileVal{display: none;align-items: center;justify-content: space-between;width: auto;height: auto;padding: 0.42vw 0.96vw 0.42vw 0.83vw;font-size: 1.04vw;color: #000000;border-radius: 3.28vw;background: #e4e4e4;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont.on #fileVal{display: flex;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont #fileVal span{display: inline-block;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont #fileVal a{position: relative;width: 0.78vw;height: 0.78vw;margin-left: 0.65vw;transform: rotate(135deg);}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont #fileVal a span{position: absolute;top: 50%;width: 100%;height: 1px;background: #000000;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont #fileVal a span.line_1{transform: rotate(90deg);}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont .label_btn{display: flex;align-items: center;left: auto;right: 0;line-height: 1.04vw;font-size: 0.83vw;font-weight: 500;color: #000000;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont .label_btn::before{content: '';display: inline-block;width: 1.25vw;height: 1.25vw;margin-right: 0.25vw;background: url('../../kor/asset/images/icon/ico_file.png') no-repeat center center;background-size: 100% 100%;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont .label_btn span{position: relative;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont .label_btn span::after{position: absolute;content: '';bottom: -1px;left: 0;display: block;width: 0;height: 1px;border-bottom: 1px solid #000000;transition: all .5s;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont .label_btn:hover span::after{width: 100%;transition: all .5s;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont.on .label_tit{bottom: 3.02vw;left: 0;line-height: 1.17vw;font-size: 0.73vw;color: #868686;transition: all .3s;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .input_cont.on .label_btn{left: auto;right: 0;bottom: 0.63vw;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .box .input_wrap .input_box .fileBox .noti{line-height: 1.33vw;font-size: 0.83vw;color: #6c6c6c;margin-top: 0.63vw;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .submit_box{display: inline-block;padding-left: 4.9vw;}
    #wrapper.Inquiry .sec02_1 .cont_wrap .right_box .submit_box a{font-size: 1.67vw;}


    /* 404.html */
    /* 404 페이지 */
    #wrapper.Error{background-color: #111111;}
    #wrapper.Error #sec01{position: relative;display: flex;justify-content: space-between;align-items: flex-start;height: auto;max-width: 100%;margin: 0 auto;}
    #wrapper.Error #sec01 .sec01_1{position: relative;width: 100%;padding: 18.91vw 2.71vw 5.10vw;overflow: hidden;}
    #wrapper.Error #sec01 .sec01_1 .cont_wrap{display: flex;justify-content: flex-start;align-items: flex-end;width: 100%;height: 100%;}
    #wrapper.Error #sec01 .sec01_1 .cont_wrap .left_box{margin-right: 15.16vw;}
    #wrapper.Error #sec01 .sec01_1 .cont_wrap .left_box .title_box{}
    #wrapper.Error #sec01 .sec01_1 .cont_wrap .left_box .title_box .main_text{position: relative;display: flex;font-size: 14.58vw;font-weight: 500;}
    #wrapper.Error #sec01 .sec01_1 .cont_wrap .left_box .title_box .main_text::after{content: '';position: absolute;right: 7.81vw;top: 0;width: 5.21vw;height: 5.21vw;background: url('../../kor/asset/images/icon/ico_star_1.png') no-repeat center center;background-size: 100% 100%;animation: rotate 10s linear infinite;}
    #wrapper.Error #sec01 .sec01_1 .cont_wrap .left_box .title_box .sub_text{font-size: 6.25vw;font-weight: 600;letter-spacing: -0.25vw;line-height: 6.25vw;}
    #wrapper.Error #sec01 .sec01_1 .cont_wrap .right_box .text_info_box{}
    #wrapper.Error #sec01 .sec01_1 .cont_wrap .right_box .text_info_box .info_text{font-size: 1.04vw;line-height: 1.67vw;color: #ffffff;margin-bottom: 1.98vw;}
    #wrapper.Error #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box{display: flex;margin-bottom: 1.09vw;}
    #wrapper.Error #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn{font-size: 1.04vw;font-weight: 600;}
    #wrapper.Error #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn span{}
    #wrapper.Error #sec02{position: relative;display: flex;align-items: flex-end;flex-direction: column;height: auto;max-width: 100%;margin: 0 auto;}
    #wrapper.Error #sec02 .sec02_1{position: relative;width: 100%;padding: 0 2.71vw 4.17vw;}
    #wrapper.Error #sec02 .sec02_1 .cont_wrap{display: flex;justify-content: space-between;}
    #wrapper.Error #sec02 .sec02_1 .cont_wrap .left_box{margin-right: 3.13vw;}
    #wrapper.Error #sec02 .sec02_1 .cont_wrap .left_box .left_img{width: 44.69vw;height: 46.15vw;background: #b8b8b8;}
    #wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box{width: 46.77vw;}
    #wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box .menu_box{height: 15.31vw;}
    #wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box .menu_box.box_1{}
    #wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box .menu_box.box_2{height: 17.34vw;}
    #wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box .menu_box.box_3{height: 13.23vw;}
    #wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box .menu_box.tbox{display: flex;justify-content: space-between;align-items: flex-start;}
    #wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box .menu_box .menu_list{display: flex;flex-direction: column;width: 21.88vw;border-top: 1px solid #555555;}
    #wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box .menu_box.box_1 .menu_list{width: 100%;}
    #wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box .menu_box .menu_list .title{color: #FFFFFF;font-size: 2.08vw;font-weight: 600;padding: 1.67vw 0 1.04vw;}
    #wrapper.Error #sec02 .sec02_1 .cont_wrap .right_box .menu_box .menu_list .go_text{color: #b8b8b8;font-size: 1.04vw;line-height: 1.67vw;font-weight: 500;padding-bottom: 0.63vw;}


    /* parking.html */
    /* 시스템 점검중 페이지 */
    #wrapper.Parking{background-color: #111111;}
    #wrapper.Parking #sec01{position: relative;display: flex;justify-content: space-between;align-items: flex-start;height: auto;max-width: 100%;margin: 0 auto 0 3.75vw ;}
    #wrapper.Parking #sec01 .sec01_1{position: relative;width: 100%;padding: 18.91vw 2.71vw 4.06vw;overflow: hidden;}
    #wrapper.Parking #sec01 .sec01_1 .cont_wrap{display: flex;justify-content: flex-start;align-items: flex-end;width: 100%;height: 100%;}
    /* #wrapper.Parking #sec01 .sec01_1 .cont_wrap .left_box{margin-right: 29.32vw;} */
    #wrapper.Parking #sec01 .sec01_1 .cont_wrap .left_box .title_box{}
    #wrapper.Parking #sec01 .sec01_1 .cont_wrap .left_box .title_box .main_text{position: relative;display: flex;line-height: 10.42vw;font-size: 10.42vw;font-weight: bold;}
    #wrapper.Parking #sec01 .sec01_1 .cont_wrap .left_box .title_box .main_text::after{content: '';position: absolute;right: 21.67vw;top: -0.83vw;width: 5.21vw;height: 5.21vw;background: url('../../kor/asset/images/icon/ico_star_1.png') no-repeat center center;background-size: 100% 100%;animation: rotate 10s linear infinite;}
    #wrapper.Parking #sec01 .sec01_1 .cont_wrap .left_box .title_box .sub_text{font-size: 6.25vw;font-weight: 600;letter-spacing: -0.25vw;line-height: 6.25vw;}
    #wrapper.Parking #sec01 .sec01_1 .cont_wrap .right_box .text_info_box{margin-left: 8.02vw;}
    #wrapper.Parking #sec01 .sec01_1 .cont_wrap .right_box .text_info_box .info_text{font-size: 1.04vw;line-height: 1.67vw;color: #ffffff;}
    #wrapper.Parking #sec01 .sec01_1 .cont_wrap .right_box .text_info_box .time_info_box{margin-top: 3.23vw;}
    #wrapper.Parking #sec01 .sec01_1 .cont_wrap .right_box .text_info_box .time_info_box .info_text:first-child{margin-bottom: 0.42vw;}
    #wrapper.Parking #sec01 .sec01_1 .cont_wrap .right_box .text_info_box .time_info_box .info_text{margin-bottom: 1.77vw;}


    /* 500.html */
    /* 500 페이지 */
    #wrapper.Error500{height: 100vh;background-color: #111111;}
    #wrapper.Error500 .scroll-content{height: 100%;}
    #wrapper.Error500 .scroll-content .container{height: 100%;}
    #wrapper.Error500 #sec01{position: relative;display: flex;justify-content: space-between;height: 100%;max-width: 100%;margin: 0 auto;}
    #wrapper.Error500 #sec01 .sec01_1{position: relative;width: 100%;padding: 20.99vw 2.71vw 6.41vw;overflow: hidden;}
    #wrapper.Error500 #sec01 .sec01_1 .cont_wrap{display: flex;justify-content: flex-start;align-items: flex-end;width: 100%;}
    #wrapper.Error500 #sec01 .sec01_1 .cont_wrap .left_box{width: 48.75vw;margin-right: 8.54vw;}
    #wrapper.Error500 #sec01 .sec01_1 .cont_wrap .left_box .title_box{}
    #wrapper.Error500 #sec01 .sec01_1 .cont_wrap .left_box .title_box .main_text{position: relative;display: flex;line-height: 14.58vw;font-size: 14.58vw;font-weight: 500;}
    #wrapper.Error500 #sec01 .sec01_1 .cont_wrap .left_box .title_box .main_text::after{content: '';position: absolute;right: 13.02vw;top: -2.60vw;width: 5.21vw;height: 5.21vw;background: url('../../kor/asset/images/icon/ico_star_1.png') no-repeat center center;background-size: 100% 100%;animation: rotate 10s linear infinite;}
    #wrapper.Error500 #sec01 .sec01_1 .cont_wrap .left_box .title_box .sub_text{font-size: 5.73vw;font-weight: 600;letter-spacing: -0.23vw;line-height: 5.73vw;}
    #wrapper.Error500 #sec01 .sec01_1 .cont_wrap .right_box .text_info_box{margin-bottom: 3.65vw;}
    #wrapper.Error500 #sec01 .sec01_1 .cont_wrap .right_box .text_info_box .info_text{font-size: 1.04vw;line-height: 1.67vw;color: #ffffff;}
    #wrapper.Error500 #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box{display: flex;margin-bottom: 0.57vw;}
    #wrapper.Error500 #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn{position: relative;display: flex;align-items: center;height: 2.92vw;padding: 0 3.54vw 0 1.25vw;font-size: 1.04vw;font-weight: 600;background: url('../../kor/asset/images/icon/ico_location_w.png') no-repeat 90% center;background-size: 1.67vw 1.67vw;color: #ffffff;border: 1px solid #ffffff;border-radius: 1.67vw;overflow: hidden;}
    #wrapper.Error500 #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn span{position: absolute;top: 0;left: 0;display: inline-block;width: 100%;height: 100%;background: #ffffff;border: 1px solid #ffffff;border-radius: 1.67vw;transition: all .5s;transform: translateX(-100%);z-index: -1;}
    #wrapper.Error500 #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn:hover{color: #000000;background: url('../../kor/asset/images/icon/ico_location_b.png') no-repeat 90% center;background-size: 1.67vw 1.67vw;}
    #wrapper.Error500 #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn:hover span{transition: all .5s;transform: translateX(0);z-index: -1;}


    /* update.html */
    /* 브라우저 업데이트 페이지 */
    #wrapper.Update{height: 100vh;background-color: #111111;}
    #wrapper.Update .scroll-content{height: 100%;}
    #wrapper.Update .scroll-content .container{height: 100%;}
    #wrapper.Update #sec01{position: relative;display: flex;justify-content: space-between;height: 100%;max-width: 100%;margin: 0 auto;}
    #wrapper.Update #sec01 .sec01_1{position: relative;width: 100%;padding: 21.2vw 2.71vw 6.41vw;overflow: hidden;}
    #wrapper.Update #sec01 .sec01_1 .cont_wrap{display: flex;justify-content: flex-start;align-items: flex-end;width: 100%;}
    #wrapper.Update #sec01 .sec01_1 .cont_wrap .left_box{width: 39.27vw;margin-right: 17.08vw;}
    #wrapper.Update #sec01 .sec01_1 .cont_wrap .left_box .title_box{}
    #wrapper.Update #sec01 .sec01_1 .cont_wrap .left_box .title_box .main_text{position: relative;display: flex;line-height: 10.42vw;font-size: 10.42vw;font-weight: bold;}
    #wrapper.Update #sec01 .sec01_1 .cont_wrap .left_box .title_box .main_text::after{content: '';position: absolute;right: -5.21vw;top: -2.60vw;width: 5.21vw;height: 5.21vw;background: url('../../kor/asset/images/icon/ico_star_1.png') no-repeat center center;background-size: 100% 100%;animation: rotate 10s linear infinite;}
    #wrapper.Update #sec01 .sec01_1 .cont_wrap .left_box .title_box .sub_text{font-size: 5.73vw;font-weight: 600;letter-spacing: -0.23vw;line-height: 5.73vw;}
    #wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .text_info_box{margin-bottom: 3.65vw;}
    #wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .text_info_box h1{font-size: 1.46vw;line-height: 2.33vw;font-weight: bold;margin-bottom: 1.25vw;}
    #wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .text_info_box .info_text{font-size: 1.04vw;line-height: 1.67vw;color: #ffffff;font-weight: 400;}
    #wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box{display: flex;flex-wrap: wrap;margin: 3.65vw 0 1.41vw;}
    #wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn{position: relative;display: flex;align-items: center;width: 20vw;height: 2.92vw;padding: 0 3.54vw 0 1.25vw;margin-bottom: 1.41vw;font-size: 1.04vw;font-weight: 600;color: #ffffff;border: 1px solid #ffffff;border-radius: 1.67vw;overflow: hidden;letter-spacing: -0.06vw;}
    #wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn:last-child{margin-bottom: 0;}
    #wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn span{position: absolute;top: 0;left: 0;display: inline-block;width: 100%;height: 100%;background: #ffffff;border: 1px solid #ffffff;border-radius: 1.67vw;transition: all .5s;transform: translateX(-100%);z-index: -1;}
    #wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn:hover{color: #000000;}
    #wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn:hover span{transition: all .5s;transform: translateX(0);z-index: -1;}
    #wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn.btn_1{background: url('../../kor/asset/images/icon/ico_edge.png') no-repeat right 1.25vw center;background-size: 1.67vw 1.67vw;}
    #wrapper.Update #sec01 .sec01_1 .cont_wrap .right_box .back_btn_box .back_btn.btn_2{background: url('../../kor/asset/images/icon/ico_chrome.png') no-repeat right 1.25vw center;background-size: 1.67vw 1.67vw;}

}