@charset "utf-8";

body {width: 100%; overflow: initial;;}
body, html { text-align: initial;}
#wrap {width: 100%;min-width: 1540px;word-break: break-word;/* overflow: hidden; */ ;position: relative;z-index: 100}
#toTop {display: none;text-decoration: none;position: fixed;bottom: 50px;right: 30px;overflow: hidden;width: 45px;height: 45px;border: none;text-indent: -999999px;background: url(../images/common/totop.png);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);opacity: 0.3;z-index: 99999;background-color: #fff;border: 1px solid #000;background-repeat: no-repeat;background-position: center center;background-size: 30%;border-radius: 10px;}
#toTop:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
a {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
img {max-width: 100%;}
* {word-break: keep-all;}


.section .scroll { position: absolute; bottom: 8%; left: 50%; z-index: 100; transform: translateX(-50%); z-index: 5; }
.section .scroll .txt {font-size:14px;color:#fff;font-weight:400;display: inline-block;padding-bottom: 20px;}
.section .scroll .arr{position:relative;width: 22px;height: 43px; border: 1px solid #fff; background-color: transparent;left: 50%; margin-left: -11px;border-radius: 100px;}
.section .scroll .arr:after { position: absolute; top: 10px; left: 50%; content: ''; width: 4px; height: 10px; margin-left: -2px; border-radius: 100px; background-color: #fff; animation: scroll 1.3s infinite; }
.hidden_txt {position: absolute!important;font-size: 0!important;line-height: 0!important;overflow: hidden!important;}



/*헤더*/
.bg_black {display: block;z-index: 4;background-color: #000;opacity: 0.3}

.all_bg {background-color: #000;opacity: 0.5;position: fixed;top: 0px;left: 0px;width: 100%!important;height: 100%!important;bottom: 0px;right: 0px;display: none;z-index: 1004;}
.m_all_bg {background-color: #000;opacity: 0.5;position: fixed;top: 0px;left: 0px;width: 100%!important;height: 100%!important;bottom: 0px;right: 0px;display: none;z-index: 1005;}
.header_all_wrap {width: 100%;position: fixed;top: 0px;left: 0px;z-index: 1005;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.header_all_wrap:before { content: ""; position: absolute; top: 100px; width: 0px; height: 1px; background-color: #fff; transform: translateX(-50%); left: 50%; animation-delay: 0.5s; animation-duration: 3s; animation-name: line; animation-fill-mode: forwards; display: none; }

.header_wrap a.logo svg {max-width: 160px; width: 100%;}
.header_wrap a.logo .logo_off svg .st0 { animation: stroke 1.5s forwards ; stroke-width: 1; text-anchor: start}
.header_wrap * {z-index: 1004;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
.header_wrap a {display: block;}
.header_wrap {width: 100%;position: relative;top: 0px;left: 0px;z-index: 1004;}
.header_top_wrap {width: 100%;display: none;}
.header_top {width: 100%;max-width: 1540px;margin: 0 auto;position: relative;top: 0px;left: 0px;}
.header_top:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.header_top_box {float: left;margin-right: 30px;}
.header_top_box_in {position:relative;top: 0px;left: 0px;padding-left: 30px;background-image: url(../images/common/header_top_box.png);background-repeat: no-repeat;background-position:0 center }
.header_top_box_in span {height: 70px;line-height: 70px;color: #fff;font-size: 16px;}
.header_mid_wrap {width: 100%;padding: 0 100px}
.header_mid {width: 100%;margin: 0 auto;position: relative;top: 0px;left: 0px;padding: 0 170px;max-width: 1600px;}
.header_mid:before {position: absolute;top: 10px;right: -50px;bottom: 10px;left: -50px;content: "";z-index: -1;background-color: #fff;border: 1px solid #eee;}
.header_mid:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.header_bottom_wrap {width: 100%;margin: 0 auto;position: relative;top: 0px;left: 0px;}
.header_bottom {width: 1540px;margin: 0 auto;}

.logo_wrap {position: absolute;top: 40px;left: 0px;z-index: 2;font-size: 0px;}
.header_wrap a.logo {vertical-align: middle;display: inline-block;font-size: 16px;line-height: 1;width: 100%;text-align: center;}
.logo_off {display: none;}
.logo_long {display: none!important;}
.m_menu_btn_wrap {position: absolute;top: 33px;right: 0px;width: 40px;z-index: 3}
.header_wrap .m_menu_btn_wrap .m_menu_btn {width: 100%;height: 30px;position: absolute;left: 0px;}
.m_menu_btn span {display: block;height: 3px; background-color: #fff;position: absolute;top: 50%;margin-top: -2px;left: 0px;right: 0px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.m_menu_btn:before {content: "";position: absolute;top: 0px;left: 0px;right: 0px;height: 3px; background-color: #fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.m_menu_btn:after {content: "";position: absolute;bottom: 0px;left: 0px;right: 0px;height: 3px; background-color: #fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
/* .m_menu_btn_wrap:hover .m_menu_btn span {background-color: #ff5e1a;right: 0px;}
.m_menu_btn_wrap:hover .m_menu_btn:before {background-color: #ff5e1a;right: 0px;}
.m_menu_btn_wrap:hover .m_menu_btn:after {background-color: #ff5e1a;right: 0px;}
 */
.m_close_wrap {position: relative;top: 0px;left: 0px;padding: 30px;text-align: right;}
.m_close_wrap .m_close_btn {width: 40px;height: 30px;position: relative;top: 0px;left: 0px;display: inline-block;margin-right: 70px}
.m_close_btn:before,
.m_close_btn:after {content:"";display:block;position:absolute;width:35px;height:3px;background:#fff;top:0;right:0;bottom:0;left:0;margin:auto}
.m_close_btn:before {transform:rotate(-45deg);transition:all .3s ease}
.m_close_btn:after {transform:rotate(45deg);transition:all .3s ease .15s}

.logo_off {display: inline-block;}
.logo_on {display: none;}

.lang_all_wrap {position: absolute;top: 30px;right: 0;height: 50px;z-index: 3;height: 36px;}
.lang_box {border: 1px solid transparent;border-radius: 100px;}
.lang_sub_wrap {display: none;border: 1px solid #ddd;text-align: center;border-radius: 10px;background-color: #f9f9f9;}
.lang_box .lang_box_a {font-size: 16px; padding:0px 40px 0 20px;height: 36px; line-height: 36px;color: #000;position: relative;top: 0px;left: 0px;}
.lang_box .lang_box_a:after {content: "";position: absolute;right: 15px;top: 10px; width: 15px;height: 15px;background-image: url(../images/common/globe.svg);background-repeat: no-repeat; background-position: center; background-size: contain; transition:all .3s ease}
.lang_box:hover {/* border-radius: 5px; *//* background-color: #fff; *//* border-color: #000; */}
.lang_box:hover .lang_box_a {/* background-color: #000; *//* color: #fff!important; */}
.lang_box:hover .lang_box_a:after {/* transform:rotate(135deg); *//* top: 16px; *//* border-color: #fff!important; */}
.lang_box:hover .lang_sub_wrap {display: block;}
.lang_sub_box a {font-size: 14px; color: #333; padding: 0 20px;height: 30px;line-height: 30px;}
.lang_sub_box a:hover {color: #000}

.contact_btn{
    position: absolute;
    top: 30px;
    right: 100px;
    font-size: 0px;
    text-align: center;
    z-index: 999;
    padding-top: 0px;
}

.contact_btn_a {
    display: inline-block;
    border: 1px solid #ccc;
    font-size: 16px;
    font-weight: 500;
    padding: 9px 20px;
    border-radius: 100px;
}
.contact_btn_a.active{border: 1px solid #000;background-color: #000; color: #fff;}


.w_tp .header_mid:before {border-color: #eee;}
.w_tp .header_all_wrap {}
.w_tp .logo_on {display: inline-block;}
.w_tp .logo_off {display: none;}
.w_tp .top_nav .menu_a {color: #222}
.w_tp .lang_box .lang_box_a {color: #222;}
.w_tp .m_menu_btn span {background-color: #222;}
.w_tp .m_menu_btn:before {background-color: #222;}
.w_tp .m_menu_btn:after {background-color: #222;}
.w_tp .top_nav .menu_a span:after {background-color: #000}



/*메뉴*/
.top_nav {position: relative;top: 0px;left: 0px;font-size: 0px;text-align: center;z-index: 1;padding-top: 0px;}
.top_nav:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.top_nav .menu {width: 150px;position: relative;top: 0px;left: 0px;display: inline-block;vertical-align: top;z-index: 1;}
.top_nav .menu_a {padding: 0px;font-size: 0px;color: #222;height: 100px;padding: 0 5px;font-weight: 500;}
.top_nav .menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.top_nav .menu_a span {vertical-align: middle;display: inline-block;line-height: 1.6;text-align: center;max-width: 100%;position: relative;top: 0px;left: 0px;font-size: 18px;}
.top_nav .menu_a span:after {content: '';position: absolute;bottom: -5px;left: 0px;width: 0px; height: 2px; background-color: #fff;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;}
.top_nav .sub_menu_a {line-height: 1.4;font-size: 15px;color: #666;text-align: center;border-bottom: none;padding: 5px 0;-webkit-transition: none;transition: none;font-weight: 400;}
.top_nav .sub_menu_wrap {width: 100%!important;position: relative;top: 100%;left: 0px;-webkit-transition: none;transition: none;text-decoration: none;display: none;padding-bottom: 30px;}
.top_nav .sub_menu_wrap > div:hover .sub_menu_a,.top_nav .sub_menu_wrap > div.active .sub_menu_a {color: #000;-webkit-transition: none;transition: none;}
.top_nav .menu:hover .menu_a,.top_nav .menu.active .menu_a {}
.top_nav .menu:hover .menu_a span:after {width: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.top_nav .menu.active .menu_a span:after {width: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.top_nav .menu_01 {z-index: 2;}
.m_menu_btn_wrap{display: none;}

.scroll .header_mid:before {background-color: #fff; border: 1px solid #eee;}
.scroll .logo_on {display: inline-block;}
.scroll .logo_off {display: none;}
.scroll .top_nav .menu_a {color: #222}
.scroll .lang_box .lang_box_a {color: #222;}
.scroll .m_menu_btn span {background-color: #222;}
.scroll .m_menu_btn:before {background-color: #222;}
.scroll .m_menu_btn:after {background-color: #222;}
.scroll .top_nav .menu_a span:after {background-color: #000}

.open .header_mid:before {background-color: #fff;bottom: 0px;}
.open .logo_on {display: inline-block;}
.open .logo_off {display: none;}
.open .top_nav .menu_a {color: #222}
.open .lang_box .lang_box_a {color: #222;}
.open .m_menu_btn span {background-color: #222;}
.open .m_menu_btn:before {background-color: #222;}
.open .m_menu_btn:after {background-color: #222;}
.open .top_nav .menu_a span:after {background-color: #000}


.m_menu_wrap {width: 100%;height: 100%;position: fixed;top: 0px;bottom: 0;z-index: 9999;background-color:#222;left: 0px; transform: translateX(100%);}
.m_menu_wrap a {display: block;color: #fff;}
.m_menu_wrap .menu_a {margin: 0;padding: 0 0 0 20px;text-align: left;cursor: pointer;line-height: 1.6;font-size: 50px;position: relative;top: 0px;left: 0px;}
.m_menu_wrap .menu_a:after {content:""; width: 15px;height: 15px;border-left: 2px solid #fff; border-bottom: 2px solid #fff;display: block;position: absolute;top: 42%;right: -40px;transform:rotate(225deg);transition:all .3s ease;margin-top: -5px}
.m_menu_wrap .menu_a.void_link:after {content:""; width: 10px;height: 10px;border-left: 2px solid #fff; border-bottom: 2px solid #fff;display: block;position: absolute;top: 42%;right: -40px;transform:rotate(-45deg);transition:all .3s ease;margin-top: -5px}
.m_menu_wrap .menu_a.void_link.menu_on:after {transform:rotate(-225deg);top: 50%;}
.m_menu_wrap .menu_a:first-child {}
.m_menu_wrap .sub_menu_wrap {display: none;width: 100%!important;font-size: 24px;text-align: left;}
.m_menu_wrap .sub_menu_wrap .sub_menu_a {line-height: 1.6;padding: 15px  30px;}
.m_menu_wrap .sub_menu_wrap .sub_menu_a:first-child {border-top: none;}
.m_menu_wrap .sub_menu_wrap .sub_menu_a:hover {opacity: 1;}
.m_menu_wrap .menu_a.menu_on { padding-bottom: 20px; }

.mm_on .m_menu_wrap { animation-delay: 0s; animation-duration: 0.8s; animation-name: m_menu_ani; animation-fill-mode: forwards; }
.m_close_wrap {z-index: 2;float: right;}
.m_menu_inner {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 1;padding: 0 80px;}
.m_menu_inner:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.m_menu_inner .m_menu_in {vertical-align: middle;display: inline-block;text-align: center;max-width: 100%;position: relative;top: 0px;left: 0px;width: 100%; font-size: 0px;max-height: 100%; overflow: auto;}
.m_menu_inner .m_menu {display: inline-block;width: 100%;}


/*하위메뉴숨김*/
.m_menu_inner .sub_menu_wrap {text-align: center;font-size: 24px;}
.m_menu_wrap .m_menu_inner .menu_a {display: inline-block;font-weight: 600;text-transform: none;padding-left: 0px;}
.m_menu_inner .thd_menu_wrap {display: none!important;}
.m_menu_inner .sub_menu_wrap br {display: none;}
.m_menu_wrap .sub_menu_wrap .sub_menu_a {padding: 5px; line-height: 1.3; opacity: 0.8;}



/*서브메뉴*/
.line_all_wrap {width: 100%; background-color: #333;}
.line_wrap {width: 100%;max-width:1400px; margin: 0 auto;position: relative;top: 0px; left: 0px;}
.line_wrap:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.line_nav_wrap {float: left;}
.line_notice_all_wrap {float: right;}
.line_nav_home {float: left;}
.line_nav_home a {display: block; height: 50px; border-left: 1px solid #555;border-right: 1px solid #555;line-height: 50px;padding: 0 10px;font-size: 15px;font-weight: 500;color: #fff;}
.line_nav_home a:hover {background-color: #ff5e1a; color: #fff; border-color: #ff5e1a;}
.line_nav {float: left;}
.line_nav_box {float: left; position: relative;top: 0px; left: 0px;}
.line_nav_target .menu {display: none;}
.line_nav_target .menu.active {display: block;}
.line_nav_box_01 {overflow: hidden;height: 50px;}
.line_nav_box_01 .line_nav_target .sub_menu_wrap {display: none;}
.line_nav_menu {background-color: #fff;}
.line_nav_target .menu_a {display: block; padding: 0 50px 0 25px; height: 50px; line-height: 50px;font-size: 15px;min-width: 180px;position: relative;top: 0px;left: 0px;color: #fff;}
.line_nav_target .menu_a:after {content: "";border-top:5px solid #fff;border-bottom:0px solid transparent;border-right: 5px solid transparent;border-left: 5px solid  transparent;width: 5px;height: 5px;display: block;position: absolute;top: 50%;right: 10px;}
.line_nav_target {border-right: 1px solid #555;}
.line_nav_box_01 .line_nav_menu {border-left: 1px solid #ddd; border-right: 1px solid #ddd;margin-left: -1px; left: 0px; right: 0px;  position: relative;top: 0px;border-top: 1px solid #ddd; }
.line_nav_box_01 .line_nav_menu .sub_menu_wrap {display: none;}
.line_nav_box_01 .line_nav_menu .menu_a {display: block; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #ddd;padding: 0 25px;color: #666}
.line_nav_box_01 .line_nav_menu .menu_a:hover {background-color: #f7f7f7;color: #ff5e1a;}
.line_nav_box_01:hover {overflow: visible;}
.line_nav_box_01:hover .line_nav_target .menu_a {background-color: #ff5e1a}
.line_nav_box_01:hover .line_nav_target .menu_a:after {}
.line_nav_box_01:hover .line_nav_menu {display: block;}
.line_nav_box_02 {overflow: hidden;height: 50px;}
.line_nav_box_02 .line_nav_target .menu_a {display: none; }
.line_nav_box_02 .line_nav_target .sub_menu {display: none;}
.line_nav_box_02 .line_nav_target .sub_menu.active {display: block;}
.line_nav_box_02 .line_nav_target .sub_menu_a {display: block; padding: 0 50px 0 25px; height: 50px; line-height: 50px;font-size: 15px;min-width: 180px;position: relative;top: 0px;left: 0px;color: #fff;}
.line_nav_box_02 .line_nav_target .sub_menu_a:after {content: "";border-top:5px solid #fff;border-bottom:0px solid transparent;border-right: 5px solid transparent;border-left: 5px solid  transparent;width: 5px;height: 5px;display: block;position: absolute;top: 50%;right: 10px;}
.line_nav_box_02 .line_nav_menu {border-left: 1px solid #ddd; border-right: 1px solid #ddd;margin-left: -1px; left: 0px; right: 0px;  position: relative;top: 0px;border-top: 1px solid #ddd; }
.line_nav_box_02 .line_nav_menu .menu {display: none;}
.line_nav_box_02:hover {overflow: visible;}
.line_nav_box_02:hover .line_nav_menu {display: block;}
.line_nav_box_02:hover .line_nav_target .sub_menu_a {background-color: #ff5e1a}
.line_nav_box_02:hover .line_nav_target .sub_menu_a:after {}
.line_nav_box_02 .line_nav_menu .menu.active {display: block;}
.line_nav_box_02 .line_nav_menu .menu_a {display: none;}
.line_nav_box_02 .line_nav_menu .sub_menu_a {display: block; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #ddd;padding: 0 25px;font-size: 15px;color: #666}
.line_nav_box_02 .line_nav_menu .sub_menu_a:hover {background-color: #f7f7f7;color: #ff5e1a}

.sub_label_menu .menu {display: none;}
.sub_label_menu .menu.active {display: block;}
.sub_label_menu .menu_a {display: none;}
.sub_label_menu .sub_menu {display: none;}
.sub_label_menu .sub_menu.active {display: block;}



/*메인*/
.sec_all_wrap {width: 100%;overflow: hidden;}
.sec_all_wrap img { max-width: 100%;}

.slide_sec_wrap{padding: 190px 0 0;position: relative;top: 0px;left: 0px;}
.sec_wrap {padding: 190px 0 190px;position: relative;top: 0px;left: 0px;}
.sec_wrap2 {padding: 0 20px;}
.sec_wrap3 {padding: 100px 0;position: relative;top: 0px;left: 0px;}
.sec_wrap4 {padding: 200px 0 50px;position: relative;top: 0px;left: 0px;}

.sec_bumo {position: relative;top: 0px;left: 0px;}
.sec_bumo:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.opa4 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);opacity: 0.4;}
.opa6 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);opacity: 0.6;}
.opa8 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);opacity: 0.8;}

.txt_center {text-align: center;}
.txt_right {text-align: right;}
.bgap {height: 160px;}
.gap {height: 100px;}
.sgap {height: 50px;}
.ssgap {height: 25px;}
.sssgap {height: 15px;}
.ssssgap {}

.txt_color_02{color: #666 !important;}

.upp {text-transform: uppercase;}

.sec_tit {font-size:18px;font-weight: 300;line-height: 1.4;color: #222; word-break: keep-all;}
.sec_tit b {font-weight: 500;}
.sec_tit2 {font-size:30px;font-weight: 300;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit2 b {font-weight: 500;}
.sec_tit3 {font-size:36px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit3 b {font-weight: 500;}
.sec_tit4 {font-size:60px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit4 b {font-weight: 500;}
.sec_tit5 {font-size:134px;font-weight: 400;line-height: 1;color: #222;word-break: keep-all;}
.sec_tit5 b {font-weight: 700;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);opacity: 0.03;}
.sec_tit6 {font-size:24px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit6 b {font-weight: 500;;}
.sec_tit6 span {font-weight: 500;}
.sec_tit7 {font-size:48px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit7 b {font-weight: 500;}
.sec_tit8 {font-size:40px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit8 b {font-weight: 500;}
.sec_tit9 {font-size:90px;font-weight: 200;line-height: 1.2;color: #222;word-break: keep-all;}
.sec_tit9 b {font-weight: 500;}
.sub_tit {font-size:140px;font-weight: 600;line-height: 1.4;color: #222;word-break: keep-all;}
.pdt_tit {font-size:110px;font-weight: 600;line-height: 1.4;color: #222;word-break: keep-all;}

.sec_txt {font-size:16px;font-weight: 300;line-height: 1.6;color: #666;word-break: keep-all;}
.sec_txt b {font-weight: 500;}
.sec_txt2 {font-size:18px;font-weight: 300;line-height: 1.6;color: #222;word-break: keep-all;}
.sec_txt2 b {font-weight: 500;}
.sec_txt3 {font-size:21px;font-weight: 300;line-height: 1.6;color: #222;word-break: keep-all;}
.sec_txt3 b {font-weight: 500;}
.sec_txt4 {font-size:24px;font-weight: 300;line-height: 1.6;color: #222;word-break: keep-all;}
.sec_txt4 b {font-weight: 500;}
.mid_txt_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.mid_txt {vertical-align: middle;display: inline-block;width: 100%;text-align : center;padding: 0 10px;position: relative;top: 0px;left: 0px;}

.bold700 {font-weight: 700!important}
.bold600 {font-weight: 600!important}
.bold500 {font-weight: 500!important}
.bold400 {font-weight: 400!important}


.c_line_wrap {padding: 10px 0}
.c_line {display: block;width: 100%; height: 1px; background-color: #eee;}


.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0!important;}
.main_visual { text-align: center; display: block; background-image: url(../images/main/main_01.png); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; }
.main_visual img {	width: 100%; }
.main_visual_wrap:hover .main_visual img {
   transform: scale(1.1);
   -ms-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   transition: all 30s cubic-bezier(0.23, 1, 0.32, 1) 0s;
   -moz-transition: all 30s cubic-bezier(0.23, 1, 0.32, 1) 0s;
   -webkit-transition: all 30s cubic-bezier(0.23, 1, 0.32, 1) 0s;
   -o-transition: all 30s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}


.main_visual_all_wrap {width: 100%; position: relative;top: 0px;left: 0px;text-align: center;overflow: hidden;}
.main_visual_wrap {width: 100%; position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;overflow: hidden;z-index: 4;}
.main_visual_txt_wrap {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px; }
.main_visual_txt_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.main_visual_txt {vertical-align: middle;display: inline-block;color: #fff;width: 100%;padding: 0 8%;position: relative;top: 0px;left: 0px;text-align: center;}
.main_visual_txt_01 {font-size:44px;line-height: 1.4;font-weight: 200;padding-bottom: 20px;word-break: keep-all;}
.main_visual_txt_01 span {display: inline-block;}
.main_visual_txt_01 b {font-weight: 700;}
.main_visual_txt_02 {font-size:130px;line-height: 1.6;font-weight: 400;padding-bottom: 20px;word-break: keep-all;}
.main_visual_txt_02 span {display: inline-block;}
.main_visual_txt_02 b {font-weight: 700;}
.main_visual_txt_03 {font-size:24px;line-height: 1.6;font-weight: 400;word-break: keep-all;padding-bottom: 20px;}
.main_visual_txt_03 a {display: inline-block;padding: 20px 30px;border: 1px solid #fff;color: #fff;}
.main_visual_txt_03 b {font-weight: 700;}
.main_wrap .sec_wrap {overflow: hidden;}

.main_visual_txt_03 a:hover {background-color: #fff;color: #222;border-radius: 100px;}




.more_btn_wrap .more_btn_a::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #000;}
.more_btn_wrap .more_btn_a { display: inline-block; position: relative; top: 0px; left: 0px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; font-size: 16px; color: #000; line-height: 25px; font-weight: 500; color: #000; }
.more_btn_wrap .more_btn_a span {}
.more_btn_wrap .more_btn_a:hover::after { animation-duration: 0.5s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: morebtn;}

.sub_pdt .more_btn_wrap .more_btn_a {border-radius: 100px;}
.sub_pdt .more_btn_wrap .more_btn_a span {opacity: 1}


.sec_all_wrap .section {overflow: hidden;}

.sec_btn_wrap {display: block;}
.sec_btn_wrap .sec_btn {display: inline-block;padding: 15px 30px; border: 1px solid #fff;color: #fff;border-radius: 100px;}
.sec_btn_wrap .sec_btn:hover {background-color: #ff5e1a;border-color: #ff5e1a;}
.sec_btn_wrap.color_btn .sec_btn {border-color: #ddd; color: #666}
.sec_btn_wrap.color_btn .sec_btn:hover {background-color: #ff5e1a;border-color: #ff5e1a;color: #fff}


.main_bg_shade { background: rgb(255, 255, 255); background: linear-gradient(0deg, rgb(255 255 255) 50%, rgba(255, 255, 255, 0) 100%); width: 100%; height: 15%; display: block; position: absolute; bottom: 0; z-index: 9999; }

.cir_tit_wrap { display: inline-flex; align-items: center; }
.cir_obj { width: 10px; height: 10px; border-radius: 100px; background-color: #000; display: inline-block; }
.cir_tit { display: inline-block; font-size: 18px; color: #111; line-height: 1; padding-left: 10px; font-weight: 500; }

.main_sec_01_wrap {position: relative;top: 0px;left: 0px;height: 100vh;}
.main_sec_01_con_wrap {margin: 0 auto;position: relative;top: 0px;left: 0px;z-index: 5;}
.main_sec_01_in {position: relative;top: 0px;left: 0px;z-index: 2;}
.main_sec_01_con_right {float: right;width: 48%}
.main_sec_01_con_left {float: left;width: 52%}
.main_sec_01_con_left_in {padding-top: 100px;}

.main_sec_02_con_in {font-size: 0px;}
.main_sec_02_con_left_in {position: relative;top: 0px;left: 0px;}
.main_sec_02_con_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.main_sec_02_con_in {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;}
.main_sec_02_box_wrap {position: relative;top: 0px;left: 0px;}
.main_sec_02_box_in {position: relative;top: 0px;left: 0px;overflow: hidden;border-radius: 20px;}
.main_sec_02_box_inner {position: relative;top: 0px;left: 0px;padding: 60px 2% 20px 8%;z-index: 2;}
.main_sec_02_box_bg {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;z-index: 1;background-repeat: no-repeat;}


.main_sec_02_con_txt_wrap {position: relative;top: 0px;left: 0px;}
.main_sec_02_con_bg {position: relative;top: 0px;left: 0px; z-index: 1;}
.main_sec_02_con_bg {opacity: 0.2}
.main_sec_02_con_on {position: absolute;top: 0px;left: 0px;width: 100%; height: 100%;clip-path: inset(0 100% 0 0)}




.main_sec_03_con_in {font-size: 0px;}
.main_sec_03_con_left {position:relative;top: 0px;left: 0px;z-index: 2}
.main_sec_03_con_right {position: relative;top: 0px;left: 0px;z-index: 1;padding-top: 20%}
.main_sec_03_con_left_in {position: relative;top: 0px;left: 0px;}

.main_sec_03_01_con_in{padding-bottom: 80px; border-top: 2px solid #000;}
.main_sec_03_02_con_in{ border-top: 2px solid #000;}
.main_sec_03_01_con_left {float: left;width: 50%;padding-top: 50px;position: relative;top: 0;left: 0;height: 500px;}
.main_sec_03_01_con_right {float: left; width: 50%; position: relative;top: 0; left: 0;}
.main_sec_03_02_con_left {float: left; width: 50%;position: relative;top: 0; left: 0;}
.main_sec_03_02_con_right {float: left; width: 50%;padding-top: 50px; padding-left: 50px; position: relative;top: 0; left: 0;height: 500px;}
.main_sec_03_con_img_wrap{position: relative; top: 0; left: 0; right: 0; bottom: 0; padding-bottom: 500px;}
.main_sec_03_con_img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; background-repeat: no-repeat; background-size: cover; background-position: center;}
.main_sec_03_con_img_01{background-image: url(../images/main/main_sec_03_con_img_01.jpg);}
.main_sec_03_con_img_02{background-image: url(../images/main/main_sec_03_con_img_02.jpg);}
.main_sec_03_01_con_left_ico{background-image: url(../images/main/tp_ico_01.svg);}
.main_sec_03_01_con_left .more_btn_wrap { position: absolute; bottom: 1px; }
.main_sec_03_02_con_right_ico{background-image: url(../images/main/tp_ico_02.svg);}
.main_sec_03_02_con_right .more_btn_wrap { position: absolute; bottom: 1px; }

.tp_ico{position: relative; top: 0; left: 0; width:35px; height: 35px; background-repeat: no-repeat; background-position: center; background-size: contain;}

.main_sec_03_con_board_date { display: none; }
.main_sec_03_con_board_txt {position: relative; top: 0; left: 0;  display: block; font-size: 24px; border-bottom: 1px solid #ddd; padding: 30px 0; width: 100%; }
.main_sec_03_con_board_txt:hover{background-color: #f9f9f9;padding: 30px;}
.main_sec_03_con_board_txt:hover::after{right: 30px;}
.main_sec_03_con_board_txt::after{content: '';position: absolute; top: 34px; right: 0; width: 20px; height: 12px; background-image:  url(../images/main/main_board_arr.png); background-repeat: no-repeat; background-size: contain;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}

.main_sec_04_con_right_in {position: relative;top: 0px;right: 0px;left: 0;bottom: 0;width: 100%;height: 100%;height: 0px;}
.main_sec_04_con_left{position: relative; top: 0; left: 0; padding-bottom: 80px;}
.main_sec_04_con_right { position: relative; top: 0; left: 0; }
.main_sec_04_con_right_img {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-size: 100%;background-position: 35% 75%;background-image: url(../images/main/main_sec_04_con_img.jpg);background-repeat: no-repeat;}
.main_sec_04_con_left .more_btn_wrap { position: absolute; right: 0; bottom: 1px; }

.sf_box_rotate_dot.active{background-color: #000;}


.main_sf_box_all_wrap{padding-top: 80px;}
.main_sf_box_wrap{border: 1px solid #ddd;}
.main_sf_box_wrap_in{display: flex;padding: 120px 120px 120px 0;overflow: hidden;align-items: center;}
.main_sf_box_img_wrap{position: relative; top: 0; left: 0;}
.main_sf_box_img{ display: block; width: 420px; height: 420px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 100%; background-color: #000;}
.main_sf_box_img_01{background-image:  url(../images/main/main_sf_box_img_01.gif);}
.main_sf_box_img_02{background-image:  url(../images/main/main_sf_box_img_02.jpg);}
.main_sf_box_img_03{background-image:  url(../images/main/main_sf_box_img_03.jpg);}
.main_sf_box_img_04{background-image:  url(../images/main/main_sf_box_img_04.jpg);}
.main_sf_box_img_05{background-image:  url(../images/main/main_sf_box_img_05.jpg);}
.main_sf_box_img_06{background-image:  url(../images/main/main_sf_box_img_06.jpg);}
.main_sf_box_con_wrap{width: 50%;padding-right: 300px;padding-left: 100px;}
.main_sf_box_list_wrap{position: relative;width: 20%;}
.main_sf_box_list a{position: relative;font-size: 24px;font-weight: 500;color: #999;display: inline-block;width: 100%;padding: 20px 80px 20px;border-radius: 0 100px 100px 0;overflow: hidden;}
.main_sf_box_list a::after{content: '';display: inline-block;width: 3px;height: 3px;border-radius: 10px;background-color: #ddd;position: absolute;top: 50%;left: 50px;transform: translateY(-50%);}
.main_sf_box_list{-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.main_sf_box_list.active a{background-color: #000;color: #fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.main_sf_box_list.active a::after{display: none;}
.main_sf_box_img_circle { width: 500px; height: 500px; border-radius: 100%; border-width: 2px; border-style: dotted; border-color: #ddd; position: absolute; top: -10%; left: -10%; transition: transform 0.5s ease-in-out;
    transform-origin: center; }
.sf_box_rotate_dot {width: 12px; height: 12px; border-radius: 100px; background-color: #ddd; position: absolute;-webkit-transition: all 0.3s ease;transition: all 0.3s ease; }
.sf_dot_01 {left: 22%;top: 31px;}
.sf_dot_02 {left: 77%;top: 35px;}
.sf_dot_03 {right: -7px;top: 50%;}
.sf_dot_04 { left: 77%; top: 447px; }
.sf_dot_05 { left: 22%; top: 452px; }
.sf_dot_06 { left: -7px; top: 50%; }

.main_partner_wrap{padding-top: 80px;}
.main_partner_list ul{display: grid;grid-template-columns: repeat(5, 1fr); row-gap: 80px;}
.main_partner_list ul li{text-align: center;}

.main_client_wrap{padding-top: 80px;}
.main_client_list ul{display: grid;grid-template-columns: repeat(5, 1fr); row-gap: 80px;}
.main_client_list ul li{text-align: center;}



.main_sec_07_con_wrap { display: grid; grid-auto-rows: minmax(min-content, max-content); grid-template-columns: auto 1fr; column-gap: 200px; }
.left_tit_wrap { position: relative; width: 100%; }
.rotate_tit { position: relative; font-size: 190px; font-weight: 600; color: #000; display: inline-block; writing-mode: vertical-lr; transform: rotate(0deg); transform-origin: left, top; -ms-transform: rotate(0deg); -ms-transform-origin: left, top; -webkit-transform: rotate(0deg); -webkit-transform-origin: left, top; }





/*슬라이드*/
.owl-carousel {position: relative;top: 0px;left: 0px;}
.owl-carousel .owl-nav button.owl-next {position: absolute;top: 50%;width:70px; height: 70px;margin-top: -35px;background-repeat: no-repeat;background-position: center center;background-color: #fff;border: 1px solid #fff; border-radius: 100px;}
.owl-carousel .owl-nav button.owl-prev {position: absolute;top: 50%;width:70px; height: 70px;margin-top: -35px;background-repeat: no-repeat;background-position: center center;background-color: transparent;border: 1px solid #fff; border-radius: 100px;}
.owl-carousel .owl-nav button span {display: none;}
.owl-carousel .owl-nav button.owl-prev {left: -120px;background-image: url(../images/common/arr_prev.png);}
.owl-carousel .owl-nav button.owl-next {right: -120px;background-image: url(../images/common/arr_next.png);}
.owl-carousel .owl-nav button:hover {background-color: #fff}
.owl-carousel .owl-nav button.owl-prev:hover{background-image: url(../images/common/arr_prev_b.png);}
.owl-carousel .owl-dots {position: absolute;bottom: -40px;left: 0px;width: 100%;text-align: center;font-size: 0px;}
.owl-carousel .owl-dots button {display: inline-block;}
.owl-carousel .owl-dots button span {display: inline-block;width: 10px;height: 10px;overflow: hidden;background-color: #222;border-radius: 100px;margin: 2px;opacity: 0.2;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
.owl-carousel .owl-dots button.active span {opacity: 1;}
.owl-carousel .owl-item .item_img img {width: initial;}

.item_tit_en {font-size:18px;font-weight: bold;line-height: 1.6;text-align: center;color: #333;padding: 5px 0;}
.item_tit_kr {font-size:16px;font-weight: 300;line-height: 1.6;text-align: center;color: #666;padding: 5px 0}

.new_slider_wrap {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;}
.new_slider_wrap .owl-carousel {height: 100%;}
.new_slider_wrap .owl-carousel .owl-stage-outer {height: 100%!important;}
.new_slider_wrap .owl-carousel .owl-stage {height: 100%!important;}
.new_slider_wrap .owl-carousel .owl-item {position: relative;top: 0px;left: 0px;right:0px;bottom: 0px;height: 100%!important;}



/*영상*/
#myVideo { position: absolute; left: 0; bottom: 0; top: 0; right: 0; width: 100%; height: 100%; background-size: 100% 100%; background-color: black; background-position: center center; background-size: contain; object-fit: cover; z-index: 3; }
#myVideo2 { position: absolute; left: 0; bottom: 0; top: 0; right: 0; width: 100%; height: 100%; background-size: 100% 100%; background-color: black; background-position: center center; background-size: contain; object-fit: cover; z-index: 3; }
#myVideo3 { position: absolute; left: 0; bottom: 0; top: 0; right: 0; width: 100%; height: 100%; background-size: 100% 100%; background-color: black; background-position: center center; background-size: contain; object-fit: cover; z-index: 3; }
.vidmob{display: none;}

.seok_video_wrap { position: relative; left: 0px; top: 0px; overflow: hidden; padding-bottom: 56%; }
.videoWrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }

@media (min-aspect-ratio:16/9) {
	.videoWrapper { height: 300%; top: -100%; }
}
@media (max-aspect-ratio:16/9) {
	.videoWrapper { width: 300%; left: -100%; }
}


/*테이블*/
.table_wrap table {border-top: 2px solid #000;width: 100%;font-size: 16px;color: #000}
.table_wrap td {padding: 25px 10px;font-weight: 300; text-align: center;border-bottom: 1px solid #ddd;}
.table_wrap th {padding: 25px 10px;font-weight: 500; text-align: center;border-bottom: 1px solid #ddd;}
.td_01 {text-align: center;}
.td_02 {text-align: center;}
.table_01_wrap table  {font-size: 14px;}
.table_01_wrap th {width: 130px;}

.board_wrap .table_wrap table {}
.board_wrap .table_wrap td {text-align: left;}
.board_wrap .table_wrap th {background-color: #f7f7f7}

.c_list_01 {text-align:left;line-height: 2;padding-left: 18px;margin: 0px;counter-reset: chapter 0;list-style: none;}
.c_list_01 > li {position:relative;margin:0;box-sizing:border-box;}
.c_list_01 > li::marker {}
ol.c_list_01 > li:before { counter-increment: chapter;content: counter(chapter) ".";text-indent: -18px;display: inline-block;color: #333;font-weight: 500;}
.c_list_01 span {color: #a5272b;}
.c_list_02 {text-align:left;line-height: 1.6;padding-left: 18px;margin: 0px;font-size:16px;font-weight: 300;word-break: keep-all;}
.c_list_02 > li {position:relative;margin:0;box-sizing:border-box;}
.c_list_02 > li::marker {}
.c_list_02 > li:before {content:"";position: absolute;top: 10px; left: -15px;width: 4px; height: 4px; background-color: #ff5e1a; border-radius: 100px;}
.c_list_02 span {color: #a5272b;}




/*제품*/
#bo_v_atc {padding: 20px;}

.pt_list_all_wrap {width: 100%;overflow: hidden;padding: 40px 0}
.pt_list_wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 40px;
}
.pt_list_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.pt_list_box {width: 100%;position: relative;top: 0px;left: 0px;}
.pt_chk {position: absolute;top: 0px;left: 0px;}
.pt_list_info_wrap {padding: 20px;border: 1px solid #eee;border-top: none;}
.pt_list_box .pt_list {display: block;position: relative;top: 0px;left: 0px;background-color: #fff;}
.pt_list_box .pt_list_img {position: relative;top: 0px;left:0px;overflow: hidden;border: 1px solid #eee;}
.pt_list_box .pt_list_img img {width: 100%;max-width: 100%;min-height: 235px;transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;}
.pt_list_mask { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.pt_list:hover .pt_list_img img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }
.pt_list_txt {width: 100%;position: relative;top: 0px;left: 0px;overflow: hidden;}
.pt_list_txt:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.pt_list_txt .pt_list_txt_in {/* vertical-align: middle; */display: block;line-height: 1.6;color: #333;font-size: 18px;width: 100%;}
.pt_list_txt .pt_list_txt_in span {width: 100%;display: block;min-height: 70px;line-height: 1.4;padding: 0 0 20px;}
.pt_list_txt .pt_list_txt_in .pt_list_txt_en {font-size:14px; color: #666;padding-top: 5px;}
.pt_list_cate {font-size: 15px;color: #999;padding-bottom: 0;}
.pt_list_date {font-size: 14px;color: #aaa;padding-top: 0;}
.main_board_line_in {line-height: 1.6;}
.board_wrap {}

.new_pdt_main_wrap { position: relative; top: 0px; left: 0px; width: 100%; }
.new_pdt_main_left { position: absolute; top: 0px; left: 0px; width: 50%; bottom: 0px; overflow: hidden; }
.new_pdt_main_right { position: absolute; top: 0px; right: 0px; width: 50%; bottom: 0px; overflow: hidden; }
.new_pdt_main_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; background-color: #000}
.new_pdt_main_in { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2; }
.new_pdt_main_con_wrap { position: absolute; bottom: 10%; padding: 0 10% ; width: 100%; }
.new_pdt_main_con { position: relative; top: 0px; left: 0px; }
.new_pdt_main_label { font-size: 16px; color: #fff; font-weight: 300; text-transform: uppercase; line-height: 1.3; padding-bottom: 10px; }
.new_pdt_main_desc { font-size: 46px; color: #fff; font-weight: 600; line-height: 1.2}
.new_pdt_main_arr { position: absolute; bottom: 0px; right: 0px; width: 50px; height: 50px; background-image: url(../images/sub/new_pdt_main_arr.png); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.new_pdt_main_in:hover .new_pdt_main_arr { background-image: url(../images/sub/new_pdt_main_arr_on.png); }
.new_pdt_main_bg_in { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2}
.new_pdt_main_bg2 { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1}
.new_pdt_main_right .new_pdt_main_bg_in { background-image: url(../images/sub/new_pdt_main_bg_in2.png); background-repeat: no-repeat; background-position: right 10% center; }
.new_pdt_main_left .new_pdt_main_bg_in { background-image: url(../images/sub/new_pdt_main_bg_in.png); background-repeat: no-repeat; background-position: left 10% center; }
.new_pdt_main_left .new_pdt_main_bg { background-image: url(../images/sub/new_pdt_main_left.jpg); background-repeat: no-repeat; background-position: left bottom; background-size: cover; }
.new_pdt_main_right .new_pdt_main_bg { background-image: url(../images/sub/new_pdt_main_right.jpg); background-repeat: no-repeat; background-position: left bottom; background-size: cover; }
.new_pdt_main_left .new_pdt_main_bg2 {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5e1a+0,ff5e1a+100&1+0,0+100 */
    background: -moz-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff5e1a', endColorstr='#00ff5e1a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.new_pdt_main_right .new_pdt_main_bg2 {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5e1a+0,ff5e1a+100&1+0,0+100 */
    background: -moz-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff5e1a', endColorstr='#00ff5e1a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.new_pdt_main_left .new_pdt_main_bg2::after { content: ""; display: block; height: 100%; opacity: 0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5e1a+0,ff5e1a+100&1+0,0+100 */
    background: -moz-linear-gradient(45deg, #ff5e1a 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #ff5e1a 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #ff5e1a 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff5e1a', endColorstr='#00ff5e1a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }
.new_pdt_main_right .new_pdt_main_bg2:after { content: ""; display: block; height: 100%; opacity: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5e1a+0,ff5e1a+100&1+0,0+100 */
    background: -moz-linear-gradient(45deg, #ff5e1a 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #ff5e1a 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #ff5e1a 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff5e1a', endColorstr='#00ff5e1a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }
.new_pdt_main_right:hover .new_pdt_main_bg2:after {opacity: 1; }
.new_pdt_main_left:hover .new_pdt_main_bg2:after { opacity: 1; }


.pt_view_all_wrap {width: 100%;position: relative;top: 0px;left: 0px;}
.pt_view_wrap {width: 100%;}
.pt_view_top_wrap {width: 100%;}
.pt_view_top_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.pt_view_top_left {width: 50%; float: left;padding-right: 3%;}
.pt_view_top_right {width: 50%; float: right;padding-left: 3%;}
.pt_view_top_img {width: 100%;border: 1px solid #ddd;}
.pt_view_top_img a {display: block;}
.pt_view_top_img img {width: 100%;height: auto;}
.pt_view_top_right_in {width: 100%;}
.pt_view_top_right_cate {padding-bottom: 20px;}
.pt_view_top_right_cate .menu {display: none;}
.pt_view_top_right_cate .menu_a {display: none;}
.pt_view_top_right_cate .menu.active {display: block;}
.pt_view_top_right_cate .sub_menu {display: none;}
.pt_view_top_right_cate .sub_menu.active {display: block;}
.pt_view_top_right_cate span {display: inline-block;padding: 10px;border: 1px solid #ddd; font-size: 16px;color: #333;}
.pt_view_top_right_txt_kr {font-size:36px;color: #333; font-weight: 500;padding-bottom: 20px;}
.pt_view_top_right_txt_en {font-size: 18px; color: #999; font-weight: 400; padding-bottom: 20px;}
.bo_line_wrap {width: 100%;padding: 10px 0;}
.bo_line {width: 100%; background-color: #ddd;height: 1px;}
.pt_view_top_btn_wrap {padding: 20px 0;}
.pt_view_top_btn_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.pt_view_top_btn_box {width: 49%;float: left;margin-left: 2%;}
.pt_view_top_btn_box:first-child {margin-left: 0px;}
.pt_view_top_btn_box .pt_view_top_btn {display: block;height: 70px;line-height: 70px;font-size: 18px; font-weight: 400;text-align: center;}
.pt_view_top_btn_box .pt_view_top_btn_inquiry {background-color: #335ca6; color: #fff;}
.pt_view_top_btn_box .pt_view_top_btn_list {background-color: #f7f7f7; color: #333;border: 1px solid #ddd;}
.pt_view_mid_wrap {width: 100%;padding: 100px 0}
.pt_view_mid {width: 100%;}
.pt_view_label_wrap {width: 100%;padding: 30px 0}
.pt_view_label_in {width: 100%; border-bottom: 1px solid #ddd;}
.pt_view_label {border-bottom: 3px solid #335ca6;display: inline-block;padding-bottom: 15px;padding-right: 10px;}
.pt_view_label_kr {display: inline-block;font-size: 36px;color: #333;padding-right: 10px;}
.pt_view_label_en {display: inline-block;font-size: 20px;color: #333;}
.pt_view_con_wrap {padding-bottom: 50px;}
.pt_view_con {padding: 20px;line-height: 1.6;}






/*게시판*/
.s_board_label_wrap {width: 100%;padding: 30px 0 10px}
.s_board_label_in {width: 100%; border-bottom: 1px solid #ddd;}
.s_board_label {border-bottom: 3px solid #335ca6;display: inline-block;padding-bottom: 15px;padding-right: 10px;}
.s_board_label span {display: inline-block;font-size: 20px;color: #333;padding-right: 10px;}



/*카테고리*/
.b_view .s_cate_all_wrap,.b_write .s_cate_all_wrap {display: none;}
.s_cate_all_wrap {width: 100%}
.s_cate_wrap {width: 100%}
.s_cate_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.s_cate_wrap .menu {display: none;}
.s_cate_wrap .menu.active {display: block;width: 100%; overflow: hidden;}
.s_cate_wrap .menu_a {display: none;}
.s_cate_wrap .sub_menu_wrap {margin-left: -5px;}
.s_cate_wrap .sub_menu_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.s_cate_wrap .sub_menu {float: left; padding-left: 5px;}
.s_cate_wrap .sub_menu_a {height: 40px;line-height: 40px;padding: 0 15px; color: #999;border: 1px solid #eee;display: block;}
.s_cate_wrap .sub_menu_a.active, .s_cate_wrap .sub_menu_a:hover {background-color: #ff5e1a;border-color: #ff5e1a;color: #fff;}

.rdos {display:inline-block}
.rdos input[type="radio"] {position:absolute;width:16px;height:16px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;background:#fff;margin:8px 0}
.rdos input[type="radio"] + label {display:inline-block;vertical-align:middle;position:relative;padding-left:30px;min-height:24px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;line-height:1.3;margin-right:5px;font-size:1em;font-weight:500;word-break: break-all;white-space: nowrap;}
.rdos input[type="radio"] + label:before {content:'';position:absolute;left:0;top:2px;margin:0;width:20px;height:20px;text-align:center;background:#fff;border:2px solid #ccc;box-sizing:border-box;transition:all .3s ease;border-radius:100px}
.rdos input[type="radio"] + label:after {content:'';position:absolute;top:9px;margin:0 0 0 0px;left:7px;width:6px;height:6px;background:#ddd;border-radius:100%;transition:all .3s ease}
.rdos input[type="radio"] + label:active:before,
.rdos input[type="radio"]:checked + label:active:before {}
.rdos input[type="radio"]:checked + label:before {}
.rdos input[type="radio"]:checked + label:after {background-color:#2767c9}
.rdos input[type="radio"]:checked + label:before {border-color:#2767c9}

.chks {display:block;position:relative}
.chks.inline {display:inline-block}
.chks input[type="checkbox"] {position:absolute;width:16px;height:16px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;background:#fff;}
.chks input[type="checkbox"] + label {display:inline-block;vertical-align:middle;position:relative;padding-left:30px;min-height:24px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;line-height:1.6;margin-right:5px;font-size:16px;font-weight:300;word-break: break-all;}
.chks input[type="checkbox"] + label:before {content:'';position:absolute;left:0;top:2px;margin:0;width:20px;height:20px;text-align:center;background:#fff;border:1px solid #bbb;box-sizing:border-box;transition:all .3s ease}
.chks input[type="checkbox"] + label:after {content:"";display:block;position:absolute;width:12px;height:6px;left:4px;top:8px;border-width:0 0 2px 2px;border-style:solid;border-color:transparent transparent #ddd #ddd;transform:rotate(-45deg);-ms-transform:rotate(-45deg);transition:all .3s ease}
.chks input[type="checkbox"]:checked + label:after {border-color:transparent transparent #fff #fff}
.chks input[type="checkbox"]:checked + label:before {background-color: #ff5e1a;border-color: #ff5e1a;}




/*지도*/
.map_wrap {position: relative;top: 0px;left: 0px; padding-bottom: 50px;}
.map_wrap .root_daum_roughmap {width: 100%!important;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.map_wrap .root_daum_roughmap .wrap_controllers {display: none;}
.map_wrap .root_daum_roughmap .wrap_map {height: 100%!important;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.map_wrap .roughmap_maker_label {top: 0px!important;border: none!important}
.map_wrap .roughmap_maker_label .roughmap_lebel_text {width:258px;height: 96px;background-image: url(../images/sub/map_logo.png);background-color: transparent;border: none;font-size: 0px!important; top: 0px;}
.roughmap_maker_label:after {display: none!important}
.map_wrap .map {width: 100%; height: 100%;position: absolute!important;top: 0px;left: 0px;}

.map_tab_all_wrap {padding-bottom: 100px;}
.map_tab_wrap {}
.map_tab_box {float: left; width: 33.33%;position: relative;top: 0px;left: 0px;}
.map_tab_box:after {position: absolute;bottom: 0px;width:100%;left: 0px;height: 1px;background-color: #ddd; content: "";}
.map_tab_box_a {display: block; padding: 0px 5px; text-align: center;height: 65px; line-height: 65px; font-size:20px;}
.map_tab_box_a span {display: inline-block; position: relative;top: 0px;left: 0px; color: #111}
.map_tab_box:hover .map_tab_box_a span {color: #000}
.map_tab_box:hover:after {background-color: #000; height: 4px;}
.map_tab_box.active .map_tab_box_a span {color: #ff5e1a}
.map_tab_box.active:after {background-color: #ff5e1a; height: 4px;}
.map_tab_box:first-child {}
.map_tab_box.active .map_tab_box_a span:after { position: absolute; top: -10px; right: -10px; width: 13px; height: 12px; background-image: url(../images/sub/map_tab_box.png); background-repeat: no-repeat; background-position: center center; content: ""; }
.map_tab_box_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.259em;font-size: large;}
.map_tab_box_a span {vertical-align: middle;display: inline-block;line-height: 1.3;max-width: 99%;text-align: center;position: relative;top: 0px;left: 0px;word-break: keep-all;}
.map_con_txt_wrap .sec_tit {color: #ff5e1a}

.map_info_all_wrap {position: relative;top: 0px;left: 0px;padding: 30px 0;}
.map_info_wrap {display: block; float: left;padding-right:40px;}
.map_info {height: 50px;line-height: 50px; padding-left: 40px;background-repeat: no-repeat;background-position: left center;}
.map_info_jido .map_info {background-image:url(../images/sub/map_info_jido.png);}
.map_info_tel .map_info {background-image:url(../images/sub/map_info_tel.png);}
.map_info_fax .map_info {background-image:url(../images/sub/map_info_fax.png);}
.map_info_time .map_info {background-image:url(../images/sub/map_info_time.png);}
.map_info_txt {font-size: 18px; color: #666}
.p_info_title{padding-left: 20px;color: #333;}



/*서브*/
.sub #wrap {padding-top: 0px;}
.sub_wrap {width: 100%;position: relative;top: 0px;left: 0px;}
.sub_wrap > div {position: relative;top: 0px;left: 0px;z-index: 800;}
.sub_wrap > div.line_all_wrap {z-index: 850;}
.sub_wrap .sec_wrap  {/* overflow: hidden; */}
.sub_visual_all_wrap {width: 100%;background-repeat: no-repeat;background-position: center top; padding:0px 20px;background-size: cover;z-index: 900!important;overflow: hidden;}
.sub_visual_bg {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background-repeat: no-repeat;background-position: center center;background-size: cover;z-index: 1;}
.sub_visual_wrap {width: 100%;max-width: 1600px; margin: 0 auto;position: relative;top: 0px;left: 0px;z-index: 2;}
.sub_visual_txt {color: #fff;;font-weight: 600;padding-bottom: 100px;}
.sub_visual_txt a {font-size: 48px;color: #fff;;font-weight: 700;}
.sub_visual_txt .menu {display: none;}
.sub_visual_txt .menu.active {display: block;}
.sub_visual_txt .menu_a {display: none;}
.sub_visual_txt .sub_menu_wrap {}
.sub_visual_txt .sub_menu {display: none;}
.sub_visual_txt .sub_menu.active {display: block;}
.sub_visual_txt2 {font-size:16px; color: #fff;line-height: 1.6;font-weight: 300;padding-bottom: 20px;padding-top: 300px;}
.sub_visual_txt2 b {font-weight: 700;}
.sub_visual_txt2 .menu {display: none;}
.sub_visual_txt2 .menu.active {display: block;}
.sub_visual_txt2 .menu_a {display: block;}
.sub_visual_txt2 .sub_menu_wrap {display: none;}
.sub_visual_txt2 .sub_menu {display: none;}
.sub_visual_txt2 .sub_menu.active {display: block;}
.sub_visual_txt2 a {font-size: 24px;color: #fff;;font-weight: 300;}

.sub .sub_visual_box {text-align: left;}
.sub_visual_wrap {max-width: 1400px;}
.line_wrap {max-width: 1400px;}
.sub .header_all_wrap {box-shadow:none;}
.sub_wrap > div.line_all_wrap {display: none;}
.sub_wrap > div.sub_top_nav {display: block;padding-bottom: 0px;border-bottom: none;z-index: 902;}
.sub_top_nav .sub_menu:before {}

.sec_in {width: 100%; max-width: 1600px; margin: 0 auto;position: relative;top: 0px;left: 0px;z-index: 2;}
.sub .sec_in {width: 100%; max-width: 1400px; margin: 0 auto;position: relative;top: 0px;left: 0px;z-index: 2;}

.sub_con_wrap {width: 100%;}
.sub_con {width: 100%; max-width: 1400px;margin: 0 auto;}


.sub_top_nav {max-width: 1400px; margin: 0 auto;}
.sub_top_nav .sub_menu_wrap {max-width: 1400px;text-align: left;}
.sub_top_nav .sub_menu_a span {white-space: nowrap;}
.sub_top_nav .sub_menu {width: auto; padding: 0 10px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.sub_top_nav .sub_menu.active {background-color: #ff5e1a}
.sub_top_nav .sub_menu:hover {background-color: #ff5e1a}
.s_top_bg_01 {position:absolute ;left: 0px;right: 0px; top: 0px;display: none;}
.s_top_bg_01 .waves {bottom: auto;top: 0px;transform: rotate(180deg);}
.s_top_bg_02 {position:absolute ;left: 0px;right: 0px; bottom: 0px;}


.sec_bg2 { background-position: center top; background-size: cover; animation-duration: 30s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: bgupdown; }
.sec_bg3 { background-position: center top; background-size: cover; animation-duration: 15s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: sizeup; }

.black_bg{background-color: #000;}

.sub_top_nav {width: 100%;text-transform: uppercase;display: none;}
.sub_top_nav .menu {display: none;}
.sub_top_nav .menu.active {display: block;}
.sub_top_nav .menu_a {display: none;}
.sub_top_nav .sub_menu_wrap {display: block;width: 100%;text-align: center;font-size: 0px;max-width: 1400px;margin: 0 auto;}
.sub_top_nav .sub_menu {display: inline-block;width: 20%;position: relative;top: 0px;left: 0px;}
.sub_top_nav .sub_menu_a {display: block;font-size: 16px;height: 70px;font-weight: 400;color: #fff}
.sub_top_nav .sub_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.sub_top_nav .sub_menu_a span {vertical-align: middle;display: inline-block;line-height: 1.6;text-align: center;max-width: 100%;position: relative;top: 0px;left: 0px;word-break: keep-all;padding: 0 10px;}

.none_img {border-radius: 20px; overflow: hidden;}
.whbg{background-color: #fff;}
.s_sec_01_01_01_in *{color: #fff;}
.s_sec_01_01_01_bg.sec_bg { position: fixed; }
.s_sec_01_01_01_bg_in { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-size: cover; background-position: center center; background-image: url(../images/sub/s_sec_01_01_01_bg_in.jpg); }
.s_sec_01_01_01_con_wrap { padding: 200px 0 0; margin-bottom: -50px; }
.s_sec_01_01_02_wrap {background-color: #fff;}
.s_sec_01_01_02_wrap .pin-spacer{background-color: #fff;}

.s_sec_01_01_04_con_wrap {width: 100%;}
.s_sec_01_01_04_con_in {margin-left: -40px;}
.s_sec_01_01_04_box {float: left;width: 33.3%; padding-left: 40px;padding-bottom: 40px;}
.s_sec_01_01_04_box_txt_wrap {background-color: #fff;padding:40px 10px 0;overflow: hidden; }
.s_sec_01_01_04_box_txt_01 {height: 60px;}
.s_sec_01_01_04_box_txt_01:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.s_sec_01_01_04_box_txt_01 span {vertical-align: middle;display: inline-block;color: #222;width: 100%;position: relative;top: 0px;left: 0px;font-size: 30px;font-weight: 700;text-align: center;line-height: 1.4;}
.s_sec_01_01_04_box_txt_02 {height: 60px;}
.s_sec_01_01_04_box_txt_02:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.s_sec_01_01_04_box_txt_02 span {vertical-align: middle;display: inline-block;color: #222;width: 100%;position: relative;top: 0px;left: 0px;font-size: 20px;font-weight: 300;text-align: center;line-height: 1.4;}
.s_sec_01_01_04_box_txt_03 {text-align: center;font-size: 16px; color: #666; line-height: 1.6; font-weight: 300;}
.s_sec_01_01_04_box_in {overflow: hidden;}
.s_sec_01_01_04_box_img img {
    width: 100%;
         transform: scale(1);
   -ms-transform: scale(1);
   -webkit-transform: scale(1);
   transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
   -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
   -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
   -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.s_sec_01_01_04_box:hover .s_sec_01_01_04_box_img img {
   transform: scale(1.1);
   -ms-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s;
   -moz-transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s;
   -webkit-transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s;
   -o-transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.s_sec_01_01_05_wrap{background-color: #fff;}

.s_sec_01_01_02_con_left { float: left; width: 30%; }
.s_sec_01_01_02_con_right { float: left;    width: 70%; }
.s_sec_01_01_03_wrap { background-color: #fff; height: 100%;}
.s_sec_01_01_03_img_wrap{position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
.back_slide_img_01 { position: absolute; left: 20%; top: -70%; }
.back_slide_img_02 { position: absolute; left: 60%; top: -40%; }
.back_slide_img_03 { position: absolute; left: 0; top: 0; }
.back_slide_img_04 { position: absolute; left: 25%; top: 50%; }
.back_slide_img_05 { position: absolute; left: 80%; top: 50%; }
.back_slide_img img { opacity: 0.2; }
.about_tit { font-size: 90px; color: #111; font-weight: 600; padding-bottom: 80px;}
.s_sec_01_01_04_wrap { background-color: #fff; }
.s_sec_01_01_04_con_left { float: left; width: 30%; }
.s_sec_01_01_04_con_right { float: left; width: 70%; }
.s_sec_01_01_04_con_right_img { position: relative; top: 0; left: 0; }
.s_sec_01_01_04_con_right_img_in { width: 100%; padding-bottom: 500px; background: url(../images/sub/s_sec_01_01_04_con_right_img.jpg) no-repeat center; background-size: cover; }
.a3_box_wrap_in { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 50px; }
.s_sec_01_01_04_con_3_box { display: inline-block; padding-top: 30px; border-top: 1px solid #111; }
.a3_box_01{padding-top: 40px;}
.a3_box_02{padding-top: 40px;}
.a3_box_ico_wrap{position: relative;top: 0; left: 0; min-height: 20px;}
.a3_box_ico{position: relative;display: block; background-color: #000;}
.a3_box_ico_01{ width: 10px; height: 10px; }
.a3_box_ico_02{width: 10px; height: 10px;}
.a3_box_ico_02::after { content: ''; position: absolute; display: block; left: 13px; width: 10px; height: 10px; background-color: #000; }
.a3_box_ico_03{width: 10px; height: 10px;}
.a3_box_ico_03::after { content: ''; position: absolute; display: block; top: 13px; left:0px; width: 10px; height: 10px; background-color: #000; }
.a3_box_ico_03::before { content: ''; position: absolute; display: block; top: 13px; left: 13px; width: 10px; height: 10px; background-color: #000; }
.a3_box_tit{padding-top: 30px;}
.a3_box_03 .a3_box_tit{margin-top: 10px;}

.none_img img { animation-duration: 10s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: sizeup; }

.about_sol_con_wrap{display: flex; gap: 20px;}
.about_sol_cont{position: relative; top: 0; left: 0; right: 0; width: 100%; height: 500px}
.about_sol_img_wrap{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -10;}
.about_sol_img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat;background-position: center; background-size: cover; background-color: #000; filter: brightness(0.5);}
.about_sol_cont_01 .about_sol_img{background-image: url(../images/sub/about_sol_img_01.jpg);}
.about_sol_cont_02 .about_sol_img{background-image: url(../images/sub/about_sol_img_02.jpg);}
.about_sol_cont_03 .about_sol_img{background-image: url(../images/sub/about_sol_img_03.jpg);}
.about_sol_txt_wrap{position: relative; z-index: 10; padding: 50px;}
.about_sol_txt_wrap *{color: #fff;}
.about_sol_txt_num{font-size: 16px; font-weight: 500; opacity: 0.5;}
.about_sol_tit{font-size: 24px; font-weight: 500;line-height: 1.4;}
.about_sol_txt{font-size: 16px; font-weight: 300;line-height: 1.4; opacity: 0.8;}

.s_sec_01_02_01_bg.sec_bg { position: fixed; }
.s_sec_01_02_01_bg_in { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-size: cover; background-position: center center; background-image: url(../images/sub/s_sec_01_02_01_bg_in.jpg); }
.s_sec_01_02_01_con * { color: #fff; }
.s_sec_01_02_01_con_wrap { padding: 200px 0 0; margin-bottom: -50px; }
.s_sec_01_02_02_wrap{background-color: #fff;}

.s_sec_09_con { padding: 200px 0 100px; display: flex; gap: 200px; justify-content: space-between; }
.s_sec_09_con_left {position: sticky;height: 100vh;top: 200px;height: max-content;width: 30%;}
.s_sec_09_con_left_btn a {cursor: pointer;display: inline-block;padding: 5px 20px;border: 1px solid #111;border-radius: 100px;transition: 0.5s;}
.s_sec_09_con_left_btn.active a{background-color: #000;}
.s_sec_09_con_left_btn.active .sec_txt2 {color: #fff;}
.s_sec_09_con_left_btn div {display: block;transition: 0.5s;}
.s_sec_09_con_left_btn_wrap {display: inline-flex;gap: 15px;flex-direction: column;width: 100%;}
.s_sec_09_con_left_btn a:hover { background: #000; border: 1px solid #000; }
.s_sec_09_con_left_btn a:hover .sec_txt2 { color: #fff; }
.s_sec_09_con_left_btn a:hover svg { fill: #fff; }
.s_sec_09_con_right { width: 100%; }
.s_sec_09_right_map_tit {display: flex;justify-content: flex-start;gap: 100px;}
.s_sec_09_right_map_tit .sec_tit2{float: left;width: 20%;}
.s_sec_09_right_map_tit.scroll3{  align-items: center;}
.s_sec_09_right_map_tit.scroll4{ align-items: center;}

.con_sec_wrap_03 .nov_map_table tr{align-items: center;}
.con_sec_wrap_03 .nov_map_table tr{margin-top: 0;}
.con_sec_wrap_04 .nov_map_table tr{margin-top: 0;}

.s_sec_09_con_right .con_sec_wrap_01 {border: none !important;}
.s_sec_09_con_right .con_sec_wrap {border-top: 1px solid #ddd;position: relative;top: 0px;left: 0px;}
.s_sec_09_con_right .con_sec_wrap .target_id {
    position: absolute;top: -200px;left: 0px;width: 1px;height: 1px;opacity: 0;visibility: hidden;overflow: hidden;
}


.scroll01 .s_sec_09_con_left_btn:nth-child(1) a{background-color: #000;}
.scroll01 .s_sec_09_con_left_btn:nth-child(1) .sec_txt2 {color: #fff;}

.scroll02 .s_sec_09_con_left_btn:nth-child(2) a{background-color: #000;}
.scroll02 .s_sec_09_con_left_btn:nth-child(2) .sec_txt2 {color: #fff;}

.scroll03 .s_sec_09_con_left_btn:nth-child(3) a{background-color: #000;}
.scroll03 .s_sec_09_con_left_btn:nth-child(3) .sec_txt2 {color: #fff;}

.scroll04 .s_sec_09_con_left_btn:nth-child(4) a{background-color: #000;}
.scroll04 .s_sec_09_con_left_btn:nth-child(4) .sec_txt2 {color: #fff;}






.nov_map_table tr { display: flex; margin-top: -10px; padding: 10px 0; }
.nov_map_table th{text-align: justify;padding-right: 50px;width: 80px;font-size: 16px;font-weight: 500;color: #111;}

.con_sec_wrap_02 {padding: 30px 0;}
.con_sec_wrap_03 {padding: 30px 0;}
.con_sec_wrap_04 {padding: 30px 0;}


.s_sec_02_01_01_vid{position: relative;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100vh;background-color: #000;filter: brightness(0.5);}
.s_sec_02_01_03_03_con_wrap_in {position: relative;top: 0;left: 0;max-width: 1400px;margin: 0 auto; }
.s_sec_02_01_03_03_cont{display: grid;grid-template-columns: repeat(2,1fr);column-gap: 10px;}
.s_sec_02_01_03_03_zone_tit{padding: 20px 0;display: block;font-size: 30px;font-weight: 500; background-color: #222;}
.s_sec_02_01_03_03_zone_tit.on { background-color: #ffffff; color: #000 !important; }
.s_sec_02_01_03_03_zone{padding: 50px;border: 1px solid #666; border-top: none;}
.s_sec_02_01_03_03_zone_txt{padding-top: 50px;font-size: 18px; font-weight: 300;}

.on_drag{background-color: #000;color: #fff;padding: 0 10px;}


.s_sec_02_02_01_con_wrap{position: relative;top: 0;left: 0;right: 0;bottom: 0;width: 100%;max-width: 1400px; border-radius: 30px;overflow: hidden; margin: 0 auto; height: 720px;background-color: #000;}
.s_sec_02_02_01_con_wrap_in{position: absolute; top: 0;;left: 0;right: 0;bottom: 0;}
.s_sec_02_02_01_con_img{position: absolute; top: 0;;left: 0;right: 0;bottom: 0;background-image: url(../images/sub/s_sec_02_02_01_con_img.jpg);background-repeat: no-repeat; background-position: top;background-size: cover;}





.pdt_tab_all_wrap{text-align: center; margin: 0 auto;}
.pdt_tab_all_wrap_in {  display: inline-flex; justify-content: center; padding: 5px; border: 2px solid #ddd; border-radius: 1000px; }
.pdt_tab_btn{display: inline-block; padding: 15px 50px;}
.pdt_tab_btn span{font-size: 24px; font-weight: 500; color: #666;}
.pdt_tab_btn.on{background-color: #000;border-radius: 100px; }
.pdt_tab_btn.on span{color: #fff;}


.s_sec_top_label_con_left {float: left;}
.s_sec_top_label_con_right {float: right;}

.s_sec_pdt_box_all_wrap {margin-left: -20px;}
.s_sec_pdt_box {float: left; width: 25%;padding-left: 20px;padding-bottom: 20px;text-align: center;}
.s_sec_pdt_box:nth-child(4n+1) {clear: both;}
.s_sec_pdt_box_txt {padding: 15px 0}

.s_sec_02_03_02_wrap {padding-top: 80px;}
.s_sec_02_04_01_bg {background-image: url(../images/sub/s_sec_02_04_01_bg.png);background-repeat: no-repeat;background-position: right center;position: absolute;top: 0px;left: 60%;bottom: 0px;z-index: 1;right: 0px;background-size: 100%;}



.keyfeat_list_owl_wrap {display: block;}
.keyfeat_tab_btn_a { padding: 8px 20px; border: 1px solid #fff; display: inline-block; border-radius: 100px; }
.keyfeat_tab_btn.active .keyfeat_tab_btn_a {background-color: #fff; color: #000}
.keyfeat_tab_btn:hover .keyfeat_tab_btn_a {background-color: #fff; color: #000}

.s_sec_02_01_03_02_con_tab_btn_wrap { display: flex; gap: 10px; padding-bottom: 50px; }
.s_sec_02_01_03_02_con .sec_tit7{padding-bottom: 50px;}
.s_sec_02_01_03_02_con .sec_tit7::after{content: ''; display: block; width: 200%; height: 1px; background-color: #fff; position: relative; left: -50%; top: 30px;}
.s_sec_02_01_03_02_con .sec_tit7::before{content: ''; display: block; width: 1px; height: 1000px; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); position: absolute; top: -100px; left: -100px;}
.keyfeat_list_owl_con_num { font-size: 18px; }
.keyfeat_list_owl_con_tit_wrap { display: flex; align-items: center; gap: 30px; padding-bottom: 30px; }
.keyfeat_list_owl_con_tit { font-size: 30px; font-weight: 500; display: inline-block; }
.keyfeat_list_owl_con_img { width: 80%; filter: brightness(0.6); }
.keyfeat_list_owl_con { position: relative; top: 0; left: 0; right: 0; bottom: 0; }
.keyfeat_list_owl_con_txt_wrap { position: absolute; bottom: 20%; right: 10%; font-size: 18px; line-height: 1.6; font-weight: 300; }
.keyfeat_list_owl_wrap .owl-nav { position: relative; left: 0; top: 0; }
.keyfeat_list_owl_wrap .owl-prev { top: auto !important; !i; !; left: auto !important; right: 130px !important; width: 40px !important; height: 40px !important; margin-top: -50px !important; background-size: 40% !important; }
.keyfeat_list_owl_wrap .owl-next { left: auto !important; right: 80px !important; width: 40px !important; height: 40px !important; margin-top: -50px !important; background-size: 40% !important; }
.keyfeat_list_owl_wrap.owl-carousel .owl-stage-outer {width:1000%}
.keyfeat_list_owl_wrap.owl-carousel {overflow: visible;}


.s_sec_02_01_05_01_con_wrap{padding: 150px 0; width: 100%;}
.s_sec_02_01_05_con_wrap *{color: #fff;}
.s_sec_02_01_05_01_con_bg{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; background: url(../images/sub/s_sec_02_01_05_01_con_bg.jpg) no-repeat center;filter: brightness(0.5);}
.s_sec_02_01_05_01_con_btn_a{position: relative; display: inline-block; font-size: 18px; font-weight: 300; padding: 20px 50px; background-color: #fff;color: #000; border-radius: 100px; z-index: 999;}
.s_sec_02_01_05_01_con_btn_a:hover{}

.s_sec_02_02_03_grid{position: absolute;top: 0;left: 0;right: 0;bottom: 0;max-width: 1400px;margin: 0 auto;width: 100%;height: 100%;border-color: #eee;border-style: solid;border-top-width: inherit;border-bottom-width: inherit;border-left-width:1px;border-right-width:1px;}
.s_sec_02_02_03_grid::after{}
.s_sec_02_02_03_01_wrap_in{display: flex;align-items: center; width: 100%;}
.s_sec_02_02_03_02_wrap_in{display: flex;align-items: center;width: 100%;}
.s_sec_02_02_03_left{float: left; width: 50%;}
.s_sec_02_02_03_right{float: right;width: 50%;}

.s_sec_02_02_03_01_left{border-left: 2px solid #000; padding-left: 120px;}
.s_sec_02_02_03_02_right{border-right: 2px solid #000;}
.s_sec_02_02_03_left_img img{width: 80%;margin-left: -100px;}
.s_sec_02_02_03_right_img img{width: 80%;margin-right: -100px;}


.s_sec_02_02_03_03_wrap{background-color: #ffffffad;}
.s_sec_02_02_03_03_right{position: relative; top: 0; left: 0;}
.s_sec_02_02_03_fl_wrap{display: flex; gap: 50px;}
.s_sec_02_02_03_03_left_img{background-color: #f9f9f9;padding: 100px 140px;text-align: center;}

.s_sec_02_02_03_03_right_img_wrap{display: grid; grid-template-columns: repeat(2,1fr); column-gap: 20px;}
.s_sec_02_02_03_03_right_txt_wrap{position: absolute; left: 0; bottom: 0;}




.s_sec_02_02_03_03_right_btn_a{position: relative; display: inline-block; font-size: 18px; font-weight: 300; padding: 20px 50px; background-color: #000;color: #fff; font-weight: 500; border-radius: 100px; z-index: 999;}
.s_sec_02_02_03_03_right_btn_a:hover{}




.s_sec_03_01_02_con { display: flex; align-items: center; background: #f9f9f9; }
.s_sec_03_01_02_con_txt_wrap { padding-left: 50px; width: 50%; }
.s_sec_03_01_02_con_img_wrap { width: 50%; }
.s_sec_03_01_03_wrap {background-color: #fff;}


.s_sec_03_01_03_wrap_in{padding-top: 50px !important; border-top: 2px solid #000;}
.s_sec_03_01_03_con_wrap{display: grid; grid-template-columns: repeat(2,1fr); gap: 30px;}
.s_sec_03_01_03_con_bg_wrap{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}

.s_sec_03_01_03_con_bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;filter: brightness(0.5);}
.s_sec_03_01_03_con_bg_01{background-image: url(../images/sub/s_sec_03_01_03_con_bg_01.jpg);}
.s_sec_03_01_03_con_bg_02{background-image: url(../images/sub/s_sec_03_01_03_con_bg_02.jpg);}
.s_sec_03_01_03_con_bg_03{background-image: url(../images/sub/s_sec_03_01_03_con_bg_03.jpg);}
.s_sec_03_01_03_con_bg_04{background-image: url(../images/sub/s_sec_03_01_03_con_bg_04.jpg);}

.s_sec_03_01_03_con{position: relative;padding: 250px 50px 50px;width: 100%;height: 100%;}
.s_sec_03_01_03_con_txt_wrap *{color: #fff;}

.line-path{position: relative; display: block; width: 100%; height: 1px; background-color: #fff; opacity: 0.5;}

.s_sec_03_02_02_con{display: flex;gap: 50px;}
.s_sec_03_02_02_con_bg_wrap{position: relative;top: 0px;left: 0px;right: 0px;bottom: 0px;width: 50%;height: 600px;}
.s_sec_03_02_02_con_bg_wrap_in{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.s_sec_03_02_02_con_bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%; background-color: #000; background-repeat: no-repeat;background-position: center;background-size: cover;filter: brightness(0.5); }
.on_txt_wrap *{color: #fff;}

.s_sec_03_02_02_con_bg_01{background-image: url(../images/sub/s_sec_03_02_02_con_bg_01.jpg);}
.s_sec_03_02_02_con_bg_02{background-image: url(../images/sub/s_sec_03_02_02_con_bg_02.jpg);}
.s_sec_03_02_02_con_bg_03{background-image: url(../images/sub/s_sec_03_02_02_con_bg_03.jpg);}
.s_sec_03_02_02_con_bg_04{background-image: url(../images/sub/s_sec_03_02_02_con_bg_04.jpg);}
.s_sec_03_02_02_con_bg_05{background-image: url(../images/sub/s_sec_03_02_02_con_bg_05.jpg);}
.s_sec_03_02_02_con_bg_06{background-image: url(../images/sub/s_sec_03_02_02_con_bg_06.jpg);}
.s_sec_03_02_02_con_bg_07{background-image: url(../images/sub/s_sec_03_02_02_con_bg_07.jpg);}
.s_sec_03_02_02_con_bg_08{background-image: url(../images/sub/s_sec_03_02_02_con_bg_08.jpg);}
.s_sec_03_02_02_con_bg_09{background-image: url(../images/sub/s_sec_03_02_02_con_bg_09.jpg);}
.s_sec_03_02_02_con_bg_10{background-image: url(../images/sub/s_sec_03_02_02_con_bg_10.jpg);}
.s_sec_03_02_02_con_bg_11{background-image: url(../images/sub/s_sec_03_02_02_con_bg_11.jpg);}
.s_sec_03_02_02_con_bg_12{background-image: url(../images/sub/s_sec_03_02_02_con_bg_12.jpg);}
.s_sec_03_02_02_con_bg_13{background-image: url(../images/sub/s_sec_03_02_02_con_bg_13.jpg);}
.s_sec_03_02_02_con_bg_14{background-image: url(../images/sub/s_sec_03_02_02_con_bg_14.jpg);}
.s_sec_03_02_02_con_bg_15{background-image: url(../images/sub/s_sec_03_02_02_con_bg_15.jpg);}
.s_sec_03_02_02_con_bg_16{background-image: url(../images/sub/s_sec_03_02_02_con_bg_16.jpg);}
.s_sec_03_02_02_con_bg_17{background-image: url(../images/sub/s_sec_03_02_02_con_bg_17.jpg);}
.s_sec_03_02_02_con_bg_18{background-image: url(../images/sub/s_sec_03_02_02_con_bg_18.jpg);}
.s_sec_03_02_02_con_bg_19{background-image: url(../images/sub/s_sec_03_02_02_con_bg_19.jpg);}


.refer_list_tit_wrap {     position: relative;display: flex ; width: 100%; gap: 50px; padding-top: 20px; align-items: center; }
.refer_list_wrap {border-top: 1px solid #000;width: 50%;}
.refer_list_wrap_in .p_info_box:last-child {border-bottom: none;} 
.p_info_box {display: block;width: 100%;padding-bottom: 20px;border-bottom: 1px solid #ddd;}
.refer_list{}
.refer_list_num { font-size: 16px; }
.refer_list_txt_wrap {  bottom: 0; padding-left: 50px; }
.refer_list_txt_wrap li {position: relative;top: 0;left: 0;display: block;padding-left: 40px;font-size: 16px;font-weight: 300;color: #666;line-height: 1.6;}
.refer_list_txt_wrap li::after{content: '';position: absolute;top: 10px;/* transform: translateY(-50%); */left: 20px;width: 3px;height: 3px;border-radius: 100px;background-color: #666;}

.p_info_desc{padding-top: 20px;}
.p_info_desc a{color: #666;}
.p_info_desc a:hover{color: #000;}

.desc_none .refer_list_tit_wrap:after,.desc_none .refer_list_tit_wrap:before {display: none;}
.refer_list_tit_wrap:after {content: "";display: block;position: absolute;top: 35px;right: 20px;border-left: 2px solid #000;border-top: 2px solid #000;transform: rotate(0deg);width: 12px;height: 2px;margin: auto;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.refer_list_tit_wrap:before {content: "";display: block;position: absolute;top: 35px;right: 20px;border-left: 2px solid #000;border-top: 2px solid #000;transform: rotate(90deg);width: 12px;height: 2px;margin: auto;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.p_info_on .refer_list_tit_wrap:after {transform: rotate(0deg);border-color: #000}
.p_info_on .refer_list_tit_wrap:before {transform: rotate(0deg);border-color: #000;}


.s_sec_03_02_02_con_wrap{padding-bottom: 80px;}
.s_sec_03_02_02_con_wrap:last-child{padding-bottom: 0px;}
.on_txt_wrap {position: absolute;display: block;bottom: 50px;left: 50px;width: 80%;}

.s_sec_04_01_01_in *{color: #fff;}
.s_sec_04_01_01_bg.sec_bg { position: fixed;top: 0px; left: 0px; }
.s_sec_04_01_01_bg_in { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-size: cover; background-position: center center; background-image: url(../images/sub/s_sec_01_01_01_bg_in.jpg); }
.s_sec_04_01_01_con_wrap { padding: 200px 0 0; margin-bottom: -50px; }
.s_sec_04_01_02_wrap {background-color: #fff;}



.pt_nav .menu {display: none;}
.pt_nav .menu.active {display: block;}
.pt_nav .menu_a {display: none;}
.pt_nav .sub_menu {display: none;}
.pt_nav .sub_menu.active {display: block;}

.bt_sec_wrap {display: none;}
.sec_bg {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px; z-index: 1;}
.main_sec_01_bg_in { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-size: cover; background-position: center center; height: 100vh; }
.main_sec_03_bg_in { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-size: cover; background-position: center center; background-image: url(../images/main/main_sec_03_bg_in.jpg); }


.item_img_in { animation-duration: 15s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: updown; }



.c_list01 {text-align:left;}
.c_list01 > li {padding:4px 0 6px 13px;position:relative;top:0px;left:0px}
.c_list01 > li:before {content:"";position:absolute;top:14px;left:0px;width:4px;height:4px;border-radius:100px;background-color:#ff5e1a}
.c_list01 > li > .tit {position:relative;top:0px;left:0px;font-size:1em;vertical-align:top;color:#222;font-weight:500;display:inline-block}
.c_list01 > li > .txt {position:relative;top:0px;left:0px;font-size:1em;display:inline-block}
.c_list01 > li > .tit:before {display:inline-block;vertical-align:top}
.c_list01 > li > .txt:before {display:inline-block;vertical-align:top}
.c_list01 > li > .tit:after {display:inline-block;vertical-align:top;font-size:1em}
.c_list01 > li > .tit.no-blt {display:block}
.c_list01 > li > .tit.no-blt:after {display:none}
.c_list01 > li > .txt:after {display:inline-block;vertical-align:top}
.c_list01 > li > .tit:first-child:after {content:":";padding:0 7px;position:relative;top:1px;right:0px;vertical-align:top}
.c_list01 > li > ul,.c_list01 > li > ol {display:block;width:100%;padding:10px 0}




.sub_03 .sub_visual_all_wrap {display: none;}

.com_top_left {float: left; width: 46%;}
.com_top_right {float: right; width: 50%;}

.borad_btn_wrap .borad_btn {border-radius: 100px!important;}



















/*푸터*/
.footer_all_wrap {width: 100%;background-color: #f9f9f9;color: #999;position: relative;}
.footer_all_wrap {z-index: 1002}
.footer_wrap {width: 100%;padding: 80px 20px 100px;}
.footer_mid_wrap {width: 100%; margin: 0 auto;position: relative;top: 0px;left: 0px;max-width: 1600px;}
.footer_logo {width: 180px;display: inline-block;}
.footer_top {padding-bottom: 80px;}
.footer_mid {width: 100%;position: relative;top: 0px;left:0px; padding-top: 30px; border-top: 1px solid #ddd;}
.footer_mid:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.footer_info_wrap {width: 100%;}
.footer_info {font-size:14px; line-height: 1.8; }
.footer_info a{color: #999;}
.footer_info a:hover{color: #000;}
.span_bar {display: inline-block;height: 10px;width: 1px;background-color: #d8d8d8;margin: 0 5px;}
.span_bar_02 {display: block;width: auto;height: 0px;margin: 0px;background-color: transparent;}
.span_bar_05 {display: block;width: auto;height: 0px;margin: 0px;background-color: transparent;}
.footer_copy {text-align: center; padding-top: 20px;color: #999;font-size: 14px;}
.footer_info b {font-weight: normal;color: #000}
.footer_logo_wrap {text-align: center;}

.footer_nav_wrap a {color: #888}
.footer_nav_wrap {float: left;line-height: 1.8;font-size: 14px; color: #666}
.footer_nav_wrap .menu {float: left;padding-right: 30px;}
.footer_nav_wrap .menu_a {font-size: 16px; color: #000; font-weight: 600;}
.footer_nav_wrap .sub_menu_wrap {padding-top: 10px;}


.footer_info_wrap{display: flex;}
.footer_info_tit{font-size: 20px; color: #000; padding-bottom: 10px; font-weight: 600;}
.footer_info{width: 33.33%;}
.footer_info ul li {}
.ico_dir{margin-top: -8px;}
.ico_link{margin-top: 3px;}
.f_info_ico{width: 13px;height: 15px;display: inline-block;opacity: 0.5;position: relative;top: 4px;margin-right: 5px;}

.footer_sns_wrap{/* display: block; *//* margin: 0 auto; */padding-top: 30px;}
.footer_sns_wrap_in{display: flex;gap: 20px;text-align: center;justify-content: center;}
.footer_sns{display: inline-block;}

.f_sns{display: inline-block;width: 20px;height: 20px;opacity: 0.5;}
.f_sns img{width: 100%;height: 100%;}
.f_sns:hover{opacity: 1;}

/*제품*/
.pdt_list_all_wrap {padding: 160px 0;overflow: hidden;}
.pdt_list_wrap {width: 100%;max-width: 1400px; margin: 0 auto;}
.pdt_list_top_wrap {position: relative;top: 0px;left: 0px;z-index: 1;}
.pdt_list_top {width: 100%;}
.pdt_list_top:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.pdt_list_top_left {float: left;width: 50%;padding-right: 12%;}
.pdt_list_top_left_in {position: relative;top: 0px;left: 0px;padding: 100px 0 30px}
.pdt_list_top_left_in:before {content: "";position: absolute;top: 0px;right: 0px;height:5000px;width: 2000px;background-color: #ececec;z-index: -1;border-top-right-radius: 100px;}
.pdt_list_top_right {float: right;width: 50%;}
.pdt_list_top_right_in {position: relative;top: 0px;left: 0px;text-align: right;padding-top: 100px;}
.pdt_list_top_right_txt {position: absolute;top: 50px;left: 0px; width: 200%;z-index: -1;text-align: left;}
.pdt_list_bt_wrap {position: relative;top: 0px;left: 0px;z-index: 2;}
.pdt_list_bt {padding-left: 0px;position: relative;top: 0px;left: 0px;}
.pdt_list_bt:before { content: ""; position: absolute; top: 150px; left: 200px; bottom: 150px; width: 2000px; background-color: #132447; z-index: -1; background-size: auto 100%; background-repeat: no-repeat; background-position: left bottom; background-image: url(../images/sub/pdt_list_bt.jpg); min-height: 600px; }
.pdt_list_box_wrap {margin-left: -60px;position: relative;top: 0px;left: 0px;z-index: 2;}
.pdt_list_box_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.pdt_list_box {float: left; width: 29%;padding-left: 60px;padding-bottom: 100px;}
.pdt_list_box_in {display: block;background-color: #fff;box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);padding: 30px;border-radius: 20px;}
.pdt_list_img {padding: 50px 0;text-align: center;}
.pdt_list_label {font-size: 28px; font-weight: 400; line-height: 1.6; color: #222;}
.pdt_list_label b {font-weight: 700;}
.pdt_list_link {text-align: right;}
.pdt_list_link span {display: inline-block;padding: 0 30px;position: relative;top: 0px;left: 0px;font-size: 16px;color: #555;}
.pdt_list_link span:after {content:"";display:block;position:absolute;top:50%;right:20px;margin-top:-2px;display:block;width:5px;height:5px;background-color:transparent;border-left:1px solid #555;border-top:1px solid #555;transform:rotate(135deg);text-indent:-9999px;transition:all .3s ease;z-index:2}
.pdt_list_box:nth-child(6n+1) {position: relative;top: 0px;left: 0px;margin-left: 13%;}

.pdt_view_all_wrap {width: 100%;padding: 160px 0}
.pdt_view_wrap {width: 100%;max-width: 1400px;margin: 0 auto;}
.pdt_view_con {width: 100%;}
.pdt_view_con:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.pdt_view_left {float: left;width: 48%;}
.pdt_view_right {float: right;width: 48%;}
.pdt_view_left_txt {font-size:60px;font-weight: 700;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=7)";filter: alpha(opacity=7);opacity: 0.07;word-break: keep-all;color: #222; line-height: 1.6;}
.pdt_view_left_img {padding: 50px 0; text-align: center;}
.pdt_view_right_top_wrap {position: relative;top: 0px;left: 0px;z-index: 2;padding-bottom: 30px;border-bottom: 1px solid #ddd;}
.pdt_view_info_wrap {position: relative;top: 0px;left: 0px;z-index: 1;padding-top: 30px; }
.pdt_view_right_top {position: relative;top: 0px;left: 0px;padding-right: 200px;}
.pdt_view_right_top_name {font-size:70px; font-weight: 700; line-height: 1.6; color: #000;}
.pdt_view_nav_wrap {position: absolute;top: 100%;right: 0px;margin-top: -50px;}

.pdt_menu {display: none;}
.pdt_menu.active {display: block;}
.pdt_view_nav_top .pdt_menu_a {display: none;font-size: 18px; font-weight: 400; color: #222;min-width: 150px;}
.pdt_view_nav_top .pdt_menu_a.active {display: block;padding: 10px 40px 10px 20px;}
.pdt_view_nav_wrap {border: 1px solid #ddd;border-radius: 20px;overflow: hidden;}
.pdt_view_nav_top .pdt_menu:after {content: "";position: absolute;right: 15px;top: 12px; width: 8px;height: 8px;border-left: 1px solid #222; border-bottom: 1px solid #222;transform:rotate(-45deg);transition:all .3s ease}
.pdt_menu_a {display: block;}
.pdt_view_nav_wrap:hover {border-radius: 0px;}
.pdt_view_nav_wrap:hover .pdt_view_nav_top .pdt_menu_a {color: #fff;background-color: #ff5e1a;}
.pdt_view_nav_wrap:hover .pdt_view_nav_top .pdt_menu:after {transform:rotate(135deg);top: 16px;border-color: #fff!important;}
.pdt_view_nav_top_box {display: none;}
.pdt_view_nav_top_box .pdt_menu_a {padding: 10px 20px;border-top: 1px solid #eee;font-size: 16px; font-weight: 400; color: #222;background-color: #fff;}
.pdt_view_nav_top_box .pdt_menu_a:hover {background-color: #f1f1f1;color: #ff5e1a}

.pdt_view_nav_wrap:hover .pdt_view_nav_top_box {display: block;}
.pdt_view_info {padding-bottom: 40px;}
.pdt_view_info_label_dot {font-size: 20px; padding-left: 15px;position: relative;top: 0px;left: 0px;line-height: 1.6;padding-bottom: 10px;color: #222;font-weight: 500;}
.pdt_view_info_label_dot:before {content: ""; width:8px;height: 8px;display: inline-block;background-color: #ff5e1a;position: absolute;top: 8px;left: 0px;}
.pdt_view_info_desc {}
.pdt_view_down_wrap {padding: 40px 0}
.pdt_view_down_wrap .pdt_view_down {display: inline-block;padding: 20px 40px; font-size:20px; font-weight: 400; color: #fff; background-color: #ff5e1a; border-radius: 100px; }
.prod_list_wrap {padding: 200px 0; overflow: hidden;}
.v_st_wrap {position: relative;top: 0px;left: 0px;}
.v_st_bg {}
.v_st_in {position: relative;top: 0px;left: 0px;z-index: 2;}

.prod_list_top {position: relative;top: 0px;left: 0px;z-index: 2;}
.prod_list_in {position: relative;top: 0px;left: 0px;z-index: 1;}

.sub_pdt_01_01_sec_01 .v_st_bg {background-image: url(../images/sub/sub_pdt_01_01_sec_01.png);background-repeat: no-repeat;background-position: right bottom;position: absolute;top: 0px;left: 60%;bottom: 0px;z-index: 1;right: 0px;background-size: 80%;}
.sub_pdt_01_01_sec_04 .v_st_bg {background-image: url(../images/sub/sub_pdt_01_01_sec_04.png);background-repeat: no-repeat;background-position: left center;position: absolute;top: 0px;right: 55%;bottom: 0px;z-index: 1;left: 0px;background-size: 90%;}

.v_st_01_con_left {float: left; width: 58%;}
.v_st_01_con_right {float: right;width: 38%;}
.v_st_02_con_left {float: left; width: 38%;}
.v_st_02_con_right {float: right;width: 58%;}
.v_st_03_con_left {float: left; width: 48%;}
.v_st_03_con_right {float: right;width: 48%;}

.v_st_con_box_wrap {margin-left: -20px;}
.v_st_con_box_50 {float: left; width: 50%;padding-left: 20px;padding-bottom: 20px;}
.v_st_con_box_30 {float: left; width: 33.33%;padding-left: 20px;padding-bottom: 20px;}
.v_st_con_box_25 {float: left; width: 25%;padding-left: 20px;padding-bottom: 20px;}
.v_st_con_box_50 img {width: 100%;}
.v_st_con_box_30 img {width: 100%;}
.v_st_con_box_25 img {width: 100%;}
.v_st_con_box_50 .v_st_con_box_in {border-radius: 10px;overflow: hidden;}
.v_st_con_box_30 .v_st_con_box_in {border-radius: 10px;overflow: hidden;}
.v_st_con_box_25 .v_st_con_box_in {border-radius: 10px;overflow: hidden;}
.v_st_table_wrap table {border-top: 2px solid #000;width: 100%;font-size: 16px;color: #000;table-layout: fixed;line-height: 1.3;}
.v_st_table_wrap td {padding: 25px 5px 25px 2%;font-weight: 300; border-bottom: 1px solid #ddd;text-align: left;}
.v_st_table_wrap th {padding: 25px 5px 25px 2%;font-weight: 500; border-bottom: 1px solid #ddd;text-align: left;background-color: #f7f7f7}
.v_st_table_wrap td.td_01 {background-color: #f7f7f7;font-weight: 500;}

.td_in {line-height: 1.6;text-align: center;}
.td_center {text-align: center!important;}





/*-------------------------------------------------------------------------------------*/

.main_sec_01_con_btn {position: relative;top: 0px;left: 0px;}
.main_sec_01_con_btn a {display: inline-block;padding-left:85px; background-image: url(../images/main/main_sec_01_con_btn_f.png);background-repeat: no-repeat;background-position: 0 center;    background-size: contain;font-size: 20px;color: #fff; font-weight: 500;}
.main_sec_01_con_btn a span {height:62px;line-height: 62px;display: inline-block;padding-right: 40px;background-image: url(../images/main/main_sec_01_con_btn_b.png);background-repeat: no-repeat;background-position: right center;}
.main_sec_01_con_btn_01_wrap {padding:20% 0 0}
.main_sec_01_con_btn_02_wrap {padding: 2% 0 8%;}
.main_sec_01_con_btn_01_wrap .main_sec_01_con_btn {text-align: right;padding-right: 16%;}
.main_sec_01_con_btn_02_wrap .main_sec_01_con_btn {text-align: center;}


.n_pt_slider .item {overflow: hidden;display: block;background-color: #f7f7f7;padding: 20px;}
.item_label2 {font-size: 18px; color: #222; line-height: 1.4;padding-top: 20px;}
.item_desc2 {font-size: 16px; color: #666; line-height: 1.4;padding-top: 20px;font-weight: 300;word-break: keep-all;}
.n_pt_slider_wrap {position: relative;top: 0px;right: 0px;width: 100%; }
.n_pt_slider.owl-carousel .owl-stage-outer {}
.n_pt_slider.owl-carousel .owl-dots {bottom: -50px;text-align: left;max-width: 98%;display: block!important;border-radius: 10px; overflow: hidden;}
.n_pt_slider.owl-carousel .owl-dots button {display: inline-block;}
.n_pt_slider.owl-carousel .owl-dots button span {display: inline-block;height: 8px;overflow: hidden;background-color: #ececec;border-radius: 0px;margin: 0px;opacity: 1;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;width: 100%;}
.n_pt_slider.owl-carousel .owl-dots button.active span {background-color: #000;border-radius: 10px;overflow: hidden;}
.n_pt_slider.owl-carousel .owl-stage-outer {width: 200%;}


.s_sec_01_04_01_con_top {position: relative;top: 0px;left: 0px;z-index: 2;}
.s_sec_01_04_01_con_bt_wrap {position: relative;top: 0px;left: 0px;z-index: 1;}
.s_sec_01_04_01_con {position: relative;top: 0px;left: 0px;}
.s_sec_01_04_01_con_bt {padding-top: 100px;}
.s_sec_01_04_01_con_bt_wrap:before {background-color: #f9f9f9;content: ""; position: absolute;top: -200px;right: -2000px;height: 2000px;left: -2000px;z-index: -1}

.s_sec_02_01_01_con_wrap {position: relative;top: 0; left: 0;}
.s_sec_02_01_01_vid_tit { font-size: 150px; color: #fff; }
.s_sec_02_01_01_vid_txt { font-size: 24px; font-weight: 300; color: #fff; }
.s_sec_02_01_01_vid_tit_wrap { position: absolute; z-index: 999; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.s_sec_02_01_02_con_wrap{position: relative;display: flex;}
.s_sec_02_01_02_con_left_wrap { position: relative; width: 50%; height: 100vh; }
.s_sec_02_01_02_con_right_wrap { width: 50%; height: 800px; }
.s_sec_02_01_02_vid { position: relative; position: relative; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100vh; background-color: #000; filter: brightness(0.5); }
.s_sec_02_01_02_vid_tit_wrap { position: absolute; top: 50%; left: 50%; z-index: 9999; transform: translate(-50%, -50%);width: 100%; }
.s_sec_02_01_02_vid_tit_wrap *{color: #fff;}
.s_sec_02_01_02_con { position: relative; top: 0; left: 0; }
.s_sec_02_01_02_vid_tit { font-size: 48px; line-height: 1.2; }
.s_sec_02_01_02_vid_txt { font-size: 16px; line-height: 1.4; font-weight: 300; opacity: 0.8; }

.s_sec_02_01_03_con_wrap *{color: #fff;}
.s_sec_02_01_03_01_con_list_wrap_in{max-width: 1400px;margin: 0 auto;  display: grid; grid-template-columns: repeat(3,1fr); column-gap: 30px;}
.s_sec_02_01_03_01_con_list{background-color: #222; padding: 80px 50px;}
.piper_cs_img{text-align: center; margin: 0 auto;}
.s_sec_02_01_03_02_con_wrap_in{position: relative; top: 0; left: 0; max-width: 1400px; margin: 0 auto;}


.s_sec_02_02_01_con_list_wrap_in{max-width: 1400px;margin: 0 auto;  display: grid; grid-template-columns: repeat(3,1fr); column-gap: 30px;}
.s_sec_02_02_01_con_list{border-top:1px solid #000; padding-top: 50px;}

.s_sec_02_01_04_01_con_list_wrap_in{max-width: 1400px;margin: 0 auto;  display: grid; grid-template-columns: repeat(3,1fr); column-gap: 30px;}
.s_sec_02_01_04_01_con_list{background-color: #f9f9f9;border: 1px solid #ddd; padding:50px;}
.piper_cs_img{text-align: center; margin: 0 auto;}
.piper_result_img{border: 1px solid #ddd;}

.xr_tit_vid_wrap{position: absolute;top: 0;left: 0;width: 100%;z-index: 2;height: 150px;}
.xr_tit_vid_in {position: absolute;top: 50%;left: 0;border-radius: 1000px;display: inline-block;width: 30%;height: 100%;transform: translateY(-50%);}
.xr_tit_vid{position: absolute;top: 0; left: 0;right: 0;bottom: 0;width: 100%;height: 100%;display: block;background-color: #000;}
.xr_tit{font-size: 85px;font-weight: 500;line-height: 1.7;color: #000;}
.xr_tit_01{text-align: left;width: 100%;}
.xr_tit_02{text-align: right;width: 70%;float: right;position: relative;top: 0px;left: 0px;}

.xr_tit_01_wrap { display: flex; }

.xr_tit_img_wrap{position: relative;top: 0;left: 0;border-radius: 1000px;display: inline-block;width: 40%;height: 150px;overflow: hidden;}
.xr_tit_img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;display: block;background-color: #000;background-image: url(../images/sub/xr_tit_img_01.jpg);background-size: 140%;background-position: 0 20%;}

















.sub_4_box_wrap {margin-left: -40px;}
.sub_4_box {float: left; width: 50%; padding-left:40px; padding-bottom:40px; }
.sub_4_box_inner_wrap {padding: 50px 8%;}
.sub_4_box_in {background-color: #f7f7f7;border-radius: 10px;}
.sub_4_box_txt_01 {padding-bottom: 20px;}
.sub_4_box_img {float: right;max-width: 40%}
.sub_4_box_txt_wrap {float: left;width: 58%}


.s_sec_03_01_01_bg_in { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-size: cover; background-position: center -350px;  background-repeat: no-repeat; background-image: url(../images/sub/s_sec_03_01_01_bg_in.jpg); }
.s_sec_03_01_02_wrap { background-color: #fff}
.s_sec_03_01_01_bg.sec_bg {position: fixed;}
.sub_wrap {z-index: 1000}

.s_sec_03_01_01_in * {color: #fff;}
.s_sec_03_01_01_con_wrap {padding: 200px 0 0;margin-bottom: -15px;}

.s_sec_03_01_01_in .sub_tit {font-size: 130px;}

.s_sec_03_02_01_bg_in { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-size: cover; background-position: center center; background-image: url(../images/sub/s_sec_03_02_01_bg_in.jpg); }
.s_sec_03_02_02_wrap { background-color: #fff}
.s_sec_03_02_01_bg.sec_bg {position: fixed;}
.s_sec_03_02_01_in * {color: #fff;}
.s_sec_03_02_01_con_wrap {padding: 200px 0 0; margin-bottom: -50px;}
.s_sec_03_02_04_wrap { background-color: #fff}





.sub_03_02 .sub_sec_03_bg_in {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-size: cover;background-position: center center; background-image: url(../images/sub/sub_sec_03_bg_in2.jpg);}

.s_sec_03_03_02_wrap { background-color: #fff}
.s_sec_03_03_01_bg.sec_bg {position: fixed;}
.s_sec_03_03_01_in * {color: #fff;}
.s_sec_03_03_01_con_wrap {padding: 100px 0 0px;}
.s_sec_03_03_04_wrap { background-color: #fff}
.s_sec_03_03_01_bg_in { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-size: cover; background-position: center center; background-image: url(../images/sub/s_sec_03_03_01_bg_in.jpg); }


.sub_2_box_all_wrap {position: relative;top: 0px;left: 0px;padding: 50px 0}
.sub_2_box_wrap {position: relative;top: 0px;left: 0px;}
.sub_2_box_left {position: absolute;top: 0px;left: 0px;bottom: 0px;width: 46%;overflow: hidden;border-radius: 20px;}
.sub_2_box_left_in {}
.sub_2_box_right {position: relative;top: 0px;left: 0px;width: 46%;float: right;}
.sub_2_box_right_in {padding: 20% 0}
.sub_2_box_all_wrap_01 .sub_2_box_left_in {background-image: url(../images/sub/sub_2_box_all_wrap_01.jpg);}
.sub_2_box_all_wrap_02 .sub_2_box_left_in {background-image: url(../images/sub/sub_2_box_all_wrap_02.jpg);}

.s_sec_03_04_01_bg_in {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-size: cover;background-position: center center; background-image: url(../images/sub/s_sec_03_04_01_bg_in.jpg); }

.none_img_wrap {border-radius: 10px; overflow: hidden;}


.s_sec_nova_ref_detail_wrap { background-color: #fff; }
.s_sec_nova_ref_detail_con_wrap {padding: 80px 0 0;margin: 0 auto;}
.s_sec_nova_ref_detail_wrap .sec_tit3 {padding-bottom: 50px;border-bottom: 1px solid #ddd;}
.s_sec_nova_ref_detail_wrap_in { text-align: center; }
.s_sec_nova_ref_detail_con_txt_wrap {max-width: 880px;margin: 0 auto;}
.s_sec_nova_ref_detail_con_img_wrap {display: grid;width: 100%;grid-template-columns: repeat(2,1fr);gap: 10px;padding-top: 80px;}
.s_sec_nova_ref_detail_con_txt_wrap .sec_txt { text-align: center; }
.s_sec_nova_ref_detail_btn_wrap{padding-top: 100px;}
.s_sec_nova_ref_detail_btn a { background-color: #ddd; border-radius: 100px; display: inline-block; padding: 20px 50px; color: #fff; font-size: 18px; font-weight: 500; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.s_sec_nova_ref_detail_btn a:hover{background-color: #000;}

.s_sec_nova_ref_detail_con_vid_wrap{padding-top: 80px;}
.s_sec_nova_ref_detail_con_vid_wrap iframe{height: 720px;}
 /* Animation */
 @keyframes morebtn {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}


@keyframes stroke {
0%   {
    fill: rgba(255,255,255,0); stroke: rgba(255,255,255,1);
    stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1;
}
40%  {fill: rgba(255,255,255,0); stroke: rgba(255,255,255,1); stroke-width: 1; }
100% {
    fill: rgba(255,255,255,1); stroke: rgba(255,255,255,0);
    stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
}
}
@keyframes stroke3 {
0%   {
    fill: rgba(0,76,79,0); stroke: rgba(0,76,79,1);
    stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1;
}
40%  {fill: rgba(0,76,79,0); stroke: rgba(0,76,79,1); stroke-width: 1; }
60% {
    fill: rgba(0,76,79,1); stroke: rgba(0,76,79,0);
    stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
}
}
@keyframes sizeup {
    0% {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    }
    50% {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    }
    100% {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    }
}
@keyframes sizeup2 {
0% {
    transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
}
100% {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
}
}
@keyframes m_menu_ani {
    from {
    transform: translateX(100%);
    }

    to {
    transform: translateX(0%);
    }
}
 @keyframes bgupdown {
       0% {
     transform: scale(1);
     -ms-transform: scale(1);
     -webkit-transform: scale(1);
     background-position: center top
    }
    50% {
       transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    background-position: center bottom
    }
    100% {
       transform: scale(1);
     -ms-transform: scale(1);
     -webkit-transform: scale(1);
     background-position: center top
    }
 }
@keyframes line {
    from {
     width: 0px;
     opacity: 0
    }
 
    to {
     width: 100%;
     opacity: 0.4
    }
 }
 
 @keyframes scroll{
    0% {transform: translate(0, -5px); opacity: 0;}
    40% {opacity: 1;}
    80% {transform: translate(0, 10px);}
    100% {opacity: 0;}
}

@keyframes hisline {
    from {
    height:0px;
    border-color: #ff5e1a;
    }
 
    to {
     height:100%;
     border-color: #eee;
    }
 }
@keyframes hissizeup {
    0% {
    transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    -webkit-transform: translate(-50%,-50%) scale(1);
    }
    50% {
        transform: translate(-50%,-50%) scale(1.5);
    -ms-transform: translate(-50%,-50%) scale(1.5);
    -webkit-transform: translate(-50%,-50%) scale(1.5);
    }
    100% {
    transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    -webkit-transform: translate(-50%,-50%) scale(1);
    }
}


@keyframes sizeup22 {
0% {
    opacity: 0;
    transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}

@keyframes wide {
0% {
    width: 0px;
}
100% {
    width: 100%;
}
}

@keyframes hlong {
0% {
    height: 0px;
}
100% {
    height: 300px;
}
}

@keyframes updown {
    0% {
    background-position: center top;
    }
    50% {
    background-position: center bottom;
    }
    100% {
    background-position: center top;
    }
}