@charset "utf-8";


body {width: 100%; overflow: initial;;}
body, html { text-align: initial;}
html {}
.hidden_txt {position: absolute!important;font-size: 0!important;line-height: 0!important;overflow: hidden!important;}
#wrap {width: 100%;min-width: 1540px;word-break: break-word;overflow: hidden;}
#toTop {display: none;text-decoration: none;position: fixed;bottom: 100px;right: 10px;border-radius: 5px;overflow: hidden;width: 38px;height: 36px;border: none;text-indent: -999999px;background: url(../images/common/totop.png);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);opacity: 0.6;z-index: 99999;background-color: #00c8ff;background-repeat: no-repeat;background-position: center center;}
#toTop:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
a {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
img {max-width: 100%;}

.section .scroll { position: absolute; bottom: 0; left: 50%; z-index: 100; transform: translateX(-50%); z-index: 5; }
.section .scroll .txt {font-size:16px;color:#fff;font-weight:300;display: inline-block;padding-bottom: 20px;}
.section .scroll .arr { position: relative; width: 1px; height: 60px; background-color: #fff; left: 50%; transform: translateX(-50%); }
.section .scroll .arr:after { position: absolute; top: 10px; left: 50%; content: ''; width: 3px; height: 20px; margin-left: -1px; border-radius: 100px; background-color: #fff; animation: scroll 1.3s infinite; }
@keyframes scroll{
    0% {transform: translate(0, -5px); opacity: 0;}
    40% {opacity: 1;}
    80% {transform: translate(0, 20px);}
    100% {opacity: 0;}
}


/*헤더*/
.m_menu_wrap {width: 280px;height: 100%;position: fixed;top: 0px;right: -280px;bottom: 0;z-index: 9999;background-color:#222;}
.m_menu_wrap a {display: block;color: #fff;}
.m_menu_wrap .menu_a {height: 50px;margin: 0;padding: 0 0 0 20px;border-bottom: #333 1px solid;border-top: #555 1px solid;text-align: left;cursor: pointer;line-height: 50px;font-size: 14px;position: relative;top: 0px;left: 0px;}
.m_menu_wrap .menu_a:after {content:""; width: 10px;height: 10px;border-left: 1px solid #fff; border-bottom: 1px solid #fff;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-left: 1px solid #fff; border-bottom: 1px solid #fff;display: block;position: absolute;top: 50%;right: 10px;transform:rotate(-45deg);transition:all .3s ease;margin-top: -5px}
.m_menu_wrap .menu_a.void_link.menu_on:after {transform:rotate(-225deg);}
.m_menu_wrap .menu_a:first-child {}
.m_menu_wrap .sub_menu_wrap {display: none;background-color: #444; width: 100%!important}
.m_menu_wrap .sub_menu_wrap .sub_menu_a {height: 38px;line-height: 38px;padding-left: 30px;border-bottom: 1px solid #666;}
.m_menu_wrap .sub_menu_wrap .sub_menu_a:first-child {border-top: none;}
.m_menu_wrap .menu_a:hover{background-color: #4cb6d3;border-color: #4cb6d3;color: #fff;}
.m_menu_wrap .sub_menu_wrap .sub_menu_a:hover {background-color: #777;border-color: #777;color: #fff;}
.m_menu_wrap .menu_a.menu_on {background-color: #4cb6d3;border-color: #4cb6d3;color: #fff;}

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



.header_wrap * {z-index: 1004;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
.header_wrap a {display: block;}
.header_wrap {width: 100%;position: relative;top: 0px;left: 0px;z-index: 1004;}
.header_top_wrap {width: 100%;display: none;}
.header_top {width: 100%;max-width: 1540px;margin: 0 auto;position: relative;top: 0px;left: 0px;}
.header_top:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.header_top_box {float: left;margin-right: 30px;}
.header_top_box_in {position:relative;top: 0px;left: 0px;padding-left: 30px;background-image: url(../images/common/header_top_box.png);background-repeat: no-repeat;background-position:0 center }
.header_top_box_in span {height: 70px;line-height: 70px;color: #fff;font-size: 16px;}
.header_mid_wrap {width: 100%;padding: 0 100px}
.header_mid {width: 100%;margin: 0 auto;position: relative;top: 0px;left: 0px;padding: 0 200px}
.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: 22px;left: 0px;bottom: 0px;z-index: 2}
/*.logo_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}*/
.header_wrap a.logo {vertical-align: middle;display: inline-block;font-size: 16px;line-height: 1;width: 100%;text-align: center;}
.logo_off {display: none;}
.logo_long {display: none!important;}
.m_menu_btn_wrap { position: absolute; top: 32px; right: 0px; height: 15px; width: 60px; z-index: 3; }
.header_wrap .m_menu_btn_wrap .m_menu_btn { width: 100%; height: 15px; position: absolute; top: 50%; left: 0px; margin-top: -8px; }
.m_menu_btn span { display: none; height: 3px; background-color: #fff; position: absolute; top: 50%; 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: 2px; 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: 2px; background-color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.m_menu_btn_wrap:hover .m_menu_btn:before {background-color: #4cb6d3;}
.m_menu_btn_wrap:hover .m_menu_btn::after {background-color: #4cb6d3;}

.m_close_wrap {position: relative;top: 0px;left: 0px;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:#fff;top:0;right:0;bottom:0;left:0;margin:auto}
.m_close_btn:before {transform:rotate(-45deg);transition:all .3s ease}
.m_close_btn:after {transform:rotate(45deg);transition:all .3s ease .15s}

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


.lang_all_wrap {position: absolute;top:21px;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:0px 40px 0 20px;height: 36px; font-weight: 600; 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;border-left: 1px solid #fff; border-bottom: 1px solid #fff;transform:rotate(-45deg);transition:all .3s ease}

.lang_box:hover {border-radius: 5px;background-color: #fff;border-color: #4cb6d3}
.lang_box:hover .lang_box_a {background-color: #4cb6d3;color: #fff!important;}
.lang_box:hover .lang_box_a:after {transform:rotate(135deg);top: 16px;border-color: #fff!important;}
.lang_box:hover .lang_sub_wrap {display: block;}
.lang_sub_box a {font-size: 14px; color: #333; padding: 0 20px;height: 30px;line-height: 30px;}
.lang_sub_box a:hover {color: #4cb6d3}




/*메뉴*/
.top_nav {position: relative;top: 0px;left: 0px;font-size: 0px;text-align: center;z-index: 1;padding-top: 0px;overflow: hidden;}
.top_nav:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.top_nav .menu {width: 167px;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: -27px;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 .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: 100%;left: 0px;-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: #4cb6d3;-webkit-transition: none;transition: none;}
.top_nav .menu:hover .menu_a,.top_nav .menu.active .menu_a {}
.top_nav .menu:hover .menu_a span:after {width: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.top_nav .menu.active .menu_a span:after {width: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}

.top_nav .sub_menu_wrap:before {content: "";position: absolute;top: 0px;left: 50%;width: 3000px;margin-left: -1500px;border-top: 1px solid rgba(0, 0, 0, 0.01)}
.top_nav .sub_menu_wrap:after {content: "";position: absolute;top: 0px;left:0px;right: 0px;border-right: 1px solid rgba(0, 0, 0, 0.05);height: 1000px;z-index: -1;}
.top_nav .menu:first-child .sub_menu_wrap:after {border-left: 1px solid rgba(0, 0, 0, 0.05);}
div[class^="gsap-marker"] {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_wrap {padding: 5px 0;border-top: 1px solid rgba(0, 0, 0, 0.05);border-bottom: 1px solid rgba(0, 0, 0, 0.05);background-color:rgba(0, 0, 0, 0.01) }
.top_nav .thd_menu_a.active {color: #000}

.sec_all_wrap {width: 100%;overflow: hidden;}
.sec_all_wrap img { max-width: 100%;}
.sec_tit {font-size:18px;font-weight: 200;line-height: 1.4;color: #222; word-break: keep-all;}
.sec_tit b {font-weight: 500;}
.sec_tit2 {font-size:30px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit2 b {font-weight: 500;}
.sec_tit3 {font-size:48px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit3 b {font-weight: 500;}
.sec_tit4 {font-size:72px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit4 b {font-weight: 500;}
.sec_tit5 {font-size:134px;font-weight: 400;line-height: 1;color: #222;word-break: keep-all;}
.sec_tit5 b {font-weight: 700;}
.sec_tit6 {font-size:60px;font-weight: 200;line-height: 1.1;color: #222;word-break: keep-all;}
.sec_tit6 b {font-weight: 500;}
.sec_tit36 {font-size:36px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit36 b {font-weight: 500;}
.sec_tit45 {font-size:45px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit45 b {font-weight: 500;}

.sec_txt {font-size:16px;font-weight: 200;line-height: 1.6;color: #222;word-break: keep-all;}
.sec_txt b {font-weight: 500;}
.sec_txt2 {font-size:18px;font-weight: 200;line-height: 1.6;color: #222;word-break: keep-all;}
.sec_txt2 b {font-weight: 500;}
.sec_txt3 {font-size:24px;font-weight: 300;line-height: 1.6;color: #222;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;}


.main .footer_all_wrap {display: none;}
.main .main_sec_03_wrap  .footer_all_wrap {display: block;}

.scroll .header_all_wrap {box-shadow: 0px 0px 10px #77777730;background-color: #fff;}
.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: #4cb6d3}

.open .header_all_wrap {box-shadow: 0px 0px 10px #77777730;background-color: #fff;}
.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 .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: #4cb6d3}


.w_tp .header_all_wrap {background-color: #fff;}
.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: #4cb6d3}



.mob_vid{display: none;}









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

.sec_wrap {padding: 160px 0}
.pt_non {padding-top: 0 !important;}
.main_visual { text-align: center; display: block; background-image: url(../images/main/main_01.png); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; }


@keyframes sizeup {
	0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
	50% { transform: scale(1.03); -ms-transform: scale(1.03); -webkit-transform: scale(1.1); }
	100% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
}

@keyframes sizeup2 {
	0% { transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); }
	50% { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }
	100% { transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); }
}

.main_visual img { width: 100%; }
.main_visual_wrap:hover .main_visual img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 30s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: all 30s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -webkit-transition: all 30s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -o-transition: all 30s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

#myVideo { position: absolute; left: 0; bottom: 0; top: 0; right: 0; width: 100%; height: 100%; background-size: 100% 100%; background-color: black; background-position: center center; background-size: contain; object-fit: cover; z-index: 3; }

.sub_video { position: absolute; left: 0; bottom: 0; top: 0; right: 0; width: 100%; height: 100%; background-size: 100% 100%; background-color: black; background-position: center center; background-size: contain; object-fit: cover; z-index: 3; }

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

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


.more_btn_wrap :hover {padding-right: 45px;}
.more_btn_wrap .more_btn_a { display: inline-block; position: relative; padding: 0 50px 0 0; top: 0px; left: 0px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; font-size: 16px; }
.more_btn_wrap .more_btn_a:after { content: ""; position: absolute; right: 0px; top: 50%; width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #222; margin-top: -5px; }
.more_btn_wrap .more_btn_a:before {content: "";position: absolute;right: 1px;top: 50%; width: 25px;height: 1px;background-color: #222;margin-top: -1px;}
.more_btn_wrap .more_btn_a span {display: inline-block;position: relative;top: 0px;left: 0px; font-size:16px; font-weight: 500;color: #222; padding: 10px 0}
.more_btn_wrap .more_btn_a:hover {padding-right: 45px;}

.sec_bumo {position: relative;top: 0px;left: 0px;}
.sec_bumo:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}

.opa4 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);opacity: 0.4;}
.opa6 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);opacity: 0.6;}
.opa8 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);opacity: 0.8;}

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


.sec_logo_tit { width: 170px; display: inline-block; height: auto; line-height: 1; }







.sec_all_wrap .section {overflow: hidden;}



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

.main_sec_01_bg { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 1; background-color: #000; }
.main_sec_01_in {position: relative;top: 0px;left: 0px;z-index: 2;width: 100%; padding-top: 100px; margin: 0 auto;}
.main_sec_01_con_in {overflow: visible;}
.main_sec_01_in * {color: #fff;}

.main_sec_01_con_wrap {padding-top: 100px;}
.main_sec_01_con_left { position: relative; left: 50%; transform: translateX(-37%); margin: 0 auto; display: inline-block; }
.main_sec_01_con_left_in{ position: relative; width: 100%;max-width:100%; height: auto; overflow-x: hidden; overflow-y: hidden;}
.main_sec_01_in .sec_tit5{white-space: nowrap; will-change: transform; line-height: 1.2; }

.flow-text { white-space: nowrap; overflow: hidden; transition: 0.3s; }
.flow-text:hover .flow-wrap { animation-play-state: paused; cursor: pointer; }
.flow-wrap { animation: textLoop 10s linear infinite; padding-right: 1.4881vw; }
.flow-wrap:last-child{animation: textLoop2 10s linear infinite; padding-left: 1.4881vw;}
  
  @keyframes textLoop {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }
  @keyframes textLoop2 {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(100%, -0, 0);
      transform: translate3d(100%, 0, 0);
    }
  }

.main_sec_01_con_right{position: relative; top: 0; left: 0; padding-top: 100px;}
.visual_3box_wrap_in{position: relative; margin: 0 auto; width: 100%; max-width: 1400px;}
.visual_3box_wrap_in{display: flex; gap: 30px;}
.visual_box_wrap{position: relative; top: 0; left: 0; width: 33.33%; height: 600px;}
.visual_box_bg{position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;z-index: 1;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.visual_box_01 .visual_box_bg{background-image:url(../images/main/visual_box_01.jpg);filter: brightness(0.8);}
.visual_box_02 .visual_box_bg{background-image:url(../images/main/visual_box_02.jpg);}
.visual_box_03 .visual_box_bg{background-image:url(../images/main/visual_box_03.jpg);}


.visual_box_01_wrap,.visual_box_03_wrap{margin-top: 150px;}
.visual_box_in{position: absolute; left: 50px; bottom: 35px; z-index: 100;}

.box_btn { display: inline-block; padding-right: 30px; line-height: 30px; position: relative; }
.btn_arr { display: inline-block; width: 30px; height: 30px; right: -10px; border-radius: 100px; background-color: #fff; line-height: 50px; margin-left: 20px; position: absolute; top: 50%; background-repeat: no-repeat; background-position: center center; background-size: 13px; background-image: url(../images/common/btn_arr.svg); transform: translateY(-50%); }
.box_btn:hover .btn_arr{animation-duration: 1s;
    animation: bounce 1s;animation-iteration-count : 2; }

@keyframes bounce {
    0% {
        right: -10px;
    }
    50% {
        right: -20px;
    }
    100% {
        right: -10px;
    }
    }
@keyframes bounce2 {
    0% {
        top: 10px;
    }
    50% {
        top: 0px;
    }
    100% {
        top: 10px;
    }
}
.main_sec_02_bg { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 1; background-color: #000; }
.main_sec_02_in {position: relative;top: 0px;left: 0px;z-index: 2;width: 100%;  max-width: 1400px; margin: 0 auto;}
.main_sec_02_con_in {overflow: visible;}
.main_sec_02_in * {color: #fff;}
.main_sec_02_in .sec_tit2 {color: #51cdff;}
.main_sec_02_in .sec_tit2 * {color: #51cdff;}

.main_sec_02_con_wrap{position: relative; top: 0; left: 0;}
.main_sec_02_con_left{position: relative; top: 0; left: 0;}
.article_wrap{position: relative;  top: 0; left: 0;z-index: -10;}
.article_bg {position: relative;top: 0px;left: 0px;bottom: 0px;right: 0px;
background-repeat: no-repeat;background-position: center center;background-size: contain; height: 600px; background-image: url(../images/main/main_article.svg);
animation-duration: 10s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: sizeup;
}
.part_con{position: absolute;width: 26%;}
.part_con.animated { animation-duration: 1.5s;animation-name: fadeIn; }
.part_con_01{top: 0px;right: 50%;margin-right: 340px;animation-delay: 0.5s;}
.part_con_02 {top: 25%;right: 50%;margin-right: 220px;animation-delay: 1.2s;}
.part_con_03{top: 55%;right: 50%;margin-right: 340px;animation-delay: 1.8s;}
.part_con_04{top: 85%;right: 50%;margin-right: 200px;animation-delay: 2.6s;}
.part_con_05{top: 10%;left: 50%;margin-left: 510px;animation-delay: 0.7s;}
.part_con_06 {top: 45%;left: 50%;margin-left: 330px;animation-delay: 1.4s;}
.part_con_07{top: 65%;left: 50%;margin-left: 520px;animation-delay: 2.1s;}
.part_con_08{top: 80%;left: 50%;margin-left: 300px;animation-delay: 2.8s;}

.part_con_01::after { content: ''; display: inline-block; width: 240px; height: 1px; background-color: #4cb6d3; position: absolute; top: 50%; right: -100px; }
.part_con_02::after {content: '';display: inline-block;width: 80px;height: 1px;background-color: #4cb6d3;position: absolute;top: 50%;right: 50px;}
.part_con_03::after { content: ''; display: inline-block; width: 240px; height: 1px; background-color: #4cb6d3; position: absolute; top: 50%; right: -100px; }
.part_con_04::after {content: '';display: inline-block;width: 240px;height: 1px;background-color: #4cb6d3;position: absolute;top: 50%;right: -80px;}
.part_con_05::after {content: '';display: inline-block;width: 220px;height: 1px;background-color: #4cb6d3;position: absolute;top: 50%;left: -210px;}
.part_con_06::after {content: '';display: inline-block;width: 120px;height: 1px;background-color: #4cb6d3;position: absolute;top: 50%;left: -100px;}
.part_con_07::after {content: '';display: inline-block;width: 240px;height: 1px;background-color: #4cb6d3;position: absolute;top: 50%;left: -270px;}
.part_con_08::after {content: '';display: inline-block;width: 120px;height: 1px;background-color: #4cb6d3;position: absolute;top: 50%;left: -100px;}

.part_con_01::before{content: '';display: inline-block;width: 80px;height: 1px;background-color: #4cb6d3;transform: rotate(45deg);position: absolute;top: 47px;right: -168.5px;}
.part_con_02::before{content: '';display: inline-block;width: 50px;height: 1px;background-color: #4cb6d3;transform: rotate(148deg);position: absolute;top: 7px;right: 3.5px;}
.part_con_04::before{content: '';display: inline-block;width: 80px;height: 1px;background-color: #4cb6d3;transform: rotate(35deg);position: absolute;top: 43px;right: -153.5px;}
.part_con_05::before{content: '';display: inline-block;width: 80px;height: 1px;background-color: #4cb6d3;transform: rotate(325deg);position: absolute;top: 43px;left: -282.5px;}
.part_con_08::before{content: '';display: inline-block;width: 40px;height: 1px;background-color: #4cb6d3;transform: rotate(125deg);position: absolute;top: 37px;left: -131.5px;}


.main_sec_02_wrap{padding: 100px 0;}

.main_sec_03_wrap {height: auto!important}
.main_sec_03_wrap .fp-tableCell {height: auto!important}


.bt_sec_wrap {width: 100%;position: relative;top: 0px;left: 0px;}
.bt_sec_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.bt_sec_box {float: left;width: 50%;overflow: hidden;position: relative;top: 0px;left: 0px;}
.bt_sec_box_bg_wrap {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-repeat: no-repeat;background-position: center center;;background-size: cover;z-index: 1}
.bt_sec_box_in {position: relative;top: 0px;left: 0px;width: 100%;height: 440px;z-index: 2;text-align: center;}
.bt_sec_box_in:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.bt_sec_box_inner {vertical-align: middle;display: inline-block;color: #fff;width: 100%;padding: 0 20px;position: relative;top: 0px;left: 0px;text-align: left;z-index: 2;max-width: 700px;}
.bt_sec_box_bg_wrap {
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;
}


.bt_sec_box_01 .bt_sec_box_bg_wrap {background-image: url(../images/main/bt_sec_box_01.jpg);}
.bt_sec_box_02 .bt_sec_box_bg_wrap {background-image: url(../images/main/bt_sec_box_02.jpg);}

.bt_sec_box_02 .bt_sec_box_inner {text-align: right;}
.bt_sec_wrap * {color: #fff;}

.bt_sec_wrap .more_btn_wrap .more_btn_a span {color: #fff;}
.bt_sec_wrap .more_btn_wrap .more_btn_a:before {background-color: #fff;}
.bt_sec_wrap .more_btn_wrap .more_btn_a:after {border-left-color: #fff;}



.white_btn.more_btn_wrap * {color: #fff;}
.white_btn.more_btn_wrap .more_btn_a span {color: #fff;}
.white_btn.more_btn_wrap .more_btn_a:before {background-color: #fff;}
.white_btn.more_btn_wrap .more_btn_a:after {border-left-color: #fff;}

/* 

.main_sec_01_slider .item {background-color: #ebeaea; border-radius: 15px;overflow: hidden;padding: 30px;display: block;}
.item_label {font-size: 22px; color: #222}
.item_link {text-align: right;}
.item_link a {display: inline-block;padding: 0 30px;position: relative;top: 0px;left: 0px;}
.item_link a: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}
.item_img {padding: 50px 0; text-align: center;}
 */


/*슬라이드*/
.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:51px; height: 88px;margin-top: -44px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.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.3;text-align: center;color: #333;padding: 5px 0;}
.item_tit_kr {font-size:16px;font-weight: 300;line-height: 1.3;text-align: center;color: #666;padding: 5px 0}
.owl-carousel .owl-item .item_img img {width: initial;}





/*Footer*/
.footer_all_wrap {width: 100%;background-color: #111;color: #666}
.footer_wrap {width: 100%;padding: 80px 20px 100px;}
.footer_con_wrap {width: 100%; max-width: 1400px;display: flex; margin: 0 auto;position: relative;top: 0px;left: 0px;}
.footer_left {width: 100%;position: relative;top: 0px;left:0px; }
.footer_left:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.footer_logo { position: relative; top: 0px; left: 0px; display: inline-block; width: 180px; padding-bottom: 50px; }
.footer_info_wrap {width: 100%;}
.footer_info {font-size:14px; line-height: 1.8; }
.footer_info .sec_tit b {color: #ccc;font-weight: 400;padding-right: 5px;}
.footer_info .sec_txt{color: #777777; font-weight: 300; }
.footer_info b{padding-right: 20px;}
.tel_info_wrap{display: flex; gap: 20px;}
.footer_copy {padding-top: 30px;}

.footer_right { float: left; display: flex; flex-direction: row; width:60%; justify-content: space-between; }
.footer_right .menu {float: left;padding: 0 10px;}
.footer_right .menu_a {font-size: 18px; line-height: 1.6; font-weight: 500; color: #fff;white-space: nowrap;}
.footer_right .menu_a:hover{color: #4cb6d3;}
.footer_right .sub_menu_a:hover{color: #4cb6d3;}
.footer_right .sub_menu_wrap{padding-top: 20px;}
.footer_right .sub_menu_a { color: #888; font-size: 16px; display: inline-block; font-weight: 300; padding: 5px 0; }

.footer_go_wrap{display: inline-flex;gap: 10px;flex-wrap: wrap;align-items: center;}
.ft_go_btn_a:hover{background-color: #4cb6d3;}
.ft_go_btn_a{position: relative;display: block;color: #fff;background-color: #333333;padding: 15px 60px 15px 15px;}
.ft_go_btn_arr { display: inline-block; width: 30px; height: 30px; line-height: 50px; margin-left: 20px; position: absolute; top: 50%; background-repeat: no-repeat; background-position: center center; background-size: 13px; background-image: url(../images/common/btn_arr_w.svg); transform: translateY(-50%);}




/*서브메뉴*/

.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: #4cb6d3; color: #fff; border-color: #4cb6d3;}
.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: #4cb6d3;}
/*.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: #4cb6d3}
.line_nav_box_01:hover .line_nav_target .menu_a:after {}
.line_nav_box_01:hover .line_nav_menu {display: block;}
.line_nav_box_02 {overflow: hidden;height: 50px;}
.line_nav_box_02 .line_nav_target .menu_a {display: none; }
.line_nav_box_02 .line_nav_target .sub_menu {display: none;}
.line_nav_box_02 .line_nav_target .sub_menu.active {display: block;}
.line_nav_box_02 .line_nav_target .sub_menu_a {display: block; padding: 0 50px 0 25px; height: 50px; line-height: 50px;font-size: 15px;min-width: 180px;position: relative;top: 0px;left: 0px;color: #fff;}
.line_nav_box_02 .line_nav_target .sub_menu_a:after {content: "";border-top:5px solid #fff;border-bottom:0px solid transparent;border-right: 5px solid transparent;border-left: 5px solid  transparent;width: 5px;height: 5px;display: block;position: absolute;top: 50%;right: 10px;}
.line_nav_box_02 .line_nav_menu {border-left: 1px solid #ddd; border-right: 1px solid #ddd;margin-left: -1px; left: 0px; right: 0px;  position: relative;top: 0px;border-top: 1px solid #ddd; }
.line_nav_box_02 .line_nav_menu .menu {display: none;}
.line_nav_box_02:hover {overflow: visible;}
.line_nav_box_02:hover .line_nav_menu {display: block;}
.line_nav_box_02:hover .line_nav_target .sub_menu_a {background-color: #4cb6d3}
.line_nav_box_02:hover .line_nav_target .sub_menu_a:after {}
.line_nav_box_02 .line_nav_menu .menu.active {display: block;}
.line_nav_box_02 .line_nav_menu .menu_a {display: none;}
.line_nav_box_02 .line_nav_menu .sub_menu_a {display: block; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #ddd;padding: 0 25px;font-size: 15px;color: #666}
.line_nav_box_02 .line_nav_menu .sub_menu_a:hover {background-color: #f7f7f7;color: #4cb6d3}
/*.line_nav_box_02 .line_nav_menu .sub_menu.active {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;}




/*제품*/
.pt_list_all_wrap {width: 100%;overflow: visible;padding: 40px 0}
.pt_list_wrap {margin-left: -40px;}
.pt_list_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.pt_list_box {float: left;width: 33.33%;width: calc(100%/3);padding-left: 40px;padding-bottom: 100px;position: relative;top: 0px;left: 0px;}
.pt_chk {position: absolute;top: 0px;left: 0px;}
.pt_list_info_wrap {padding: 20px;}
.pt_list_box .pt_list {display: block;position: relative;top: 0px;left: 0px;background-color: #fff;border: none;}
.pt_list_box .pt_list_img {position: relative;top: 0px;left:0px;overflow: hidden;}
.pt_list_box .pt_list_img img {width: 100%;max-width: 100%;transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;}
.pt_list_mask {position: absolute;top: 0px; left: 0px; right: 0px; bottom: 0px;
background-color: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.pt_list:hover .pt_list_mask {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
}
.pt_list:hover .pt_list_img img {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.pt_list_txt {height: 52px;width: 100%;position: relative;top: 0px;left: 0px;overflow: hidden;}
.pt_list_txt:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.pt_list_txt .pt_list_txt_in {vertical-align: middle;display: inline-block;line-height: 1.3;color: #333; font-weight: 600;font-size: 16px;width: 100%;}
.pt_list_txt .pt_list_txt_in span {width: 100%;display: block;line-height: 1.6; }
.pt_list_txt .pt_list_txt_in .pt_list_txt_en {font-size:14px; color: #666;padding-top: 5px;}

.pt_list_cate { font-size: 16px; color: #888;font-weight: 300; padding-bottom: 30px; }
.pt_list_date {font-size: 16px; color: #999;padding-top: 10px;}
.main_board_line_in {line-height: 1.6;}
.board_wrap {}
#bo_v_atc {padding: 20px;}

.sub_05_01 #bo_cate{display: none;}


/*서브*/
.sub_wrap {width: 100%;position: relative;top: 0px;left: 0px;}
.sub_wrap > div {position: relative;top: 0px;left: 0px;z-index: 800;}
.sub_wrap > div.line_all_wrap {z-index: 850;}
.sub_wrap .sec_wrap  {overflow: hidden;}
.sub_visual_all_wrap {width: 100%;background-repeat: no-repeat;background-position: center top; padding:0px 20px;background-size: cover;z-index: 900!important;overflow: hidden;}
.sub_visual_bg {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background-repeat: no-repeat;background-position: center center;background-size: cover;z-index: 1;}
.sub_visual_bg {
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;
}


.sub_visual_wrap {width: 100%;max-width: 1400px; margin: 0 auto;position: relative;top: 0px;left: 0px;z-index: 2;}
.sub_visual_txt {padding-bottom: 20px;padding-top: 50px;font-size: 48px;color: #fff;;font-weight: 700;text-transform: uppercase;}
.sub_visual_txt a {font-size: 48px;color: #fff;;font-weight: 700;}
.sub_visual_txt .menu {display: none;}
.sub_visual_txt .menu.active {display: block;}
.sub_visual_txt .menu_a {display: block;}
.sub_visual_txt .sub_menu_wrap {display: none;}
.sub_visual_txt .sub_menu {display: none;}
.sub_visual_txt .sub_menu.active {display: block;}
.sub_visual_txt2 {font-size:16px; color: #fff;line-height: 1.3;font-weight: 300;display: none;}
.sub_visual_txt2 b {font-weight: 700;}
.sub_visual_txt3{font-size: 18px;color: #888;font-weight: 200;line-height: 1.4;padding-top: 30px;}

.sub_01_01 .sub_visual_txt { display: none; }
.sub_01_01 .sub_visual_txt a {display: none;}
.sub_01_01 .sub_visual_txt2 {display: block; font-size:36px; color: #fff;line-height: 1.3; letter-spacing: -0.05em; font-weight: 400;}
.sub_01_01 .sub_visual_box { padding: 500px 0 250px; }
.sub_01_02 .sub_visual_box { padding: 300px 0 300px; max-width: 1100px; margin: 0 auto; }

.sub_01_03 .sub_visual_box { padding: 140px 0 100px; }
.sub_01_03 .sub_visual_txt { padding-bottom: 20px; padding-top: 50px; font-size: 48px; color: #000;; font-weight: 700; text-transform: inherit; }
.sub_01_03 .sub_visual_txt a { font-size: 48px; color: #000;; font-weight: 700; }
.sub_01_03 .sub_visual_txt .menu { display: none; }
.sub_01_03 .sub_visual_txt .menu.active { display: block; }
.sub_01_03 .sub_visual_txt .menu_a { display: block; font-size: 20px; color: #4cb6d3; padding-bottom: 15px; }
.sub_01_03 .sub_visual_txt .sub_menu_wrap { display: block; }
.sub_01_03 .sub_visual_txt .sub_menu { display: none; }
.sub_01_03 .sub_visual_txt .sub_menu.active { display: block; }
.sub_01_03 .sub_visual_txt2 { font-size: 16px; color: #666; line-height: 1.3; font-weight: 300; display: block; }
.sub_01_03 .sub_visual_txt2 b { font-weight: 700; }

.sub_01_04 .sub_visual_box { padding: 140px 0 50px; }
.sub_01_04 .sub_visual_txt { padding-bottom: 20px; padding-top: 50px; font-size: 48px; color: #000;; font-weight: 700; text-transform: inherit; }
.sub_01_04 .sub_visual_txt a { font-size: 48px; color: #000;; font-weight: 700; }
.sub_01_04 .sub_visual_txt .menu { display: none; }
.sub_01_04 .sub_visual_txt .menu.active { display: block; }
.sub_01_04 .sub_visual_txt .menu_a { display: block; font-size: 20px; color: #4cb6d3; padding-bottom: 15px; }
.sub_01_04 .sub_visual_txt .sub_menu_wrap { display: block; }
.sub_01_04 .sub_visual_txt .sub_menu { display: none; }
.sub_01_04 .sub_visual_txt .sub_menu.active { display: block; }
.sub_01_04 .sub_visual_txt2 { font-size: 16px; color: #666; line-height: 1.3; font-weight: 300; display: block; }
.sub_01_04 .sub_visual_txt2 b { font-weight: 700; }



.sub_01_05 .sub_visual_box { padding: 50px 0; }
.sub_01_05 .sub_visual_txt { display: none; }
.sub_01_05 .sub_visual_txt a {display: none;}
.sub_01_05 .sub_visual_txt2 {display: none; }

.sub_02_01 .sub_visual_box { padding: 670px 0 150px; }
.sub_02_01 .sub_visual_txt { padding-bottom: 20px; padding-top: 50px; font-size: 48px; color: #000;; font-weight: 700; text-transform: inherit; }
.sub_02_01 .sub_visual_txt a { font-size: 48px; color: #000;; font-weight: 700; }
.sub_02_01 .sub_visual_txt .menu { display: none; }
.sub_02_01 .sub_visual_txt .menu.active { display: block; }
.sub_02_01 .sub_visual_txt .menu_a { display: block; font-size: 20px; color: #4cb6d3; padding-bottom: 15px; }
.sub_02_01 .sub_visual_txt .sub_menu_wrap { display: block; }
.sub_02_01 .sub_visual_txt .sub_menu { display: none; }
.sub_02_01 .sub_visual_txt .sub_menu.active { display: block; }
.sub_02_01 .sub_visual_txt2 { font-size: 16px; color: #666; line-height: 1.4; font-weight: 300; display: block; }
.sub_02_01 .sub_visual_txt2 b { font-weight: 700; }
.sub_02_01_01 .sub_visual_box { padding: 140px 0 50px; text-align: left;}
.sub_02_01_01 .sub_visual_txt { padding-bottom: 20px; padding-top: 50px; font-size: 48px; color: #000; font-weight: 700; text-transform: inherit; }
.sub_02_01_01 .sub_visual_all_wrap{background-color: #fff!important;}
.sub_02_01_01 .sub_visual_txt2 {display: none;}



.sub_02_02 .sub_visual_box { padding: 670px 0 150px; }
.sub_02_02 .sub_visual_txt { padding-bottom: 20px; padding-top: 50px; font-size: 48px; color: #000;; font-weight: 700; text-transform: inherit; }
.sub_02_02 .sub_visual_txt a { font-size: 48px; color: #000;; font-weight: 700; }
.sub_02_02 .sub_visual_txt .menu { display: none; }
.sub_02_02 .sub_visual_txt .menu.active { display: block; }
.sub_02_02 .sub_visual_txt .menu_a { display: block; font-size: 20px; color: #4cb6d3; padding-bottom: 15px; }
.sub_02_02 .sub_visual_txt .sub_menu_wrap { display: block; }
.sub_02_02 .sub_visual_txt .sub_menu { display: none; }
.sub_02_02 .sub_visual_txt .sub_menu.active { display: block; }
.sub_02_02 .sub_visual_txt2 { font-size: 16px; color: #666; line-height: 1.4; font-weight: 300; display: block; }
.sub_02_02 .sub_visual_txt2 b { font-weight: 700; }
.sub_02_02_01 .sub_visual_box { padding: 140px 0 50px; text-align: left;}
.sub_02_02_01 .sub_visual_txt { padding-bottom: 20px; padding-top: 50px; font-size: 48px; color: #000; font-weight: 700; text-transform: inherit; }
.sub_02_02_01 .sub_visual_all_wrap{background-color: #fff!important;}
.sub_02_02_01 .sub_visual_txt2 {display: none;}

.sub_02_03 .sub_visual_box { padding: 670px 0 150px; }
.sub_02_03 .sub_visual_txt { padding-bottom: 20px; padding-top: 50px; font-size: 48px; color: #000;; font-weight: 700; text-transform: inherit; }
.sub_02_03 .sub_visual_txt a { font-size: 48px; color: #000;; font-weight: 700; }
.sub_02_03 .sub_visual_txt .menu { display: none; }
.sub_02_03 .sub_visual_txt .menu.active { display: block; }
.sub_02_03 .sub_visual_txt .menu_a { display: block; font-size: 20px; color: #4cb6d3; padding-bottom: 15px; }
.sub_02_03 .sub_visual_txt .sub_menu_wrap { display: block; }
.sub_02_03 .sub_visual_txt .sub_menu { display: none; }
.sub_02_03 .sub_visual_txt .sub_menu.active { display: block; }
.sub_02_03 .sub_visual_txt2 { font-size: 16px; color: #666; line-height: 1.4; font-weight: 300; display: block; }
.sub_02_03 .sub_visual_txt2 b { font-weight: 700; }
.sub_02_03_01 .sub_visual_box { padding: 140px 0 50px; text-align: left;}
.sub_02_03_01 .sub_visual_txt { padding-bottom: 20px; padding-top: 50px; font-size: 48px; color: #000; font-weight: 700; text-transform: inherit; }
.sub_02_03_01 .sub_visual_all_wrap{background-color: #fff!important;}
.sub_02_03_01 .sub_visual_txt2 {display: none;}

.sub_03_01 .sub_visual_txt { display: none; }
.sub_03_01 .sub_visual_txt a {display: none;}
.sub_03_01 .sub_visual_txt2 {display: block; font-size:36px; color: #fff;line-height: 1.3; letter-spacing: -0.05em; font-weight: 400;}
.sub_03_01 .sub_visual_box { padding: 600px 0 150px; }

.sub_04_01 .sub_visual_box { padding: 140px 0 100px; }
.sub_04_01 .sub_visual_txt { padding-bottom: 20px; padding-top: 50px; font-size: 48px; color: #000;; font-weight: 700; text-transform: inherit; }
.sub_04_01 .sub_visual_txt a {  font-size: 20px; color: #4cb6d3; padding-bottom: 15px; }
.sub_04_01 .sub_visual_txt .menu { display: none; }
.sub_04_01 .sub_visual_txt .menu.active { display: block; }
.sub_04_01 .sub_visual_txt .menu_a { display: none; }
.sub_04_01 .sub_visual_txt .sub_menu_wrap { display: block; }
.sub_04_01 .sub_visual_txt .sub_menu { display: none; }
.sub_04_01 .sub_visual_txt .sub_menu.active { display: block; }
.sub_04_01 .sub_visual_txt2 { font-size: 48px; color: #000;; font-weight: 500; display: block; }
.sub_04_01 .sub_visual_txt2 b { font-weight: 700; }



.sub_05 .sub_visual_box { padding: 140px 0 100px; }
.sub_05 .sub_visual_txt { padding-bottom: 20px; padding-top: 50px; font-size: 20px; color: #4cb6d3;; font-weight: 700; text-transform: inherit; }
.sub_05 .sub_visual_txt a { display: block; font-size: 20px; color: #4cb6d3; padding-bottom: 15px; }
.sub_05 .sub_visual_txt .menu { display: none; }
.sub_05 .sub_visual_txt .menu.active { display: block; }
.sub_05 .sub_visual_txt .menu_a { display: block; font-size: 20px; color: #4cb6d3; padding-bottom: 15px; }
.sub_05 .sub_visual_txt .sub_menu_wrap { display: block; }
.sub_05 .sub_visual_txt .sub_menu { display: none; }
.sub_05 .sub_visual_txt .sub_menu.active { display: block; }
.sub_05 .sub_visual_txt2 { font-size: 48px; color: #000;; font-weight: 500; display: block; }
.sub_05 .sub_visual_txt2 b { font-weight: 700; }








.sub_03_01 .sub_visual_txt {text-align: left;}

.sub_visual_box {padding: 140px 0}
.sub_01_01 .sub_visual_bg {background-image: url(../images/sub/sub_01_01.jpg);}
.sub_01_01 .sub_visual_box::after{content: ''; display: block; width: 130%; opacity: 0.5;background-image: url(../images/sub/sms_line.svg); background-repeat: no-repeat; background-size: contain; position: absolute; left: 50%;bottom: 150px; transform: translateX(-50%); padding-bottom: 75px;}

.sub_01_02 .sub_visual_bg {background-image: url(../images/sub/sub_01_02.jpg);}


.sub_03 .sub_visual_bg {background-image: url(../images/sub/sub_03.jpg);}
.sub_03_02 .sub_visual_bg {background-image: url(../images/sub/sub_03_02.jpg);}
.sub_03_03 .sub_visual_bg {background-image: url(../images/sub/sub_03_03.jpg);}
.sub_03_04 .sub_visual_bg {background-image: url(../images/sub/sub_03_04.jpg);}

.sub_04 .sub_visual_bg {background-image: url(../images/sub/sub_04.jpg);}
.sub_04_02 .sub_visual_bg {background-image: url(../images/sub/sub_04_02.jpg);}




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

.txt_color{color: #4cb6d3!important;}
.txt_center {text-align: center;}
.bgap {height: 160px;}
.gap {height: 100px;}
.sgap {height: 50px;}
.ssgap {height: 25px;}
.sssgap {height: 15px;}
.ssssgap {height: 8px;}
.s5gap {height: 5px;}

.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:#0061AB}
.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}



.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: #4cb6d3; border-radius: 100px;}
.c_list_02 span {color: #a5272b;}


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

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




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


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




/*게시판*/
.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 #4cb6d3;display: inline-block;padding-bottom: 15px;padding-right: 10px;}
.s_board_label span {display: inline-block;font-size: 20px;color: #333;padding-right: 10px;}



/*카테고리*/

.b_view .s_cate_all_wrap,.b_write .s_cate_all_wrap {display: none;}
.s_cate_all_wrap {width: 100%}
.s_cate_wrap {width: 100%}
.s_cate_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.s_cate_wrap .menu {display: none;}
.s_cate_wrap .menu.active {display: block;width: 100%; overflow: hidden;}
.s_cate_wrap .menu_a {display: none;}
.s_cate_wrap .sub_menu_wrap {margin-left: -5px;}
.s_cate_wrap .sub_menu_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.s_cate_wrap .sub_menu {float: left; padding-left: 5px;}
.s_cate_wrap .sub_menu_a {height: 40px;line-height: 40px;padding: 0 15px; color: #999;border: 1px solid #eee;display: block;}
.s_cate_wrap .sub_menu_a.active, .s_cate_wrap .sub_menu_a:hover {background-color: #4cb6d3;border-color: #4cb6d3;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: #4cb6d3;border-color: #4cb6d3;}




/*------SUBPAGE------*/
.sec_in {width: 100%;max-width: 1400px;margin: 0 auto;position: relative;top: 0px;left: 0px;z-index: 2;/* overflow: hidden; */}

.sub_top_nav {width: 100%;border-bottom: 1px solid #ddd;display: none;}
.sub_top_nav .menu {display: none;}
.sub_top_nav .menu.active {display: block;}
.sub_top_nav .menu_a {display: none;}
.sub_top_nav .sub_menu_wrap {display: block;width: 100%;text-align: center;font-size: 0px;max-width: 1400px;margin: 0 auto;}
.sub_top_nav .sub_menu {display: inline-block;width: 20%;position: relative;top: 0px;left: 0px;}
.sub_top_nav .sub_menu_a {display: block;font-size: 16px;height: 70px;font-weight: 400;color: #666}

.sub_top_nav .sub_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.sub_top_nav .sub_menu_a span {vertical-align: middle;display: inline-block;line-height: 1.3;text-align: center;max-width: 100%;position: relative;top: 0px;left: 0px;word-break: keep-all;padding: 0 10px;}
/*.sub_top_nav .sub_menu:after {content: '';position: absolute;bottom: 0px;left: 50%;width: 0px; height: 2px; background-color: #000;-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;transform: translateX(-50%);}
.sub_top_nav .sub_menu:hover:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;width: 100%;}
.sub_top_nav .sub_menu.active:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;width: 100%;}
*/
.sub_top_nav .sub_menu:before { content: ''; position: absolute; bottom: -7px; left: 50%; width: 16px; height: 14px; -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; margin-left: -8px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(../images/common/sub_menu.png); }
.sub_top_nav .sub_menu:hover:before {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.sub_top_nav .sub_menu.active:before {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}

.sub_top_nav .sub_menu:hover .sub_menu_a {color: #4cb6d3;}
.sub_top_nav .sub_menu.active .sub_menu_a {color: #4cb6d3;}




/* greeting */
.s_sec_01_01_02_wrap {}
.s_sec_01_01_02_con_wrap {width: 100%;}
.s_sec_01_01_02_con_in{display: grid;grid-template-columns: 1fr 1fr 1fr;row-gap: 50px;width: 80%;}
.s_sec_01_01_02_box_txt_wrap{overflow: hidden;}
.s_sec_01_01_02_box_txt_01{font-size: 28px; font-weight: 500;color: #000; padding-bottom: 20px;}
.s_sec_01_01_02_box_line{width: 70%;height: 4px;background-color: #000;}
.s_sec_01_01_02_box_txt_02{font-size: 18px;font-weight: 300;line-height: 1.4;color:#777;padding-top: 20px;}
.s_sec_01_01_01_con_right {padding-bottom: 100px;}
.s_sec_01_01_01_con_left{position: relative;}
.s_sec_01_01_01_con_left_in{width: 150%; padding-bottom: 630px;}
.s_sec_01_01_01_con_left_img { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; width: 150%; background-image: url(../images/sub/s_sec_01_01_01_con_left_img.jpg); }

/* overview */
.s_sec_01_02_01_wrap *{color: #fff;}
.sms_view_title{color: #fff;}
.s_sec_01_02_01_bg { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 820px; z-index: -10; background-repeat: no-repeat; background-position: center center; background-size: contain; width: 100%; background-image: url(../images/sub/s_sec_01_02_01_bg.jpg); }
.s_sec_01_02_01_top_wrap {max-width: 1400px; margin: 0 auto; padding-bottom: 100px;}

.sms_view_title{font-size: 72px; font-weight: 600; line-height: 1.2; position: relative;}
.sms_tit { width: 60px; display: inline-block; line-height: 0.7; position: relative; bottom: 0; }
.sms_view_title_02 .sms_tit{width: 110px; line-height: 0.8;}
.s_sec_01_02_01_con_left {float: left;width: 50%;position: relative;top: 0px;left: 0px;text-align: right;}
.s_sec_01_02_01_con_right {float: right;width: 50%;}
.s_sec_01_02_01_con_left_in {padding-right:10%;}

.sms_view_title_01{margin-bottom: 70px; text-align: left; position: relative;}
.sms_view_title_02{margin-bottom: 70px; text-align: center;position: relative;}
.sms_view_title_03{ text-align: right;position: relative;}
.sms_view_title_01::after{content: '';display: inline-block;width: 70%;height: 1px;background-color: #ffffff3d;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.sms_view_title_02::after{content: '';display: inline-block;width: 20%;height: 1px;background-color: #ffffff3d;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.sms_view_title_02::before{content: '';display: inline-block;width: 20%;height: 1px;background-color: #ffffff3d;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.sms_view_title_03::after{content: '';display: inline-block;width: 60%;height: 1px;background-color: #ffffff3d;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}

.s_sec_01_02_01_wrap {background-color: #000;}
.sub_01_02 .scroll .arr { position: relative; width: 1px; height: 100px; background-color: #ffffff50; left: 50%; transform: translateX(-50%); }
.sub_01_02 .scroll .arr:after { position: absolute; top: 10px; left: 50%; content: ''; width: 3px; height: 20px; margin-left: -2px; border-radius: 100px; background-color: #4cb6d3; animation: scroll 1.3s infinite; }
.s_sec_01_02_01_top_wrap .sec_tit4 {line-height: 1.2;}
.s_sec_01_02_02_wrap{padding: 47px 0 150px;}
.s_sec_01_02_02_wrap {background-color: #000;}
.s_sec_01_02_02_wrap *{color: #fff;}
.btm_scr { position: relative!important; left: 0!important; top: 47px!important; }
.s_sec_01_02_02_in{position: relative;}
.s_sec_01_02_02_box_wrap {position: relative;display: flex;gap: 15px;align-items: center;justify-content: center;margin: 0 auto;max-width: 1400px;}
.s_sec_01_02_02_box_wrap::after { content: ''; display: block; width: 80%; border: 1px solid #555; border-radius: 500px; position: absolute; padding: 180px; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -100; }
.s_sec_01_02_02_box{width: 270px;height: 270px;display: flex;vertical-align: middle;border: 1px solid #555;border-radius: 500px;flex-direction: column;justify-content: center;align-items: center;background-color: #000;z-index: 100;}
.s_sec_01_02_02_box{position: relative;}
.s_sec_01_02_02_circle_wrap{position: relative; width: 270px;height: 270px;margin: 0 auto;background-color: #4cb6d3;display: flex;border-radius: 100%;vertical-align: middle;align-items: center;justify-content: center;margin-top: 47px;}
.s_sec_01_02_02_circle_wrap::after{content: ''; display: block; position: absolute; z-index: -999; margin: 0 auto;background-color: #4cb6d32d; border-radius: 100%; width: 400px; height: 400px; top: -24%; left: -24%;
    animation-duration: 5s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: sizeup2;
    z-index: -1;}
.s_sec_01_02_02_circle{width: 120px;}

.s_sec_01_02_02_box .left_top { position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip-path: polygon(0% 50%, 0% 0%, 50% 0, 50% 50%); }
.s_sec_01_02_02_box .left_top .bar { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 10; clip-path:polygon(0% 50%, 0% 0%, 50% 0, 50% 50%); }
.s_sec_01_02_02_box .left_bottom { position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip-path: polygon(0% 50%, 50% 50%, 50% 100%, 0% 100%); }
.s_sec_01_02_02_box .left_bottom .bar { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 10; clip-path:polygon(0% 50%, 50% 50%, 50% 100%, 0% 100%); }
.s_sec_01_02_02_box .mid_bottom { position: absolute; top: 0; left: 0; width: 100%; height: 100.5%; clip-path: polygon(0% 100%, 50% 50%, 100% 100%, 50% 100%); }
.s_sec_01_02_02_box .mid_bottom .bar { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 10; clip-path:polygon(0% 100%, 50% 50%, 100% 100%, 50% 100%);}
.s_sec_01_02_02_box .right_top { position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip-path:polygon(50% 50%, 50% 0%, 100% 0%, 100% 50%); }
.s_sec_01_02_02_box .right_top .bar { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 10; clip-path:polygon(50% 50%, 50% 0%, 100% 0%, 100% 50%);}
.s_sec_01_02_02_box .right_bottom { position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip-path: polygon(50% 50%, 100% 50%, 100% 100%, 50% 100%); }
.s_sec_01_02_02_box .right_bottom .bar { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 10; clip-path:polygon(50% 50%, 100% 50%, 100% 100%, 50% 100%);}
.s_sec_01_02_02_box .bar::after { content: ''; background-color: #000; display: inline-block; width: 95%; height: 95%; background-color: #000; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 12; }
.s_sec_01_02_02_box.animated .bar { background: #4cb6d3 !important; animation: right 1.5s linear 0.75s both;  }
.s_sec_01_02_02_box_txt_wrap{position: relative; z-index: 100;}

@keyframes left {
    0% { transform: rotate(0); }
    25% { transform: rotate(0); }
    100% { transform: rotate(90deg); }
    }
    @keyframes right {
    0% { transform: rotate(-91deg); }
    25% { transform: rotate(-91deg); }
    100% { transform: rotate(0deg); }
    }
    
      
.s_sec_01_02_03_wrap{background-color: #000;}
.s_sec_01_02_03_box{position: relative; top: 0; left: 0;}
.s_sec_01_02_03_box_bg_wrap{position: relative; top: 0; left: 0;height: 700px;}
.s_sec_01_02_03_box_bg{position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;width: 100%; background-repeat: no-repeat;background-position: top center;background-size: cover;}
.s_sec_01_02_03_box_01_bg{background-image: url(../images/sub/s_sec_01_02_03_box_01_bg.jpg);}
.s_sec_01_02_03_box_02_bg{background-image: url(../images/sub/s_sec_01_02_03_box_02_bg.jpg);}
.s_sec_01_02_03_box_03_bg{background-image: url(../images/sub/s_sec_01_02_03_box_03_bg.jpg);}
.s_sec_01_02_03_box_01{padding-bottom: 150px;}
.s_sec_01_02_03_box_left_wrap{float: left; width: 47%;}
.s_sec_01_02_03_box_right_wrap{float: right;width: 47%; padding-top: 450px;}
.s_sec_01_02_03_box *{color: #fff;}
.s_sec_01_02_03_box_txt_wrap{position: relative; display: block; padding: 50px 40px; background-color: #333;}



/*history*/
.sub_01_03 .sub_visual_all_wrap {overflow: visible !important;}
.s_sec_01_03_01_wrap {overflow: visible !important;}
.s_sec_01_03_01_con_wrap{position: relative; top: 0; left: 0;}
.his_con_all_wrap::after{content: ''; width: 2000px; height: 2px; background-color: #4cb6d3; position: absolute; top: 80px; left: 0;}
.his_con_all_wrap::before{content: '';width: 1760px;height: 280px;background-image: url(../images/sub/his_flow_bg.png);background-repeat: no-repeat;background-size: contain;background-position: left;position: absolute;top: -200px;left: 0;}

.his_con_wrap{display: flex;}
.his_con_box{width: 25%;}
.his_con_tit{font-size: 30px; font-weight: 600; line-height: 1.2; padding-bottom: 30px; color: #000;}
.his_con_pin{display: inline-block; width: 12px; height: 34px; background-color: #4cb6d3; text-align: left;}

.his_con_info_all_wrap{padding: 60px 0 0 80px;}
.his_con_info_all_wrap::after{content: '';display: inline-block;width: 1px;height: 105%;background-color: #ddd;position: absolute;top: -20px;left: 13%;}
.his_con_year{font-size: 36px; font-weight: 300;font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;color: #4cb6d3;padding-bottom: 20px; }
.his_con_info_tit{font-size: 24px; letter-spacing: -0.05em; line-height: 1.4; color: #000; }
.his_con_info_tit b{font-weight: 500; }
.his_con_info_con ul{padding-top: 20px;}
.his_con_info_txt{font-size: 16px;line-height: 1.6; color: #777; font-weight: 300; text-align: left; white-space: nowrap;}


/*location*/
.s_sec_01_04_01_con_left_in .map_wrap {font-size: 18px;position: relative;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.map_wrap{padding-bottom: 30px;}
.map_info_wrap{padding: 50px; background-color: #f9f9f9; display: flex;    align-items: center;}

.s_sec_01_04_01_con_logo_in{padding-right: 50px; position: relative;}
.s_sec_01_04_01_con_logo_in::after{content: ''; display: inline-block; width: 1px; height: 80px; background-color: #ddd; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.s_sec_01_04_01_con_logo {width: 150px;}
.s_sec_01_04_01_con_right {float: right;width: 45%;}
.s_sec_01_04_01_con_right_in {float: right;width: 100%;max-width: 700px;}
.s_sec_01_04_01_con_left {float: left;width: 50%;position: relative;top: 0px;bottom: 0px;right: 0px;}
.s_sec_01_04_01_con_left_in {position: relative;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.s_sec_01_04_01_con_info_in{padding-left: 50px;}

.s_sec_01_04_01_con_info_box {position: relative;top: 0px;left: 0px;font-size: 16px; line-height: 1.4;}
.s_sec_01_04_01_con_info_box:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.s_sec_01_04_01_con_info_box_label{float: left; width: 80px; text-align: left; padding-right: 10px; line-height: 1.4; font-weight: 300; color: #888;}
.s_sec_01_04_01_con_info_box_desc{float: left; color: #000;}



/*partners*/
.sub_01_05 .sec_all_wrap{background-color: #000;}
.s_sec_01_05_wrap *{color: #fff;}
.s_sec_01_05_01_con_right { padding: 350px 0 180px; }
.s_sec_01_05_bg{position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background-image: url(../images/sub/s_sec_01_05_bg.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;z-index: 1;
    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;
    z-index: -1;}
.s_sec_01_05_02_con_in{text-align: center;display: flex;width: 100%;margin: 0 auto;max-width: 700px;flex-wrap: wrap;row-gap: 10px;column-gap: 10px;justify-content: flex-start;}
.s_sec_01_05_02_box{width: 32.3%;padding: 30px 0;border: 1px solid #ffffff33;}



/*business - powertrain*/
.sub_02_01.w_tp .header_all_wrap { background-color:transparent; }
.sub_02_01 .open .header_all_wrap { background-color:#fff; }
.sub_02_01 .scroll .header_all_wrap { background-color:#fff; }
.sub_02_01 .sub_visual_all_wrap{background-color: #eee;}
.sub_02_01 .sub_visual_object {position: absolute;top: 250px;left: 36%;bottom: 0px;right: 0px;width: 460px;/* transform: translateX(-50%); */height: 1390px;background-image: url(../images/sub/sub_02_01_visual_object.png);background-repeat: no-repeat;background-position: center center;background-size: contain;z-index: 2;}
.sub_02_01 .sub_visual_obj_txt{position: absolute; color: #fff; font-size: 300px; font-weight: 600; transform: rotate(270deg);display: inline-block;z-index: 1;}
.sub_02_01 .sub_visual_obj_txt_01 {top: -30%;left: -17%;}
.sub_02_01 .sub_visual_obj_txt_02 {bottom: -40%;right: -20%;}

.s_sec_02_01_01_wrap {background-color: #4cb6d3;}
.s_sec_02_01_01_wrap * {color: #fff;}
.s_sec_02_01_01_in {z-index: 200;}
.s_sec_02_01_01_bg {position: absolute;top: 0;left: 33.5%;bottom: 0px;right: 0px;width: 460px;height: 1390px;background-image: url( ../images/sub/sub_02_01_visual_object.png);background-repeat: no-repeat;background-position: center center;background-size: contain;z-index: -10;}
.s_sec_02_01_01_01_con_wrap {width: 100%;padding-top: 80px;}
.s_sec_02_01_01_02_wrap:after { content: ''; display: block; width: 430px; height: 950px; background-color: #ffffff15; position: absolute; left: 50%; transform: translateX(-50%); bottom: -50%; z-index: -1000; background-blend-mode: multiply; }
.s_sec_02_01_01_01_con_left_wrap{float: left; width: 50%;}
.s_sec_02_01_01_01_con_right_wrap { float: right; width: 50%; margin-top: -244px; text-align: right; }

.s_sec_02_01_01_01_box{padding-bottom: 20px; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.s_sec_02_01_01_01_box_in {position: relative; top: 0px; left: 0px; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.s_sec_02_01_01_01_box_in:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.s_sec_02_01_01_01_box_pdt{float: left;}
.s_sec_02_01_01_01_box_info { float: left; padding-left: 20px; }
.s_sec_02_01_01_01_box_label { font-size: 18px; padding-bottom: 10px; }
.s_sec_02_01_01_01_box_desc { color: #000; font-size: 24px; line-height: 1.4; font-weight: 600; }
.s_sec_02_01_01_01_box_info{display: none;}
.s_sec_02_01_01_01_box_in{display: inline-flex;padding: 25px;background-color: #ffffff46;border-radius: 15px;align-items: center;}
.s_sec_02_01_01_01_con_right_wrap .s_sec_02_01_01_01_box_in{ flex-direction: row-reverse;}
.s_sec_02_01_01_01_con_right_wrap .s_sec_02_01_01_01_box_info { float: left; padding-left: 0; padding-right: 20px; text-align: right; }
.s_sec_02_01_01_01_box:hover .s_sec_02_01_01_01_box_in{background-color: #fff;}
.s_sec_02_01_01_01_box:hover .s_sec_02_01_01_01_box_info{display: block;}

.s_sec_02_01_01_02_wrap{padding-top: 100px; position: relative; top: 0; left: 0;}
.s_sec_02_01_01_02_in{position: relative; z-index: 10;}

.s_sec_02_01_01_02_con {padding-top: 200px;}
.s_sec_02_01_01_02_con:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.s_sec_02_01_01_02_con_left {float: left;width: 50%;}
.s_sec_02_01_01_02_con_right {float: right;width: 50%;}
.s_sec_02_01_01_02_con_right_in {padding-top: 200px;padding-left: 80px;}

.pdt_view_all_wrap {padding: 0 0 150px;}
.pdt_sub_list{font-size: 24px; font-weight: 600; display: inline-block; padding: 20px 0;color: #888;}
.pdt_sub_list_wrap.active .pdt_sub_list { color: #4cb6d3; position: relative;}
.pdt_sub_list_wrap.active .pdt_sub_list::after{content: ''; width: 100%; height: 2px; position: absolute; bottom: -1px; background-color: #4cb6d3;}
.pdt_sub_nav{display: flex; gap: 30px;}
.pdt_sub_nav_wrap{width: 100%; border-bottom: 1px solid #ddd;}
.pdt_view_con { padding-top: 50px; }
.pdt_box_wrap_in { display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; gap: 20px; }
.pdt_box { display: inline-block; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.pdt_box:hover {background-color: #4cb6d3;}
.pdt_box:hover .pdt_tit_name{ color: #fff;}
.pdt_box { padding: 30px 30px; width: 100%; height: 100%; background: #f5f5f5;-webkit-transition: all 0.3s ease;transition: all 0.3s ease; }
.pdt_tit_name{font-weight: 600;}

.sub_02_01_01 .pdt_box_wrap_01 .pdt_box:last-child{ grid-column: 3 / 5; width: 100%; height: 100%; overflow: hidden; position: relative;}
.sub_02_01_01 .pdt_box_wrap_01 .pdt_box:last-child{background: transparent;}
.sub_02_01_01 .pdt_box_wrap_01 .pdt_box:last-child:hover{background-color: transparent;}
.sub_02_01_01 .pdt_box_wrap_01 .pdt_box:last-child:hover .pdt_box_2_img { 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; z-index: -1; }
.sub_02_01_01 .pdt_box_wrap_01 .pdt_box:last-child .pdt_box_2_img{position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background-image: url(../images/sub/pdt_box_2_img_01.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;z-index: 1;}



/*business - EV Products*/
.sub_02_02.w_tp .header_all_wrap { background-color:transparent; }
.sub_02_02 .open .header_all_wrap { background-color:#fff; }
.sub_02_02 .scroll .header_all_wrap { background-color:#fff; }
.sub_02_02 .sub_visual_all_wrap{background-color: #eee;}
.sub_02_02 .sub_visual_object {position: absolute;top: 250px;left: 33%;bottom: 0px;right: 0px;width: 650px;/* transform: translateX(-50%); */height: 1300px;background-image: url(../images/sub/sub_02_02_visual_object.png);background-repeat: no-repeat;background-position: center center;background-size: contain;z-index: 2;}
.sub_02_02 .sub_visual_obj_txt{position: absolute; color: #fff; font-size: 300px; font-weight: 600; transform: rotate(270deg);display: inline-block;z-index: 1;}
.sub_02_02 .sub_visual_obj_txt_01 {top: 0%;left: -1%;}
.sub_02_02 .sub_visual_obj_txt_02 {bottom: 0%;right:0;}

.s_sec_02_02_01_wrap {background-color: #4cb6d3;}
.s_sec_02_02_01_wrap * {color: #fff;}
.s_sec_02_02_01_in {z-index: 200;}
.s_sec_02_02_01_bg { position: absolute; top: 0px; left:28.8%; bottom: 0px; right: 0px; width: 650px; height: 1300px; background-image: url( ../images/sub/sub_02_02_visual_object.png); background-repeat: no-repeat; background-position: center center; background-size: contain; z-index: -10; }
.s_sec_02_02_01_01_con_wrap {width: 100%;padding-top: 80px;}
.s_sec_02_02_01_02_wrap:after { content: ''; display: block; width: 430px; height: 950px; background-color: #ffffff15; position: absolute; left: 34.8%; bottom: -50%; z-index: -1000; background-blend-mode: multiply; }
.s_sec_02_02_01_01_con_left_wrap{float: left;width: 50%;}
.s_sec_02_02_01_01_con_right_wrap { float: right;width: 50%; text-align: right; }
.s_sec_02_02_01_01_box{padding-bottom: 20px; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.s_sec_02_02_01_01_box_in {position: relative; top: 0px; left: 0px; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.s_sec_02_02_01_01_box_in:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.s_sec_02_02_01_01_box_pdt{float: left;}
.s_sec_02_02_01_01_box_info { float: left; padding-left: 20px; }
.s_sec_02_02_01_01_box_label { font-size: 18px; padding-bottom: 10px; }
.s_sec_02_02_01_01_box_desc { color: #000; font-size: 24px; font-weight: 600; }
.s_sec_02_02_01_01_box_info{display: none;}
.s_sec_02_02_01_01_box_in{display: inline-flex;padding: 25px;background-color: #ffffff46;border-radius: 15px;align-items: center;}
.s_sec_02_02_01_01_box:hover .s_sec_02_02_01_01_box_in{background-color: #fff;}
.s_sec_02_02_01_01_box:hover .s_sec_02_02_01_01_box_info{display: block;}

.s_sec_02_02_01_01_con_right_wrap .s_sec_02_02_01_01_box_in{ flex-direction: row-reverse;}
.s_sec_02_02_01_01_con_right_wrap .s_sec_02_02_01_01_box_info { float: left; padding-left: 0; padding-right: 20px; text-align: right; }

.s_sec_02_02_01_02_wrap{padding-top: 100px; position: relative; top: 0; left: 0;}
.s_sec_02_02_01_02_in{position: relative; z-index: 10;}

.s_sec_02_02_01_02_con {padding-top: 200px;}
.s_sec_02_02_01_02_con:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.s_sec_02_02_01_02_con_left {float: left;width: 50%;}
.s_sec_02_02_01_02_con_right {float: right;width: 50%;}
.s_sec_02_02_01_02_con_right_in {padding-top: 200px;padding-left: 80px;}

.sub_02_02_01 .pdt_box_wrap_03 .pdt_box:last-child{ grid-column: 3 / 5; width: 100%; height: 100%; overflow: hidden; position: relative;}
.sub_02_02_01 .pdt_box_wrap_03 .pdt_box:last-child {background: transparent;}
.sub_02_02_01 .pdt_box_wrap_03 .pdt_box:last-child:hover{background-color: transparent;}
.sub_02_02_01 .pdt_box_wrap_03 .pdt_box:last-child:hover .pdt_box_2_img { 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; z-index: -1; }
.sub_02_02_01 .pdt_box_wrap_03 .pdt_box:last-child .pdt_box_2_img{position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background-image: url(../images/sub/pdt_box_2_img_02.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;z-index: 1;}



/*business - Aerospace*/
.sub_02_03.w_tp .header_all_wrap { background-color:transparent; }
.sub_02_03 .open .header_all_wrap { background-color:#fff; }
.sub_02_03 .scroll .header_all_wrap { background-color:#fff; }
.sub_02_03 .sub_visual_all_wrap{background-color: #eee;}
.sub_02_03 .sub_visual_object {position: absolute;top: 300px;left: 18%;bottom: 0px;right: 0px;width: 1120px;/* transform: translateX(-50%); */height: 1035px;background-image: url(../images/sub/sub_02_03_visual_object.png);background-repeat: no-repeat;background-position: center center;background-size: contain;z-index: 2;}
.sub_02_03 .sub_visual_obj_txt{position: absolute; color: #fff; font-size: 300px; font-weight: 600; transform: rotate(270deg);display: inline-block;z-index: 1;}
.sub_02_03 .sub_visual_obj_txt_01 {top: 15%;left: 10%;}
.sub_02_03 .sub_visual_obj_txt_02 {bottom: 15%;right: 8%;}

.s_sec_02_03_01_wrap {background-color: #4cb6d3;}
.s_sec_02_03_01_wrap * {color: #fff;}
.s_sec_02_03_01_in {z-index: 200;}
.s_sec_02_03_01_bg {position: absolute;top: -50px;left: 10.5%;bottom: 0px;right: 0px;width: 1120px;height: 1035px;background-image: url( ../images/sub/sub_02_03_visual_object.png);background-repeat: no-repeat;background-position: center center;background-size: contain;z-index: -10;}
.s_sec_02_03_01_01_con_wrap {width: 100%;padding-top: 80px;}
.s_sec_02_03_01_02_wrap:after {content: '';display: block;width: 430px;height: 1350px;background-color: #ffffff15;position: absolute;left: 34.8%;bottom: -50%;z-index: -1000;background-blend-mode: multiply;}
.s_sec_02_03_01_01_con_left_wrap{float: left; width: 50%;}
.s_sec_02_03_01_01_con_right_wrap { float: right; width: 50%; text-align: right; }
.s_sec_02_03_01_01_box{padding-bottom: 20px; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.s_sec_02_03_01_01_box_in {position: relative; top: 0px; left: 0px; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.s_sec_02_03_01_01_box_in:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.s_sec_02_03_01_01_box_pdt{float: left;}
.s_sec_02_03_01_01_box_info { float: left; padding-left: 20px; }
.s_sec_02_03_01_01_box_label { font-size: 18px; padding-bottom: 10px; }
.s_sec_02_03_01_01_box_desc { color: #000; font-size: 24px; font-weight: 600; }
.s_sec_02_03_01_01_box_info{display: none;}
.s_sec_02_03_01_01_box_in{display: inline-flex;padding: 25px;background-color: #ffffff46;border-radius: 15px;align-items: center;}
.s_sec_02_03_01_01_box:hover .s_sec_02_03_01_01_box_in{background-color: #fff;}
.s_sec_02_03_01_01_box:hover .s_sec_02_03_01_01_box_info{display: block;}

.s_sec_02_03_01_01_con_right_wrap .s_sec_02_03_01_01_box_in{ flex-direction: row-reverse;}
.s_sec_02_03_01_01_con_right_wrap .s_sec_02_03_01_01_box_info { float: left; padding-left: 0; padding-right: 20px; text-align: right; }

.s_sec_02_03_01_02_wrap{padding-top: 100px; position: relative; top: 0; left: 0;}
.s_sec_02_03_01_02_in{position: relative; z-index: 10;}

.s_sec_02_03_01_02_con {padding-top: 200px;}
.s_sec_02_03_01_02_con:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.s_sec_02_03_01_02_con_left {float: left;width: 50%;}
.s_sec_02_03_01_02_con_right {float: right;width: 50%;}
.s_sec_02_03_01_02_con_right_in {padding-top: 200px;padding-left: 80px;}

.sub_02_03_01 .pdt_box_wrap_01 .pdt_box:last-child{ grid-column: 2 / 4; width: 100%; height: 100%; overflow: hidden; position: relative;}
.sub_02_03_01 .pdt_box_wrap_01 .pdt_box:last-child {background: transparent;}
.sub_02_03_01 .pdt_box_wrap_01 .pdt_box:last-child:hover {background-color: transparent;}
.sub_02_03_01 .pdt_box_wrap_01 .pdt_box:last-child:hover .pdt_box_2_img { 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; z-index: -1; }
.sub_02_03_01 .pdt_box_wrap_01 .pdt_box:last-child .pdt_box_2_img{position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background-image: url(../images/sub/pdt_box_2_img_03.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;z-index: 1;}



/*ESG*/
.s_sec_03_01_02_wrap {}
.s_sec_03_01_02_con_wrap {width: 100%;}
.s_sec_03_01_02_con_in{display: grid;width: 100%;}
.s_sec_03_01_02_box_txt_wrap{overflow: hidden;}
.s_sec_03_01_02_box_txt_01{font-size: 28px; font-weight: 500;color: #000; padding-bottom: 20px;}
.s_sec_03_01_02_box_line{width: 70%;height: 4px;background-color: #000;}
.s_sec_03_01_02_box_txt_02{font-size: 18px;font-weight: 300;line-height: 1.4;color:#777;padding-top: 20px;}
.s_sec_03_01_01_con_right {padding-bottom: 100px;}
.s_sec_03_01_01_con_right_in{padding-bottom: 100px;}
.s_sec_03_01_01_con_left{position: relative;}
.s_sec_03_01_01_con_left_in{width: 150%; padding-bottom: 630px;}
.s_sec_03_01_01_con_left_img { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; width: 150%; background-image: url(../images/sub/s_sec_03_01_01_con_left_img.jpg); }



.esg1_box_wrap {margin-left: -20px;}
.esg1_box {float: left; width: 33.33%;width: calc(100%/3);padding-left: 20px;padding-bottom: 20px;}
.esg1_box_in {position: relative;top: 0px;left: 0px;overflow: hidden;display: block;box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);border-radius: 5px;}
.esg1_box_inner_wrap {padding: 50px 50px 0 ;position: relative;top: 0px;left: 0px;z-index: 1;text-align: center;}
.esg1_box_bg_wrap {background-color: #000;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 2;}
.esg1_box_bg {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-repeat: no-repeat;background-position: center center;background-size: cover;
animation-duration: 10s;
      animation-timing-function: ease;
      animation-delay: 0s;
      animation-iteration-count: infinite;
      animation-direction: normal;
      animation-fill-mode: none;
      animation-play-state: running;
      animation-name: sizeup;
}
.esg1_box_bg_arr {position: absolute;top: 50px;right: 50px;}
.esg1_box_bg_txt {position: absolute;left: 50px;bottom: 50px;font-size: 40px;color: #fff; font-weight: 700;line-height: 1.6;}
.esg1_box_img_wrap {padding: 30px 0 0;}
.esg1_box_bg_wrap {transform: translateY(110%);-webkit-transition: all 0.5s ease;transition: all 0.5s ease;overflow: hidden;}
.esg1_box_in:hover .esg1_box_bg_wrap {transform: translateY(0px);}
.esg1_box_01 .esg1_box_bg {background-image: url(../images/sub/esg1_box_bg_01.jpg);}
.esg1_box_02 .esg1_box_bg {background-image: url(../images/sub/esg1_box_bg_02.jpg);}
.esg1_box_03 .esg1_box_bg {background-image: url(../images/sub/esg1_box_bg_03.jpg);}
.esg1_box_txt_02{padding: 30px 0;}
.esg1_box_img img {max-width:200px; width:80%; }
.esg_list li{text-align: center; font-size: 16px; color: #888; line-height: 1.6; font-weight: 300;}

.s_sec_03_01_03_wrap{padding-bottom: 0;}
.s_sec_03_01_03_wrap .box_btn:hover .btn_arr { animation-duration: 1s; animation: bounce2 1s; animation-iteration-count: 2; }
.s_sec_03_01_03_wrap .box_btn:hover{color: #4cb6d3;}
.s_sec_03_01_03_in .box_btn{padding-right: 40px;}
.s_sec_03_01_03_wrap .btn_arr { content: ''; display: inline-block; width: 15px; height: 15px; padding: 15px; top: 0; right: 0; position: absolute; background-color: #4cb6d3; border-radius: 100%; background-image: url(../images/common/btn_arr_w.svg); background-repeat: no-repeat; background-position: center; background-size: 15px; transform: rotate(90deg);}


/* Quality */
.s_sec_04_01_01_wrap .board_wrap { padding-top: 50px; }
.sub_04_01 #bo_cate {display: none;}
.s_sec_04_01_01_con_bg{position: relative;overflow: hidden;width: 120%;padding-bottom: 500px;}
.s_sec_04_01_01_con_img {    position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-position: center 90%; background-size: cover; width: 150%; background-image: url(../images/sub/sub_04_01_bg.jpg);
    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;
    z-index: -1;
    }



/* Facility */
.sub_04_02 .sub_visual_all_wrap{display: none;}
.s_sec_04_02_01_wrap {background-color: #000;padding:300px 0 200px}
.s_sec_04_02_01_wrap *{color: #fff;}
.s_sec_04_02_01_top_wrap .sec_tit4{line-height: 1.1;}
.s_sec_04_02_01_bg{position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background-image: url(../images/sub/sub_04_02_bg.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;z-index: 1;}

.s_sec_04_02_01_img_left_wrap { float: left; padding-top: 200px; }
.s_sec_04_02_01_img_right_wrap { float: right; margin-top: -170px; position: relative;}
.s_sec_04_02_01_right_img_02 { position: absolute; bottom: -30%; left: -18%; right: 0; }
.s_sec_04_02_01_bottom_wrap { position: absolute; left: 48%; right: 0; bottom: 0px; }


/* Community */
.s_sec_05_02_01_con .tbl_wrap { border-top: 1px solid #ddd;}
.s_sec_05_02_01_con .tbl_wrap table{border: none;}
.s_sec_05_02_01_con .tbl_wrap th{display: none;}
.s_sec_05_02_01_con .tbl_head01 td {border-top:none; border-bottom: 1px solid #eee !important;}
.s_sec_05_02_01_con .new_td_file {  }
.s_sec_05_02_01_con .list_file_download {padding-right: 45px;position: relative;top: 0;left: 0;display: block;font-weight: 600;white-space: nowrap;}
.s_sec_05_02_01_con .list_file_download:after{content: '';display: inline-block;width: 15px;height: 15px;padding: 15px;top: -8px;right: 0;position: absolute;background-color: #4cb6d3;border-radius: 100%;background-image: url(../images/common/btn_arr_w.svg);background-repeat: no-repeat;background-position: center;background-size: 15px;transform: rotate(90deg);}
.s_sec_05_02_01_con .tbl_head01 a:hover { text-decoration: none; color: #4cb6d3; }

.sub_05_02 .webzine_wrap{border-top: 1px solid #ddd;}
.sub_05_02 .webzine_list_img { display: block; max-width: 200px; height: 100%; }
.sub_05_02 .webzine_tit { border-left: none; display: table-cell; padding: 10px 150px 10px 50px; line-height: 1.5; position: relative; top: 0px; left: 0px; vertical-align: middle; }
.sub_05_02 .webzine_tit .bo_tit { font-size: 24px; }
.sub_05_02 .webzine_text_href { padding-top: 10px; }
.sub_05_02 .webzine_text_href a { font-size: 16px; line-height: 1.4; color: #888; font-weight: 200; }
.sub_05_02 .webzine_date { text-align: center; vertical-align: middle; font-size: 14px; padding-top: 20px; line-height: 1.4; color: #888; font-weight: 200; text-align: left; }
.sub_05_02 .webzine_box{border-bottom: 1px solid #eee;}


.tech_tab_all_wrap {overflow: hidden;}
.tech_tab_wrap {margin-left: -20px;}
.tech_tab_box {display: inline-block;padding: 10px 20px;position: relative;left: 0px;top: 0px;}
.tech_tab_box:before {content: "";position: absolute;top: 50%; left: 0px;width: 2px; height: 14px;background-color: #ccc;margin-top: -7px;}
.tech_tab_box .tech_tab_box_a {display: inline-block;font-size:26px; font-weight: 400;color: #666;}
.tech_tab_box:hover .tech_tab_box_a {color: #1c54a4;font-weight: 700;}
.tech_tab_box.active .tech_tab_box_a {color: #1c54a4;font-weight: 700;}


.page_tab_con_02 .s_sec_02_03_02_con_right_img {background-image: url(../images/sub/s_sec_02_03_02_con_right_img2.jpg);}
.page_tab_con_03 .s_sec_02_03_02_con_right_img {background-image: url(../images/sub/s_sec_02_03_02_con_right_img3.jpg);}
.s_sec_02_03_02_con_left {float: left;width: 50%;}
.s_sec_02_03_02_con_left_in {float: right;max-width: 700px;width: 100%;}

.tag_box_all_wrap {padding: 20px 0;}
.tag_box_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.tag_box_wrap {margin-left: -10px;}
.tag_box {float: left;padding-left: 10px;padding-bottom: 10px;}
.tag_box_in {border: 1px solid #222;height: 60px;line-height: 60px;padding: 0 20px;font-size: 18px; color: #222;}


.s_sec_02_03_02_02_con {width: 100%;max-width: 1400px;margin: 0 auto;padding: 100px 0;}
.s_sec_02_03_02_02_con:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.s_sec_02_03_02_02_con_left {float: left;width: 48%;}
.s_sec_02_03_02_02_con_right {float: right;width: 48%;}


.s_sec_02_03_02_02_tbl_wrap table {width: 100%;font-size:18px;border-top: 2px solid #222;}
.s_sec_02_03_02_02_tbl_wrap th {padding: 20px 5px;color: #333;text-align: center;font-weight: 400;border-bottom: 1px solid #ccc;}
.s_sec_02_03_02_02_tbl_wrap td {padding: 20px 5px;color: #333;font-weight: 700;border-bottom: 1px solid #ccc;text-align: center;}


.s_sec_02_03_02_02_01_tbl_wrap table {width: 100%;font-size:18px;border-top: 2px solid #222;}
.s_sec_02_03_02_02_01_tbl_wrap th {padding: 20px;color: #333;text-align: left;font-weight: 400;border-bottom: 1px solid #ccc;}
.s_sec_02_03_02_02_01_tbl_wrap td {padding: 20px;color: #333;font-weight: 700;border-bottom: 1px solid #ccc;}

.s_sec_02_03_02_03_con {width: 100%;max-width: 1400px;margin: 0 auto;padding: 0px 0 100px;}
.s_sec_02_03_02_03_con:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.s_sec_02_03_02_03_con_left {float: left;width: 48%;}
.s_sec_02_03_02_03_con_right {float: right;width: 48%;}




.sub_02_04 .sub_visual_all_wrap {display: none;}
.sub_02_04 .line_all_wrap {display: none;}


.s_sec_02_04_01_wrap {padding: 350px 0;}
.s_sec_02_04_01_wrap * {color: #fff;}
.s_sec_02_04_01_bg {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background-repeat: no-repeat;background-position: top center;background-size: cover;background-image: url(../images/sub/s_sec_02_04_01_bg.jpg);
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;
z-index: -1;
}

.s_sec_02_04_01_con_wrap {}
.s_sec_02_04_02_in {padding: 50px 0;}
.s_sec_02_04_02_con {width: 100%;position: relative;top: 0px;left: 0px;}
.s_sec_02_04_02_con:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.s_sec_02_04_02_con_right {float: right;width: 48%;}
.s_sec_02_04_02_con_right_in {}

.s_sec_02_04_02_con_left {float: left;width: 48%;}





.s_sec_page_wrap {padding: 120px 0;}
.page_tab_all_wrap {overflow: hidden;}
.page_tab_wrap {text-align: center;}
.page_tab_box {display: inline-block;padding: 10px 20px;position: relative;left: 0px;top: 0px;}
/*.page_tab_box:before {content: "";position: absolute;top: 50%; left: 0px;width: 2px; height: 14px;background-color: #ccc;margin-top: -7px;}*/
.page_tab_box .page_tab_box_a {display: inline-block;font-size:24px; font-weight: 700;color: #aaa;}
.page_tab_box:hover .page_tab_box_a {color: #222;font-weight: 700;}
.page_tab_box.active .page_tab_box_a {color: #222;font-weight: 700;}










.r_step_all_wrap {width: 100%;}
.r_step_wrap {text-align: center;font-size: 0px}
.r_step_box {width:200px;height: 200px;display: inline-block;border: 5px solid #849bd3;border-radius: 100px;vertical-align: middle;}
.r_step_arr_wrap {display: inline-block; height: 200px; width: 15%;position:relative;top: 0px;left: 0px;vertical-align: middle;}
.r_step_box:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.r_step_box .r_step_box_in {vertical-align: middle;display: inline-block;line-height: 1.3;width: 100%;padding: 10px}
.r_step_box_num {font-size: 18px; font-weight: 300; color: #0032a9}
.r_step_box_txt {font-size: 28px; font-weight: 400; color: #222;padding: 5px 0}
.r_step_arr_wrap:before {content: "";position: absolute;left: 0px;right: 0px;top: 50%; height: 1px; background-color: #ccc}
.r_step_arr_wrap:after {content: "";width:0px; height:0px; border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #ccc;display: block;position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;margin: auto;}