@charset "utf-8";



/*----------------Common----------------*/
body { width: 100%; overflow: initial;; }
body, html { text-align: initial; }
html {}
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; }
img { max-width: 100%; }
.main #wrap {overflow: initial;}
.main .sec_all_wrap {overflow: initial;}
#wrap { width: 100%; word-break: break-word; overflow: hidden; }
#toTop {display: none;text-decoration: none;position: fixed;bottom: 80px;right: 100px;width: 60px;height: 60px;border: none;text-indent: -999999px;background: url(../images/common/totop.png?new);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity = 60);opacity: 0.6;z-index: 99999;background-color: #e70011;background-repeat: no-repeat;background-position: center center;border-radius: 100px;}
#toTop::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    transform: translate(-50%, -50%);
    border-radius: 100px;
    border: 1px solid #e7001169;
    }
#toTop:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }

.section .scroll { position: absolute; bottom: 20%; 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; }
.hidden2 { visibility: hidden; opacity: 0; }



/*----------------Header----------------*/
.on body {overflow: hidden;}
html.on {overflow: hidden;}
.m_menu_all_wrap {width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;bottom: 0;z-index: 9999;background-color:#fff;display: none;overflow: hidden;}

.m_menu_wrap {
    position: absolute;
    width: 100%;
    overflow: auto;
    top: 0px;
    left: 0px;
    bottom: 0px;

}
.m_menu_wrap a { display: block; color: #666; }
.m_menu_wrap .menu_a { height: 50px; margin: 0; padding: 0; text-align: left; cursor: pointer; line-height: 50px; font-size: 14px; position: relative; top: 0px; left: 0px;color: #1218ae; }
/* .m_menu_wrap .menu_a:after { content: ""; width: 10px; height: 10px; border-bottom: 1px solid #d7d7d7; display: block; position: absolute; top: 50%; right: 10px; transform: rotate(225deg); transition: all .3s ease; margin-top: -5px}
.m_menu_wrap .menu_a.void_link:after {content: "";width: 10px;height: 10px;border-right: 1px solid #1218ae;border-bottom: 1px solid #1218ae;display: block;position: absolute;top: 50%;right: 10px;transform: rotate(-135deg);transition: all .3s ease;margin-top: -5px}
.m_menu_wrap .menu_a.void_link.menu_on:after {transform: rotate(-315deg);} */
.m_menu_wrap .menu_a:first-child {}
.m_menu_wrap .sub_menu_wrap {  width: 100%!important}
.m_menu_wrap .sub_menu_wrap .sub_menu_a {height: 50px;line-height: 50px;}
.m_menu_wrap .sub_menu_wrap .sub_menu_a:first-child { border-top: none; }
.m_menu_wrap .menu_a:hover {  color: #1218ae; }
.m_menu_wrap .sub_menu_wrap .sub_menu_a:hover { color: #1218ae; }
.m_menu_wrap .menu_a.menu_on { color: #1218ae; }
.m_menu_wrap .thd_menu_wrap {  }
.m_menu_wrap .thd_menu_wrap .thd_menu_a {height: auto;line-height: 38px;}
.m_menu_wrap .thd_menu_wrap .thd_menu_a:first-child { border-top: none; }
.m_menu_wrap .thd_menu_wrap .thd_menu_a:hover {  color: #1218ae; }
.m_menu .sh_menu_wrap { display: flex; width: 80%; margin: 0 auto; padding: 60px 0; flex-direction: row-reverse; }
.m_menu .sh_pdt_menu .thd_menu_wrap {display: block;}
.m_menu .sh_info_menu_wrap{float: none; width: 40%;display: flex;flex-direction: column;gap: 30px;}
.m_menu .sh_menu_wrap .sh_pdt_menu .sub_menu_wrap .sub_menu_a { line-height: 38px; height: 38px; color: #1218ae; }
.m_menu .sh_pdt_menu_wrap {left: auto;float: none;transform: none;width: 100%;}

.m_menu .sh_menu_wrap .sh_pdt_menu .sub_menu_wrap{flex-wrap: wrap;width: 100% !important;padding-bottom: 50px;}
.m_menu .sh_menu_wrap .sh_pdt_menu .thd_menu_wrap{display: block;}
.m_menu .sh_menu_wrap .sh_pdt_menu .sub_menu { width: 40%; padding: 10px 0; }
.m_menu .sh_menu_wrap .sh_pdt_menu .menu_a { display: block; font-size: 20px; font-weight: 600; border-bottom: 1px solid; width: 90%; }


.m_menu .sh_info_menu_wrap .menu_a {width: 90%;font-size: 18px;font-size: 20px;font-weight: 600;border-bottom: 1px solid;}



.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: 80px; 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 * { 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%; }
.header_mid {width: 100%;margin: 0 auto;position: relative;top: 0px;left: 0px;padding: 0 200px;}
.header_mid:before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1; }
.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: 18px; left: 100px; z-index: 2}
/*.logo_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}*/
.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 { display: none; position: absolute; top: 15px; right: 40px; height: 50px; width: 40px; z-index: 3}
.header_wrap .m_menu_btn_wrap .m_menu_btn { width: 100%; height: 30px; position: absolute; top: 50%; left: 0px; margin-top: -15px; }
.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: #1218ae; right: 0px; }
.m_menu_btn_wrap:hover .m_menu_btn:before { background-color: #1218ae; right: 0px; }
.m_menu_btn_wrap:hover .m_menu_btn:after { background-color: #1218ae; right: 0px; }
.m_close_wrap { position: fixed; top: 5px; right: 15px; padding: 20px; }
.m_close_btn { width: 40px; height: 30px; position: relative; top: 0px; left: 0px; }
.m_close_btn:before, .m_close_btn:after {content: "";display: block;position: absolute;width: 35px;height: 3px;background: #cccccc;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: 20px;right: 100px;height: 50px;z-index: 3;height: 36px;}
.lang_box { border: 1px solid transparent; border-radius: 100px; }
.lang_sub_wrap { display: none; border-top: 1px solid #ddd; }
.lang_box .lang_box_a {font-size: 16px;padding: 0 20px;height: 36px;line-height: 36px;color: #fff;position: relative;top: 0px;left: 0px;}
.lang_box .lang_box_a:after {content: "";position: absolute;right: 15px;top: 12px;width: 8px;height: 8px;transform: rotate(-45deg);transition: all .3s ease}
.lang_box:hover { border-radius: 5px; background-color: #fff; border-color: #1218ae}
.lang_box:hover .lang_box_a { background-color: #1218ae; 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: #1218ae}

/*----------------Menu----------------*/
.top_nav {position: relative;top: 0px;left: 0px;font-size: 0px;text-align: center;z-index: 1;padding-top: 0px;width: 100%;justify-content: space-between;}
.top_nav:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.top_nav:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.top_nav .menu {width: auto;min-width: 110px;position: relative;top: 0px;left: 0px;display: inline-block;vertical-align: top;}
.top_nav .menu_a {padding: 0px;font-size: 16px;color: #fff;height: 80px;/* padding: 0 5px; */font-weight: 400;}
.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; }
.top_nav .menu_a span:after {content: '';position: absolute;bottom: -5px;left: 0px;width: 100%;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 .sh_menu_wrap .sh_pdt_menu .sub_menu_wrap .sub_menu_a span{position: relative; top: 0; left: 0;}
.top_nav .sh_menu_wrap .sh_pdt_menu .sub_menu_wrap .sub_menu_a span:after {content: '';position: absolute;bottom: -10px;left: 0px;width: 100%;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;}
.w_tp .top_nav .sh_menu_wrap .sh_pdt_menu .sub_menu_wrap .sub_menu_a span:after { background-color: #1218ae; }
.top_nav .sh_pdt_menu .sub_menu_wrap .sub_menu:hover .sub_menu_a span:after { width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity = 100); opacity: 1; }
.top_nav .sh_pdt_menu .sub_menu_wrap .sub_menu.active .sub_menu_a span:after { width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity = 100); opacity: 1; }

.top_nav .sub_menu_a { line-height: 1.6; font-size: 15px; color: #666; text-align: center; border-bottom: none; padding: 10px 0; -webkit-transition: none; transition: none; font-weight: 300; }
.top_nav .sub_menu_wrap {width: 100%!important;position: relative;top: auto;left: auto;-webkit-transition: none;transition: none;text-decoration: none;display: none;/* padding: 30px 0; */}
.top_nav .sub_menu_wrap > div:hover .sub_menu_a,.top_nav .sub_menu_wrap > div.active .sub_menu_a { color: #1218ae; -webkit-transition: none; transition: none; }
.w_tp .sh_menu_wrap .sh_pdt_menu .sub_menu_wrap .sub_menu_a.active { color: #1218ae !important; }
.sub_02_02 .top_nav .sub_menu_wrap > div.active .sub_menu_a{ color: #fff; -webkit-transition: none; transition: none; }
.sub_02_02 .open .top_nav .sub_menu_wrap > div.active .sub_menu_a{ color: #1218ae;}
.scroll.sub_02_02 .top_nav .sub_menu_wrap > div.active .sub_menu_a{ color: #1218ae;}
.sub_02_03 .top_nav .sub_menu_wrap > div.active .sub_menu_a{ color: #fff; -webkit-transition: none; transition: none; }
.sub_02_03 .open .top_nav .sub_menu_wrap > div.active .sub_menu_a{ color: #1218ae;}
.scroll.sub_02_03 .top_nav .sub_menu_wrap > div.active .sub_menu_a{ color: #1218ae;}
.sub_02_04 .top_nav .sub_menu_wrap > div.active .sub_menu_a{ color: #fff; -webkit-transition: none; transition: none; }
.sub_02_04 .open .top_nav .sub_menu_wrap > div.active .sub_menu_a{ color: #1218ae;}
.scroll.sub_02_04 .top_nav .sub_menu_wrap > div.active .sub_menu_a{ color: #1218ae;}
.scroll .top_nav .sh_menu_wrap .sh_pdt_menu .sub_menu_wrap .sub_menu_a span:after { background-color: #1218ae; }
.open .top_nav .sh_menu_wrap .sh_pdt_menu .sub_menu_wrap .sub_menu_a span:after { background-color: #1218ae; }
.sh_menu_wrap .sh_pdt_menu .sub_menu_wrap .sub_menu_a:hover { color: #1218ae !important; }
.top_nav .menu:hover .menu_a,.top_nav .menu.active .menu_a { color: #fff}
.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:first-child .sub_menu_wrap:after { border-left: 1px solid rgba(0, 0, 0, 0.05); }
div[class^="gsap-marker"] { display: none !important; z-index: 9999999!important}
.top_nav .thd_menu_a { line-height: 1.6; font-size: 14px; color: #999; text-align: center; border-bottom: none; padding: 5px 0; -webkit-transition: none; transition: none; font-weight: 300; }
.top_nav .thd_menu_a:hover { color: #1218ae}
.top_nav .thd_menu_a.active { color: #1218ae; }

.main .header_all_wrap { box-shadow: none; background-color: transparent; }
.main .logo_on { display: none; }
.main .logo_off { display: inline-block; }
.main .top_nav .menu_a { color: #fff}
.main .lang_box .lang_box_a { color: #fff; }
.main .lang_box .lang_box_a:after { border-color: #fff; }
.main .m_menu_btn span { background-color: #fff; }
.main .m_menu_btn:before { background-color: #fff; }
.main .m_menu_btn:after { background-color: #fff; }
.main .top_nav .menu_a span:after { background-color: #fff}
.sub .header_all_wrap { box-shadow: none; }
.sub .logo_on { display: none; }
.sub .logo_off { display: inline-block; }
.sub .top_nav .menu_a { color: #fff}
.sub .lang_box .lang_box_a { color: #fff; }
.sub .lang_box .lang_box_a:after { border-color: #fff; }
.sub .m_menu_btn span { background-color: #fff; }
.sub .m_menu_btn:before { background-color: #fff; }
.sub .m_menu_btn:after { background-color: #fff; }
.sub .top_nav .menu_a span:after { background-color: #fff}
.scroll .header_all_wrap {}
.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 .lang_box .lang_box_a:after { border-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: #1218ae}
.scroll .header_mid:before { background-color: #ffffff8a; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.scroll .open .header_mid:before { background-color: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; }
.scroll .top_nav .menu:hover .menu_a, .scroll .top_nav .menu.active .menu_a { color: #1218ae; }
.open .header_all_wrap {}
.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 .lang_box .lang_box_a:after { border-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: #1218ae}
.open .header_mid:before { background-color: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; }
.open .top_nav .menu:hover .menu_a, .open .top_nav .menu.active .menu_a { color: #1218ae; }
.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 .lang_box .lang_box_a:after { border-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: #1218ae}
.w_tp .header_mid:before { ackground-color: #ffffff8a; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.w_tp .top_nav .menu:hover .menu_a, .w_tp .top_nav .menu.active .menu_a { color: #1218ae; }
.w_tp .sh_pdt_menu .sub_menu_a { color: #222 !important; }



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

.bg_video_box { 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; filter: brightness(1); z-index: 3; }
.none_video_box { position: relative; top: 0px; left: 0px; width: 100%; }
.sec_bumo { position: relative; top: 0px; left: 0px; }
.sec_bumo:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.sec_all_wrap .section { overflow: 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; }

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



/*----------------Owl-carousel Slider----------------*/
.owl-carousel {position: relative;top: 0px;left: 0px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {position: absolute;top: 50%;width:40px; height: 40px;margin-top: -44px;background-repeat: no-repeat;background-position: center center;background-size: contain;}
.owl-carousel .owl-nav button span {display: none;}
.owl-carousel .owl-nav button.owl-prev {left: -70px;background-image: url(../images/common/arr_prev.png);}
.owl-carousel .owl-nav button.owl-next {right: -70px;background-image: url(../images/common/arr_next.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 .item {}
.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}
.owl-carousel .owl-item .item_img img { width: initial; border-radius: 10px; overflow: hidden; }

.main_sec_05_slider_notice.owl-carousel .owl-stage-outer { width: 1000%}
.main_sec_05_slider_notice.owl-carousel .owl-dots { bottom: -30px; text-align: left; width: 400%; display: block; }
.main_sec_05_slider_notice.owl-carousel .owl-dots button { display: inline-block; }
.main_sec_05_slider_notice.owl-carousel .owl-dots button span { display: inline-block; height: 3px; overflow: hidden; background-color: #f9f9f9; border-radius: 0px; margin: 0px; opacity: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; width: 100%; }
.main_sec_05_slider_notice.owl-carousel .owl-dots button.active span { background-color: #000; }
.main_sec_05_slider_notice.owl-carousel { overflow: visible; }

.main_sec_05_slider_notice.owl-carousel { overflow: visible; }
.owl_01_01_04_wrap { width: 400px; }
.main_sec_05_slider_notice.owl-carousel .owl-stage-outer { width: 1000%; }












/*----------------Sub menu----------------*/
.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: #1218ae; color: #fff; border-color: #1218ae; }
.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: #1218ae; }
/*.line_nav_box_01 .line_nav_menu .menu.active{display:none;}*/
.line_nav_box_01:hover { overflow: visible; }
.line_nav_box_01:hover .line_nav_target .menu_a { background-color: #1218ae}
.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; font-size: 15px; min-width: 180px; position: relative; top: 0px; left: 0px; color: #fff; }
.line_nav_box_02 .line_nav_target .sub_menu_a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; }
.line_nav_box_02 .line_nav_target .sub_menu_a span { vertical-align: middle; display: inline-block; width: 100%; position: relative; top: 0px; left: 0px; font-size: 14px; font-weight: 400; line-height: 1.4; text-transform: uppercase; }
.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: #1218ae}
.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; 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: #1218ae}
.line_nav_box_02 .line_nav_menu .sub_menu_a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.27em; font-size: large; }
.line_nav_box_02 .line_nav_menu .sub_menu_a span { vertical-align: middle; display: inline-block; width: 100%; position: relative; top: 0px; left: 0px; font-weight: 400; line-height: 1.4; text-transform: uppercase; }
.line_all_wrap .thd_menu_wrap { display: none; }




/*----------------Depth2 재설정----------------*/

/*.depth_all_wrap {width: 100%; background-color: #333;}
.depth_wrap {width: 100%;max-width:1400px; margin: 0 auto;position: relative;top: 0px; left: 0px;}
.depth_wrap:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.depth_nav_wrap {float: left;}
.depth_notice_all_wrap {float: right;}
.depth_nav_home {float: left;}
.depth_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;}
.depth_nav_home a:hover {background-color: #1218ae; color: #fff; border-color: #1218ae;}
.depth_nav {float: left;}
.depth_nav_box {float: left; position: relative;top: 0px; left: 0px;}
.depth_nav_target .menu {display: none;}
.depth_nav_target .menu.active {display: block;}
.depth_nav_menu {background-color: #fff;}
.depth_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;}
.depth_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;}
.depth_nav_target {border-right: 1px solid #555;}

.depth_nav_box_01 {overflow: hidden;height: 50px;}
.depth_nav_box_01 .depth_nav_target .menu_a {display: none; }
.depth_nav_box_01 .depth_nav_target .sub_menu {display: none;}
.depth_nav_box_01 .depth_nav_target .sub_menu.active {display: block;}
.depth_nav_box_01 .depth_nav_target .sub_menu_a {display: block; padding: 0 50px 0 25px; height: 50px;font-size: 15px;min-width: 180px;position: relative;top: 0px;left: 0px;color: #fff;}
.depth_nav_box_01 .depth_nav_target .sub_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.depth_nav_box_01 .depth_nav_target .sub_menu_a span {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;font-size: 14px;font-weight: 400;line-height: 1.4;text-transform: uppercase;}
.depth_nav_box_01 .depth_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;}
.depth_nav_box_01 .depth_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; }
.depth_nav_box_01 .depth_nav_menu .menu {display: none;}
.depth_nav_box_01:hover {overflow: visible;}
.depth_nav_box_01:hover .depth_nav_menu {display: block;}
.depth_nav_box_01:hover .depth_nav_target .sub_menu_a {background-color: #1218ae}
.depth_nav_box_01:hover .depth_nav_target .sub_menu_a:after {}
.depth_nav_box_01 .depth_nav_menu .menu.active {display: block;}
.depth_nav_box_01 .depth_nav_menu .menu_a {display: none;}
.depth_nav_box_01 .depth_nav_menu .sub_menu_a {display: block; width: 100%; height: 50px; border-bottom: 1px solid #ddd;padding: 0 25px;font-size: 15px;color: #666}
.depth_nav_box_01 .depth_nav_menu .sub_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.depth_nav_box_01 .depth_nav_menu .sub_menu_a span {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;font-size: 14px;font-weight: 400;line-height: 1.4;text-transform: uppercase;}
.depth_nav_box_01 .depth_nav_menu .sub_menu_a:hover {background-color: #f7f7f7;color: #1218ae}
.depth_nav_box_01 .thd_menu_wrap {display: none;}

.depth_nav_box_02 {overflow: hidden;height: 50px;}
.depth_nav_box_02 .depth_nav_target .menu_a {display: none; }
.depth_nav_box_02 .depth_nav_target .sub_menu {display: none;}
.depth_nav_box_02 .depth_nav_target .sub_menu.active {display: block;}
.depth_nav_box_02 .depth_nav_target .sub_menu_a {display: block; padding: 0 50px 0 25px; height: 50px;font-size: 15px;min-width: 180px;position: relative;top: 0px;left: 0px;color: #fff;display: none;}
.depth_nav_box_02 .depth_nav_target .sub_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.depth_nav_box_02 .depth_nav_target .sub_menu_a span {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;font-size: 14px;font-weight: 400;line-height: 1.4;text-transform: uppercase;}
.depth_nav_box_02 .depth_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;}
.depth_nav_box_02 .depth_nav_target .thd_menu {display: none;}
.depth_nav_box_02 .depth_nav_target .thd_menu.active {display: block;}
.depth_nav_box_02 .depth_nav_target .thd_menu_a {display: block; padding: 0 50px 0 25px; height: 50px;font-size: 15px;min-width: 180px;position: relative;top: 0px;left: 0px;color: #fff;}
.depth_nav_box_02 .depth_nav_target .thd_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.depth_nav_box_02 .depth_nav_target .thd_menu_a span {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;font-size: 14px;font-weight: 400;line-height: 1.4;text-transform: uppercase;}
.depth_nav_box_02 .depth_nav_target .thd_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;}
.depth_nav_box_02 .depth_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; }
.depth_nav_box_02 .depth_nav_menu .menu {display: none;}
.depth_nav_box_02 .depth_nav_menu .thd_menu_a {display: block; width: 100%; height: 50px; border-bottom: 1px solid #ddd;padding: 0 25px;font-size: 15px;color: #666}
.depth_nav_box_02 .depth_nav_menu .thd_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.depth_nav_box_02 .depth_nav_menu .thd_menu_a span {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;font-size: 14px;font-weight: 400;line-height: 1.4;text-transform: uppercase;}
.depth_nav_box_02 .depth_nav_menu .thd_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;}
.depth_nav_box_02:hover {overflow: visible;}
.depth_nav_box_02:hover .depth_nav_menu {display: block;}
.depth_nav_box_02:hover .depth_nav_target .sub_menu_a {background-color: #1218ae}
.depth_nav_box_02:hover .depth_nav_target .sub_menu_a:after {}
.depth_nav_box_02:hover .depth_nav_target .thd_menu_a {background-color: #1218ae}
.depth_nav_box_02:hover .depth_nav_target .thd_menu_a:after {}
.depth_nav_box_02 .depth_nav_menu .thd_menu_a:hover {background-color: #f7f7f7;color: #1218ae}
.depth_nav_box_02 .depth_nav_menu .menu.active {display: block;}
.depth_nav_box_02 .depth_nav_menu .menu_a {display: none;}
.depth_nav_box_02 .depth_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;display: none;}
.depth_nav_box_02 .depth_nav_menu .sub_menu_a:hover {background-color: #f7f7f7;color: #1218ae}
.depth_nav_box_02 .depth_nav_menu .menu_a {display: none; }
.depth_nav_box_02 .depth_nav_menu .sub_menu {display: none;}
.depth_nav_box_02 .depth_nav_menu .sub_menu.active {display: block;}*/

.depth_all_wrap { width: 100%; }
.depth_wrap { width: 100%; max-width: 1400px; margin: 0 auto; position: relative; top: 0px; left: 0px; }
.depth_wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.depth_nav_wrap { float: left; }
.depth_notice_all_wrap { float: right; }
.depth_nav_home { float: left; }
.depth_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: #000; }
.depth_nav_home a:hover { background-color: #1218ae; color: #000; border-color: #1218ae; }
.depth_nav { float: left; }
.depth_nav_box { float: left; position: relative; top: 0px; left: 0px; }
.depth_nav_target .menu { display: none; }
.depth_nav_target .menu.active { display: block; }
.depth_nav_menu {}
.depth_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: #000; }
.depth_nav_target .menu_a:after { content: ""; border-top: 5px solid #000; 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; }
.depth_nav_target {}
.depth_nav_box_01 { overflow: hidden; height: 50px; display: none; }
.depth_nav_box_01 .depth_nav_target .menu_a { display: none; }
.depth_nav_box_01 .depth_nav_target .sub_menu { display: none; }
.depth_nav_box_01 .depth_nav_target .sub_menu.active { display: block; }
.depth_nav_box_01 .depth_nav_target .sub_menu_a { display: block; padding: 0 50px 0 25px; height: 50px; font-size: 15px; min-width: 180px; position: relative; top: 0px; left: 0px; color: #000; }
.depth_nav_box_01 .depth_nav_target .sub_menu_a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; }
.depth_nav_box_01 .depth_nav_target .sub_menu_a span { vertical-align: middle; display: inline-block; width: 100%; position: relative; top: 0px; left: 0px; font-size: 14px; font-weight: 400; line-height: 1.4; text-transform: uppercase; }
.depth_nav_box_01 .depth_nav_target .sub_menu_a:after { content: ""; border-top: 5px solid #000; 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; }
.depth_nav_box_01 .depth_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; }
.depth_nav_box_01 .depth_nav_menu .menu { display: none; }
.depth_nav_box_01:hover { overflow: visible; }
.depth_nav_box_01:hover .depth_nav_menu { display: block; }
.depth_nav_box_01:hover .depth_nav_target .sub_menu_a { background-color: #1218ae}
.depth_nav_box_01:hover .depth_nav_target .sub_menu_a:after {}
.depth_nav_box_01 .depth_nav_menu .menu.active { display: block; }
.depth_nav_box_01 .depth_nav_menu .menu_a { display: none; }
.depth_nav_box_01 .depth_nav_menu .sub_menu_a { display: block; width: 100%; height: 50px; border-bottom: 1px solid #ddd; padding: 0 25px; font-size: 15px; color: #666}
.depth_nav_box_01 .depth_nav_menu .sub_menu_a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; }
.depth_nav_box_01 .depth_nav_menu .sub_menu_a span { vertical-align: middle; display: inline-block; width: 100%; position: relative; top: 0px; left: 0px; font-size: 14px; font-weight: 400; line-height: 1.4; text-transform: uppercase; }
.depth_nav_box_01 .depth_nav_menu .sub_menu_a:hover { background-color: #f7f7f7; color: #1218ae}
.depth_nav_box_01 .thd_menu_wrap { display: none; }
.depth_nav_box_02 { overflow: hidden; height: 50px; }
.depth_nav_box_02 .depth_nav_target .menu_a { display: none; }
.depth_nav_box_02 .depth_nav_target .sub_menu { display: none; }
.depth_nav_box_02 .depth_nav_target .sub_menu.active { display: block; }
.depth_nav_box_02 .depth_nav_target .sub_menu_a { display: block; padding: 0 50px 0 25px; height: 50px; font-size: 15px; min-width: 180px; position: relative; top: 0px; left: 0px; color: #000; display: none; }
.depth_nav_box_02 .depth_nav_target .sub_menu_a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; }
.depth_nav_box_02 .depth_nav_target .sub_menu_a span { vertical-align: middle; display: inline-block; width: 100%; position: relative; top: 0px; left: 0px; font-size: 14px; font-weight: 400; line-height: 1.4; text-transform: uppercase; }
.depth_nav_box_02 .depth_nav_target .sub_menu_a:after { content: ""; border-top: 5px solid #000; 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; }
.depth_nav_box_02 .depth_nav_target .thd_menu { display: none; }
.depth_nav_box_02 .depth_nav_target .thd_menu.active { display: block; }
.depth_nav_box_02 .depth_nav_target .thd_menu_a { display: block; padding: 0 50px 0 25px; height: 50px; font-size: 15px; min-width: 180px; position: relative; top: 0px; left: 0px; color: #000; }
.depth_nav_box_02 .depth_nav_target .thd_menu_a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; }
.depth_nav_box_02 .depth_nav_target .thd_menu_a span { vertical-align: middle; display: inline-block; width: 100%; position: relative; top: 0px; left: 0px; font-size: 14px; font-weight: 400; line-height: 1.4; text-transform: uppercase; }
.depth_nav_box_02 .depth_nav_target .thd_menu_a:after { content: ""; position: absolute; top: 50%; right: 15px; width: 8px; height: 8px; border-left: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg) translateY(-50%); transition: all .3s ease; }
.depth_nav_box_02 .depth_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; }
.depth_nav_box_02 .depth_nav_menu .menu { display: none; }
.depth_nav_box_02 .depth_nav_menu .thd_menu { position: relative; top: 0px; left: 0px; }
.depth_nav_box_02 .depth_nav_menu .thd_menu_a { display: block; width: 100%; height: 50px; border-bottom: 1px solid #ddd; padding: 0 25px; font-size: 15px; color: #666; background-color: #fff; }
.depth_nav_box_02 .depth_nav_menu .thd_menu_a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; }
.depth_nav_box_02 .depth_nav_menu .thd_menu_a span { vertical-align: middle; display: inline-block; width: 100%; position: relative; top: 0px; left: 0px; font-size: 14px; font-weight: 400; line-height: 1.4; text-transform: uppercase; }
.depth_nav_box_02:hover { overflow: visible; }
.depth_nav_box_02:hover .depth_nav_menu { display: block; }
.depth_nav_box_02:hover .depth_nav_target .sub_menu_a { background-color: #1218ae}
.depth_nav_box_02:hover .depth_nav_target .sub_menu_a:after {}
.depth_nav_box_02:hover .depth_nav_target .thd_menu_a {}
.depth_nav_box_02:hover .depth_nav_target .thd_menu_a:after {}
.depth_nav_box_02 .depth_nav_menu .thd_menu_a:hover { background-color: #f7f7f7; color: #1218ae}
.depth_nav_box_02 .depth_nav_menu .menu.active { display: block; }
.depth_nav_box_02 .depth_nav_menu .menu_a { display: none; }
.depth_nav_box_02 .depth_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; display: none; }
.depth_nav_box_02 .depth_nav_menu .sub_menu_a:hover { background-color: #f7f7f7; color: #1218ae}
.depth_nav_box_02 .depth_nav_menu .menu_a { display: none; }
.depth_nav_box_02 .depth_nav_menu .sub_menu { display: none; }
.depth_nav_box_02 .depth_nav_menu .sub_menu.active { display: block; }
.depth_nav_wrap { padding: 50px 0}
.depth_nav { border: 1px solid #ddd; background-color: #f7f7f7; border-radius: 25px; }
.depth_nav:hover { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: #1218ae}
.depth_nav:hover .depth_nav_box_02 .depth_nav_target .thd_menu_a { color: #fff; }
.depth_nav:hover .depth_nav_box_02 .depth_nav_target .thd_menu_a:after { border-color: #fff; transform: rotate(135deg); }
.sub_wrap > div.depth_all_wrap { z-index: 840; }
.line_all_wrap { display: none; }
.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; }




/*----------------SubPage Common----------------*/
.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; background-size: cover; z-index: 900!important; overflow: hidden; background-color: #fff; }
.sub_visual_bg_wrap { position: absolute; z-index: 1; top: 0px; left: 0px; padding: 0 50px; height: 400px; overflow: hidden; }

.sub_visual_bg_a { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 8; }
.sub_visual_wrap { width: 100%; margin: 0 auto; position: relative; top: 0px; left: 0px; z-index: 2; }
.sub_visual_txt {padding-top: 20px;font-size: 80px;color: #fff;font-weight: 600;display:inline-block; white-space:nowrap;position: relative;top: 0px;left: 0; }
.sub_visual_txt3 {padding-top: 20px;font-size: 60px;color: #fff;font-weight: 600;}
.sub_visual_txt a { font-size: 48px; color: #fff;; font-weight: 400; }
.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_box .thd_menu_wrap { display: none; }
.sub_visual_txt2 { font-size: 16px; color: #fff; line-height: 1.6; font-weight: 200; padding-top: 10px; }
.sub_visual_txt2 b { font-weight: 700; }
.sub_visual_txt2 span { -webkit-text-stroke: 1px #000; -webkit-text-fill-color: transparent; }
.sub_visual_box { padding: 150px 0}
.sub_visual_box .thd_menu_wrap { display: none; }
.sub_con_wrap { width: 100%; }
.sub_con { width: 100%; max-width: 1540px; margin: 0 auto; }
.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 {}
.sec_all_wrap { width: 100%; overflow: hidden; }
.sec_tit { font-size: 18px; font-weight: 200; line-height: 1.4; color: #000; word-break: keep-all; }
.sec_tit b { font-weight: 500; }
.sec_tit2 { font-size: 22px; font-weight: 200; line-height: 1.4; color: #000; word-break: keep-all; }
.sec_tit2 b { font-weight: 500; }
.sec_tit3 { font-size: 36px; font-weight: 200; line-height: 1.4; color: #000; word-break: keep-all; }
.sec_tit3 b { font-weight: 500; }
.sec_tit30 { font-size: 30px; font-weight: 200; line-height: 1.4; color: #000; word-break: keep-all; }
.sec_tit30 b { font-weight: 500; }
.sec_tit4 { font-size: 48px; font-weight: 200; line-height: 1.4; color: #000; word-break: keep-all; }
.sec_tit4 b { font-weight: 500; }
.sec_tit5 { font-size: 90px; font-weight: 400; line-height: 1; color: #000; 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: #000; word-break: keep-all; }
.sec_tit6 b { font-weight: 500; }
.sec_tit60 { font-size: 60px; font-weight: 200; line-height: 1.2; color: #000; word-break: keep-all; }
.sec_tit60 b { font-weight: 500; }
.sec_tit7 { font-size: 56px; font-weight: 200; line-height: 1.4; color: #000; word-break: keep-all; }
.sec_tit7 b { font-weight: 500; }
.sec_tit8 { font-size: 72px; font-weight: 200; line-height: 1.2; color: #000; word-break: keep-all; }
.sec_tit8 b { font-weight: 500; }
.sec_tit9 { font-size: 80px; font-weight: 200; line-height: 1.2; color: #000; word-break: keep-all; }
.sec_tit9 b { font-weight: 500; }
.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.4; color: #666; word-break: keep-all; }
.sec_txt2 b { font-weight: 500; }
.sec_txt3 { font-size: 22px; font-weight: 300; line-height: 1.4; color: #333; word-break: keep-all; }
.sec_txt3 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; }
.sec_txt4 { font-size: 52px; font-weight: 300; line-height: 1.4; color: #222; word-break: keep-all; }
.sec_txt4 b { font-weight: 500; }
.sec_txt5 { font-size: 14px; font-weight: 200; line-height: 1.4; color: #666; word-break: keep-all; }
.sec_txt5 b { font-weight: 500; }

.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: #1218ae; border-radius: 100px; }
.c_list_02 span { color: #a5272b; }
.c_list_01 .c_list_02 > li:before { background-color: #666}
.c_list_01 .c_list_02 { font-size: 14px; }
.c_list_01 .c_list_03 { font-size: 14px; }

.sec_in { width: 100%; max-width: 1400px; margin: 0 auto; position: relative; top: 0px; left: 0px; z-index: 2; }
.sec_in2 { width: 100%; position: relative; top: 0px; left: 0px; z-index: 2; }
.zindex1 { width: 100%; position: relative; top: 0px; left: 0px; z-index: 1}
.zindex2 { width: 100%; position: relative; top: 0px; left: 0px; z-index: 2}
.zindex3 { width: 100%; position: relative; top: 0px; left: 0px; z-index: 3}
.zindex4 { width: 100%; position: relative; top: 0px; left: 0px; z-index: 4}
.zindex5 { width: 100%; position: relative; top: 0px; left: 0px; z-index: 5}
.zindex6 { width: 100%; position: relative; top: 0px; left: 0px; z-index: 6}
.zindex10 { width: 100%; position: relative; top: 0px; left: 0px; z-index: 10}
.sub_vs_bt_wrap { position: relative; top: 0px; left: 0px; width: 100%; z-index: 2; display: none; }
.sub_top_nav { max-width: 100%; margin: 0 auto; max-width: 1400px; position: relative; top: 0px; left: 0px; }
.sub_top_nav:before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1; background-color: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); border-top-right-radius: 30px; border-top-left-radius: 30px;; }
.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: 1700px; margin: 0 auto; }
.sub_top_nav .sub_menu { display: inline-block; position: relative; top: 0px; left: 0px; vertical-align: bottom; }
.sub_top_nav .sub_menu.active, .sub_top_nav .sub_menu:hover { opacity: 1; }
.sub_top_nav .sub_menu_a { display: block; position: relative; top: 0px; left: 0px; background-color: transparent; border-radius: 0px; border-bottom: 2px solid transparent; border-left-color: #fff; font-size: 0px; height: 80px; color: #fff; padding: 0 10px; min-width: 140px; }
.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; width: 100%; position: relative; top: 0px; left: 0px; font-size: 14px; font-weight: 400; text-align: center; line-height: 1.4; text-transform: uppercase; }
.sub_top_nav .sub_menu:hover .sub_menu_a,.sub_top_nav .sub_menu.active .sub_menu_a { border-color: #0058ea; color: #0058ea; }

.sub_sec_pd {padding: 150px 0;}
.sub_sec_pd2 { padding: 230px 0}
.sub_sec_pd_bt { padding-top: 0px!important}
.sub_side_wrap { width: 100%; max-width: 1400px; margin: 0 auto; position: relative; top: 0px; left: 0px; z-index: 2; }
.sub_side_inner { width: 100%; position: relative; top: 0px; left: 0px; }
.sub_sec_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; overflow: hidden; }
.sub_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-repeat: no-repeat; background-position: center center; 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; }
.txt_up { text-transform: uppercase!important; }
.black_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #000; opacity: 0.5; z-index: 5; }
.black_bg2 { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #000; opacity: 0.5; z-index: 5; }
.black_bg3 { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #000; opacity: 0.6; z-index: 5; }
.black_bg_grad { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 5; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); }
.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: #1218ae}
.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_video_wrap { position: relative; padding-bottom: 56.2%; height: 0px; }
.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%; }
.sub_video_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.non_video { max-width: 100%; }
.sec_all_wrap {position: relative;top: 0px;left: 0px;width: 100%;z-index: 1000;/* overflow: hidden; */}
.wd_50 { width: 50%; }
.wd_48 { width: 48%; }
.fl_l { float: left; }
.fl_r { float: right; }
.dp_inline { display: inline-block; }
.depth_all_wrap { display: none; }
.depth_box_nav { width: 100%; position: relative; margin: 0 auto; max-width: 1400px; }
.depth_box_nav .menu { display: none; }
.depth_box_nav .menu_a { display: none; }
.depth_box_nav .menu.active { display: block; }
.depth_box_nav .sub_menu { display: none; }
.depth_box_nav .sub_menu.active { display: block; }
.depth_box_nav .sub_menu_a { display: none; }
.depth_box_nav .thd_menu_wrap { font-size: 0px; text-align: right; }
.depth_box_nav .thd_menu { display: inline-block; padding: 5px}
.depth_box_nav .thd_menu_a { padding: 0px; font-size: 14px; color: #000; padding: 5px 15px; font-weight: 400; display: block; border: 1px solid #ddd; text-align: center; border-radius: 100px; }
.depth_box_nav .thd_menu_a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.27em; font-size: large; display: none; }
.depth_box_nav .thd_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; }
.depth_box_nav .thd_menu_a:hover,.depth_box_nav .thd_menu_a.active { color: #fff; background-color: #000; border-color: #000; }


/*----------------Table Common----------------*/
.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; }
.table_wrap td img { width: auto; max-width: none; }
.td_01 { text-align: center; }
.td_02 { text-align: center; }
.table_01_wrap table { font-size: 14px; }
.table_01_wrap th { width: 130px; background-color: #f7f7f7}
.table_wrap.table_01_wrap td { padding-left: 30px; text-align: left; }
.board_wrap .table_wrap table {}
.board_wrap .table_wrap td { text-align: left; }
.board_wrap .table_wrap th { background-color: #f7f7f7}
.table_03_wrap table { font-size: 14px; }
.table_03_wrap th { width: 130px; background-color: #f7f7f7; border-right: 1px solid #ddd; }
.table_03_wrap td { padding-left: 30px; text-align: center; border-right: 1px solid #ddd; }
.table_03_wrap th.on,.table_03_wrap td:last-child { border-right: none; }
.board_wrap {}
#bo_v_atc { padding: 20px; }




/*----------------Board----------------*/
.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; }

.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: 49%; }
.pdt_view_right { float: right; width: 49%; }
.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: #1218ae; }
.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: #1218ae}
.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: #1218ae; 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: #1218ae; border-radius: 100px; }




/*----------------Category----------------*/
.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: #1218ae; border-color: #1218ae; 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: #1218ae; border-color: #1218ae; }



/*----------------Header Logo----------------*/
.st0 { fill: rgb(66, 75, 152); }
.st1 { fill: rgb(12, 13, 15); }
.st2 { fill: rgb(223, 44, 39); }
.st3 { fill: rgb(57, 70, 146); }
.header_wrap a.logo svg { max-width: 170px; width: 100%; }
.header_wrap a.logo .logo_off svg * { animation: stroke 1s forwards ; stroke-width: 1; text-anchor: start}
.header_wrap a.logo .logo_off svg .st0 { animation: stroke 1s forwards ; stroke-width: 1; text-anchor: start}

.header_wrap a.logo .logo_on svg .st0 { animation: stroke2 2s forwards ; stroke-width: 1; text-anchor: start}
.header_wrap a.logo .logo_on svg .st1 { animation: stroke3 2s forwards ; stroke-width: 1; text-anchor: start}
.header_wrap a.logo .logo_on svg .st2 { animation: stroke4 2s forwards ; stroke-width: 1; text-anchor: start}
.header_wrap a.logo .logo_on svg .st3 { animation: stroke5 2s forwards ; stroke-width: 1; text-anchor: start}





/*----------------footer----------------*/
.footer_all_wrap { width: 100%; background-color: #f9f9f9; color: #666;}
.footer_wrap {width: 100%;padding: 60px 100px;}
.footer_mid .logo_wrap {top: 0;left: 0;position: relative;display: inline-block;}
.footer_mid .logo {display: inline-block;width: 250px;}
.footer_mid_wrap { width: 100%; margin: 0 auto; position: relative; top: 0px; left: 0px; padding-bottom: 30px; }
.footer_mid:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.footer_mid_left {width: 30%;}
.footer_mid_copy { font-size: 13px; line-height: 1.6; font-weight: 400; }
.footer_mid_right {width: 70%;}
.footer_mid_tit { font-size: 16px; font-weight: 600; }
.footer_mid_list { padding-top: 20px}
.footer_mid_nav { float: left; padding: 20px 30px 0; }
.footer_mid_nav a { font-size: 14px; line-height: 2; font-weight: 300; color: #aaa; }
.footer_mid_nav:last-child { padding-right: 0; }
.footer_mid_list li a:hover { color: #fff; }
.footer_mid_right .sub_menu { padding: 6px 0}
.footer_mid_right .sub_menu_wrap a {font-weight: 300;font-size: 14px;color: #666;}
.footer_mid_right .menu_a span {color: #000254;font-size: 24px;}
.footer_mid_right .thd_menu { padding: 6px 0}
.footer_mid { display: flex; width: 100%; justify-content: space-between; align-items: flex-start; }
.footer_mid ul { border-top: 1px solid #3d4097; padding-top: 30px; }
.footer_mid .sh_pdt_menu_wrap {width: 85%;left: 0;transform: inherit;}
.footer_mid .sh_info_menu_wrap {width: 15%;}
.footer_mid .sh_info_menu_wrap .menu_06, .footer_mid .sh_info_menu_wrap .menu_07{display: none;}
.footer_wrap .sh_menu_wrap {display: flex;width: 100%;flex-direction: row-reverse;gap: 30px;}
.footer_wrap .location_sns_wrap{position: relative;}

.footer_info_h { color: #fff; }
.footer_logo_wrap svg { width: 100%; max-width: 135px; }
.footer_label_txt { font-size: 3vw; line-height: 1.4; color: #D2D2D2; font-weight: 600; }
.footer_label_txt span { color: #DF2223}
.footer_ft_all_wrap { padding-top: 30px; }
.footer_info_wrap { width: 100%; }
.footer_info { font-size: 14px; line-height: 1.6; color: #aaa; padding: 10px 0; }
.footer_info b { font-weight: 500; color: #888; padding-right: 5px; }
.span_bar { display: inline-block; height: 10px; width: 1px; background-color: #ccc; margin: 0 5px; }
.footer_ft_left_wrap { padding-right: 250px; }
.footer_ft_right_wrap { position: absolute; top: 0px; right: 0px; width: 80%; }
.footer_ft_right_wrap * { fill: #999}
.footer_ft_right_wrap .st0 { fill: #DF2223}
.sub #wrap { padding-top: 0px; }
.sub_visual_txt a { color: #fff; }
.line_wrap { max-width: 1400px; }
.sub_wrap > div.sub_top_nav { display: block; border-bottom: none; z-index: 902; }
.upp { text-transform: uppercase; }
* { word-break: keep-all; }
.m_sec_in { width: 100%; max-width: 1400px; margin: 0 auto; position: relative; top: 0px; left: 0px; z-index: 5; }
.m_bg_wrap { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; z-index: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.m_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; z-index: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.txt_color_01 { color: #1218ae!important}
.side_margin { margin-left: -100px; margin-right: -100px; }



/*----------------MainPage----------------*/
.ovflow { overflow: hidden; position: relative; top: 0px; left: 0px; }
.main_bg_wrap { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; z-index: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.main_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; z-index: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.main_sec_all_wrap { position: relative; top: 0px; left: 0px; z-index: 800; }
.main_sec_wrap { position: relative; top: 0px; left: 0px; }
.main_sec_in {position: relative;top: 0px;left: 0px;z-index: 10;margin: 0 auto;max-width: 1700px;padding: 0 50px;overflow: visible;}
.main_h_100 { height: 100%; min-height: 500px; }
.main_h_center { position: relative; top: 0px; left: 0px; z-index: 10; margin: 0 auto; }
.main_h_center:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.27em; font-size: large; }
.main_h_center > div { vertical-align: middle; display: inline-block; width: 100%; position: relative; top: 0px; left: 0px; }
.m_biz_wrap { position: relative; top: 0px; left: 0px; }
.m_biz_box_wrap { position: relative; top: 0px; float: left; width: 33.33%; width: calc(100%/3); padding: 0 3% 100px}
.m_biz_box_img_wrap { position: relative; top: 0px; left: 0px; border-radius: 20px; overflow: hidden; }
.m_biz_box_img { position: relative; top: 0px; left: 0px; height: 0px; width: 100%; padding-bottom: 120%; }
.m_biz_box_wrap_02 { margin-top: 100px; }

.main_wrap { background-color: #fff}
.main_sec_02_all_wrap { position: relative; top: 0px; left: 0px; width: 100%; z-index: 799; }
.main_sec_02_con_wrap{display: flex;}
.main_sec_02_con_left_wrap{  position: relative; left: 0px; right: 0px; bottom: 0px; width: 50%; height: 100vh;}
.main_sec_02_left_bg_wrap{ position: relative; left: 0px; right: 0px; bottom: 0px; }
.main_sec_02_left_bg{background-image:  url(../images/main/main_sec_02_left_bg.jpg);height: 100vh;}
.main_sec_02_con_right_wrap{position: relative; left: 0px; right: 0px; bottom: 0px; width: 50%; height: 100vh;}
.main_sec_02_con_right_top_wrap{position: relative;left: 0px;right: 0px;bottom: 0px;width: 100%;display: flex;}
.main_sec_02_right_top_01_bg_wrap, .main_sec_02_right_top_02_bg_wrap, .main_sec_02_con_right_btm_bg_wrap{position: relative; left: 0px; right: 0px; bottom: 0px; height: 50vh;}
.main_sec_02_right_top_01_bg{background-image:  url(../images/main/main_sec_02_right_01_bg.jpg);}
.main_sec_02_right_top_02_bg{background-image:  url(../images/main/main_sec_02_right_02_bg.jpg);}
.main_sec_02_con_right_btm_bg {background-image:  url(../images/main/main_sec_02_right_03_bg.jpg);}
.main_sec_02_con_right_btm_wrap{position: relative; left: 0px; right: 0px; bottom: 0px; height: 50vh;}
.main_sec_02_txt_wrap { position: absolute; bottom: 90px; left: 150px; z-index: 100; }
.main_sec_02_txt_wrap *{color: #fff;}
.main_sec_02_txt_right_01_wrap {position: absolute;bottom: 80px;left: 50px;z-index: 100;}
.main_sec_02_con_right_top_01_wrap{position: relative;left: 0px;right: 0px;top: 0px;bottom: 0;width: 50%;}
.main_sec_02_con_right_top_02_wrap{position: relative;left: 0px;right: 0px;top: 0px;bottom: 0;width: 50%;}
.main_sec_02_con_right_top_02_wrap *{color: #fff;}
.main_sec_02_txt_right_wrap { position: absolute; bottom: 90px; left: 50px; z-index: 100; }
.main_sec_02_txt_right_btm_wrap *{color: #fff;}
.main_sec_02_txt_right_btm_wrap{position: absolute; bottom: 90px; left: 50px; z-index: 100;}

.sticky { position: fixed; top: 0; width: 40%; z-index: 2; }
.main_sec_03_con_wrap { display: flex; height: max-content; }
.main_sec_03_con_left_wrap { position: sticky; width: 40%; top: 0; height: 50vh; padding-top: 150px; padding-left: 150px; background-color: #fff; z-index: 1; }
.main_sec_03_con_right_wrap { width: 60%; padding: 80px; border-left: 1px solid #ddd; }
.main_sec_03_con_box_wrap { position: relative; top: 0; left: 0; }
.main_sec_03_con_box_btn { display: inline-block; color: #fff; padding: 15px 20px; }
.main_sec_03_con_box { position: relative; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; width: 530px; height: 330px; background-color: #000; color: #fff; font-size: 1.2em; }
.main_sec_03_con_box_btn_wrap { position: absolute; right: 0; bottom: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.main_sec_03_con_box_btn_wrap:hover{background-color: #fff;-webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.main_sec_03_con_box_btn_wrap:hover .main_sec_03_con_box_btn{color: #111;}
.main_sec_03_con_box_btn_wrap:hover .main_sec_03_con_box_btn span{border-color:#ccc}
.main_sec_03_con_box_btn_wrap:hover .main_sec_03_con_box_btn span::after{border-color: #666;}
.main_sec_03_con_box_btn {position: relative; top: 0; left: 0; display: flex; align-items: center;}
.main_sec_03_con_box_btn .pd_more_tit{padding-right: 30px;}
.main_sec_03_con_box_btn span {position: relative;display: inline-block;width: 35px;height: 35px;border: 1px;border-style: solid;border-color: #ffffff75;border-radius: 100px;background-color: transparent;}
.main_sec_03_con_box_btn span::after { content: ""; position: absolute; right: 40%; top: 35%; width: 10px; height: 10px; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-radius: 5px; transform: rotate(225deg); border-radius: 2px; }
.main_sec_03_con_box_02 { padding-top: 80px; padding-left: 200px; }
.main_sec_03_con_box_02 .main_sec_03_con_box{width: 620px; height: 380px;}
.main_sec_03_con_box_03 { padding-top: 80px; padding-left: 50px; }
.main_sec_03_con_box_04 { padding-top: 80px; padding-left: 150px; }
.main_sec_03_con_box_04 .main_sec_03_con_box{width: 620px; height: 380px;}
.main_sec_03_con_box_05 { padding-top: 80px; padding-left: 50px; }
.main_sec_03_con_box_06 { padding-top: 80px; padding-left: 150px; }
.main_sec_03_con_box_06 .main_sec_03_con_box{width: 620px; height: 380px;}
.main_sec_03_con_box_img{position: relative;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.main_sec_03_con_box_01 .main_sec_03_con_box_img{background-image: url(../images/main/main_sec_03_con_box_img_01.jpg);}
.main_sec_03_con_box_02 .main_sec_03_con_box_img{background-image: url(../images/main/main_sec_03_con_box_img_02.jpg);background-size: 130%;background-position: center 85%;}
.main_sec_03_con_box_03 .main_sec_03_con_box_img{background-image: url(../images/main/main_sec_03_con_box_img_03.jpg);background-size: 120%;}
.main_sec_03_con_box_04 .main_sec_03_con_box_img{background-image: url(../images/main/main_sec_03_con_box_img_04.jpg);}
.main_sec_03_con_box_05 .main_sec_03_con_box_img{background-image: url(../images/main/main_sec_03_con_box_img_05.jpg);background-size: 130%;background-position: center 85%;}
.main_sec_03_con_box_06 .main_sec_03_con_box_img{background-image: url(../images/main/main_sec_03_con_box_img_06.jpg);background-size: 120%;}

.main_sec_txt_btn { position: relative; top: 0; left: 0; display: inline-block; }
.pd_more { position: relative; top: 0; left: 0; display: flex; align-items: center; }
.pd_more_tit { display: inline-block; padding-right: 15px; font-size: 18px; }
.pd_more span { position: relative; display: inline-block; width: 35px; height: 35px; border: 1px; border-color: transparent; border-radius: 100px; background-color: #1218ae; }
.pd_more span::after { content: ""; position: absolute; right: 40%; top: 35%; width: 10px; height: 10px; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-radius: 5px; transform: rotate(225deg); border-radius: 2px; }
.pd_more:hover{}



.main_sec_04_all_wrap{overflow: hidden;}
.main_sec_04_con_left { float: left; width: 49%; }
.main_sec_04_con_right { float: right; width: 49%; }
.pro_all_wrap { margin-left: -20px; }
.pro_wrap { float: left; width: 50%; padding-left: 20px; padding-bottom: 20px; }
.pro_box_wrap { display: block; border-top: 2px solid #fff; position: relative; top: 0px; left: 0px; }
.pro_box_in { height: 100%; }
.pro_box_in:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.27em; font-size: large; }
.pro_box { vertical-align: middle; display: inline-block; width: 100%; text-align: left; padding: 0 50px; position: relative; top: 0px; left: 0px; font-size: 36px; font-weight: 600; line-height: 1.4; background-position: right 30px bottom 10px; background-repeat: no-repeat; background-image: url(../images/main/arr.png); }
.main_sec_04_wrap { padding: 150px 0; background-color: #f6faff; }

.main_sec_04_info { padding-top: 120px; }
.process_con_wrap_in {position: relative;display: flex;gap: 20px; flex-wrap: wrap; width: 200%;}
.process_con_wrap_in::after{content: '';width: 120%;height: 1px;background-color: #1218ae;position: absolute;top: 48%;left: -10%;z-index: -100;}
.process_con {display: flex;width: 250px;border-radius: 1000px;padding: 50px;border: 1px solid #1218ae;height: 250px;background-color: #f6faff;text-align: center;vertical-align: middle;flex-direction: column;justify-content: center;align-content: center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.process_con_tit { font-size: 20px; color: #1218ae; line-height: 1.2; font-weight: 600; }
.process_con_num { font-size: 16px; color: #1218ae; }
.process_con_ico_on{display: none;}
.process_con_ico_off{display: block;}
.process_con.active{background-color: #1218ae;}
.process_con.active *{color: #fff;}
.process_con.active .process_con_ico_on{display: block;}
.process_con.active .process_con_ico_off{display: none;}

.main_sec_04_all_wrap .main_sec_txt_btn { text-align: center; margin: 0 auto; left: 50%; transform: translateX(-50%); }

.scroll_down_wrap {position: absolute;bottom: 50px;width: auto;left: 50px;z-index: 10}
.scroll_down {position: relative;top: 0;left: 0;display: block;width: 25px;height: 150px;}
.scroll_down * {color: #fff;}
.scroll_txt {font-size: 12px;position: absolute;bottom: 100px;left: -28px;text-align: center;margin: 0 auto;transform: rotate(-90deg);display: inline-block;white-space: nowrap;text-transform: uppercase;}
.scroll_down .arr_down { position: absolute; bottom: 0; display: inline-block; width: 25px; height: 48px; border: 1px solid #fff; border-radius: 100px; }
.scroll_down .arr_down::after { content: ''; display: inline-block; width: 5px; height: 5px; position: absolute; top: 25%; left: 40%; text-align: center; margin: 0 auto; background-color: #fff; border-radius: 10px; background-repeat: no-repeat; background-position: center center; background-size: cover; animation: scrolldown 2s ease infinite; }

.target_div { width: 1px; height: 1px; overflow: hidden; visibility: hidden; position: absolute; top: -80px; left: 0px; }
.target_div_main { width: 1px; height: 1px; overflow: hidden; visibility: hidden; position: absolute; bottom: -80px; left: 0px; }

.main_sec_04_con_tit{display: flex;align-items: flex-start;}
.main_sec_04_con_left_wrap .sec_tit7{line-height: 1; color: #3d4097;}
.main_sec_04_con_left_wrap { width: 30%; }
.main_sec_04_con_right_wrap { width: 70%; padding-top: 0px; border-top: 1px solid #ddd; }

.main_sec_05_all_wrap *{color: #fff !important;}
.main_sec_05_in{padding: 150px 0; height: 100vh;}

.main_sec_05_con_txt_wrap { position: absolute; bottom: 0; right: 0; padding-bottom: 150px; }
.main_sec_06_in { padding: 150px 0; }
.main_sec_06_con_tit_wrap { text-align: center; }
.main_sec_06_part_wrap { padding-top: 80px; }
.main_sec_06_part_wrap_in { display: grid; grid-template-columns: repeat(4, 20%); justify-items: center; justify-content: center; }
.main_sec_06_part { width: 100%; padding: 30px 0; text-align: center; border-color: #eee; border-style: solid; border-width: 0 1px 1px 0; }
.main_sec_06_part:nth-child(4),.main_sec_06_part:nth-child(8),.main_sec_06_part:nth-child(12){border-width:0 0 1px 0}
.main_sec_06_part:nth-child(13),.main_sec_06_part:nth-child(14),.main_sec_06_part:nth-child(15){border-width:0 1px 0 0}
.main_sec_06_part:nth-child(16){border-width:0 0 0 0}



/*----------------SubPage----------------*/
.s_sec_01_01_01_con_left { float: left; width: 48%}
.s_sec_01_01_01_con_right { float: right; width: 48%}
.ceo_sign_wrap { text-align: right; width: 100%; }
.ceo_sign { display: inline-block; vertical-align: middle; padding-left: 30px; width: 200px; }
.ov_wrap { margin-left: -30px; }
.ov_box_wrap { float: left; width: 33.33%; width: calc(100%/3); padding-left: 30px; padding-bottom: 30px; }
.ov_box_line_wrap { padding: 30px 0; }
.ov_box_line { width: 50px; height: 1px; display: block; background-color: #eee; display: inline-block; }
.ov_box_in { border: 1px solid #eee; border-radius: 10px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.ov_box_inner { padding: 30px; }
.ov_box_wrap.active .ov_box_in { background-color: #1218ae; border-color: #1218ae; }
.ov_box_wrap.active * { color: #fff!important; }
.s_sec_01_02_02_wrap { background-color: #f4f6fa}

.cert_con_all_wrap { padding-top: 150px; }
.cert_con_wrap{display:grid;grid-template-columns: repeat(4,1fr);gap: 50px 30px;}
.cert_con{position: relative; top: 0; left: 0; right: 0; bottom: 0; display: inline-block;padding: 40px;border: 1px solid #ddd;text-align: center;cursor: pointer;-webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.cert_con_tit { opacity: 0; background-color: #000343e6; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 18px;}
.cert_con:hover .cert_con_tit{opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}



.menu_add_txt_wrap { position: absolute; top: 120px; left: 0px; text-align: left; display: none; width: 18%; }
.menu_add_txt_wrap .sec_tit2 { color: #bcbcbc; }
.menu_add_txt_wrap .sec_tit2 span { color: #1218ae; }
.open .top_nav .menu_add_txt_wrap { display: block; }
.sub_btn_wrap { display: inline-block; }
.sub_btn_wrap .sub_btn_a { display: inline-block; padding: 15px 50px 15px 20px; color: #fff; font-size: 14px; font-weight: 400; line-height: 1; text-transform: uppercase; background-color: #000; border-radius: 100px; background-repeat: no-repeat; background-position: right 15px center; background-image: url(../images/sub/arr_off.png); }
.sub_btn_wrap .sub_btn_a:hover { background-color: #1218ae; border-color: #1218ae; background-image: url(../images/sub/arr_on.png); }

.sub_new_top_wrap { padding: 180px 0 30px; }
.sub_new_top_in { font-size: 0px; }
.sub_new_top_left_wrap { display: inline-block; width: 50%; vertical-align: bottom; }
.sub_new_top_right_wrap { display: inline-block; width: 50%; vertical-align: bottom; }

.txt_circle { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: #1218ae; color: #fff; border-radius: 100px; }
.sub_04_01 .s_sec_02_02_01_01_con_wrap { width: 500%}
.sub_04_01 .gong_box_wrap { float: left; width: 20%; width: calc(100%/13); padding-left: 30px; padding-bottom: 30px; position: relative; top: 0px; left: 0px }
.sub_04_02 .s_sec_02_02_01_01_con_wrap { width: 200%}
.sub_04_02 .gong_box_wrap { float: left; width: 10%; width: calc(100%/5); padding-left: 30px; padding-bottom: 30px; position: relative; top: 0px; left: 0px }
.sub_04_03 .s_sec_02_02_01_01_con_wrap { width: 200%}
.sub_04_03 .gong_box_wrap { float: left; width: 10%; width: calc(100%/5); padding-left: 30px; padding-bottom: 30px; position: relative; top: 0px; left: 0px }
.sub_04_04 .s_sec_02_02_01_01_con_wrap { width: 100%}
.sub_04_04_video_wrap { width: 100%; height: 100%; overflow: hidden; }
.sub_04_04 video { width: 100%; scale: 1.01; }
.d_con_left { position: absolute; top: 0px; left: 0px; width: 30%}
.d_con_right { position: relative; top: 0px; left: 0px; padding-left: 0%}
.pdt_table_02 { overflow: auto; }
.pdt_table_02 table { width: 100%; min-width: 800px}
.pdt_table_01 { overflow: auto; }
.pdt_table_01 table { border-top: 2px solid #1218ae; font-size: 16px; line-height: 1.4; width: 100%; min-width: 800px}
.pdt_table_01 td { padding: 8px 8px; border-bottom: 1px solid #eee; text-align: center; }
.pdt_table_01 th { padding: 15px 8px; border-bottom: 1px solid #ffbcbe; text-align: center; font-weight: 500; color: #1218ae}
.pdt_table_01 .type_tr td { background-color: #ffeded; border-bottom: 1px solid #ffbcbe; color: #000; font-weight: 500; }
.pdt_table_01 .type_tr th { border-bottom: 1px solid #ffbcbe; color: #000; font-weight: 500; }
.mate_all_wrap { margin-left: -30px; }
.mate_wrap { float: left; width: 33.33%; padding-left: 30px; padding-bottom: 30px; }
.mate_wrap .pdt_table_01 table { min-width: 350px}
.pdt_table_01::-webkit-scrollbar { width: 18px; height: 18px; }
.pdt_table_01::-webkit-scrollbar-thumb { background: #1218ae; border-radius: 100px; }
.pdt_table_01::-webkit-scrollbar-track { border-radius: 100px; background-color: #eee; box-shadow: inset 0px 0px 10px #eee; padding: 5px; }
.pdt_table_02::-webkit-scrollbar { width: 18px; height: 18px; }
.pdt_table_02::-webkit-scrollbar-thumb { background: #1218ae; border-radius: 100px; }
.pdt_table_02::-webkit-scrollbar-track { border-radius: 100px; background-color: #eee; box-shadow: inset 0px 0px 10px #eee; padding: 5px; }
.mate_wrap .pdt_table_01 td { width: 50%; }
.pdt_table_02 table { border-top: 2px solid #1218ae; font-size: 16px; line-height: 1.4; width: 100%; color: #000}
.pdt_table_02 td { padding: 15px 8px 15px 3%; border-bottom: 1px solid #eee; text-align: left; }
.pdt_table_02 th { padding: 15px 8px 15px 3%; border-bottom: 1px solid #eee; text-align: left; font-weight: 500}
.s_sec_02_02_03_01_con_right_in .td_01 { font-weight: 500; width: 25%}
.s_sec_02_02_03_01_con_right_in .td_02 { background-color: #fafafa; font-weight: 500; }
.s_sec_02_02_03_01_con_right_in .td_03 { color: #666; width: 35%}
.s_sec_02_03_01_01_con_wrap { width: 400%}
.products_all_wrap { margin-left: -30px; }
.products_box_wrap { float: left; width: 20%; padding-left: 30px; padding-bottom: 30px; }
.products_box_txt_wrap { position: relative; top: 0px; left: 0px; height: 80px; }
.products_box_txt_wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.27em; font-size: large; }
.products_box_txt { vertical-align: middle; display: inline-block; width: 100%; position: relative; top: 0px; left: 0px; text-align: center; }
.products_box_in { border: 1px solid #ddd; border-radius: 20px; padding: 30px; }
.products_box_img_wrap { padding: 20px 0; }
.products_box_img { max-width: 150px; margin: 0 auto; }
.products_box_in:hover { border-color: #1218ae}
.col_2_wrap { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.col_2_box_wrap:nth-child(2n+1) { clear: both; }
.col_2_box_txt_wrap { padding: 20px 0}
.col_2_box_img { border-radius: 10px; overflow: hidden; background-color: #fafafa}
.col_2_box_img img { width: 100%; mix-blend-mode: multiply; }
.s_sec_04_01_02_wrap { background-color: #fafafa}
.sub_new_top_right2 .depth_box_nav .thd_menu_wrap { text-align: left; }
.s_sec_04_02_01_01_wrap { background-color: #fafafa}
.s_sec_04_02_01_06_con_right_in .td_01 { width: 20%; }
.s_sec_04_02_01_06_con_right_in .td_02 { width: 20%; }
.s_sec_04_02_01_06_con_right_in .td_03 { text-align: left; padding-left: 8%}
.s_sec_04_02_01_06_con_right_in b { color: #000; font-weight: 600; }
.s_sec_04_02_03_01_con_left_in { max-width: 800px; margin: 0 auto; }
.s_sec_04_02_03_01_wrap { background-color: #fafafa}
.s_sec_04_02_03_01_con_right_in { padding: 50px 5%; background-color: #fff; border-radius: 20px; }
.num_blt { display: inline-block; width: 50px; color: #1218ae}
.s_sec_04_02_03_03_wrap { background-color: #fafafa}
.txt_round_wrap { display: inline-block; background-color: #fff; padding: 20px 20px; border-radius: 10px; }
.s_sec_04_02_03_02_con_right_in .pdt_table_02 td { width: 50%; }
.s_sec_04_02_04_02_con_right_in .pdt_table_02 td { width: 50%; }
.col_22_wrap { margin-left: -80px; }
.col_22_box_wrap { float: left; width: 50%; padding-left: 80px; padding-bottom: 80px; }
.col_22_box_wrap:nth-child(2n+1) { clear: both; }
.col_22_box_txt_wrap { padding: 20px 0}
.col_22_box_img { border-radius: 10px; overflow: hidden; }
.col_22_box_img img { width: 100%; }
.s_sec_04_02_05_01_con_left_in { max-width: 800px; margin: 0 auto; }
.s_sec_04_02_05_01_wrap { background-color: #fafafa}
.s_sec_04_02_05_01_con_right_in { padding: 50px 5%; background-color: #fff; border-radius: 20px; }
.s_sec_04_02_05_02_wrap { background-color: #fafafa}
.s_sec_04_02_05_02_con_left { background-color: #000; position: relative; top: 0px; left: 0px; }
.s_sec_04_02_05_02_con_left * { color: #fff; }
.s_sec_04_02_05_02_con_right_in { margin-top: -50px; padding-bottom: 100px; }

.s_sec_04_02_05_03_con_left_in .pdt_table_02 td { width: 25%; }
.s_sec_04_02_06_01_con_left_in { margin: 0 auto; }
.s_sec_04_02_06_01_wrap { background-color: #f7f7f7}
.s_sec_04_02_06_01_con_right_in { padding: 50px 5%; background-color: #fff; border-radius: 20px; }

.dot_list .num_blt { position: absolute; top: 0px; left: 0px; }
.dot_list .sec_txt2 { position: relative; top: 0px; left: 0px; padding-left: 50px; }
.c_list_03 { text-align: left; line-height: 2; padding-left: 16px; margin: 0px; counter-reset: chapter 0; list-style: none; }
.c_list_03 > li { position: relative; margin: 0; color: #666; box-sizing: border-box; font-weight: 300; }
ol.c_list_03 > li:before { counter-increment: chapter; content: counter(chapter) ") "; text-indent: -16px; display: inline-block; }
.c_list_box { background-color: #f5f5f5; padding: 10px; font-size: 15px; color: #666}
.info_page_wrap { padding: 10px 0; }
.info_page { border: 1px solid #eee; background-color: #fafafa; padding: 30px}
.ovflow .animate { position: relative; }


.s_sec_01_02_04_wrap { background-color: #f9f9f9}
.n_pt_wrap { display: grid; gap: 20px; grid-template-columns: repeat(3,1fr); }
.n_pt_box_in { display: flex; row-gap: 20px; flex-direction: column; align-items: center; flex-wrap: nowrap; justify-content: flex-start; }
.n_pt_box_wrap { border: 1px solid #ddd; border-radius: 10px; padding: 10px; }
.n_pt_box_img_wrap { padding: 10px; }
.n_pt_box_txt_wrap { padding: 20px; border-top: 1px solid #eee; width: 100%; text-align: center; }
.n_pt_box_wrap:hover { border-color: #1218ae; }
.sub_02 .n_pt_box_img { position: relative; }
.sub_02 .n_pt_box_img .n_pt_box_img_in { position: absolute; top: 0; left: 0; opacity: 0; transition: 0.5s; }
.sub_02 .n_pt_box_img:hover .n_pt_box_img_in { opacity: 1; }


/* 지영 추가 */
.sh_menu_wrap { position: relative; top: 0; left: 0; right: 0; bottom: 0; }
.sh_menu_wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.sh_menu_wrap .sh_pdt_menu .sub_menu_wrap { display: block !important;height: auto!important}
.sh_menu_wrap .sh_pdt_menu .thd_menu_wrap { display: none; border: transparent;  width: 100%!important}
.sh_menu_wrap .sh_pdt_menu .sub_menu_a { color: #fff; }
.sh_menu_wrap .sh_pdt_menu {}
.sh_menu_wrap .sh_pdt_menu .sub_menu{width: 120px;line-height: 80px;}
.sh_pdt_menu_wrap{position: relative;top: 0;left: 50%;display: block;width: auto;float: left;transform: translateX(-50%);justify-content: center;}
.sh_menu_wrap .sh_pdt_menu  .menu_a{display: none;}
.sh_menu_wrap .sh_pdt_menu .sub_menu_wrap {display: flex !important;flex-wrap: wrap;gap: 10px;width: 130px;position: relative;top: 0px;left: 0px;display: inline-block;}
.sh_menu_wrap .sh_pdt_menu .sub_menu_wrap .sub_menu_a {padding: 0;line-height: 80px;vertical-align: middle;}
.sh_menu_wrap .sh_info_menu_wrap .sub_menu_wrap { padding: 0;}
.sh_info_menu_wrap{position: relative;top: 0;right: 0;display: block;width: auto;float: right;}
.sh_info_menu_wrap .sub_menu_a {font-size: 14px;}
.open .sh_pdt_menu .sub_menu_a { color: #222; }
.open .lang_sub_box a{color: #222;}
.open .lang_box{border-color: #222;}
.open .lang_sub_box.on a::after{background-color: #222;}
.open .sh_menu_wrap .sh_pdt_menu .sub_menu_wrap{gap: 20px;}
.open .sh_menu_wrap .sh_pdt_menu .thd_menu_wrap { display: block; padding-bottom: 30px;}
.open .sh_menu_wrap .sh_info_menu_wrap .sub_menu_wrap {padding-bottom: 30px;}
.open .sh_menu_wrap .sh_pdt_menu .sub_menu{width: 150px;}
.scroll .sh_pdt_menu .sub_menu_a { color: #222; }
.scroll .lang_sub_box a{color: #222;}
.scroll .lang_box{border-color: #00000036;}
.scroll .lang_sub_box.on a::after{background-color: #222;}
.w_tp .lang_sub_box a{color: #222;}
.w_tp .lang_box{border-color: #222;}

div[class^="gsap-marker"] { z-index: 9999999!important }

.footer_wrap .sh_menu_wrap .sh_pdt_menu .menu_a { display: block; }
.footer_wrap .sh_menu_wrap .sh_pdt_menu .sub_menu_wrap {display: flex !important;gap: 50px;width: auto;position: relative;top: 0px;left: 0px;display: inline-block;}
.footer_wrap .sh_menu_wrap .sh_pdt_menu .sub_menu_wrap .sub_menu_a {padding: 0;line-height: 1.4;vertical-align: middle;font-size: 18px;color: #000254 !important;}
.w_tp .footer_wrap .sh_menu_wrap .sh_pdt_menu .sub_menu_wrap .sub_menu_a {color: #000254 !important;}
.footer_wrap .sh_menu_wrap .sh_pdt_menu .sub_menu {width: auto;line-height: 70px;}
.footer_wrap .sh_menu_wrap .sh_pdt_menu .sub_menu .thd_menu { line-height: 1.4; }
.footer_wrap .sh_menu_wrap .sh_pdt_menu .thd_menu_wrap { display: block; border: transparent; }
.footer_mid .sh_menu_wrap .sh_info_menu_wrap .sub_menu_wrap { padding-top: 80px; }


.main_sec_01_in { padding: 530px 0 250px; height: 100vh;}
.main_sec_01_con_wrap {display: inline-block;width: 100%;top: 0%;left: 0px;padding: 0 30px;}
.main .main_sec_01_con_wrap *{color: #fff;}
.main_sec_0102_wrap * { color: #fff!important; }
.main_sec_wrap.main_sec_0102_wrap {position: absolute;top: 0px;left: 0px;width: 100%;z-index: 2;clip-path: inset(70% 0% -30% 0%);}
.main_sec_0101_wrap {z-index: 1}


.sub_new_nav_wrap { display: inline-block; font-size: 0px; z-index: 999;position:relative;top:0px;left:50%;transform:translateX(-50%); }
.sub_new_home {position: relative;background-color: transparent;display: inline-block;vertical-align: bottom;border-top-left-radius: 100px;border-bottom-left-radius: 100px;}
.sub_new_home svg { display: block; height: 20px; line-height: 20px; width: 20px; fill: #000; }

.sub_new_home::after { content: ''; display: inline-block; position: absolute; top: 50%; right: -15px; width: 2px; height: 2px; background-color: #939393; transform: translateY(-50%); }
.sub_new_nav {display: inline-block;position: relative;top: 0px;left: 0;vertical-align: bottom;}
.sub_new_nav .menu {display: block;}
.sub_new_nav .menu.active { display: block; }
.sub_new_nav .menu_a {display: block;}
.sub_new_nav_01 .menu { width: 100%; display: block; height: 0px; overflow: hidden; }
.sub_new_nav_01 .menu.active {display: block;height: auto;}
.sub_new_nav_01 .sh_pdt_menu_wrap{display: none;}
.sub_new_nav .menu_a {line-height: 20px;display: block;padding-left: 25px;text-align: left;white-space: nowrap;}
.sub_new_nav .menu_a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.27em; font-size: large; }
.sub_new_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; padding: 0 10px; font-size: 14px; color: #000; }
.sub_new_nav_02 { position: absolute; bottom: 100%; display: none; padding-bottom: 5px; }
.sub_new_nav_01 .sub_menu { display: none; margin-top: 5px; }
.sub_new_nav_01 { background-color: transparent; border-top-right-radius: 100px; border-bottom-right-radius: 100px; }
.sub_new_nav_02 .sub_menu_a { background-color: #000; border-radius: 100px; }
.sub_new_nav_02 .sub_menu_a:hover { background-color: #000}
.sub_new_nav_02 .sub_menu_a:hover span { color: #fff}
.sub_new_nav .sh_info_menu_wrap{float: inherit;}

.sub_02 .sub_new_nav .sh_pdt_menu .menu_a { display: block; }
.sub_02 .sub_new_nav_01 .sh_pdt_menu_wrap { display: block; }

.sub_visual_wrap .sub_new_nav_wrap {display: inline-block;align-items: center;text-align: center;justify-content: center;}
.sub_visual_all_wrap .sub_visual_bg {position: absolute;bottom: 0%;left: 50%;width:100%;transform:translateX(-50%);opacity: 1;height: 100%;z-index: 1;    transform-origin: bottom;}
.sub_sec_01_in {padding: 300px 0;    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 2;}
.sub_sec_01_in .sub_sec_01_con_wrap { display: inline-block; width: 100%; top: 0%; left: 0px; padding: 0 30px; }

.sub_visual_tit{}
.sub_visual_txt {color: #000;text-align: left;}
.sub_sec_0102_wrap * { color: #fff!important; }
.sub_sec_wrap.sub_sec_0102_wrap {position: absolute;top: 0px;left: 0px;width: 100%;z-index: 2;clip-path: inset(70% 0% -30% 0%);}
.sub_sec_0101_wrap {z-index: 1}


.s_sec_01_01_01_img { width: 100%; padding-bottom: 600px; background-image: url(../images/sub/sub_01_01_01_img.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.s_sec_01_01_02_wrap{padding: 15vh 0 65vh;}
.s_sec_01_01_02_con_wrap *{color: #fff;}
.s_sec_01_01_02_cont{display: flex;align-items: flex-start;}
.s_sec_01_01_02_con_left{width: 45%;padding-right: 50px;}
.s_sec_01_01_02_con_right{width: 55%;opacity: 0.8;}
.s_sec_01_01_02_bg .bg_video_box{ filter: brightness(0.9);}

.s_sec_01_01_03_wrap{background-color: #f9f9f9;}
.sub_about_menu_wrap { border-top: 2px solid #111; }
.sub_about_menu_a {position: relative;top: 0;left: 0;font-size: 36px;font-weight: 400;line-height: 3;opacity: 0.5;color: #000;word-break: keep-all;/* border-bottom: 1px solid #ddd; */}
.sub_about_menu:hover .sub_about_menu_a{opacity: 1;}
.sub_about_menu:hover .sub_about_menu_a::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff;}
.sub_about_menu{position: relative;top: 0;left: 0;border-bottom: 1px solid #ddd;}
.dw_about_thumb {position: absolute;top: -330%;left: 40%;width: 380px;height: 295px;z-index: 1;opacity: 0;visibility: hidden;z-index: 100;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.dw_about_thumb img { max-width: 100%; }
.sub_about_menu:hover .dw_about_thumb{ opacity: 1;visibility: inherit;}

.s_sec_01_01_03_con_left_wrap{float: left;width: 40%;}
.s_sec_01_01_03_con_right_wrap{float: right;width: 50%;}

.dw_about_thumb img{border-radius: 5px;overflow: hidden;}

.s_sec_01_01_04_con_left{position: relative; top: 0; left: 0;}
.s_sec_01_01_04_con_left .sub_sec_txt_btn{position: absolute; bottom: 0; right: 0;}




.s_sec_01_01_05_wrap {background-color: #00035e;}
.s_sec_01_01_05_in *{color: #fff;}
.s_sec_01_01_05_con_left_wrap{width: 50%;float: left;}
.s_sec_01_01_05_con_right_wrap{width: 50%;float: left;}

.sub_seho_info_wrap{width: 100%; border-top: 1px solid #fff;}
.sub_seho_info_wrap tr{display: flex;padding: 20px 0;text-align: left;border-bottom: 1px solid #ffffff6b;justify-items: start;line-height: 1.6;font-size: 18px;}
.sub_seho_info_wrap th{display: block;font-weight: 500; width: 20%;}
.sub_seho_info_wrap td{width: 80%;display: block;}

.s_sec_01_02_01_img{width: 100%;padding: 300px 0; background-image: url(../images/sub/sub_01_02_01_img.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.s_sec_01_02_01_con_left_wrap{float: left; width: 20%;}
.s_sec_01_02_01_con_right_wrap{float: left; width: 80%;}
.s_sec_01_02_01_list_wrap ul { display: grid; grid-template-columns: repeat(8, 12.5%); width: 90%; margin: 0 auto; }
.s_sec_01_02_01_list_wrap li { text-align: center; }
.s_sec_01_02_01_list_wrap span { display: block; padding-top: 10px; text-align: center; line-height: 1.4; }
.s_sec_01_02_02_con_left{padding-bottom: 100px;}

.flow_wrap{position: relative; top: 0; left: 0;}
.flow-bar { position: relative; width: 100%; height: 1px; background-color: #ddd; }
.flow_box_wrap {float: left;}
.flow_box_inner {position: relative;top: 0px;left: 0px;}
.flow_top_box .flow_box_inner{padding-bottom: 30px;top: -52px;}
.flow_btm_box .flow_box_inner{padding-top: 30px;}
.flow_box_circle {position: absolute;left: 0px;top: 0px;width: 8px;height: 8px;background-color: #fff; border: 1px solid #1218ae; border-radius: 100px;overflow: hidden;margin-top: -5px;}
.flow_top_box .flow_box_circle {top: auto; bottom: 0;}
.flow_box_tit_wrap {position: relative;display: flex;gap: 20px;left: -9px;}
.flow_box_txt_wrap{display: flex; gap: 15px;}
.flow_pin_box { position: relative; bottom: 0; }
.flow_pin_box .flow_box_inner::after{content: '';position: absolute;bottom: 0;left: 4px;display: inline-block;width: 1px;height: 90%;background-color: #1218ae;z-index: -10;}
.flow_pin_box .flow_box_circle { top: auto; bottom: 0; background-color: #1218ae; }
.flow_pin_box .flow_box_inner{padding-bottom: 177px !important;top: -200px;}
.flow_pin_box .flow_tit {  line-height: 25px; font-size: 24px; color: #1218ae; }

.flow_tit {  line-height: 25px; font-size: 20px; color: #000; }
.flow_txt { font-size: 16px; color: #666; line-height: 1.4; }
.flow_btm_box .flow_box_txt_wrap { flex-direction: column; }
.flow_top_box .flow_box_txt_wrap { flex-direction: column-reverse; }
.flow_num { display: inline-block; background-color: #1218ae; line-height: 25px; width: 25px; height: 25px; font-size: 16px; border-radius: 100px; text-align: center; color: #fff; }

.flow_box_wrap_03 .flow_box_inner { top: -111px; }
.flow_box_wrap_05 .flow_box_inner {top: -157px;left: -50px;}
.flow_box_wrap_07 .flow_box_inner { top: -134px; }
.flow_box_wrap_15 .flow_box_inner {top: -156px;left: -100px;}
.flow_box_wrap_02 .flow_box_inner { padding-right: 40px; }
.flow_box_wrap_10 .flow_box_inner { left: -100px; }
.flow_box_wrap_12 .flow_box_inner { left: -60px; }
.flow_box_wrap_14 .flow_box_inner { left: -180px; }

.s_sec_01_02_02_con_right_in { width: 3000px; }
.s_sec_01_02_03_list_wrap li{padding-bottom: 50px;}
.s_sec_01_02_03_list_tit{display: block; color: #1218ae; font-size: 24px; line-height: 2; padding: 10px 0; width: 100%; border-bottom: 2px solid #1218ae;}
.s_sec_01_02_03_list_txt{font-size: 18px; color: #666; line-height: 1.4; padding: 50px 0;}
.s_sec_01_02_03_list_img_wrap{display: flex;gap: 20px;}
.s_sec_01_02_03_list_img{width: 25%;}
.s_sec_01_02_03_list_img img{border: 1px solid #eee;}
.s_sec_01_02_03_list_img .sec_txt{color: #111;}
.p_info_label_wrap:after {content: '';position: absolute;bottom: 0px;left: 0px;width: 0px; height: 2px; background-color: #f26121;-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;z-index: 2;display: none;}
.p_info_label {position: relative;top: 0px;left: 0px;padding-right:80px;}
.p_info_label:after { content: ""; display: block; position: absolute; top: 25px; right: 20px; border-left: 2px solid; border-top: 2px solid; transform: rotate(225deg); width: 12px; height: 12px; margin: auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.p_info_on .p_info_label:after {transform: rotate(45deg);border-color: #1218ae}
.p_info_on .p_info_label_wrap:after {width: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}


.history_con { display: inline-flex; flex-direction: column; }
.history_con_right { position: relative; top: 0; left: 0; right: 0; bottom: 0; }
.history_con_right .history_con { position: relative; left: 55%; }
.history_con_left .history_con { position: relative; right: 55%; }
.history_con_all_wrap { padding-top: 150px; }
.history_con_all_wrap_in { position: relative; top: 0; left: 0; right: 0; bottom: 0; }
/* .history_bar { position: absolute; left: 50%; display: inline-block; margin: 0 auto; width: 1px; height: 100%; background-color: #ddd; } */
.history_con_box { position: relative; }
.his_year{font-size: 72px; font-weight: 600;color: #999;}
.his_info{font-size: 18px;line-height: 1.6;padding-top: 20px;}
.history_con_left{text-align: right;}


.s_sec_01_04_01_con_left_wrap{float: left; width: 20%;}
.s_sec_01_04_01_con_right_wrap{float: left; width: 80%;}

.part_con_all_wrap{padding-top: 150px;}
.part_con_wrap {border-top: 2px solid #111;display: grid;grid-template-columns: repeat(4, 1fr);justify-items: center;justify-content: center;}
.part_con {width: 100%;padding: 40px 0;text-align: center;}


.s_sec_01_06_01_con_left_wrap{float: left;width: 20%;}
.s_sec_01_06_01_con_right_wrap{float: left;width: 80%;}
.s_sec_01_06_02_con_wrap{display: flex;gap: 80px;}
.s_sec_01_06_02_con_left_wrap{width: 50%;}
.s_sec_01_06_02_con_right_wrap{width: 50%;}




.s_sec_01_06_02_con_right_wrap{position: relative; top: 0; left: 0;}
.location_info_wrap{padding-top: 30px;}
.location_info th{font-size: 21px;color: #1218ae;font-weight: 300;text-align: left;padding-right: 30px;width: 130px;}
.location_info td{font-size: 18px;}
.location_info tr{display: flex;align-content: flex-start;align-items: flex-start;padding-bottom: 10px;}
.location_sns_wrap{position: absolute; left: 0; bottom: 0; display: flex; gap: 10px;}
.location_sns a{display: inline-block; width: 45px; height: 45px; border-radius: 100px; background-color: #1218ae; background-repeat: no-repeat; background-size: 50%; background-position: center; text-indent: -9999px;}
.location_sns_01 a{background-image: url(../images/sub/location_sns_01.png);}
.location_sns_02 a{background-image: url(../images/sub/location_sns_02.png);}
.location_sns_03 a{background-image: url(../images/sub/location_sns_03.png);}
.location_sns_04 a{background-image: url(../images/sub/location_sns_04.png);}

.s_sec_01_06_03_con_left_wrap{float: left;}
.s_sec_01_06_03_con_right_wrap{float: right;}
.map_btn_wrap{display: flex; gap: 15px;}
.map_btn a{display: inline-block;padding: 15px 30px;border: 1px solid #1218ae;min-width: 160px;text-align: center;border-radius: 100px;color: #1218ae;font-size: 18px;}
.map_btn.active a {background-color: #1218ae;color: #fff;}
.map_btn a:hover { background-color: #1218ae; color: #fff; }
.map_all_wrap { padding-top: 30px; }
.map_wrap_02 .root_daum_roughmap { width: 100% !important; }
.bbs .sub_new_nav_wrap { display: inline-block; }
.sub_06 .sub_new_nav_wrap { display: inline-block; left: 0; transform: inherit; }
.sub_07 .sub_new_nav_wrap { display: inline-block; left: 0; transform: inherit; }
.map_wrap.active { display: block; }



.main_per_list_wrap ul{display: flex;gap: 30px;}
.main_per_con_wrap{width: 33.33%;position: relative ; top: 0; left: 0; right: 0; bottom: 0;}
.main_per_con_img{position: relative ; top: 0; left: 0; right: 0; bottom: 0;background-color: #000; padding-bottom: 120%;background-repeat: no-repeat; background-position: center; background-size: cover;}
.main_per_con_01 .main_per_con_img{background-image: url(../images/sub/main_per_con_img_01.jpg);}
.main_per_con_02 .main_per_con_img{background-image: url(../images/sub/main_per_con_img_02.jpg);}
.main_per_con_03 .main_per_con_img{background-image: url(../images/sub/main_per_con_img_03.jpg);}
.main_per_con_tit_wrap{border-bottom: 1px solid #ddd;padding-bottom:20px;min-height: 150px;}
.main_per_con_tit_wrap.nontxt{min-height: inherit;}
.main_per_con_tit{font-size: 24px; font-weight: 600; padding: 30px 0 20px; color: #000;}
.main_per_con_tit2{font-size: 24px; line-height: 1.4; font-weight: 600; padding: 30px 0 20px; color: #000;}
.main_per_con_btn{padding-top: 20px;}
.s_sec_02_01_02_con_left{float: left;width: 30%; padding-right: 80px;}
.s_sec_02_01_02_con_right{float: left;width: 70%;}
.s_sec_02_01_02_wrap{padding-top: 0;}

.pdt_detail_con_info_wrap.pdt_noimg .pdt_detail_con_info_tit{float: left; width: 30%; padding-right: 50px;}
.pdt_detail_con_info_wrap.pdt_noimg .pdt_detail_con_info_table{float: left; width: 70%; margin: 0;}
.pdt_detail_con_title_wrap{text-align: center; padding: 50px 0; border-top: 2px solid #000;}
.pdt_detail_term_wrap table{text-align: center; margin: 0 auto;}
.pdt_detail_term_wrap table tbody{display: flex; gap: 15px;}
.pdt_detail_term_wrap table th {color: #111; padding-right: 5px;}
.pdt_detail_con_img_wrap {padding-bottom: 80px;}
.pdt_detail_con_img_wrap .left_wrap {float: left;width: 77.9%; padding-right: 15px;}
.pdt_detail_con_img_wrap .right_wrap {float: left;width: 22.1%;}
.pdt_detail_con_img_wrap .right_wrap_in { display: flex; flex-direction: column; row-gap: 15px; }
.pdt_detail_con_info_table{ width: 100%; border-top: 1px solid #ddd;margin-top: 20px;}
.pdt_detail_con_info_table th{width: 30%;padding: 20px 0;text-align: left;vertical-align: top;font-size: 18px;color: #111;}
.pdt_detail_con_info_table td{width: 70%;padding: 20px 0;}
.detail_con_info_img{display: grid;grid-template-columns: repeat(4, 24.23%);gap: 10px;width: 100%;}
.detail_con_info_txt { padding-bottom: 15px; }
.pdt_detail_con_info_table tr { border-bottom: 1px solid #ddd; }
.pdt_detail_con_info_table tr:last-child{border-bottom: none;}
.pdt_detail_brochure_con_wrap { display: flex; justify-content: center; padding: 20px 0; background-color: #f9f9f9; border-radius: 10px; }
.pdt_detail_con_info_wrap { padding-bottom: 30px; }
.pdt_detail_brochure_title{padding-right: 20px;font-weight: 600;}
.pdt_detail_brochure_con_wrap *{color: #1218ae;}
.pdt_detail_brochure{padding-right: 10px;}
.pdt_detail_download_ico{text-indent: -9999px;display: inline-block; width: 15px; height: 15px; background: url(../images/sub/pdt_detail_download.svg) no-repeat center;background-size: contain;}
.pdt_list_btn_wrap{padding-top: 80px; text-align: center;}
.pdt_list_btn{display: inline-block; padding: 20px 50px; background-color: #1218ae; color: #fff; font-size: 18px; text-align: center; margin: 0 auto; border-radius: 100px;}

.s_sec_02_01_01_con_left_wrap{float: left; width: 34%;}
.s_sec_02_01_01_con_left_wrap .sec_tit4{line-height: 1;}
.s_sec_02_01_01_con_right_wrap{float: left; width: 66%;}

.main_per_con_txt{}
.pdt_analy_wrap{padding-top: 0;}
.pdt_analy_cont_tit{padding-bottom: 30px;}
.pdt_analy_con_img_wrap { display: grid ; grid-template-columns: repeat(3, 33.33%); gap: 40px 20px; justify-content: space-between; justify-items: stretch; width: 100%; }

.sub_visual_bg_img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;background-color: #000; background-repeat: no-repeat; background-position: center; background-size: cover;}
.sub_02_01_02 .sub_visual_bg_img{background-image: url(../images/sub/sub_02_01_02.jpg);filter: brightness(0.7);}
.sub_02_01_02 .main_per_con_01 .main_per_con_img{background-image: url(../images/sub/main_per_con_img_02_01.jpg);}
.sub_02_01_02 .main_per_con_02 .main_per_con_img{background-image: url(../images/sub/main_per_con_img_02_02.jpg);}
.sub_02_01_02 .main_per_con_03 .main_per_con_img{background-image: url(../images/sub/main_per_con_img_02_03.jpg);}
.sub_02_01_02_01 .sub_visual_bg_img,.sub_02_01_02_02 .sub_visual_bg_img,.sub_02_01_02_03 .sub_visual_bg_img{background-image: url(../images/sub/sub_02_01_02.jpg);filter: brightness(0.7);}
.sub_02_01_04 .sub_visual_bg_img{background-image: url(../images/sub/sub_02_01_04.jpg);filter: brightness(0.7);}
.sub_02_01_04_01 .sub_visual_bg_img,.sub_02_01_04_02 .sub_visual_bg_img,.sub_02_01_04_03 .sub_visual_bg_img{background-image: url(../images/sub/sub_02_01_04.jpg);filter: brightness(0.7);}
.sub_02_01_04 .main_per_con_01 .main_per_con_img{background-image: url(../images/sub/main_per_con_img_04_01.jpg);}
.sub_02_01_04 .main_per_con_02 .main_per_con_img{background-image: url(../images/sub/main_per_con_img_04_02.jpg);}
.sub_02_01_04 .main_per_con_03 .main_per_con_img{background-image: url(../images/sub/main_per_con_img_04_03.jpg);}


.sub_02_01_05 .sub_visual_bg_img{background-image: url(../images/sub/sub_02_01_05.jpg);filter: brightness(0.7);}
.sub_02_01_05 .main_per_con_01 .main_per_con_img{background-image: url(../images/sub/main_per_con_img_05_01.jpg);}
.sub_02_01_05 .main_per_con_02 .main_per_con_img{background-image: url(../images/sub/main_per_con_img_05_02.jpg);}
.sub_02_01_05 .main_per_con_03 .main_per_con_img{background-image: url(../images/sub/main_per_con_img_05_03.jpg);}

.sub_02_01_06 .bg_video_box{filter: brightness(0.6);transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}
.sub_02_01_06 .s_sec_02_01_01_con_left_wrap .sec_tit4{line-height: 1.4;}
.sub_02_01_06 .sub_visual_bg_img{background-image: url(../images/sub/sub_02_01_05.jpg);filter: brightness(0.7);}
.sub_02_01_06 .main_per_con_01 .main_per_con_img{background-image: url(../images/sub/main_per_con_img_06_01.jpg);}
.sub_02_01_06 .main_per_con_02 .main_per_con_img{background-image: url(../images/sub/main_per_con_img_06_02.jpg);}
.sub_02_01_06 .main_per_con_03 .main_per_con_img{background-image: url(../images/sub/main_per_con_img_06_03.jpg);}

.sub_visual_fowt_all_wrap .sub_visual_box { max-width: 1400px; margin: 0 auto; padding: 500px 0 80px; }
.sub_visual_fowt_wrap .sub_visual_box *{color: #fff;}
.sub_visual_fowt_wrap .sub_visual_tit { text-align: left; }
.sub_visual_fowt_wrap .sub_new_nav_wrap {    text-align: left !important; left: 0; transform: inherit;}
.sub_visual_fowt_wrap .sub_new_home svg { fill: #fff; }
.sub_visual_fowt_wrap .sub_new_nav .menu_a span { color: #fff; }

.cir_scroll_down_wrap{position: absolute;right: 10%;left: auto;bottom: 80px;}
.cir_scroll_down_wrap .scroll_down { position: relative; bottom: 80px; right: 100px; width: 60px; height: 60px; border: none; text-indent: -999999px; background: url(../images/common/totop.png?new); transform: rotate(180deg); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; z-index: 99999; background-color: transparent; background-repeat: no-repeat; background-position: center center; border-radius: 100px; }
.cir_scroll_down_wrap .rotate_txt { position: absolute; top: 0; left: 0; width: 60px; height: 60px; background: url(../images/sub/scroll_rotate_txt.png?new); background-repeat: no-repeat; background-position: center center; background-size: 100%; animation: rotate_txt 6s linear infinite; transform-origin: 50% 50%; }


.sub_visual_fowt_all_wrap.animated { animation-duration: 1.5s; animation-name: pd100; animation-fill-mode: forwards; }

.line-guide { position: absolute; width: 2px; height: 100%; top: 0; left: 50%; background: #e1e1e1; margin: 0 auto; display: inline-block; }
.line-guide .history_path { position: absolute; width: 100%; height: 100%; top: 0; left: 50%; transform: translateX(-50%); background: #1218ae; }
.history_path_in { position: relative; top: 0; left: 0; display: inline-block; height: 100%; }
.his_dot_wrap {position: absolute;bottom: 0px;left: -6px;height: 14px;width: 14px;}
.his_dot span {background-color: #fff;border: 3px solid #1218ae;width: 14px;height: 14px;display: inline-block;border-radius: 100px;position: relative;top: 0px;left: 0px;z-index: 2;}
.his_dot {position: relative;top: 0px;left: 0px;}
.his_dot:after {content: "";position: absolute;top: 50%;left: 50%;background-color: #1218ae1a;width: 25px;height: 25px;z-index: 1;transform: translate(-50%,-50%);border-radius: 100px;animation-duration: 3s;animation-timing-function: ease;animation-delay: 0s;animation-iteration-count: infinite;animation-direction: normal;animation-fill-mode: none;animation-play-state: running;animation-name: hissizeup;}


.s_sec_02_02_01_01_wrap{background-color: #000;}
.s_sec_02_02_01_01_wrap *{color: #fff;}
.s_sec_02_02_01_01_in{padding-bottom: 350px;}
.tptit_con_wrap_in { position: relative; top: 0; left: 0; padding: 80px; display: inline-block; background-color: #1218ae; }
.tptit_con_wrap_in *{color: #fff;}
.tptit_con_wrap_in .sec_tit4{line-height: 1.2;}

.mooring_cont_all_wrap{position: relative;  top: 0; left: 0;}
.mooring_cont_list{position: relative; top: 0; left: 0;}
.mooring_cont{position: relative;top: 0;left: 0;display: inline-block;}
.mooring_cont_in{position: relative;top: 0; left: 0; display: inline-block; width: 350px; height: 350px; padding: 50px; background-color: #222;}
.mooring_cont_tit{position: absolute; left: 50px; bottom: 50px;font-size: 36px; line-height: 1.2;}
.mooring_cont_ico{position: absolute; right: 50px;top: 50px;width: 60px; height: 60px; background-repeat: no-repeat; background-position: center; background-size: contain;}

.mooring_cont_01 .mooring_cont_ico{background-image: url(../images/sub/mooring_cont_ico_01.png);}
.mooring_cont_02 .mooring_cont_ico{background-image: url(../images/sub/mooring_cont_ico_02.png);}
.mooring_cont_03 .mooring_cont_ico{background-image: url(../images/sub/mooring_cont_ico_03.png);}
.mooring_cont_04 .mooring_cont_ico{background-image: url(../images/sub/mooring_cont_ico_04.png);}

.mooring_cont.mooring_cont_03 { left: -33%; top: 351px; }
.mooring_cont.mooring_cont_04 { left: 67.7%; top: 0; }
.mooring_cont.mooring_cont_02 {left: 42.3%;top: -350px;}
.mooring_cont.mooring_cont_01 { left: 42.5%; }
.mooring_bt_con_wrap{position: absolute;bottom: -5%;left: -20%;}
.mooring_bt_con_img{position: relative;bottom: 0;right: 0;width: 1100px;height: 850px;background: url(../images/sub/fowt_cps.png) no-repeat center;background-size: contain;}
.mooring_bt_con_txt{position: absolute;top: 0;left: 20%;font-size: 24px;}


.s_sec_02_02_01_02_wrap { padding: 100vh 0; position: relative; top: 0; left: 0; right: 0; bottom: 0; margin-top: -350px; z-index: -10 !important; }
.s_sec_02_02_01_02_con_bg{position: absolute; top: 0; left: 0; right: 0; bottom: 0;background-image: url(../images/sub/s_sec_02_02_01_02_bg.jpg); background-repeat: no-repeat; background-position: bottom; background-size: cover;} 
.pdt_analy_con_tit{font-size: 24px; color: #000;}

.mooring_bt_con_path { position: relative; top: 0; left: 0; width: 1px; height: 150px; background-color: #fff; display: inline-block; }
.mooring_bt_con_path_warp { position: absolute; top: 17px; left: 17%; }
.mooring_bt_con_dot{width: 8px;height: 8px;border-radius: 100px;background-color: #fff;display: inline-block;position: relative;top: -10px;left: -3px;z-index: 9999;}





.fowt_list_con_wrap { position: relative; left: 50%; }
.fowt_list_con_tit{font-size: 30px; font-weight: 600; color: #fff;}
.fowt_list_con_01 .fowt_list_con_tit { padding-left: 100px; position: relative; top: -14px; }
.fowt_list_con_02 .fowt_list_con_tit { padding-right: 100px; position: relative; top: -14px; }
.fowt_list_con_path { position: absolute; width: 80px; height: 1px; top: 0; left: 0; background-color: #fff; }
.fowt_list_con_tit_wrap { position: relative; top: 0; left: 0; display: inline-block;}
.fowt_list_con_wrap.fowt_list_con_01 {top: -15px;left: 770px;}
.fowt_list_con_dot{width: 8px;height: 8px;border-radius: 100px;background-color: #fff;display: inline-block;position: relative;top: -8px;left: 0;z-index: 9999;}
.fowt_list_con_dot .dot_line { position: absolute; top: 50%; left: 50%; width: 15px; height: 15px; border-radius: 100px; border: 1px solid #fff; ransform: translate(-50%, -50%); z-index: 1; animation-duration: 3s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: linesizeup; }
.fowt_list_con_wrap.fowt_list_con_02 {top: 0px;left: 340px;}
.fowt_list_con_02 .fowt_list_con_path { left: auto; right: 0; }
.fowt_list_con_02 .fowt_list_con_dot { left: 80px; }
.fowt_list_con_03 .fowt_list_con_tit { padding-left: 100px; position: relative; top: -14px; }
.fowt_list_con_04 .fowt_list_con_tit { padding-left: 100px; position: relative; top: -14px; }
.fowt_list_con_wrap.fowt_list_con_03 { left: 692px; top: 200px; }
.fowt_list_con_wrap.fowt_list_con_04 {left: 750px;top: 700px;}
.fowt_list_con_item_wrap{position: absolute;opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.fowt_list_con_item_img{position: relative; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover;width: 280px; height: 280px; border-radius: 100%; overflow: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.fowt_list_con_wrap:hover .fowt_list_con_item_wrap{opacity: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

.fowt_process_all_con_wrap{background-color: #f9f9f9;}
.fowt_process_con_wrap{padding-top: 50px;}
.fowt_process_con_list ul{display: grid;grid-template-columns: repeat(3, 1fr);gap: 50px;justify-items: start; overflow: hidden;}
.fowt_process_con_list ul:nth-child(2) { padding-left: 50px; }
.fowt_process_con_list ul:nth-child(3) { padding-left: 50px; }
.fowt_process_num { display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; background-color: #1218ae; color: #fff; font-size: 16px; border-radius: 100px; }
.fowt_process_tit { font-size: 24px; font-weight: 600; color: #000; }
.fowt_process_txt { font-size: 16px; line-height: 1.4; color: #666; }
.fowt_process_con_line{}
.s_sec_02_03_02_02_cert_wrap{display: grid;grid-template-columns: repeat(4, 1fr);gap: 50px;}



.sub_02_02_03 .footer_all_wrap{background-color: #fff;}


.path_ani  {position: absolute;top: 0;left: -50px;z-index: 2;width: 101%;padding-top: 60px;z-index: -1;}

.path_ani .animated .cls-1 { stroke: #1218ae; stroke-width: 1; stroke-dasharray: 8000; stroke-dashoffset: 8000; animation: offset 5s linear forwards, fill-it .8s 5s forwards; }



.fowt_process_con_list { display: flex; flex-direction: column; gap: 58px; }
.fowt_process_con { padding-left: 0; overflow: hidden; }

.s_sec_02_03_02_con_left_wrap{float: left; width:50% ; padding-right: 80px;}
.s_sec_02_03_02_con_right_wrap{float: left; width: 50%;}
.s_sec_02_03_02_con_right_vid { display: inline-block; width: 100%; }
.rnd_vid { width: 100%; }

.s_sec_02_03_02_02_wrap{padding-top: 0;}

.s_sec_02_03_02_02_cert_info{padding-top: 30px;}

.s_sec_02_03_02_02_cert_img{padding: 20px; background-color: #f9f9f9;}

.detail_con_info_li{line-height: 1.4;}



.s_sec_02_04_01_con_left_wrap{float: left; width: 50%; padding-right: 80px;}
.s_sec_02_04_01_con_right_wrap{float: right;width: 45%; }





.s_sec_02_04_01_vid_wrap{max-width: 1400px; margin: 0 auto;}
.s_sec_02_04_01_vid{width: 100%;}



.s_sec_02_04_01_03_list_wrap{padding-top: 80px;}
.s_sec_02_04_01_03_list{display: grid;grid-template-columns: repeat(2, 1fr);gap: 50px;}

.s_sec_02_04_01_03_tool{background-color: #f9f9f9; padding: 50px; position: relative; top: 0; left: 0; right: 0; bottom: 0;}
.tool_txt{padding-top: 80px;}
.tool_ico{position: absolute; top: 50px; right: 50px; width: 70px; height: 60px; display: inline-block; background-repeat: no-repeat; background-size: contain;}

.cir_more{padding: 15px 30px; display: inline-block; border: 1px solid #1218ae; border-radius: 100px; background-color: transparent; }
.cir_more_tit{ color: #1218ae;}


.s_sec_02_04_01_05_perf_wrap{display: grid;grid-template-columns: repeat(4, 1fr);gap:50px 30px;}

.tool_ico_01{background-image:  url(../images/sub/tool_ico_01.png);}
.tool_ico_02{background-image:  url(../images/sub/tool_ico_02.png);}
.tool_ico_03{background-image:  url(../images/sub/tool_ico_03.png);}
.tool_ico_04{background-image:  url(../images/sub/tool_ico_04.png);}



/* Keyframes */
@keyframes scroll {
	0% { transform: translate(0, -5px); opacity: 0; }
	40% { opacity: 1; }
	80% { transform: translate(0, 10px); }
	100% { opacity: 0; }
}
@keyframes line {
	from { width: 0px; opacity: 0 }
	to { width: 100%; opacity: 0.4 }
}
@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 pd100 {
	0% { padding: 30vh 0; }
	30% { padding: 30vh 0; }
	100% { padding: 5vh 0; }
}
@keyframes sbg_wide {
	0% { width: 0%; }
	100% { width: 90%; }
}
@keyframes sbg_wide2 {
	0% { width: 20%; }
	100% { width: 100%; }
}
@keyframes hide_line {
	0% { opacity: 1; }
	100% { opacity: 0; width: 0px; }
}
@keyframes opa {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes opa2 {
	from { opacity: 1; }
	to { opacity: 0; }
}
@keyframes bgscale {
	from { transform: scale(0.5) }
	to { transform: scale(1) }
}
@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 stroke2 {
	0% { fill: rgba(66, 75, 152,0); stroke: rgba(66, 75, 152,1); stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 0.3; }
	40% { fill: rgba(66, 75, 152,0); stroke: rgba(66, 75, 152,1); stroke-width: 0.3; }
	60% { fill: rgba(66, 75, 152,1); stroke: rgba(66, 75, 152,0); stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0; }
}
@keyframes stroke3 {
	0% { fill: rgba(12, 13, 15,0); stroke: rgba(12, 13, 15,1); stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 0.3; }
	40% { fill: rgba(12, 13, 15,0); stroke: rgba(12, 13, 15,1); stroke-width: 0.3; }
	60% { fill: rgba(12, 13, 15,1); stroke: rgba(12, 13, 15,0); stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0; }
}
@keyframes stroke4 {
	0% { fill: rgba(223, 44, 39,0); stroke: rgba(223, 44, 39,1); stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 0.3; }
	40% { fill: rgba(223, 44, 39,0); stroke: rgba(223, 44, 39,1); stroke-width: 0.3; }
	60% { fill: rgba(223, 44, 39,1); stroke: rgba(223, 44, 39,0); stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0; }
}
@keyframes stroke5 {
	0% { fill: rgba(57, 70, 146,0); stroke: rgba(57, 70, 146,1); stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 0.3; }
	40% { fill: rgba(57, 70, 146,0); stroke: rgba(57, 70, 146,1); stroke-width: 0.3; }
	60% { fill: rgba(57, 70, 146,1); stroke: rgba(57, 70, 146,0); stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0; }
}
@keyframes change {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes change2 {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes scrolldown {
	0% { transform: translateY(-15px); opacity: 0; }
	45% { transform: translateY(0px); opacity: 1; }
	65% { transform: translateY(-5px); opacity: 1; }
	100% { transform: translateY(15px); opacity: 0; }
}
@keyframes upani {
	0% { transform: translateY(100%); }
	100% { transform: translateY(0%); }
}

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

@keyframes pd100 {
	0%   {
		padding: 20vh 0;
	}
	30%   {
		padding: 20vh 0;
	}
	100% {
		padding: 5vh 0;
	}
}

@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 linesizeup {
    0% {
     transform: translate(-50%,-50%) scale(1);
     -ms-transform: translate(-50%,-50%) scale(1);
     -webkit-transform: translate(-50%,-50%) scale(1);
     opacity: 1; 
    }
    30% {
        transform: translate(-50%,-50%) scale(2.5);
        -ms-transform: translate(-50%,-50%) scale(2.5);
        -webkit-transform: translate(-50%,-50%) scale(2.5);
        opacity: 0.5;
    }
    60% {
       transform: translate(-50%,-50%) scale(5);
       -ms-transform: translate(-50%,-50%) scale(5);
       -webkit-transform: translate(-50%,-50%) scale(5);
       opacity: 0;
    }
    100% {
        transform: translate(-50%,-50%) scale(10);
        -ms-transform: translate(-50%,-50%) scale(10);
        -webkit-transform: translate(-50%,-50%) scale(10);
        opacity: 0;
     }
 }
 @keyframes offset {
    100% {
      stroke-dashoffset: 0; 
    }  
  }
@keyframes fill-it {
    100% {
        stroke: #1218ae;
      }
}




@media screen and (min-width:1700px) {
.main_sec_04_info_in {transform: none!important;}
}