@charset "utf-8";

.animate {
}
body { width: 100%; overflow: initial; }
body, html { text-align: initial; height: 100%; }
html {
}
.hidden_txt { position: absolute!important; font-size: 0!important; line-height: 0!important; overflow: hidden!important; }
#wrap { width: 100%; word-break: auto-phrase; position: relative; top: 0px; left: 0px;; }
#toTop { display: none; text-decoration: none; position: fixed; bottom: 100px; right: 10px; overflow: hidden; width: 50px; height: 50px; border: none; text-indent: -999999px; background: url(../images/totop.png); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: 0.6; z-index: 99999; background-color: #bf202f; background-repeat: no-repeat; background-position: center center; border-radius: 100px; }
#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%; }
/* .header_all_wrap a { display: block; }  */
.logo { display: flex; gap: 16px; }
.logo_con { font-size: 14px; color: #0061ab; font-weight: 600; transform: translateY(5px); }
.header_all_wrap { width: 100%; position: absolute; top: 0px; left: 0px; z-index: 1004; background-color: #fff; position: fixed; }
.header_wrap { width: 100%; padding: 0 50px; position: relative; top: 0px; left: 0px; z-index: 5 }
.header_mid { position: relative; top: 0px; left: 0px; padding: 0 250px; display: flex; }
.header_mid .global_btn { border-radius: 50px; line-height: 36px; display: inline-block; max-width: 100%; position: relative; top: 0px; left: 0px; white-space: nowrap; font-size: 16px; text-transform: uppercase; color: #fff !important; font-weight: 500; background: #f6f6f6; padding: 0 20px; height: 36px; }
/* 250904 Start */
@media screen and (max-width: 480px){
    .header_mid .global_btn{left: 20px;}
}
@media screen and (max-width: 360px){
    .header_mid .global_btn{left: 5%;}
}
/* 250904 End */
.header_mid_wrap { padding: 20px 0 16px }
.header_add_wrap { position: absolute; top: 0px; right: 0px; width: 100%; max-width: 200px; text-align: right; }
.logo_wrap { position: absolute; top: -2px; left: 0px; width: 100%; max-width: 214px; }
.logo { position: relative; top: 0px; left: 0px; width: 100%; }
.top_nav { position: relative; top: 0px; left: 0px; width: 100%; font-size: 0px; }
.top_nav .menu { display: inline-block; position: relative; top: 0px; left: 0px; }
.top_nav .sub_menu_wrap { display: none; }
.top_nav .menu_a { position: relative; top: 0px; left: 0px; display: inline-block; height: 40px; padding: 0 30px; }
.top_nav .menu_a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; font-size: large; }
.top_nav .menu_a span { vertical-align: middle; display: inline-block; line-height: 1.4; text-align: center; max-width: 100%; position: relative; top: 0px; left: 0px; white-space: nowrap; font-size: 20px; text-transform: uppercase; color: #000; font-weight: 500; }
.pc_his { display: block; }
.mobile_his { display: none; }
.news_ticker_wrap { display: inline-block; vertical-align: middle; padding: 0 50px 0 0; text-align: left; }
.lang_all_wrap { display: inline-block; vertical-align: middle; padding: 0 10px 0 0; text-align: left; }
.m_menu_btn_wrap { display: inline-block; vertical-align: middle; padding: 0; text-align: center; }
.lang_box { border-radius: 100px; position: relative; top: 0px; left: 0px; background-color: #f6f6f6 }
.lang_sub_wrap { display: none; border: 1px solid #0061ab; position: absolute; top: 100%; left: 0px; width: 100%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #fff }
.lang_box .lang_box_a { font-size: 14px; padding: 0px 40px 0 20px; height: 36px; line-height: 36px; color: #000; position: relative; top: 0px; left: 0px; }
.lang_box .lang_box_a:after { content: ""; position: absolute; right: 15px; top:7px; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000; transform: rotate(180deg); transition: all .3s ease }
.lang_wrap:hover .lang_box { background-color: #0061ab; border-radius: 5px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.lang_wrap:hover .lang_box_a:after { transform: rotate(0deg); border-bottom: 5px solid #fff; }
.lang_wrap:hover .lang_box_a { color: #fff }
.lang_wrap:hover .lang_sub_wrap { display: block; }
.lang_sub_box a { font-size: 13px; color: #333; padding: 0 20px; height: 30px; line-height: 30px; }
.lang_sub_box a:hover { color: #0061ab }
.m_menu_btn { font-size: 14px; padding: 0px 20px; height: 36px; line-height: 36px; color: #fff; position: relative; top: 0px; left: 0px; background-color: #bf202f; border-radius: 100px; display: inline-block; }
.news_ticker_label { display: inline-block; font-size: 13px; color: #0072ff; padding: 0 20px; height: 10px; line-height: 10px; border-right: 1px solid #ddd; font-weight: 500; }
.news_ticker_desc { display: inline-block; font-size: 13px; color: #333; padding: 0 20px; height: 10px; line-height: 10px; }
.header_bar { position: relative; top: 0px; left: 0px; width: 100%; background-color: red; height: 5px; z-index: 1 }
.header_bar { background: #1361ac; background: linear-gradient(272deg, #1361ac, #bf202f); background: -moz-linear-gradient(272deg, #1361ac, #bf202f); background: -webkit-linear-gradient(272deg, #1361ac, #bf202f); background: linear-gradient(272deg, #1361ac, #bf202f); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1361ac', endColorstr='#bf202f',GradientType=1 ); background-size: 300% 300%; -webkit-animation: btncolor 2s ease infinite; -moz-animation: btncolor 2s ease infinite; -o-animation: btncolor 2s ease infinite; animation: btncolor 2s ease infinite; }
@-webkit-keyframes btncolor {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}
@-moz-keyframes btncolor {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}
@-o-keyframes btncolor {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}
@keyframes btncolor {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}
.header_show_in {
}
.header_show .menu_02 ,.header_show .menu_03 { display: none; }
.header_show_wrap { border-top: 1px solid #eee; position: relative; top: 0px; left: 0px; z-index: 3; display: none; width: 100%!important; height: auto!important; }
.header_show .menu { position: relative; top: 0px; left: 0px; }
.header_show .menu_a { font-size: 30px; color: #000; position: absolute; top: 26px; left: 0px; font-weight: 700; opacity: 0.05; width: 220px; text-align: right; }
.header_show .sub_menu_wrap { padding-left: 250px; }
.header_show .sub_menu_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; }
.header_show .sub_menu { padding: 30px; border-left: 1px solid #eee; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; min-height: 300px; }
.header_show .sub_menu_a { font-size: 18px; color: #000; font-weight: 600; padding-bottom: 20px; display: inline-block; }
.header_show .thd_menu_a { font-size: 15px; color: #666; font-weight: 400; line-height: 1.4; }
.header_show .thd_menu { padding-bottom: 10px; }
.header_show .thd_menu_a:hover { color: #0061ab; }
.header_show .sub_menu:hover { background-color: #fafafa }
.top_nav .menu_a:after { position: absolute; top: 100%; margin-top: 13px; width: 0%; left: 50%; background-color: #0061ab; content: ""; height: 3px; transform: translateX(-50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.top_nav .menu.active2 .menu_a:after { width: 100%; }
.header_all_wrap:hover .header_show_wrap { display: block; }
.sub_menu_video { width: 420px; height: auto; }
.video_wrap { width: 100%; height: 100vh; position: relative; top: 0px; left: 0px; z-index: 999; max-height: 1080px; }
.main_video { position: absolute; left: 0; bottom: 0; top: 0; right: 0; width: 100%; height: 100%; background-size: 100% 100%; background-position: center center; background-size: contain; object-fit: cover; z-index: 3; }
.video_bg { position: absolute; bottom: 0px; z-index: 4; width: 100%; text-align: center; }
.bg_video_box { position: absolute; left: 0; bottom: 0; top: 0; right: 0; width: 100%; height: 100%; background-size: 100% 100%; background-position: center center; background-size: contain; object-fit: cover; z-index: 3; }
.custom-popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 9999; }
.custom-popup { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.8); border-radius: 10px; border: 1px solid #fff; padding: 50px 40px; width: 320px; text-align: center; font-family: Arial, sans-serif; box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
.custom-popup .icon { font-size: 30px; color: #f4a300; margin-bottom: 15px; }
.custom-popup p { font-size: 18px; margin-bottom: 20px; line-height: 1.4; color: #000; }
.custom-popup button { background: #fff; border: none; padding: 10px 30px 12px 30px; font-size: 18px; font-weight: bold; border-radius: 50px; cursor: pointer; transition: 0.5; }
.custom-popup button:hover { background: #1361ac; color: #fff; }
.pop_btn_wrap { display: flex ; gap: 10px; justify-content: center; }
.con_all_wrap { position: relative; top: 0px; left: 0px; z-index: 1000; overflow: hidden; }
.con_wrap { position: relative; top: 0px; left: 50%; z-index: 1000; width: 2000px; margin-left: -1000px; }
.con_wrap img { width: 100%; }
@media screen and (min-width:2050px) {
	.con_wrap { width: 100%; left: 0px; margin: 0 auto; }
}
@media screen and (max-width:1900px) {
	.con_wrap { width: 100%; left: 0px; margin: 0 auto; }
}
.w_tp .global_btn a{color: #fff;}
.w_tp .logo_con{color: #fff;}
.w_tp .header_all_wrap { background-color: transparent; }
.w_tp .logo svg .cls-1 { fill: #fff }
.w_tp .top_nav .menu_a span { color: #fff; }
.w_tp .news_ticker_label { color: #fff; }
.w_tp .news_ticker_desc { color: #fff; }
.w_tp .header_bar { display: none; }

.sub .header_bar { display: none; }
.sub .header_all_wrap { background-color: transparent; }
.open .header_all_wrap { background-color: #fff; }
.open .logo_con{color: #0061ab;}
.open .logo svg .cls-1 { fill: #0061ab }
.open .top_nav .menu_a span { color: #000; }
.open .news_ticker_label { color: #0072ff; }
.open .news_ticker_desc { color: #333; }
.open .header_bar { display: block; }
.open .global_btn a{color: #000;}


.scroll .header_all_wrap { background-color: #fff; }
.scroll .global_btn a{color: #000;}
.scroll .logo_con{color: #0061ab;}
.scroll .logo svg .cls-1 { fill: #0061ab }
.scroll .top_nav .menu_a span { color: #000; }
.scroll .news_ticker_label { color: #0072ff; }
.scroll .news_ticker_desc { color: #333; }
.scroll .header_bar { display: block; }
.on body { overflow: hidden; }
html.on { overflow: hidden; }

/*.footer_top { display: none; } */
/*.m_menu_wrap { display: none; } */
.m_close_wrap { position: relative; top: 0px; left: 0px; padding: 20px; text-align: center; }
.m_close_btn { width: 40px; height: 30px; position: relative; top: 0px; left: 0px; display: inline-block!important; }
.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 }
.m_menu_all_wrap { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; bottom: 0; z-index: 9999; background-color: #000; display: none; overflow: hidden; }
.m_menu_all_wrap * { color: #fff; }
.m_menu_wrap { position: absolute; width: 100%; overflow: auto; top: 0px; left: 0px; bottom: 0px; }
.m_menu_wrap .sub_menu_vd_wrap { display: none!important; }
.m_menu { padding: 20px 5% }
.m_menu { display: grid; row-gap: 30px; column-gap: 0px; grid-template-columns: repeat(1, 1fr); align-items: stretch; }
.m_menu .menu { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 30px; gap: 50px; }
.m_menu .menu_a { display: flex; flex-wrap: nowrap; align-items: center; font-size: 30px; font-weight: 800; text-transform: uppercase; width: 210px; white-space: nowrap; }
.m_menu .sub_menu_wrap { width: 100%!important; display: none; }
.m_menu .sub_menu { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; padding-bottom: 30px; gap: 50px; }
.m_menu .sub_menu_a { display: flex; flex-wrap: nowrap; align-items: center; font-size: 20px; font-weight: 600; line-height: 1.4; text-transform: uppercase; white-space: nowrap; }
.m_menu .thd_menu_wrap { display: flex; width: 100%; row-gap: 20px; column-gap: 50px; flex-wrap: wrap; }
.m_menu .thd_menu {
}
.m_menu .thd_menu_a { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 300; line-height: 1.4; opacity: 0.8; }
.m_menu .menu:hover .menu_a span { color: #2d72ff }
.m_menu .sub_menu:hover .sub_menu_a span { color: #2d72ff }
.m_menu .thd_menu_a:hover { opacity: 1 }
.m_menu .thd_menu_a:hover span { color: #ffb300; }
.sub_sec_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; overflow: hidden; }
.sec_in { width: 100%; max-width: 1580px; margin: 0 auto; position: relative; top: 0px; left: 0px; z-index: 2; }
.sec_in2 { width: 100%; max-width: 1580px; margin: 0 auto; position: relative; top: 0px; left: 0px; z-index: 2; }
.sec_in3 { position: relative; top: 0px; left: 0px; z-index: 2; }
.sec_in4 { width: 100%; max-width: 1800px; margin: 0 auto; position: relative; top: 0px; left: 0px; z-index: 2; }
.sec_in5 { width: 100%; max-width: 100%; margin: 0 auto; position: relative; top: 0px; left: 0px; z-index: 2; padding: 0 30px }
.sec_in6 { width: 100%; max-width: 1400px; margin: 0 auto; position: relative; top: 0px; left: 0px; z-index: 2; }
.center_wrap { font-size: 0px; }
.center_wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; font-size: large; margin-right: -0.25em; }
.center_in { vertical-align: middle; display: inline-block; width: 100%; position: relative; top: 0px; left: 0px; }
.main_sec_01_txt { font-size: 90px; font-weight: 500; line-height: 1.2; word-break: keep-all; color: #fff; }
.main_sec_01_txt b { font-weight: 700; }
.main_sec_02_txt { font-size: 18px; font-weight: 400; line-height: 1.2; word-break: keep-all; color: #fff; padding-top: 30px; }
.main_sec_02_txt b { font-weight: 700; }
.main_sec_01_in { position: absolute; bottom: 150px; left: 0px; width: 100%; }
/*.main_sec_01_in_wrap { height: 100vh } */
.main_sec_01_txt_wrap { width: 100%; max-width: 1600px; margin: 0 auto; position: relative; top: 0px; left: 0px; }
.main_wrap { width: 100%; position: relative; top: 0px; left: 0px; z-index: 900; }
.main_wrap > div { position: relative; top: 0px; left: 0px; z-index: 800; }
.main_sec_wrap { overflow: hidden; }
.main_sec_01_wrap { background-color: #000 }
.sec_wrap { position: relative; top: 0px; left: 0px; z-index: 800; }
.sub_wrap { position: relative; top: 0px; left: 0px; z-index: 900 }
.v_spin_all_wrap { position: absolute; bottom: 150px; left: 0px; width: 100%; z-index: 5; }
.v_spin_wrap { width: 100%; max-width: 1600px; margin: 0 auto; position: relative; top: 0px; left: 0px; }
.v_spin_ring_wrap { position: absolute; right: 0px; bottom: 0px; }
.v_spin_ring { width: 200px; height: 200px; background-color: transparent; animation-name: spin; animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear; border: 1px solid #fff; position: relative; top: 0px; left: 0px; border-radius: 300px; }
.v_spin_ring_01_wrap { background-color: #c811b0; top: -20px; left: 50%; margin-left: -20px; border-radius: 300px; }
.v_spin_ring_02_wrap { background-color: #18cc20; bottom: 20px; right: 0px; }
.v_spin_ring_03_wrap { background-color: #2d72ff; bottom: 20px; left: 0px; }
.v_spin_ring_in_wrap { z-index: 2; position: absolute; width: 40px; height: 40px; animation-name: spin; animation-direction: reverse; animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear; border-radius: 300px; cursor: pointer; }
.v_spin_ring_in { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80px; height: 80px; }
.v_spin_ring_in .sub_sec_bg { border-radius: 300px; overflow: hidden; transform: scale(0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.v_spin_ring_in_txt { background-color: #fff; font-size: 13px; color: #666; padding: 10px 15px; border-radius: 100px; position: absolute; top: 50%; right: 100%; transform: translateY(-50%); margin-right: 10px; white-space: nowrap; display: none; width: auto; }
.v_spin_ring .active .sub_sec_bg { transform: scale(1.0); }
.v_spin_ring_in_wrap.active { z-index: 5 }
.v_spin_ring_in_wrap:hover { z-index: 6 }
.v_spin_ring_in_wrap:hover .sub_sec_bg { transform: scale(1.0); }
.v_spin_ring_in_wrap:hover .v_spin_ring_in_txt { display: block; }
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
.seok_slider_box { overflow: hidden; }
.main_sec_01_in_wrap { height: 100vh }
.v_spin_ring_btn_wrap { display: inline-block; background-color: #fff; border-radius: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80px; height: 80px; cursor: pointer; mix-blend-mode: difference; }
.v_spin_ring_btn { border: 0; background: transparent; box-sizing: border-box; width: 0; height: 20px; border-color: transparent transparent transparent #202020; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-style: solid; border-width: 10px 0 10px 15px; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.v_spin_ring_btn_wrap.paused .v_spin_ring_btn { border-style: double; border-width: 0px 0 0px 15px; }
.seok_slider_box { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.seok_slider_box.active { opacity: 1 }
.seok_slider_wrap { position: relative; top: 0px; left: 0px; width: 100%; height: 100vh }
.seok_slider_box .sub_sec_bg { transform: scale(1.1); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.seok_slider_box.active .sub_sec_bg { transform: scale(1) }
.main_sec_01_txt, .main_sec_02_txt { display: none; }
.seok_slider_box.active .main_sec_01_txt, .seok_slider_box.active .main_sec_02_txt { display: block; }
.hope_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 1; }
.hope_in { position: relative; top: 0px; left: 0px; width: 100%; }
.hope_01_wrap .hope_bg { background-image: url(../images/hope_01.jpg); }
.hope_02_wrap .hope_bg { background-image: url(../images/hope_02.jpg); }
.hope_03_wrap .hope_bg { background-image: url(../images/hope_03.jpg); }
.hope_04_wrap .hope_bg { background-image: url(../images/hope_04.jpg); }
.hope_txt_wrap { display: inline-block; }
.hope_txt_in { display: inline-block; position: relative; top: 0px; left: 0px; }
.hope_txt { font-size: 220px; font-weight: 600; color: #fff; line-height: 1; opacity: 0 }
.hope_wrap { position: relative; top: 0px; left: 0px; z-index: 5; overflow: visible; }
.hope_07_wrap { z-index: 6; position: absolute; top: 0px; left: 0px; width: 100%; }
.hope_sub_txt { font-size: 90px; font-weight: 600; color: #fff; line-height: 1.4; clip-path: inset(0 100% 0 0); opacity: 0 }
.hope_sub_txt_wrap { position: absolute; bottom: 0px; left: 100%; white-space: nowrap; }
.hope_sub_desc { position: absolute; top: 100%; left: 0px; white-space: nowrap; font-size: 22px; font-weight: 300; color: #fff; line-height: 1.4; text-indent: 0.5em; opacity: 0}
.hope_bg { /*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; */}
@keyframes sizeup {
	0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
	50% { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }
	100% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
}
.hope_05_bg { background-color: #000; opacity: 0 }
.hope_05_wrap { margin-top: -100vh }
.hope_05_light { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 4; background-image: url(../images/hope_05_light.png); background-size: contain; background-position: center center; background-repeat: no-repeat; mix-blend-mode: screen; filter: brightness(1); opacity: 0}
.hope_05_light_txt { position: absolute; top: 50%; left: 50%; width: 50%; transform: translateY(-50%); z-index: 3; font-size: 30px; font-weight: 500; line-height: 1.2; color: #fff; clip-path: inset(0 100% 0 0); opacity: 0; }
.hope_06_bg { background-color: #fff; opacity: 0 }
.hope_06_wrap { margin-top: -150vh; z-index: 4 }
.hope_06_wrap .hope_txt { color: #000; opacity: 0 }
.hope_06_bg2 { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 4; background-color: red; mix-blend-mode: lighten;; opacity: 0}
.hope_06_in_wrap { position: relative; top: 0px; left: 0px; width: 100%; z-index: 5; }
.hope_txt_wrap { -webkit-transform-origin-x: left; }
.hope_08_wrap { margin-top: -300vh; z-index: 9; opacity: 0 }
.hope_08_txt_01 { font-size: 72px; font-weight: 300; line-height: 1.2; color: #fff; }
.hope_08_txt_02 { font-size: 18px; font-weight: 300; line-height: 1.6; color: #fff; }
.footer_all_wrap { background-color: #fff; position: relative; top: 0px; left: 0px; z-index: 901; }
.vh100 { height: 100vh; }
.hope_07_wrap .hope_txt_in { display: none; }
.active_01 .hope_txt_01 { display: inline-block; }
.active_02 .hope_txt_01 { display: inline-block; }
.active_02 .hope_txt_02 { display: inline-block; }
.active_03 .hope_txt_01 { display: inline-block; }
.active_03 .hope_txt_02 { display: inline-block; }
.active_03 .hope_txt_03 { display: inline-block; }
.active_04 .hope_txt_01 { display: inline-block; }
.active_04 .hope_txt_02 { display: inline-block; }
.active_04 .hope_txt_03 { display: inline-block; }
.active_04 .hope_txt_04 { display: inline-block; }
.active_05 .hope_txt_in { display: inline-block; }
.scrolled {
}
.s_sec_01_01_01_01_bg { background-color: #000 }
.s_sec_01_01_01_01_con_in { overflow: hidden; position: relative; top: 0px; left: 0px; }
.s_sec_01_01_01_01_con { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; }
@keyframes watercircle {
	20% { border-radius: 45% 55% 62% 38% / 53% 51% 49% 47%; }
	40% { border-radius: 45% 55% 49% 51% / 36% 51% 49% 64%; }
	60% { border-radius: 68% 32% 57% 43% / 47% 62% 38% 53%; }
	80% { border-radius: 60% 40% 32% 68% / 38% 36% 64% 62%; }
}
@keyframes watercircle2 {
	20% { border-radius: 67% 33% 47% 53% / 37% 20% 80% 63%; }
	40% { border-radius: 39% 61% 82% 18% / 74% 40% 60% 26%; }
	60% { border-radius: 40% 60% 53% 47% / 72% 69% 31% 28%; }
	80% { border-radius: 45% 55% 57% 43% / 26% 69% 31% 74%; }
}
@keyframes watercircle3 {
	10% { border-radius: 50% 50% 20% 80% / 25% 80% 20% 75%; }
	30% { border-radius: 39% 61% 47% 53% / 37% 40% 60% 63%; }
	50% { border-radius: 40% 60% 65% 35% / 34% 55% 45% 66%; }
	70% { border-radius: 39% 61% 82% 18% / 74% 40% 60% 26%; }
	90% { border-radius: 20% 80% 20% 80% / 52% 62% 38% 48%; }
}
@keyframes watercircle4 {
	10% { border-radius: 60% 40% 30% 70% / 30% 60% 40% 70%; }
	30% { border-radius: 39% 61% 47% 53% / 37% 40% 60% 63%; }
	50% { border-radius: 38% 62% 36% 64% / 50% 60% 40% 50%; }
	70% { border-radius: 39% 61% 82% 18% / 74% 40% 60% 26%; }
	90% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
}
.wave_all_wrap { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(3, 1fr); row-gap: 5%; column-gap: 3%; z-index: 2; align-items: stretch; position: absolute; top: 50%; left: 50%; width: 2200px; height: 1300px; transform: translate(-50%,-50%); }
.wave_list_pt_box_wrap { position: relative; top: 0px; left: 0px; z-index: 1; }
.wave_list_pt_box { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }
.wave_pt_bg_wrap { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }
.wave_pt_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.wave_list_pt_box_wrap_01 .wave_pt_bg { background-image: url(../images/sub/wave_list_pt_box_wrap_01.jpg); }
.wave_list_pt_box_wrap_02 .wave_pt_bg { background-image: url(../images/sub/wave_list_pt_box_wrap_02.jpg); }
.wave_list_pt_box_wrap_03 .wave_pt_bg { background-image: url(../images/sub/wave_list_pt_box_wrap_03.jpg); }
.wave_list_pt_box_wrap_04 .wave_pt_bg { background-image: url(../images/sub/wave_list_pt_box_wrap_04.jpg); }
.wave_list_pt_box_wrap_05 .wave_pt_bg { background-image: url(../images/sub/wave_list_pt_box_wrap_05.jpg); }
.wave_list_pt_box_wrap_06 .wave_pt_bg { background-image: url(../images/sub/wave_list_pt_box_wrap_06.jpg); }
.wave_list_pt_box_wrap_07 .wave_pt_bg { background-image: url(../images/sub/wave_list_pt_box_wrap_07.jpg); }
.wave_list_pt_box_wrap_10 .wave_pt_bg { background-image: url(../images/sub/wave_list_pt_box_wrap_10.jpg); }
.wave_list_pt_box_wrap_11 .wave_pt_bg { background-image: url(../images/sub/wave_list_pt_box_wrap_12.jpg); }
.wave_list_pt_box_wrap_12 .wave_pt_bg { background-image: url(../images/sub/wave_list_pt_box_wrap_11.jpg); }
.wave_list_pt_box_wrap_13 .wave_pt_bg { background-image: url(../images/sub/wave_list_pt_box_wrap_13.jpg); }
.wave_list_pt_box_wrap_14 .wave_pt_bg { background-image: url(../images/sub/wave_list_pt_box_wrap_14.jpg); }
.wave_list_pt_box_wrap_15 .wave_pt_bg { background-image: url(../images/sub/wave_list_pt_box_wrap_15.jpg); }
.wave_list_pt_box_wrap:nth-child(8n) .wave_pt_bg { border-radius: 39% 61% 82% 18% / 74% 40% 60% 26%; animation: watercircle3 25.4s linear infinite; transition: 1.5s all cubic-bezier(0.21, 0.17, 0.59, 0.62); }
.wave_list_pt_box_wrap:nth-child(8n+1) .wave_pt_bg { border-radius: 54% 46% 42% 58% / 60% 58% 42% 40%; animation: watercircle 23s linear infinite; transition: 1s all cubic-bezier(0.21, 0.17, 0.59, 0.62); }
.wave_list_pt_box_wrap:nth-child(8n+2) .wave_pt_bg { border-radius: 32% 56% 82% 38% / 40% 28% 62% 20%; animation: watercircle4 26s linear infinite; transition: 1.8s all cubic-bezier(0.21, 0.17, 0.59, 0.62); }
.wave_list_pt_box_wrap:nth-child(8n+3) .wave_pt_bg { border-radius: 60% 40% 30% 70% / 30% 60% 40% 70%; animation: watercircle2 22s linear infinite; transition: 1.2s all cubic-bezier(0.21, 0.17, 0.59, 0.62); }
.wave_list_pt_box_wrap:nth-child(8n+4) .wave_pt_bg { border-radius: 20% 10% 70% 30% / 60% 40% 30% 70%; animation: watercircle2 24s linear infinite; transition: 1.3s all cubic-bezier(0.21, 0.17, 0.59, 0.62); }
.wave_list_pt_box_wrap:nth-child(8n+5) .wave_pt_bg { border-radius: 60% 58% 42% 40% / 32% 56% 82% 38%; animation: watercircle4 21s linear infinite; transition: 1.9s all cubic-bezier(0.21, 0.17, 0.59, 0.62); }
.wave_list_pt_box_wrap:nth-child(8n+6) .wave_pt_bg { border-radius: 86% 94% 58% 71% / 80% 58% 19% 68%; animation: watercircle 22.5s linear infinite; transition: 1.2s all cubic-bezier(0.21, 0.17, 0.59, 0.62); }
.wave_list_pt_box_wrap:nth-child(8n+7) .wave_pt_bg { border-radius: 54% 46% 42% 58% / 60% 74% 40% 60%; animation: watercircle 24s linear infinite; transition: 1.6s all cubic-bezier(0.21, 0.17, 0.59, 0.62); }
.wave_video { position: absolute; left: 0; bottom: 0; top: 0; right: 0; width: 100%; height: 100%; background-size: 100% 100%; background-position: center center; background-size: contain; object-fit: cover; z-index: 3; }
.wave_on_txt_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; }
.wave_on_txt { font-size: 60px; font-weight: 300; line-height: 1.2; color: #fff; white-space: nowrap; text-align: center; }
.wave_on_txt_02 { opacity: 0 }
.wave_on_txt_03 { opacity: 0 }
.wave_on_txt_04 { opacity: 0 }
.wave_on_txt_05 { opacity: 0 }
/*.wave_video { opacity: 0.8 } */
.wave_video:hover { opacity: 1 }
.wave_list_pt_box_wrap.wave_list_pt_box_wrap_08 .wave_pt_bg { border-radius: 93% 83% 82% 78% / 74% 80% 60% 96%; animation: watercircle3 15.4s linear infinite; transition: none; }
.wave_list_pt_box_wrap.wave_list_pt_box_wrap_08 { z-index: 2; }
.wave_on_video_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 4; width: 400px; height: 400px; opacity: 0; border-radius: 100%; overflow: hidden; }
.wave_on_video { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }
.wave_on_video { background-color: #000 }
.wave_on_video .wave_video { opacity: 0.7 }
.s_sec_01_01_01_02_con_in { position: relative; top: 0px; left: 0px; width: 100%; }
.s_sec_01_01_01_02_con { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 100%; height: 70vh }
.comp_all_wrap { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; }
.comp_wrap { position: relative; top: 0px; left: 0px; height: 100%; border-radius: 30px; overflow: hidden; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.08); }
.comp_top_wrap { background-color: #fff; position: relative; top: 0px; left: 0px; z-index: 5; }
.comp_top { padding: 40px 2% 60px 5%; }
.comp_top_txt_01 { font-size: 40px; font-weight: 500; line-height: 1.2; color: #000; word-break: keep-all; padding-bottom: 20px; }
.comp_top_txt_02 { font-size: 18px; font-weight: 400; line-height: 1.4; color: #666; word-break: keep-all; }
.comp_bt_wrap { position: absolute; bottom: 0px; right: 0px; width: 100%; z-index: 3; }
.comp_bt { padding: 0px 5% 30px; text-align: right; }
.comp_bt_txt_01 { font-size: 18px; font-weight: 500; line-height: 1.4; color: #fff; word-break: keep-all; }
.comp_bt_txt_02 { font-size: 120px; font-weight: 600; line-height: 1.2; color: #fff; word-break: keep-all; text-transform: uppercase; }
.comp_bt_txt_03 { font-size: 18px; font-weight: 400; line-height: 1.4; color: #fff; word-break: keep-all; }
.comp_all_wrap { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 5%; width: 471%; align-items: start; }
.comp_bg { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 1; border-radius: 30px; overflow: hidden; background-repeat: no-repeat; background-position: center; filter: brightness(0.5); background-size: cover; }
.comp_wrap_01 .comp_bg { background-image: url(../images/comp_wrap_01.jpg); }
.comp_wrap_02 .comp_bg { background-image: url(../images/comp_wrap_02.jpg); }
.comp_wrap_03 .comp_bg { background-image: url(../images/comp_wrap_03.jpg); background-position: top center; }
.comp_wrap_04 .comp_bg { background-image: url(../images/comp_wrap_04.jpg); background-position: top center; }
.s_sec_01_01_01_02_wrap { background-color: #eee; overflow: hidden; }
.s_sec_01_01_03_02_wrap { overflow: hidden; }
.s_sec_01_01_04_02_wrap { overflow: hidden; }
.s_sec_01_01_04_03_wrap { overflow: hidden; }
.footer_wrap { padding: 50px 0 80px; }
.footer_top_wrap { float: left; }
.footer_logo_wrap .footer_logo { max-width: 150px; display: block; }
.footer_bottom_wrap { float: right; }
.footer_top_txt_01 { padding-bottom: 10px; }
.footer_top_txt_01 span { display: inline-block; padding: 10px 20px; background-color: #f1f1f1; font-size: 15px; color: #666; font-weight: 500; border-radius: 100px; }
.footer_top_right { padding-top: 50px; }
.footer_bottom_txt_01 { font-size: 36px; font-weight: 600; line-height: 1.4; color: #000; word-break: keep-all; }
.footer_bottom_txt_02 { font-size: 15px; font-weight: 500; line-height: 1.4; color: #666; word-break: keep-all; padding-top: 20px; }
.footer_bottom_txt_wrap { text-align: right; }
.footer_link { display: inline-block; position: relative; top: 0px; left: 0px; }
.footer_link_in { text-align: right; padding-top: 30px; }
.footer_link_a { display: inline-block; padding: 10px 100px 10px 20px; background-color: #000; color: #fff; position: relative; top: 0px; left: 0px; }
.footer_in { padding-bottom: 20px; }
.footer_copy_wrap { padding-top: 20px; border-top: 1px solid #eee; }
.footer_copy { font-size: 15px; font-weight: 500; line-height: 1.4; color: #999; word-break: keep-all; }
.flink_wrap { display: none; }
.footer_link_wrap.on .flink_wrap { display: block; position: absolute; bottom: 100%; left: 0px; width: 100%; border: 1px solid #000; }
.flink_wrap .flink_wrap_a { display: block; padding: 10px 10px 10px 20px; background-color: #fff; color: #000; font-size: 14px; text-align: left; border-bottom: 1px solid #eee; line-height: 1.3; }
.flink_wrap .flink_wrap_a:hover { background-color: #000; color: #fff; border-color: #000; }
.footer_link_wrap.on .footer_link_a { background-color: #1379ec; }
.footer_link_a:after { content: ""; display: block; margin: auto; width: 6px; height: 6px; border-top: 1px solid #fff; border-left: 1px solid #fff; position: absolute; right: 15px; top: 50%; transform: rotate(45deg) translateY(-50%); }
.footer_link_wrap.on .footer_link_a:after { transform: rotate(225deg) translateY(50%); }
.comp_bt_left { float: left; text-align: left; }
.comp_bt_right { float: right; }
.line_path { fill: none; stroke-width: 1; stroke: #434343; stroke-miterlimit: 1; }
.line_path2 { fill: none; stroke-width: 1; stroke: #96000e; stroke-miterlimit: 1; }
.s_sec_01_01_02_01_con { width: 1000%; position: relative; top: 0px; left: 0px; }
.line_bg_wrap { position: absolute; top: 50%; left: 0%; width: 100%; transform: translateY(-50%); margin-left: 50vw; mix-blend-mode: plus-lighter; z-index: 2; }
.sub_01_01_02 { background-color: #000 }
.line_bg { position: relative; top: 0px; left: 0px; z-index: 5 }
.ball { fill: white; }
.ball01 { position: absolute; z-index: 9999; top: 0px; left: 0px; }
.ball01 span { display: block; width: 20px; height: 20px; border-radius: 100px; background-color: #4b0007; z-index: 2; position: relative; top: 0px; left: 0px; }
.s_sec_01_01_02_01_con_wrap { overflow: hidden; }
.line_bg svg { overflow: visible; position: relative; top: 0px; left: 0px; z-index: 1 }
.line_bg_wrap_01 .ball01:before { content: ""; position: absolute; top: 50%; right: 10px; height: 5000px; width: 5000px; background-color: #000; transform: translateY(-50%); z-index: 1 }
.line_bg_wrap_02 .ball01:after { content: ""; position: absolute; top: 50%; left: 10px; height: 5000px; width: 5000px; background-color: #000; transform: translateY(-50%); z-index: 1 }
.line_bg_wrap_02 .ball01 span {
}
.his_all_wrap { position: absolute; top: 50%; left: 0%; transform: translateY(-50%); z-index: 3 }
.his_main_top_01 { font-size: 180px; font-weight: 500; line-height: 1.4; color: #fff; word-break: keep-all; opacity: 0.2 }
.his_main_top_02 { font-size: 60px; font-weight: 500; line-height: 1.4; color: #fff; word-break: keep-all; opacity: 0.5 }
.his_main_wrap { display: inline-block; }
.his_main_top_wrap { font-family: "DM Serif Display", serif; font-weight: 200; font-style: italic; }
.his_main { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-evenly; gap: 30px; }
.his_main_top_wrap {
}
.his_main_bt_in { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-evenly; gap: 30px; align-content: stretch; align-items: flex-start; }
.his_main_bt_left_wrap span { display: block; }
.his_main_bt_left_01 { font-size: 50px; font-weight: 500; line-height: 1.2; color: #fff; word-break: keep-all; }
.his_main_bt_left_02 { font-size: 16px; font-weight: 400; line-height: 1.4; color: #fff; word-break: keep-all; max-width: 300px; padding-top: 15px; opacity: 0.8; }
.his_img_wrap { max-width: 400px; border-radius: 20px; overflow: hidden; }
.line_bg_wrap_03 { position: absolute; top: 50%; left: 0%; transform: translateY(-50%); z-index: 3; margin-left: 30vw; min-width: max-content; display: inline-flex; }
.his_all_in {
}
.his_all_in { display: inline-flex; flex-wrap: wrap; flex-direction: row; gap: 30vw; align-content: flex-start; align-items: center; min-width: max-content; }
.his_wrap { display: flex; flex-wrap: wrap; flex-direction: row; gap: 20vw; align-content: flex-start; align-items: center; }
.his_sub_bt_in { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-evenly; gap: 30px; align-content: stretch; align-items: flex-start; }
.his_main_bt_left_03 { font-size: 34px; font-weight: 500; line-height: 1.4; color: #fff; word-break: keep-all; font-family: "DM Serif Display", serif; font-weight: 200; font-style: italic; }
.his_main_bt_left_04 { font-size: 18px; font-weight: 400; line-height: 1.4; color: #fff; word-break: keep-all; max-width: 400px; opacity: 0.8; }
.his_sub_wrap { display: flex; flex-wrap: wrap; flex-direction: row; gap: 20vw; align-content: flex-start; align-items: center; }
.his_wrap:nth-child(2n) .his_main { flex-direction: column-reverse; }
.his_wrap:nth-child(2n) .his_main_bt_in { flex-direction: row-reverse; }
.his_wrap:nth-child(2n) .his_main_top_wrap { margin-left: 20%; }
.his_sub_wrap .his_sub:nth-child(2n+1) .his_sub_bt_in { flex-direction: column-reverse; }
.font0 > * { display: -webkit-inline-box }
.sec_tit { font-size: 18px; font-weight: 400; line-height: 1.4; color: #222; word-break: keep-all;; }
.sec_tit b { font-weight: 600; }
.sec_tit2 { font-size: 20px; font-weight: 400; line-height: 1.4; color: #222; word-break: keep-all;; }
.sec_tit2 b { font-weight: 600; }
.sec_tit3 { font-size: 24px; font-weight: 400; line-height: 1.4; color: #222; word-break: keep-all;; }
.sec_tit3 b { font-weight: 600; }
.sec_tit4 { font-size: 30px; font-weight: 400; line-height: 1.2; color: #222; word-break: keep-all;; }
.sec_tit4 b { font-weight: 600; }
.sec_tit5 { font-size: 36px; font-weight: 400; line-height: 1.2; color: #222; word-break: keep-all;; }
.sec_tit5 b { font-weight: 600; }
.sec_tit6 { font-size: 42px; font-weight: 400; line-height: 1.2; color: #222; word-break: keep-all;; }
.sec_tit6 b { font-weight: 600; }
.sec_tit7 { font-size: 46px; font-weight: 400; line-height: 1.2; color: #222; word-break: keep-all;; }
.sec_tit7 b { font-weight: 500; }
.sec_tit8 { font-size: 54px; font-weight: 200; line-height: 1.2; color: #222; word-break: keep-all;; }
.sec_tit8 b { font-weight: 700; }
.sec_tit9 { font-size: 70px; font-weight: 200; line-height: 1.2; color: #222; word-break: keep-all;; }
.sec_tit9 b { font-weight: 700; }
.sec_tit10 { font-size: 90px; font-weight: 200; line-height: 1; color: #222; word-break: keep-all;; }
.sec_tit10 b { font-weight: 700; }
.sec_tit11 { font-size: 120px; font-weight: 200; line-height: 1; color: #222; word-break: keep-all;; }
.sec_tit11 b { font-weight: 700; }
.sec_txt { font-size: 16px; font-weight: 300; line-height: 1.6; color: #222; word-break: keep-all;; }
.sec_txt b { font-weight: 500; }
.sec_txt2 { font-size: 18px; font-weight: 300; line-height: 1.6; color: #222; word-break: keep-all;; }
.sec_txt2 b { font-weight: 500; }
.sec_txt3 { font-size: 24px; font-weight: 300; line-height: 1.6; color: #222; word-break: keep-all;; }
.sec_txt3 b { font-weight: 500; }
.sec_txt4 { font-size: 14px; font-weight: 300; line-height: 1.6; color: #666; word-break: keep-all;; }
.sec_txt4 b { font-weight: 500; }
.s_sec_top_txt_wrap { padding: 300px 0 50px; }
.txt_center { text-align: center; }
.txt_left { text-align: left; }
.txt_right { text-align: right; }
.bbbgap { height: 200px; }
.bbgap { height: 150px; }
.bgap { height: 100px; }
.gap { height: 50px; }
.sgap { height: 30px; }
.ssgap { height: 20px; }
.sssgap { height: 10px; }
.ssssgap { height: 5px; }
.bold800 { font-weight: 800!important }
.bold700 { font-weight: 700!important }
.bold600 { font-weight: 600!important }
.bold500 { font-weight: 500!important }
.bold400 { font-weight: 400!important }
.bold300 { font-weight: 300!important }
.bold200 { font-weight: 200!important }
.opa1 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=10); opacity: 0.1; }
.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; }
.sec_bumo { position: relative; top: 0px; left: 0px; }
.sec_bumo:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.wide_video_all_wrap { position: relative; top: 0px; left: 50%; transform: translateX(-50%); width: 120%; padding: 50px 0; }
.wide_video_wrap { display: flex; gap: 1.6%; }
.wide_video_box_wrap { width: 100% }
.wide_video_box .wide_video { max-width: 100%; }
.wide_video_box { position: relative; top: 0px; left: 0px; height: 0px; padding-bottom: 40%; width: 100%; border-radius: 20px; overflow: hidden; }
.wide_video { position: absolute; left: 0; bottom: 0; top: 0; right: 0; width: 100%; height: 100%; background-size: 100% 100%; background-position: center center; background-size: contain; object-fit: cover; z-index: 3; }
.color_01 { color: #1361ac!important; }
.color_02 { color: #cfcfcf!important; }
.color_03 { color: #fff!important; }
.upp { text-transform: uppercase; }
.font0 { font-size: 0px; }
.pd_left10 { padding-left: 10px; }
.ceo_right_wrap { float: right; width: 48%; }
.ceo_left_wrap { position: absolute; top: 0px; left: 0px; bottom: 0px; width: 48%; }
.ceo_left { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; }
.ceo_all_wrap { max-width: 1200px; margin: 0 auto; }
.sub_sec_pd { padding: 180px 0; }
.sub_sec_pd2 { padding: 100px 0; }
.bora20 { border-radius: 20px; overflow: hidden; }
.ceo_bt_right_wrap { float: left; width: 46%; }
.ceo_bt_left_wrap { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 48%; }
.ceo_bt_left { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(../images/sub/ceo_bt_left.jpg); }
.earth_all_wrap { position: relative; top: 0px; left: 0px; padding-top: 150px; }
.earth_in { position: relative; top: 0px; left: 0px; }
.earth_wrap { position: relative; top: 0px; left: 0px; z-index: 2; }
.earth_bg { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 2; }
.earth_top_wrap { position: relative; top: 0px; left: 0px; padding: 100px 0 }
.earth_bt_wrap { position: relative; top: 0px; left: 0px; background-color: #fff; padding: 100px 0 }
.earth_top { padding: 0 200px; }
.earth_bt { padding: 0 200px; }
.sub_01_01_03 .sub_wrap { background-color: #fafafa }
.earth_top * { color: #fff; }
.earth_bt_left { float: left; width: 40%; }
.earth_bt_right { float: right; width: 50%; }
.s_sec_01_01_03_04_wrap { background-color: #fff; }
.chair_all_wrap { background-color: #fafafa; padding: 100px 5% 0 }
.chair_in {
}
.chair_wrap { position: relative; top: 0px; left: 0px; padding: 100px 0; }
.chair_left_wrap { float: left; width: 30% }
.chair_right_wrap { float: right; width: 30% }
.chair_bt_wrap { position: absolute; top: 0px; left: 50%; width: 40%; transform: translateX(-50%); bottom: 0px; overflow: hidden; }
.chair_bt { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url(../images/sub/chair_bt.png); }
.ceo_left .bg_video_box { object-position: top; }
.chair_01_wrap { position: relative; top: 0px; left: 0px; max-width: 1200px; margin: 0 auto; }
.chair_01_left_wrap { position: absolute; top: 0px; left: 0px; bottom: 0px; width: 45%; }
.chair_01_left { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(../images/sub/his_02_03.jpg); }
.chair_01_right_wrap { position: relative; top: 0px; left: 0px; float: right; width: 45%; }
.chair_01_right .sec_txt2 { max-width: 295px; }
.chair_02_wrap { position: relative; top: 0px; left: 0px; max-width: 1200px; margin: 0 auto; }
.chair_02_left_wrap { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 45%; }
.chair_02_left { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(../images/sub/chair_02_left.jpg); max-width: 420px; }
.chair_02_right_wrap { position: relative; top: 0px; left: 0px; float: left; width: 45%; padding-left: 14%; }
.chair_02_right .sec_txt2 {
}
/* 250904 */
.global_ceo_wrap { background-color: #fafafa; padding: 20px 5% 0 }
.ceo_wrap { position: relative; top: 0px; left: 0px; padding: 80px 0; }
.chair_bt_global { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url(../images/sub/chair_cz_bt.png); }
.ceo_txt3 {font-size: 24px; font-weight: 300; line-height: 1.6; color: #222; word-break: keep-all;}
.ceo_txt4 {font-size: 14px; font-weight: 300; line-height: 1.6; color: #666; word-break: keep-all; padding-left: 10px;}
.global_ceo_bt_wrap {position: absolute; top: 20%; left: 50%; width: 40%; transform: translateX(-50%); bottom: 0px; overflow: hidden;}
/* 860px 이하 */
@media screen and (max-width: 860px){
    .global_ceo_wrap { background-color: #fafafa; padding: 20px 5% 0 }
    .ceo_wrap {padding: 80px 0 0 0;}
    .global_ceo_bt_wrap {position: relative; width: 100%; left: 0px; transform: none; height: 300px;}
    .chair_bt_global  {background-position: bottom center; }
}
/* 250904 */

.s_sec_01_01_03_04_con_in_bt img { width: 100%; }
.s_sec_01_01_03_04_in { padding-bottom: 0px!important }
.sub_01_01_04 .sub_wrap { background-color: #000 }
.s_sec_01_01_04_01_wrap { background-color: #000; }
.bt_earth { width: 100%; }
.s_sec_01_01_04_01_bg { position: relative; top: 0px; left: 0px; width: 100%; z-index: 1 }
.s_sec_01_01_04_01_in { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 3 }
.s_sec_01_01_04_01_bg img { width: 100%; max-width: 100%; }
.s_sec_01_01_04_top { height: 30vh; background-color: #000; position: relative; top: 0px; left: 0px; }
.s_sec_01_01_04_01_con * { color: #fff; }
.s_sec_01_01_04_01_bg_light { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; background-image: url(../images/sub/s_sec_01_01_04_01_bg2.jpg); opacity: 0; mix-blend-mode: screen; }
.vision_top_wrap { position: absolute; bottom: 10%; left: 0px; width: 100%; z-index: 9 }
.vision_top_wrap * { color: #fff; }
.move_video_all_wrap { position: relative; top: 0px; left: 0%; width: 150%; padding-bottom: 50px; }
.move_video_wrap { display: flex; gap: 1.6%; }
.move_video_box_wrap { width: 100% }
.move_video_box_wrap2 { width: 200px; flex-basis: 200px; }
.move_video_box .move_video { max-width: 100%; }
.move_video_box { position: relative; top: 0px; left: 0px; height: 0px; padding-bottom: 200px; width: 100%; border-radius: 1000px; overflow: hidden; }
.move_video_box2 { width: 200px; background-color: #1173d0 }
.move_video { position: absolute; left: 0; bottom: 0; top: 0; right: 0; width: 100%; height: 100%; background-size: 100% 100%; background-position: center center; background-size: contain; object-fit: cover; z-index: 3; }
.move_video_box2 span { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 100%; font-size: 24px; font-weight: 400; color: #fff; line-height: 1.2; width: 90%; text-align: center; }
.move_video_right { float: right; }
.mis_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; }
.mis_box_wrap { position: relative; top: 0px; left: 0px; float: left; border-radius: 1000px; display: flex; align-items: center; }
.mis_box_wrap_01 { z-index: 1; background-color: #10599f; width: 38% }
.mis_box_wrap_02 { z-index: 2; background-color: #2e84d7; margin-left: -10%; width: 44% }
.mis_box_wrap_03 { z-index: 3; background-color: #fff; margin-left: -10%; width: 38% }
.mis_box { padding: 40px 70px; font-size: 20px; font-weight: 400; line-height: 1.4; word-break: keep-all; }
.core_wrap { display: flex; gap: 4%; }
.core_box_wrap { width: 100% }
.core_box_bg { display: block; width: 100%; padding-bottom: 180px; border-radius: 1000px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.core_box_wrap_01 .core_box_bg { background-image: url(../images/hope_01.jpg); }
.core_box_wrap_02 .core_box_bg { background-image: url(../images/hope_02.jpg); }
.core_box_wrap_03 .core_box_bg { background-image: url(../images/hope_03.jpg); }
.core_box_wrap_04 .core_box_bg { background-image: url(../images/hope_04.jpg); }
.slogan_wrap { padding: 300px 2% 80px; border-radius: 1000px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(../images/sub/slogan_wrap.jpg); }
.s_sec_01_01_05_01_wrap { background-color: #1361ac }
.ci_top_wrap { display: flex; gap: 5% }
.sub_btn_wrap .sub_btn { display: inline-block; background-color: #1361ac; border-radius: 1000px; padding: 6px 6px 6px 30px; }
.sub_btn_wrap .sub_btn span { height: 40px; line-height: 40px; display: inline-block; padding-right: 30px; vertical-align: middle; color: #fff; font-size: 18px; }
.sub_btn_wrap .sub_btn b { height: 40px; line-height: 40px; width: 40px; display: inline-block; vertical-align: middle; background-color: #fff; border-radius: 100px; position: relative; top: 0px; left: 0px; }
.sub_btn_wrap .sub_btn b:after { content: ""; display: block; margin: auto; width: 12px; height: 12px; border-top: 2px solid #000; border-left: 2px solid #000; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; transform: rotate(135deg); }
.sub_btn_wrap { display: inline-block; padding-left: 20px; }
.sub_btn_wrap:first-child { padding-left: 0px; }
.sub_btn_wrap .sub_btn:hover { background-color: #094b8a }
.sub_btn_wrap.btn_w .sub_btn { background-color: #fff }
.sub_btn_wrap.btn_w .sub_btn span { color: #000 }
.sub_btn_wrap.btn_w .sub_btn b { background-color: #000; }
.sub_btn_wrap.btn_w .sub_btn b:after { border-color: #fff; }
.sub_btn_wrap.btn_w .sub_btn:hover { background-color: #000; }
.sub_btn_wrap.btn_w .sub_btn:hover span { color: #fff; }
.his_btn_wrap .his_btn { display: inline-block; background-color: #1361ac; border-radius: 5px; padding: 5px 15px; }
.his_btn_wrap .his_btn span { height: 35px; line-height: 35px; display: inline-block; vertical-align: middle; color: #fff; font-size: 15px; position: relative; }
.his_btn_wrap .his_btn b { height: 40px; line-height: 40px; width: 40px; display: inline-block; vertical-align: middle; background-color: #fff; border-radius: 100px; position: relative; top: 0px; left: 0px; }
.his_btn_wrap .his_btn b:after { content: ""; display: block; margin: auto; width: 12px; height: 12px; border-top: 2px solid #000; border-left: 2px solid #000; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; transform: rotate(135deg); }
.his_btn_wrap { display: inline-block; }
.his_btn_wrap:first-child { padding-left: 0px; }
.his_btn_wrap .his_btn:hover { background-color: #094b8a }
.his_btn_wrap.btn_w .his_btn { background-color: #fff }
.his_btn_wrap.btn_w .his_btn span { color: #000 }
.his_btn_wrap.btn_w .his_btn b { background-color: #000; }
.his_btn_wrap.btn_w .his_btn b:after { border-color: #fff; }
.his_btn_wrap.btn_w .his_btn:hover { background-color: #000; }
.his_btn_wrap.btn_w .his_btn:hover span { color: #fff; }
.his_btn_all_wrap { position: absolute; left: 50%; transform: translateX(-50%); z-index: 9999; bottom: 120px; position: fixed; }
.his_btn span:before { display: inline-block; width: 14px; height: 14px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(../images/sub/list.png); content: ""; vertical-align: middle; margin-right: 5px; }
.s_sec_01_01_02_011_cont .his_btn span:before { background-image: url(../images/sub/list2.png); }
.cibox_left_wrap { position: sticky; top: 130px; left: 0px; width: 25%; float: left; }
.cibox_wrap { position: relative; top: 0px; left: 0px; }
.cibox_right_wrap { width: 70%; float: right; }
.symbol_wrap { display: flex; gap: 4%; justify-content: space-evenly; flex-wrap: nowrap; flex-direction: row; }
.symbol_box_wrap { width: 30%; text-align: center; position: relative; top: 0px; left: 0px; }
.symbol_box_wrap2 { width: 40%; }
.symbol_box_img { display: inline-block; }
.symbol_box_img_wrap { text-align: center; position: relative; top: 0px; left: 0px; }
.symbol_box_txt_wrap { padding-top: 50px; }
.symbol_box_wrap1 .symbol_box_img_wrap:after { content: "+"; position: absolute; top: 50%; left: 100%; font-size: 50px; color: #fff; transform: translateY(-50%); }
.symbol_box_wrap3 .symbol_box_img_wrap:after { content: "="; position: absolute; top: 50%; right: 100%; font-size: 50px; color: #fff; transform: translateY(-50%); }
.sec_wrap { overflow: hidden; }
.sec_wrap2 { position: relative; top: 0px; left: 0px; z-index: 800; }
.s_sec_01_01_05_01_bg { background-repeat: no-repeat; background-position: center bottom; background-size: contain; background-image: url(../images/sub/build.png); mix-blend-mode: luminosity; opacity: 0.07; }
.img_boxed_wrap { display: flex; gap: 20px; justify-content: space-evenly; flex-wrap: nowrap; flex-direction: row; }
.img_boxed_2_wrap { display: grid; row-gap: 40px; column-gap: 20px; grid-template-columns: repeat(2, 1fr); align-items: start; }
.img_boxed_3_wrap { display: grid; row-gap: 40px; column-gap: 20px; grid-template-columns: repeat(3, 1fr); align-items: start; }
.s_sec_01_01_05_03_wrap { background-color: #fafafa }
.img_boxed { width: 100%; }
.img_boxed img { width: 100%; }
.img_boxed_5_wrap { display: grid; row-gap: 40px; column-gap: 20px; grid-template-columns: repeat(3, 1fr); align-items: start; }
.s_sec_01_01_07_01_bg {
}
.s_sec_01_01_07_01_bg { background-color: #000; }
.s_sec_01_01_07_01_bg .bg_video_box { opacity: 0.8 }
.s_sec_01_01_07_01_wrap { padding: 5vh 0; }
.s_sec_01_01_07_01_wrap.animated { animation-delay: 0.2s; animation-duration: 1.5s; animation-name: pd100; animation-fill-mode: forwards; }
@keyframes pd100 {
	0% { padding: 30vh 0; }
	30% { padding: 30vh 0; }
	100% { padding: 5vh 0; }
}
.s_sec_01_01_07_01_con_wrap { padding: 200px 0 80px; }
/*
.sub_btn_wrap .sub_btn.sub_btn_tmap {
background: linear-gradient(45deg, #e844c0 0%,#2cd4ba 48%,#0264ff 100%);}
.sub_btn_wrap .sub_btn.sub_btn_naver {
background-color: #00c13a;}
.sub_btn_wrap .sub_btn.sub_btn_kakao {
background-color: #f2da00;}
.sub_btn_wrap .sub_btn.sub_btn_google {
background-color: #d92031;}*/


.ppd_wrap { padding: 100px 0; }
.s_sec_01_02_01_03_con { max-width: 48%; }
.ani_pd { padding: 200px 5% 50px; }
.ani_pd.animated .ppd_wrap { animation-delay: 0.01s; animation-duration: 2s; animation-name: ppd_wrap; animation-fill-mode: forwards; }
.ani_pd.animated { animation-duration: 2s; animation-name: ani_pd; animation-fill-mode: forwards; }
.sub_01_02_02 .ani_pd.animated { animation: none; }
.sub_01_02_02 .ani_pd.animated .ppd_wrap { animation: none; }
@keyframes ani_pd {
	0% { padding: 100px 0 100px; }
	30% { padding: 100px 0 100px; }
	100% { padding: 200px 5% 50px; }
}
@keyframes ppd_wrap {
	0% { padding: 50vh 0; }
	30% { padding: 50vh 0; }
	100% { padding: 100px 0; }
}
.sec_img_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; filter: brightness(0.6); }
.s_sec_01_02_01_01_bg .sec_img_bg { background-image: url(../images/sub/s_sec_01_02_01_01_bg.jpg); }
.s_sec_01_02_02_01_bg .sec_img_bg { background-image: url(../images/sub/s_sec_01_02_02_01_bg.jpg); }
.s_sec_01_02_03_01_bg .sec_img_bg { background-image: url(../images/sub/s_sec_01_02_03_01_bg.jpg); }
.sec_pd_top_none { padding-top: 0px!important }
.sec_pd_bt_none { padding-bottom: 0px!important }
.sub_nav_wrap .menu { display: none; }
.sub_nav_wrap .menu.active { display: block; }
.sub_nav_wrap .menu_a { display: none; }
.sub_nav_wrap .sub_menu { display: none; }
.sub_nav_wrap .sub_menu_a { display: none; }
.sub_nav_wrap .sub_menu.active { display: block; }
.sub_nav_wrap .thd_menu_wrap { font-size: 0px; }
.sub_nav_wrap .thd_menu { display: inline-block; padding: 5px }
.sub_nav_wrap .thd_menu_a { padding: 0px; font-size: 16px; color: #fff; padding: 5px 15px; font-weight: 400; display: block; border: 1px solid rgba(255, 255, 255, 0.5); text-align: center; border-radius: 100px; }
.sub_nav_wrap .thd_menu_a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.27em; font-size: large; display: none; }
.sub_nav_wrap .thd_menu_a span { vertical-align: middle; display: inline-block; line-height: 1.6; text-align: center; max-width: 100%; position: relative; top: 0px; left: 0px; min-width: 90px; }
.sub_nav_wrap .thd_menu_a:hover { background-color: #fff; color: #222; }
.sub_nav_wrap .thd_menu.active .thd_menu_a { background-color: #fff; border-color: #fff; color: #222 }
.sub_nav_wrap .sub_menu_02 .thd_menu_04 .thd_menu_a { background-color: #1361ac; border-color: #1361ac; color: #fff }
.work_left_wrap { position: sticky; top: 130px; left: 0px; width: 25%; float: left; }
.work_all_wrap { position: relative; top: 0px; left: 0px; }
.work_right_wrap { width: 70%; float: right; }
.bene_img_wrap { display: block; position: relative; top: 0px; left: 0px; border-radius: 20px; overflow: hidden; width: 100%; }
.bene_img { position: relative; top: 0px; left: 0px; height: 0px; z-index: 1; padding-bottom: 60%; background-repeat: no-repeat; background-position: center center; background-size: cover; filter: brightness(0.9); }
.bene_img_txt_wrap { position: absolute; top: 100%; left: 0px; bottom: 0px; right: 0px; z-index: 2; background-color: #1361ac; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.bene_img_txt { position: absolute; left: 0px; width: 100%; bottom: 0px; padding: 0 5% 30px; }
.bene_in_wrap { display: grid; row-gap: 50px; column-gap: 20px; grid-template-columns: repeat(2, 1fr); align-items: start; }
.c_list01 { text-align: left; }
.c_list01 > li { padding: 3px 0 5px 13px; position: relative; top: 0px; left: 0px }
.c_list01 > li:before { content: ""; position: absolute; top: 0.8em; left: 0px; width: 5px; height: 5px; border-radius: 100px; background-color: #1361ac }
.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_list02 { text-align: left; }
.c_list02 > li { padding: 3px 0 5px 13px; position: relative; top: 0px; left: 0px; display: flex; gap: 10px; }
/*.c_list02 > li:before { content:""; position:absolute; top:0.8em; left:0px; width:5px; height:5px; border-radius:100px; background-color:#1361ac } */
.c_list02 > li > .ctit { position: relative; top: 0px; left: 0px; font-size: 1em; vertical-align: top; color: #000; font-weight: 500; display: inline-block }
.c_list02 > li > .ctxt { position: relative; top: 0px; left: 0px; font-size: 1em; display: inline-block }
.c_list02 > li > .ctxt b { color: #000 }
.bene_box_wrap:hover .bene_img_txt_wrap { opacity: 1; top: 0px; }
.work_only_wrap { width: 70%; }
.bene_box_wrap_01 .bene_img { background-image: url(../images/sub/bene_box_wrap_01.jpg); }
.bene_box_wrap_02 .bene_img { background-image: url(../images/sub/bene_box_wrap_02.jpg); }
.bene_box_wrap_03 .bene_img { background-image: url(../images/sub/bene_box_wrap_03.jpg); }
.bene_box_wrap_04 .bene_img { background-image: url(../images/sub/bene_box_wrap_04.jpg); }
.bene_box_wrap_05 .bene_img { background-image: url(../images/sub/bene_box_wrap_05.jpg); }
.bene_box_wrap_06 .bene_img { background-image: url(../images/sub/bene_box_wrap_06.jpg); }
.bene_box_wrap_07 .bene_img { background-image: url(../images/sub/bene_box_wrap_07.jpg); }
.bene_box_wrap_08 .bene_img { background-image: url(../images/sub/bene_box_wrap_08.jpg); }
.s_sec_01_02_01_03_bg .sec_img_bg { background-image: url(../images/sub/s_sec_01_02_01_03_bg.png); filter: brightness(1.0); }
.s_sec_01_02_01_03_in { box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.08); border-radius: 20px; }
.bene_box_wrap { display: grid; row-gap: 20px; column-gap: 20px; grid-template-columns: repeat(1, 1fr); align-items: start; }
.life_01_wrap .bene_box_wrap { grid-template-columns: repeat(2, 1fr); column-gap: 5%; }
.life_02_wrap .bene_box_wrap { grid-template-columns: repeat(2, 1fr); column-gap: 5%; justify-items: end; }
.life_02_wrap .bene_img_wrap { order: 2; }
.s_sec_01_02_01_04_wrap .bene_in_wrap { column-gap: 5%; }
.s_sec_01_02_01_04_wrap .bene_img { padding-bottom: 80%; }
.life_02_wrap .bene_txt_wrap { max-width: 70% }
.s_sec_01_02_01_04_wrap .bene_img_txt_wrap { display: none; }
.tal_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 1; }
.tal_all_wrap { position: relative; top: 0px; left: 0px; overflow: hidden; }
.tal_wrap { position: relative; top: 0px; left: 0px; z-index: 5; overflow: hidden; }
.tal_in { position: relative; top: 0px; left: 0px; width: 50%; float: right; }
.tal_inner { position: relative; top: 0px; left: 0px; width: 100%; }
.tal_bg { background-color: #000; }
.tal_txt_wrap { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); z-index: 5; width: 100%; }
.tal_txt { display: block; width: 100%; padding: 0 30px 0 25% }
.tal_ani_txt_all_wrap { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); z-index: 5; width: 100%; }
.tal_ani_txt_wrap { display: block; width: 100%; padding: 0 25% 0 10%}
.tal_00_in { position: relative; top: 0px; left: 0px; width: 50%; float: left; }
.tal_ani_txt_wrap { font-size: 32px; font-weight: 600; line-height: 2; color: #000; word-break: keep-all; }
.tal_ani_txt_bg { opacity: 0.1 }
.tal_ani_txt { display: block; clear: both; width: max-content; }
.tal_00_wrap { z-index: 6; position: absolute; top: 0px; left: 0px; width: 100%; }
.tal_ani_txt_in { position: relative; top: 0px; left: 0px; width: 100%; z-index: 1; }
.tal_ani_txt_bg { position: relative; top: 0px; left: 0px; width: 100%; z-index: 1; }
.tal_ani_txt_on { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 2; }
.tal_ani_txt span { display: inline-block; }
.tal_ani_txt_on .tal_ani_txt { clip-path: inset(0 100% 0 0); opacity: 0 }
.tal_ani_txt_on .tal_color_01 { color: #f16281 }
.tal_ani_txt_on .tal_color_02 { color: #f47f50 }
.tal_ani_txt_on .tal_color_03 { color: #66c6b9 }
.tal_ani_txt_on .tal_color_04 { color: #5b4fa1 }
.tal_cir_wrap { z-index: 7; position: absolute; top: 0px; left: 0px; width: 100%; }
.tal_in { position: relative; top: 0px; left: 0px; width: 50%; float: right; }
.tal_inner { position: relative; top: 0px; left: 0px; width: 100%; }
.tal_cir_in { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.tal_cir_inner { position: relative; top: 0px; left: 0px; width: 280px; height: 280px; overflow: hidden; border-radius: 1000px; }
.tal_circle_wrap { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; opacity: 0; }
.tal_circle_all_wrap { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; }
.tal_circle_wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; font-size: large; margin-right: -0.25em; }
.tal_circle_wrap span { vertical-align: middle; display: inline-block; line-height: 1.4; text-align: center; max-width: 100%; position: relative; top: 0px; left: 0px; font-size: 26px; color: #fff; font-weight: 500; padding: 5px; }
.tal_circle_wrap_01 { background-color: #f16281 }
.tal_circle_wrap_02 { background-color: #f47f50 }
.tal_circle_wrap_03 { background-color: #66c6b9 }
.tal_circle_wrap_04 { background-color: #5b4fa1 }
.tal_bg { filter: brightness(0.5); background-size: cover; background-position: center center; }
.tal_01_wrap .tal_bg { background-image: url(../images/sub/tal_01_wrap.jpg); }
.tal_02_wrap .tal_bg { background-image: url(../images/sub/tal_02_wrap.jpg); }
.tal_03_wrap .tal_bg { background-image: url(../images/sub/tal_03_wrap.jpg); }
.tal_04_wrap .tal_bg { background-image: url(../images/sub/tal_04_wrap.jpg); }
.sec_in_ov { padding: 0 5%; position: relative; top: 0px; left: 0px; z-index: 10 }
.s_sec_01_02_02_01_wrap { z-index: 900 }
.s_sec_01_02_01_01_wrap { z-index: 900 }
.ani_pd {
}
.work_right_wrap { overflow: hidden; }
.work_only_wrap { overflow: hidden; }

.job_all_wrap_bene .job_box_in { display: flex; gap: 10px;}
.job_icon { max-width:30%; }





.job_all_wrap { display: grid; row-gap: 50px; column-gap: 20px; grid-template-columns: repeat(4, 1fr); align-items: stretch; }
.job_box_in { display: flex; flex-direction: column; justify-content: space-between; gap: 80px; }
.job_wrap { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; }
.job_box_wrap { display: block; width: 100%; height: 100%; position: relative; top: 0px; left: 0px; border: 1px solid #eee; padding: 30px 8%; background-color: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.05); }
.job_box_in { width: 100%; height: 100%; position: relative; top: 0px; left: 0px; }
.sub_01_02_03 .sub_wrap { background-color: #fafafa }
.sub_01_02_01 .sub_wrap { background-color: #fafafa }
.job_box_bt_wrap { text-align: right; }
.job_box_wrap:hover { background-color: #1361ac; border-color: #1361ac; }
.job_box_wrap:hover * { color: #fff; }
.s_sec_01_03_01_01_con { padding: 80px 5%; background-color: #fbfbfb; border-radius: 20px; overflow: hidden; }
.s_sec_01_03_01_01_wrap { padding-top: 100px; }
.s_sec_01_03_01_02_con_wrap { padding: 80px 0; }
.rnd_top_bg_wrap { position: relative; top: 0px; left: 0px; z-index: 1; }
.s_sec_02_01_01_01_bg { position: absolute; top: 50%; left: 50%; display: block; width: 100%; margin: 0 auto; transform: translate(-50%,-50%); overflow: hidden; opacity: 0; }
.s_sec_02_01_01_01_bg { animation-delay: 0.5s; animation-duration: 2s; animation-name: bg_ani; animation-fill-mode: forwards; }
.s_sec_02_01_01_01_bg .none_vid { display: block; width: 100%; }
@keyframes bg_ani {
	0% { width: 100%; opacity: 0; border-radius: 0px; }
	100% { width: 60%; opacity: 1; border-radius: 20px; }
}
.s_sec_02_01_01_01_con { position: relative; top: 0px; left: 0px; }
.rnd_top_wrap { position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); }
.sub_02_01_01 .sub_wrap { background-color: #000 }
.s_sec_02_01_01_02_con { text-align: center; position: relative; top: 0px; left: 0px; height: 100vh; overflow: hidden; }
.rnd_tit { font-size: 6vw; font-weight: 500; line-height: 1; color: #fff; word-break: keep-all; white-space: nowrap; letter-spacing: 1em; text-align: left; }
.rnd_tit_wrap { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.rnd_desc_wrap { text-align: left; padding-top: 50px; }
.rnd_desc { display: inline-block; font-size: 18px; font-weight: 500; line-height: 1.6; color: #fff; word-break: keep-all; }
.s_sec_02_01_01_02_bg { border-style: solid; border-color: #000; z-index: 1; }
.s_sec_02_01_01_02_in {
}
.s_sec_02_01_01_02_wrap { overflow: hidden; }
.rn_all_wrap { position: relative; top: 0px; left: 0px; }
.rn_left_wrap { position: sticky; top: 25vh; left: 0px; width: 25%; float: left; padding-bottom: 100px; }
.rn_right_wrap { width: 70%; float: right; padding-top: 50vh; overflow: hidden; }
.s_sec_02_01_01_03_bg { position: absolute; top: 0px; left: 50%; display: block; width: 0%; height: 50vh; transform: translateX(-50%); overflow: hidden; z-index: 1; }
.s_sec_02_01_01_03_bg .none_vid { display: block; width: 100%; }
.rn_box_wrap { width: 70%; float: left; padding-bottom: 100px; }
.rn_box_wrap:nth-child(2n+1) { float: right; }
.none_vid { max-width: 100%; }
.rn_txt_wrap { padding-top: 30px; }
.rn_img { border-radius: 20px; overflow: hidden; }
.s_sec_02_01_01_04_bg { position: absolute; top: 0px; left: 50%; display: block; width: 100%; height: 0vh; transform: translateX(-50%); overflow: hidden; z-index: 1; }
.s_sec_02_01_01_04_bg .none_vid { display: block; width: 100%; }
.s_sec_02_01_01_05_bg { position: absolute; top: 0px; left: 0%; display: block; width: 100%; height: 70vh; overflow: hidden; z-index: 1; }
.s_sec_02_01_01_05_bg .none_vid { display: block; width: 100%; }
.s_sec_02_01_01_06_bg { position: absolute; top: 0px; left: 50%; display: block; width: 0%; height: 50vh; transform: translateX(-50%); overflow: hidden; z-index: 1; }
.s_sec_02_01_01_06_bg .none_vid { display: block; width: 100%; }
.sub_02_01_02 .sub_wrap { background-color: #000 }
.s_sec_02_01_02_01_con { padding: 300px 0 }
.s_sec_02_01_02_02_con { text-align: center; }
.s_sec_02_01_02_02_con svg { max-width: 500px; }
.logo_1 { display: none; }
.tech_all_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-block; width: 200px; height: 200px; z-index: 5 }
.tech_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-block; z-index: 5 }
.tech_logo_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-block; z-index: 5 }
.tech_logo_in { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-block; height: 500px; width: 500px; z-index: 5 }
.tech_logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-block; font-size: 0px; width: 100%; z-index: 5 }
.tech_logo_01 { display: inline-block; width: 30%; position: relative; top: 0px; left: 0px; vertical-align: middle; z-index: 5; overflow: hidden; }
.tech_logo_02 { display: inline-block; width: 63%; padding-left: 7%; position: relative; top: 0px; left: 0px; vertical-align: middle; z-index: 5; overflow: hidden; }
.tech_logo svg { width: 100%; display: block; }
.tech_logo_01 .tech_logo_w { position: relative; top: 0px; left: 0px; width: 100%; overflow: hidden; }
.tech_logo_w svg { width: 100%; }
.tech_logo_02 .tech_logo_w { position: relative; top: 0px; left: 0px; width: 100%; overflow: hidden; }
.tech_logo_bg_wrap { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: #2a2a2a; border-radius: 1000px; overflow: hidden; z-index: 1; }
.tech_logo_bg { position: absolute; top: 5px; left: 0px; bottom: 0px; right: 0px; background-color: #000; border-radius: 1000px; overflow: hidden; }
.tech_pro_all_wrap { position: absolute; top: -30%; left: -30%; bottom: -30%; right: -30%; border-radius: 1000px; z-index: 6; }
.tech_pro_bg_wrap { position: absolute; top: -20px; left: -20px; bottom: -20px; right: -20px; z-index: 10; clip-path: polygon(0% 0%, 100% 0%, 100% 40%, 0% 50%); }
.tech_pro_bg_in { position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px; }
.tech_pro_bg { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; border: 5px solid #0476d9; border-radius: 1000px; clip-path: polygon(0% 0%, 100% 0%, 100% 35%, 0% 50%); }
.tech_pro_arr { width: 0; height: 0; border-style: solid; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 24px solid #0476d9; border-right: 0; position: absolute; top: 34%; right: 7px; transform: rotate(71deg); }
.tech_pro_wrap { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; }
.tech_pro { position: absolute; width: 200px; height: 200px; border-radius: 300px; top: 50%; left: 0%; margin-left: -100px; margin-top: -100px; background-repeat: no-repeat; background-position: center center; background-size: cover; border: 5px solid #0476d9; }
.tech_pro_wrap_01 .tech_pro { background-image: url(../images/sub/tech_pro_wrap_01.jpg); }
.tech_pro_wrap_02 .tech_pro { background-image: url(../images/sub/tech_pro_wrap_02.jpg); }
.tech_pro_wrap_03 .tech_pro { background-image: url(../images/sub/tech_pro_wrap_03.jpg); }
.tech_pro_wrap_04 .tech_pro { background-image: url(../images/sub/tech_pro_wrap_04.jpg); }
.tech_pro_wrap_05 .tech_pro { background-image: url(../images/sub/tech_pro_wrap_05.jpg); }
.tech_pro_wrap_06 .tech_pro { background-image: url(../images/sub/tech_pro_wrap_06.jpg); }
.tech_pro_wrap_01 { transform: rotate(0deg); z-index: 100; }
.tech_pro_wrap_02 { transform: rotate(36deg); z-index: 90; }
.tech_pro_wrap_03 { transform: rotate(72deg); z-index: 80; }
.tech_pro_wrap_04 { transform: rotate(108deg); z-index: 70; }
.tech_pro_wrap_05 { transform: rotate(144deg); z-index: 60; }
.tech_pro_wrap_06 { transform: rotate(180deg); z-index: 50; }
.tech_pro_wrap_02 .tech_pro { transform: rotate(-36deg); }
.tech_pro_wrap_03 .tech_pro { transform: rotate(-72deg); }
.tech_pro_wrap_04 .tech_pro { transform: rotate(-108deg); }
.tech_pro_wrap_05 .tech_pro { transform: rotate(-144deg); }
.tech_pro_wrap_06 .tech_pro { transform: rotate(-180deg); }
.tech_pro_txt { position: absolute; top: 100%; width: 100%; text-align: center; font-size: 18px; color: #fff; font-weight: 500; padding: 10px 0; line-height: 1.4; }
.s_sec_02_01_02_02_wrap { margin-top: -50vh; }
.s_sec_02_01_02_02_wrap { overflow: hidden; }
.s_sec_02_01_02_02_con_in { opacity: 0 }
.proc_btn_wrap { position: relative; top: 0px; left: 0px; text-align: center; font-size: 0px; }
.proc_btn { display: inline-block; padding: 0 30px; position: relative; top: 0px; left: 0px; }
.proc_btn_a { display: block; padding: 15px; border: 1px solid transparent; position: relative; top: 0px; left: 0px; z-index: 2; }
.proc_btn_img_wrap { padding-bottom: 20px; }
.proc_btn_txt { font-size: 18px; color: #fff; font-weight: 500; line-height: 1.4; }
.proc_btn_arr { height: 40px; line-height: 40px; width: 40px; display: inline-block; vertical-align: middle; background-color: #454545; border-radius: 100px; position: absolute; top: 50%; left: 100%; z-index: 2; transform: translate(-50%,-50%); }
.proc_btn_arr:after { content: ""; display: block; margin: auto; width: 8px; height: 8px; border-top: 2px solid #fff; border-left: 2px solid #fff; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; transform: rotate(135deg); }
.proc_btn.active .proc_btn_a { border-color: #0476d9; border-radius: 5px; background-color: #0476d9 }
.proc_btn.active .proc_btn_arr { background-color: #0476d9 }
.proc_btn_wrap { padding: 100px 0; }
.proc_btn_05 .proc_btn_arr { display: none; }
.proc_con_txt { text-align: left; display: none; }
.seok_video_wrap { position: relative; left: 0px; top: 0px; overflow: hidden; padding-bottom: 56%; border-radius: 20px; }
.seok_video_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.proc_con_all_wrap { width: 100%; padding: 0 5%; max-width: 1200px; margin: 0 auto; }
.seat_all_wrap { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); z-index: 5; }
.part_all_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; width: 30%; }
.part_wrap { position: relative; top: 0%; left: 0%; width: 100%; padding-bottom: 100%; border-radius: 10000px; opacity: 0; }
.part_box_wrap { position: absolute; transform: translate(-50%,-50%); width: 200px; }
.part_wrap_in { position: absolute; top: 50%; left: 50%; width: 100%; height: 0px; padding-bottom: 100%; transform: translate(-50%,-50%); }
.part_box_wrap_01 { top: 50%; left: 0%; }
.part_box_wrap_02 { top: 30%; left: 4%; }
.part_box_wrap_03 { top: 14%; left: 16%; }
.part_box_wrap_04 { top: 4%; left: 32%; }
.part_box_wrap_05 { top: 0%; left: 50%; }
.part_box_wrap_06 { top: 4%; left: 68%; }
.part_box_wrap_07 { top: 14%; left: 84%; }
.part_box_wrap_08 { top: 30%; left: 96%; }
.part_box_wrap_09 { top: 50%; left: 100%; }
.part_box_wrap_10 { top: 70%; left: 96%; }
.part_box_wrap_11 { top: 86%; left: 84%; }
.part_box_wrap_12 { top: 96%; left: 68%; }
.part_box_wrap_13 { top: 100%; left: 50%; }
.part_box_wrap_14 { top: 96%; left: 32%; }
.part_box_wrap_15 { top: 86%; left: 16%; }
.part_box_wrap_16 { top: 70%; left: 4%; }
.part2_all_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; width: 40%; }
.part2_wrap { position: relative; top: 0px; left: 0px; width: 100%; padding-bottom: 100%; border-radius: 10000px; opacity: 0 }
.part2_box_wrap { position: absolute; transform: translate(-50%,-50%); width: 200px; }
.part2_wrap_in { position: absolute; top: 50%; left: 50%; width: 100%; height: 0px; padding-bottom: 100%; transform: translate(-50%,-50%); }
.part2_box_wrap_01 { top: 50%; left: 0%; }
.part2_box_wrap_02 { top: 30%; left: 4%; }
.part2_box_wrap_03 { top: 14%; left: 16%; }
.part2_box_wrap_04 { top: 4%; left: 32%; }
.part2_box_wrap_05 { top: 0%; left: 50%; }
.part2_box_wrap_06 { top: 4%; left: 68%; }
.part2_box_wrap_07 { top: 14%; left: 84%; }
.part2_box_wrap_08 { top: 30%; left: 96%; }
.part2_box_wrap_09 { top: 50%; left: 100%; }
.part2_box_wrap_10 { top: 70%; left: 96%; }
.part2_box_wrap_11 { top: 86%; left: 84%; }
.part2_box_wrap_12 { top: 96%; left: 68%; }
.part2_box_wrap_13 { top: 100%; left: 50%; }
.part2_box_wrap_14 { top: 96%; left: 32%; }
.part2_box_wrap_15 { top: 86%; left: 16%; }
.part2_box_wrap_16 { top: 70%; left: 4%; }
.part_box_img img { max-width: 60% }
.s_sec_02_02_00_01_con_wrap { overflow: hidden; }
.seat_box_bg { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); z-index: 2; font-size: 10vw; color: #000; font-weight: 700; letter-spacing: 1em; white-space: nowrap; }
.seat_box_img { position: relative; top: 0px; left: 0px; width: 100%; z-index: 3; }
.s_sec_02_02_00_02_wrap { background-color: #fafafa; }
.pdt_main_btn_wrap .pdt_main_btn { display: block; background-color: #000; border-radius: 1000px; padding: 6px 6px 6px 20px; width: 50%; opacity: 0 }
.pdt_main_btn_wrap .pdt_main_btn span { height: 30px; line-height: 30px; display: inline-block; padding-right: 20px; vertical-align: middle; color: #fff; font-size: 14px; float: left; }
.pdt_main_btn_wrap .pdt_main_btn b { height: 30px; line-height: 30px; width: 30px; display: inline-block; vertical-align: middle; background-color: #fff; border-radius: 100px; position: relative; top: 0px; left: 0px; float: right; }
.pdt_main_btn_wrap .pdt_main_btn b:after { content: ""; display: block; margin: auto; width: 9px; height: 9px; border-top: 2px solid #000; border-left: 2px solid #000; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; transform: rotate(135deg); }
.pdt_main_wrap:hover .pdt_main_btn { width: 100%; opacity: 1 }
.pdt_main_all_wrap { display: grid; row-gap: 50px; column-gap: 20px; grid-template-columns: repeat(5, 1fr); align-items: stretch; }
.pdt_main_wrap { width: 100%; }
.pdt_main_box_wrap { width: 100%; position: relative; top: 0px; left: 0px; border-radius: 20px; overflow: hidden; background-color: #c7c7c6; display: block; }
.pdt_main_box_in { width: 100%; height: 500px; position: relative; top: 0px; left: 0px; padding: 30px; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; text-align: left; }
.pdt_main_box_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; background-repeat: no-repeat; background-position: right bottom; background-size: auto 80%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.pdt_main_wrap_01 .pdt_main_box_bg { background-image: url(../images/sub/pdt_main_wrap_01.png); background-size: auto 50%; }
.pdt_main_wrap_02 .pdt_main_box_bg { background-image: url(../images/sub/pdt_main_wrap_02.png); }
.pdt_main_wrap_03 .pdt_main_box_bg { background-image: url(../images/sub/pdt_main_wrap_03.png); }
.pdt_main_wrap_04 .pdt_main_box_bg { background-image: url(../images/sub/pdt_main_wrap_04.png); background-size: auto 70%; }
.pdt_main_wrap_05 .pdt_main_box_bg { background-image: url(../images/sub/pdt_main_wrap_05.png); }
.pdt_main_wrap_01:hover .pdt_main_box_wrap { background-color: #f16281 }
.pdt_main_wrap_02:hover .pdt_main_box_wrap { background-color: #f47f50 }
.pdt_main_wrap_03:hover .pdt_main_box_wrap { background-color: #66c6b9 }
.pdt_main_wrap_04:hover .pdt_main_box_wrap { background-color: #5b4fa1 }
.pdt_main_wrap_05:hover .pdt_main_box_wrap { background-color: #3d8bd6 }
.pdt_main_wrap:hover .pdt_main_box_bg { background-position: right -20px bottom; }
.sas_all_wrap { position: relative; top: 0px; left: 0px; display: grid; gap: 20px; grid-template-columns: 3fr 1fr 1.5fr; }
.sas_box_wrap { position: relative; top: 0px; left: 0px; border-radius: 20px; overflow: hidden; }
.sas_box_01_wrap { grid-row-start: 1; grid-column-start: 1; grid-row-end: span 2; }
.sas_box_02_wrap { grid-row-start: 1; grid-column-start: 2; grid-row-end: span 2; }
.sas_box_03_wrap, .sas_box_04_wrap { height: 0px; padding-bottom: 70%; }
.sas_box_inner { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; padding: 50px 5%; }
.sas_box_in { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 5 }
.sas_box_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; background-color: #f8f8f8 }
.sas_box_bg .bg_video_box { /*mix-blend-mode: luminosity; */}
.recl_all_wrap { text-align: center; }
.recl_wrap { display: inline-block; width: 40%; position: relative; top: 0px; left: 0px; }
.recl_tit_wrap { position: absolute; top: 0%; right: 90%; z-index: 5; }
.recl_tit { position: relative; top: 0px; left: 0%; white-space: nowrap; }
.recl_img_wrap { position: relative; top: 0px; left: 0px; z-index: 1; text-align: center; display: inline-block; }
.recl_txt_wrap { position: absolute; bottom: 0px; left: 102%; width: 60%; text-align: left; }
.recl_img img { width: 100%; max-width: 100%; }
.s_sec_02_02_01_03_wrap { background-color: #fafafa }
.recl_lineup_wrap { width: 100%; max-width: 1400px; padding: 50px 30px; margin: 0 auto; }
.lineup_wrap { display: grid; row-gap: 40px; column-gap: 40px; align-items: start; text-align: center; }
.recl_lineup_wrap .lineup_wrap { grid-template-columns: repeat(2, 1fr); }
.lineup_lay_wrap {
}
.lineup_lay_left { float: left; width: 40%; padding-bottom: 50px; }
.lineup_lay_right { float: right; width: 40%; padding-bottom: 50px; }
.lineup_lay_wide { width: 100%; float: left; padding-bottom: 50px }
.lineup_tit { padding: 20px 0; font-size: 16px; color: #000; font-weight: 400; line-height: 1.4; }
.lineup_lay_tit { padding: 8px 20px; background-color: #000; border-radius: 100px; color: #fff; text-align: left; display: inline-block; }
.lineup_lay_tit * { color: #fff; }
.lineup_lay_tit_wrap { padding-bottom: 20px; }
.lineup_top_tit { display: inline-block; padding: 8px 15px; border: 1px solid #eee; border-radius: 5px; font-size: 16px; background-color: #fff; color: #000!important; }
.lineup_top_tit_wrap { padding: 10px 0; text-align: center; }
.lineup_box:hover .lineup_top_tit { background-color: #0061ab; border-color: #0061ab; color: #fff!important; }
.rail_all_wrap { text-align: center; }
.rail_wrap { display: inline-block; width: 40%; position: relative; top: 0px; left: 0px; }
.rail_tit_wrap { position: absolute; top: 0%; right: 90%; z-index: 5}
.rail_tit { position: relative; top: 0px; left: 0%; white-space: nowrap; }
.rail_img_wrap { position: relative; top: 0px; left: 0px; z-index: 1; text-align: center; display: inline-block; }
.rail_txt_wrap { position: absolute; bottom: 0px; left: 80%; width: 60%; text-align: left; }
.rail_img img { width: 100%; max-width: 100%; }
.long_rail_lineup_wrap { width: 100%; max-width: 1400px; padding: 50px 30px; margin: 0 auto; }
.long_rail_lineup_wrap .lineup_wrap { grid-template-columns: repeat(2, 1fr); }
.rail_lineup_wrap { width: 100%; max-width: 1400px; padding: 50px 30px; margin: 0 auto; }
.rail_lineup_wrap .lineup_wrap { grid-template-columns: repeat(3, 1fr); }
.s_sec_02_02_01_05_wrap { background-color: #fafafa }
.pump_all_wrap { text-align: center; }
.pump_wrap { display: inline-block; width: 40%; position: relative; top: 0px; left: 0px; padding-top: 130px; }
.pump_tit_wrap { position: absolute; top: 0%; right: 90%; z-index: 5}
.pump_tit { position: relative; top: 0px; left: 0%; white-space: nowrap; }
.pump_img_wrap { position: relative; top: 0px; left: 0px; z-index: 1; text-align: center; display: inline-block; }
.pump_txt_wrap { position: absolute; bottom: 0px; left: 105%; width: 60%; text-align: left; }
.pump_img img { width: 100%; max-width: 100%; }
.pump_lineup_wrap { width: 100%; max-width: 700px; padding: 50px 30px; margin: 0 auto; text-align: center; }
.pump_lineup_wrap .lineup_wrap { grid-template-columns: repeat(1, 1fr); max-width: 300px; margin: 0 auto; }
.s_sec_02_02_01_06_wrap { background-color: #000 }
.s_sec_02_02_01_06_wrap * { color: #fff; }
.swi_all_wrap { text-align: center; }
.swi_wrap { display: inline-block; width: 40%; position: relative; top: 0px; left: 0px; }
.swi_tit_wrap { position: absolute; top: 50%; right: 90%; z-index: 5; transform: translateY(-50%); }
.swi_tit { position: relative; top: 0px; left: 0%; white-space: nowrap; }
.swi_img_wrap { position: relative; top: 0px; left: 0px; z-index: 1; text-align: center; display: inline-block; }
.swi_txt_wrap { position: absolute; bottom: 0px; left: 80%; width: 60%; text-align: left; }
.swi_img img { width: 100%; max-width: 100%; }
.swi_lineup_wrap { width: 100%; max-width: 700px; padding: 50px 30px; margin: 0 auto; }
.swi_lineup_wrap .lineup_wrap { grid-template-columns: repeat(2, 1fr); }
.sm_all_wrap { position: relative; top: 0px; left: 0px; display: block; width: 100%; }
.sm_box_wrap { position: relative; top: 0px; left: 0px; border-radius: 20px; overflow: hidden; height: 500px; }
.sm_box_inner { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; padding: 50px 5%; }
.sm_box_in { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 5 }
.sm_box_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; background-color: #f8f8f8 }
.sm_box_bg .bg_video_box { /* mix-blend-mode: luminosity; */}
.str_all_wrap { text-align: center; }
.str_wrap { display: inline-block; width: 40%; position: relative; top: 0px; left: 0px; }
.str_tit_wrap { position: absolute; top: 30%; right: 70%; z-index: 5; transform: translateY(-50%); }
.str_tit { position: relative; top: 0px; left: 0%; white-space: nowrap; }
.str_img_wrap { position: relative; top: 0px; left: 0px; z-index: 1; text-align: center; display: inline-block; }
.str_txt_wrap { position: absolute; bottom: 0px; left: 80%; width: 60%; text-align: left; }
.str_img img { width: 100%; max-width: 100%; }
.str_lineup_wrap { width: 100%; max-width: 700px; padding: 50px 30px; margin: 0 auto; }
.str_lineup_wrap .lineup_wrap { grid-template-columns: repeat(2, 1fr); }
.s_sec_02_02_02_03_wrap { background-color: #fafafa }
.s_sec_02_02_02_04_wrap { background-color: #000 }
.s_sec_02_02_02_04_wrap * { color: #fff; }
.vc_all_wrap { position: relative; top: 0px; left: 0px; padding-left: 20% }
.vc_wrap { display: flex; flex-direction: row; gap: 30px; align-items: flex-end; justify-content: flex-start; }
.vc_img_wrap { width: 35%; position: relative; top: 0px; left: 0px; height: 350px; border-radius: 20px; overflow: hidden; }
.vc_txt_wrap { width: 50% }
.sub_02_02_03 .sm_box_in {
}
.vsac_all_wrap { padding-top: 100px; }
.vsac_wrap { position: relative; top: 0px; left: 0px; padding-left: 30%; }
.vsac_box_all_wrap { position: relative; top: 0px; left: 0px; display: grid; row-gap: 40px; column-gap: 20px; grid-template-columns: repeat(2, 1fr); align-items: start; }
.vsac_box_wrap { position: relative; top: 0px; left: 0px; width: 100% }
.vsac_box { width: 100%; height: 0px; padding-bottom: 60%; position: relative; top: 0px; left: 0px; background-color: #000; border-radius: 20px; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.vsac_txt_wrap { padding-top: 50px; }
.vsac_box_wrap_02 .vsac_box { background-image: url(../images/sub/vsac_box_wrap_02.jpg); }
.s_sec_02_02_03_03_wrap { background-color: #fafafa }
.est_all_wrap { position: relative; top: 0px; left: 0px; display: grid; gap: 20px; grid-template-columns: 3fr 1.5fr; }
.est_box_wrap { position: relative; top: 0px; left: 0px; border-radius: 20px; overflow: hidden; }
.est_box_01_wrap { grid-row-start: 1; grid-column-start: 1; grid-row-end: span 2; }
.est_box_02_wrap, .est_box_03_wrap { height: 0px; padding-bottom: 50%; }
.est_box_inner { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; padding: 50px 5%; }
.est_box_in { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 5 }
.est_box_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.est_box_01_wrap .est_box_bg { background-image: url(../images/sub/est_box_01_wrap.jpg); }
.est_box_02_wrap .est_box_bg { background-image: url(../images/sub/est_box_02_wrap.jpg); }
.est_box_03_wrap .est_box_bg { background-image: url(../images/sub/est_box_03_wrap.jpg); }
.inno_top_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-end; justify-content: space-between; }
.inno_con_wrap { padding: 30px 0 }
.inno_con { border-radius: 20px; overflow: hidden; }
.inno_all_wrap { max-width: 1200px; margin: 0 auto; }
.s_sec_02_02_03_06_wrap { background-color: #fafafa }
.s_sec_02_02_04_03_wrap { background-color: #000; }
.s_sec_02_02_04_03_wrap * { color: #fff; }
.eba_top_img_wrap { text-align: center; }
.eba_top_img { display: inline-block; }
.eba_top_wrap { position: relative; top: 0px; left: 0px; z-index: 1; }
.eba_top_txt_wrap { position: absolute; top: 10%; left: 0px; }
.eba_bt { display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 30px; }
.eba_bt_right { max-width: 500px; border-radius: 20px; overflow: hidden; }
.act_wrap { position: relative; top: 0px; left: 0px; display: flex; gap: 1%; flex-wrap: nowrap; justify-content: space-evenly; align-content: space-around; align-items: center; flex-direction: row; }
.act_img_wrap { width: 40%; position: relative; top: 0px; left: 0px; }
.act_vid_wrap { width: 40%; position: relative; top: 0px; left: 0px; }
.act_vid_in { text-align: left; }
.act_vid { border-radius: 20px; overflow: hidden; }
.act_all_wrap { padding: 100px 0 }
.act2_all_wrap { padding: 100px 0 }
.act2_wrap { position: relative; top: 0px; left: 0px; display: flex; gap: 1%; flex-wrap: nowrap; justify-content: space-evenly; align-content: space-around; align-items: center; flex-direction: row-reverse; }
.act2_img_wrap { width: 40%; position: relative; top: 0px; left: 0px; }
.act2_vid_wrap { width: 40%; position: relative; top: 0px; left: 0px; }
.act2_vid_in { text-align: right; }
.act2_vid { border-radius: 20px; overflow: hidden; }
.blow_top_txt_wrap { text-align: center; }
.blow_top_txt { display: inline-block; position: relative; top: 0px; left: 0px; padding: 10px 0 100px }
.blow_top_txt_img { position: absolute; bottom: 0px; left: 50%; width: 100%; z-index: 1 }
.blow_top_txt .sec_tit11 { position: relative; top: 0px; left: 0px; z-index: 2; }
.s_sec_02_02_04_05_wrap { background-color: #fafafa }
.blow_all_wrap { display: grid; row-gap: 40px; column-gap: 20px; grid-template-columns: repeat(2, 1fr); align-items: start; }
.blow_box_bg { border-radius: 20px; overflow: hidden; }
.blow_box_02_wrap { position: relative; }
.blow_box_02_wrap_tit { position: absolute; top: 40px; left: 40px; }
.air_all_wrap { width: 100%; position: relative; top: 0px; left: 0px; }
.air_left_wrap { position: absolute; top: 0px; left: 0px; width: 50%; bottom: 0px;; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(../images/sub/air_left_wrap2.jpg); }
.air_right_wrap { float: right; width: 50%; background-color: #fafafa }
.air_right { padding: 100px 10% }
.air_right_img_wrap { text-align: center; padding-top: 80px; }
.s_sec_02_02_05_04_con_in { padding: 100px 0 300px }
.s_sec_02_02_05_04_bg { background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(../images/sub/s_sec_02_02_05_04_bg.jpg); }
.esgt_page { background-color: #fafafa; }
.esgt_all_wrap { padding: 50px 0; }
.esgt_wrap { padding-left: 15%; }
.esgt_wrap { position: relative; top: 0px; left: 0px; }
.esgt_top_wrap { position: relative; top: 0px; left: 0px; }
.esgt_top { position: relative; top: 0px; left: 0px; width: 50%; padding: 300px 0 50px; z-index: 2; }
.esgt_top_bg_wrap { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 45%; z-index: 1; }
.esgt_top_bg { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-position: right bottom; background-size: contain; background-image: url(../images/sub/esgt_top_bg.png); }
.esgt_navi_all_wrap { padding: 50px 50px 50px 0 }
.esgt_navi_wrap { display: grid; row-gap: 40px; column-gap: 20px; grid-template-columns: repeat(3, 1fr); align-items: stretch; }
.esgt_navi_box_wrap { position: relative; top: 0px; left: 0px; overflow: hidden; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.08); border-radius: 20px; }
.esgt_navi_box { padding: 40px 50px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 90px; position: relative; top: 0px; left: 0px; z-index: 2; }
.esgt_navi_btn { height: 40px; line-height: 40px; width: 40px; display: inline-block; vertical-align: middle; background-color: transparent; border-radius: 100px; position: relative; top: 0px; left: 0px; border: 1px solid rgba(0, 0, 0, 0.1); }
.esgt_navi_btn:after { content: ""; display: block; margin: auto; width: 8px; height: 8px; border-top: 2px solid #000; border-left: 2px solid #000; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; transform: rotate(135deg); }
.esgt_navi_img_wrap { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; position: absolute; z-index: 1; width: 200%; bottom: 0px; right: 0px; padding-bottom: 200%; overflow: hidden; border-radius: 100%; transform: translate(42%,42%) scale(0.1); background-repeat: no-repeat; background-position: right bottom; background-size: cover; }
.esgt_navi_box_wrap:hover .esgt_navi_img_wrap { transform: translate(25%,14%) scale(1); filter: brightness(0.8); background-position: center center; }
.esgt_navi_box_wrap:hover * { color: #fff; }
.esgt_navi_box_wrap:hover .esgt_navi_btn { border-color: #fff; }
.esgt_navi_box_wrap:hover .esgt_navi_btn:after { border-color: #fff; }
.esgt_navi_box_wrap:hover .c_list01 > li:before { background-color: #fff; }
.esgt_navi_box_wrap.active .esgt_navi_img_wrap { transform: translate(25%,14%) scale(1); filter: brightness(0.8); background-position: center center; }
.esgt_navi_box_wrap.active * { color: #fff; }
.esgt_navi_box_wrap.active .esgt_navi_btn { border-color: #fff; }
.esgt_navi_box_wrap.active .esgt_navi_btn:after { border-color: #fff; }
.esgt_navi_box_wrap.active .c_list01 > li:before { background-color: #fff; }
.esgt_navi_box_wrap_01 .esgt_navi_img_wrap { background-image: url(../images/sub/esgt_navi_box_wrap_01.jpg); }
.esgt_navi_box_wrap_02 .esgt_navi_img_wrap { background-image: url(../images/sub/esgt_navi_box_wrap_02.jpg); }
.esgt_navi_box_wrap_03 .esgt_navi_img_wrap { background-image: url(../images/sub/esgt_navi_box_wrap_03.jpg); }
.esgt_main_all_wrap { padding-top: 100px; }
.esgt_main_wrap { padding: 80px 0 80px 50px; background-color: #fff; position: relative; top: 0px; left: 0px; overflow: hidden; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.08); border-radius: 20px; }
.owl-carousel.owl-drag .owl-item { pointer-events: none; -webkit-user-select: all; -moz-user-select: all; -ms-use-select: all; user-select: all; }
.owl-carousel.owl-drag .owl-item { pointer-events: none; -webkit-user-select: all; -moz-user-select: all; -ms-use-select: all; user-select: all; }
.esgt_main_box_wrap { position: relative; top: 0px; left: 0px; }
.esgt_main_box_left { float: left; width: 380px; }
.esgt_main_box_right { float: right; width: calc(100% - 450px); overflow: hidden; }
.owlCustomNav button { border-radius: 100px; background-color: transparent; width: 45px; height: 45px; position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block;; border: 1px solid rgba(0, 0, 0, 0.2); outline: none; text-indent: -9999px; }
.owlCustomNav button span { content: ""; position: absolute; width: 10px; height: 10px; border-left: 2px solid #000; border-bottom: 2px solid #000; transition: all .3s ease; margin: auto; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.owlCustomNav .owl-next { margin-left: 10px; }
.owlCustomNav .owl-next span { transform: rotate(225deg); }
.owlCustomNav .owl-prev span { transform: rotate(45deg); }
.owlCustomNav button:hover { background-color: #01b179; border-color: #01b179 }
.owlCustomNav button:hover span { border-color: #fff; }
.owl_esg_nav_wrap { padding-top: 50px; }
.owl_item_box_wrap { width: 100%; position: relative; top: 0px; left: 0px; height: 0px; padding-bottom: 80%; overflow: hidden; border-radius: 20px; }
.owl_item_box_wrap * { color: #fff; }
.owl_item_box_img_wrap { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; filter: brightness(0.8); }
.owl_item_box_txt_wrap { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 2; }
.owl_item_box_txt { position: absolute; bottom: 0px; right: 0px; left: 0px; padding: 0 8% 30px; }
.owl_esg.owl-carousel .owl-stage-outer { overflow: visible; }
.esgt_main_box_right_in { width: 500px; position: relative; top: 0px; left: 0px; }
.owl_item_box_wrap_01 .owl_item_box_img_wrap { background-image: url(../images/sub/owl_item_box_wrap_01.jpg); }
.owl_item_box_wrap_02 .owl_item_box_img_wrap { background-image: url(../images/sub/owl_item_box_wrap_02.jpg); }
.owl_item_box_wrap_03 .owl_item_box_img_wrap { background-image: url(../images/sub/owl_item_box_wrap_03.jpg); }
.owl_item_box_wrap_04 .owl_item_box_img_wrap { background-image: url(../images/sub/owl_item_box_wrap_04.jpg); }
.owl_item_box_wrap_05 .owl_item_box_img_wrap { background-image: url(../images/sub/owl_item_box_wrap_05.jpg); }
.owl_item_box_wrap_06 .owl_item_box_img_wrap { background-image: url(../images/sub/owl_item_box_wrap_06.jpg); }
.rd_box_all_wrap { border-radius: 20px; overflow: hidden; position: relative; top: 0px; left: 0px; background-color: #fff; }
.rd_box_wrap { width: 70%; padding: 80px 60px; position: relative; top: 0px; left: 0px; float: right; z-index: 2; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 17%,rgba(255,255,255,1) 100%); padding-left: 18%; }
.rd_box_bg { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 1; background-repeat: no-repeat; background-position: left center; background-size: 50%; }
.s_sec_03_01_01_01_con .rd_box_bg { background-image: url(../images/sub/s_sec_03_01_01_01_bg.jpg); }
.s_sec_03_01_01_02_img_01 .rd_box_bg { background-image: url(../images/sub/s_sec_03_01_01_02_img_01.jpg); }
.s_sec_03_01_01_02_img_02 .rd_box_bg { background-image: url(../images/sub/s_sec_03_01_01_02_img_02.jpg); }
.s_sec_03_01_01_02_img_03 .rd_box_bg { background-image: url(../images/sub/s_sec_03_01_01_02_img_03.jpg); }
.owl_rd .rd_box_wrap { padding-right: 18%; padding-left: 150px; float: left; background: linear-gradient(to left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 17%,rgba(255,255,255,1) 100%); }
.owl_rd .rd_box_bg { background-position: right center; }
.owl_rd.owl-carousel .owl-dots { position: absolute; left: 3%; text-align: center; font-size: 0px; top: 50%; transform: translateY(-50%); }
.owl_rd.owl-carousel .owl-dots button { display: block; }
.owl_rd.owl-carousel .owl-dots button span { display: inline-block; width: 13px; height: 13px; overflow: hidden; background-color: #19b886; border-radius: 100px; margin: 3px; opacity: 0.2; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; }
.owl_rd.owl-carousel .owl-dots button.active span { opacity: 1; }
.report_list_wrap { width: 100%; }
.report_wrap { display: grid; row-gap: 40px; column-gap: 5%; grid-template-columns: repeat(3, 1fr); align-items: stretch; }
.report_img_wrap { padding: 50px 20%; text-align: center; background-color: #e4e1e0; position: relative; top: 0px; left: 0px; overflow: hidden; }
.report_img { display: inline-block; width: 100%; height: 0px; position: relative; top: 0px; left: 0px; padding-bottom: 143%; box-shadow: 8px 10px 10px -2px rgba(0, 0, 0, 0.5); z-index: 1; }
.report_img img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.report_img_in { position: relative; top: 0px; left: 0px; width: 100%; }
.report_img_inner { text-align: center; max-width: 320px; display: inline-block; width: 100%; position: relative; top: 0px; left: 0px; z-index: 1; }
.report_img_in:before { position: absolute; top: 0px; left: 0px; bottom: 0px; content: ""; width: 10%; z-index: 2; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%,rgba(255,255,255,0.5) 37%,rgba(255,255,255,0) 100%); }
.report_txt_wrap { padding: 30px 5%; font-size: 18px; font-weight: 400; color: #000; line-height: 1.4; }
.report_btn_wrap { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2; background-color: #02a8da; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; transform: translateY(100%); }
.report_btn { position: absolute; top: 50%; left: 50%; display: inline-block; padding: 15px 20px 15px 25px; border: 1px solid rgba(255, 255, 255, 0.5); color: #fff; font-size: 16px; font-weight: 300; transform: translate(-50%,-50%); white-space: nowrap; }
.report_btn span { vertical-align: middle; }
.report_btn span:after { display: inline-block; width: 18px; height: 18px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(../images/sub/report_btn.png); content: ""; vertical-align: middle; margin-left: 25px; }
.report_list_wrap:hover .report_btn_wrap { transform: translateY(0%); }
.s_sec_03_02_01_01_con .rd_box_bg { background-image: url(../images/sub/s_sec_03_02_01_01_con.jpg); }
.rd_left .rd_box_wrap { padding-right: 18%; padding-left: 150px; float: left; background: linear-gradient(to left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 17%,rgba(255,255,255,1) 100%); }
.rd_left .rd_box_bg { background-position: right center; }
.s_sec_03_02_01_02_img_01 .rd_box_bg { background-image: url(../images/sub/s_sec_03_02_01_02_img_01.jpg); }
.s_sec_03_02_01_02_img_02 .rd_box_bg { background-image: url(../images/sub/s_sec_03_02_01_02_img_02.jpg); }
.wide_video_box_img { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.s_sec_03_02_01_03_img_01 { background-image: url(../images/sub/s_sec_03_02_01_03_img_01.jpg?new); }
.s_sec_03_02_01_03_img_02 { background-image: url(../images/sub/s_sec_03_02_01_03_img_02.jpg?new); }
.s_sec_03_02_01_03_img_03 { background-image: url(../images/sub/s_sec_03_02_01_03_img_03.jpg?new); }
.esg_ico_wrap { display: grid; row-gap: 40px; column-gap: 2%; grid-template-columns: repeat(4, 1fr); align-items: stretch; }
.esg_ico_all_wrap { position: relative; top: 0px; left: 0px; max-width: 1580px; margin: 0 auto; padding: 50px 0; }
.esg_ico_box_wrap { border-radius: 20px; overflow: hidden; background-color: #fff; padding: 50px; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.07); }
.esg_ico_box_in { width: 100%; height: 100%; position: relative; display: flex; gap: 80px; flex-direction: column; justify-content: space-around; }
}
.esg_ico_box_img_wrap { text-align: center; padding-top: 50px; }
.esg_ico_box_img_wrap img { max-width: 50px; }
.s_sec_03_02_01_04_wrap { background-color: #fff; }
.data_left_wrap { position: sticky; top: 130px; left: 0px; width: 25%; float: left; }
.data_wrap { position: relative; top: 0px; left: 0px; }
.data_right_wrap { width: 70%; float: right; }
.esg_wrapper .esg_table { border-top: 2px solid #000; width: 100%; font-size: 16px; color: #000; line-height: 1.4; }
.esg_wrapper td { padding: 25px 10px; font-weight: 300; text-align: center; border-bottom: 1px solid #ddd; }
.esg_wrapper th { padding: 25px 10px; font-weight: 500; text-align: center; border-bottom: 1px solid #ddd; background-color: #fafafa }
.yak_wrapper .yak_table { border-top: 2px solid #000; width: 100%; font-size: 16px; color: #000; line-height: 1.4; background-color: #fff }
.yak_wrapper td { padding: 25px 10px; font-weight: 300; text-align: center; border-bottom: 1px solid #ddd; }
.yak_wrapper th { padding: 25px 10px; font-weight: 500; text-align: center; border-bottom: 1px solid #ddd; }
.yak_wrapper tr:nth-child(2n) {
}
.soc_all_wrap { width: 100%; margin: 0 auto; max-width: 800px; }
.soc_wrap.owl-carousel .owl-stage-outer { overflow: visible; }
.soc_wrap { display: grid; row-gap: 40px; column-gap: 4%; grid-template-columns: repeat(3, 1fr); align-items: stretch; }
.soc_box_wrap { position: relative; top: 0px; left: 0px; width: 100%; padding: 10px; background-color: #fff; border-radius: 1000px; overflow: hidden; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.07); }
.soc_box_inner { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; display: grid; gap: 20px; grid-template-columns: 1fr 2fr; text-align: left; align-items: center; justify-content: space-between; align-content: space-between; }
.soc_box_img_wrap { position: relative; top: 0px; left: 0px; width: 100%; padding-bottom: 100%; }
.soc_box_img { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border-radius: 1000px; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.soc_box_txt_wrap { padding: 20px; }
.soc_box_img_01 .soc_box_img { background-image: url(../images/sub/soc_box_img_01.jpg); }
.soc_box_img_02 .soc_box_img { background-image: url(../images/sub/soc_box_img_02.jpg); }
.soc_box_img_03 .soc_box_img { background-image: url(../images/sub/soc_box_img_03.jpg); }
.s_sec_03_03_01_02_wrap { background-color: #fff; }
.gongj_wrap { display: grid; row-gap: 60px; column-gap: 60px; grid-template-columns: repeat(2, 1fr); align-items: stretch; }
.gongj_box_wrap { display: block; width: 100%; height: 100%; position: relative; top: 0px; left: 0px; padding: 50px 8%; background-color: #fafafa; border-radius: 20px; overflow: hidden; }
.gongj_box { width: 100%; height: 100%; position: relative; top: 0px; left: 0px; }
.gongj_btn_wrap {
}
.gongj_btn { position: relative; top: 0%; left: 0%; display: inline-block; padding: 15px 20px 15px 25px; border: 1px solid rgba(0, 0, 0, 0.5); color: #000; font-size: 16px; font-weight: 300; }
.gongj_btn span { vertical-align: middle; }
.gongj_btn span:after { display: inline-block; width: 18px; height: 18px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(../images/sub/gongj_btn.png); content: ""; vertical-align: middle; margin-left: 25px; }
.gongj_btn:hover { border-color: #000; background-color: #000; color: #fff; }
.gongj_btn:hover span:after { background-image: url(../images/sub/report_btn.png); }
.s_sec_03_03_01_03_con .rd_left .rd_box_wrap { background: transparent; padding-left: 70px; }
.s_sec_03_03_01_03_con .rd_left .rd_box_bg { left: auto; top: 100px; right: 50px; width: 400px; background-position: right bottom; background-size: contain; }
.s_sec_03_03_01_03_img_01 .rd_box_bg { background-image: url(../images/sub/s_sec_03_03_01_03_img_01.png); }
.s_sec_03_03_01_03_img_02 .rd_box_bg { background-image: url(../images/sub/s_sec_03_03_01_03_img_02.png); }
.s_sec_03_03_01_03_img_03 .rd_box_bg { background-image: url(../images/sub/s_sec_03_03_01_03_img_03.png); }
.s_sec_03_03_01_04_wrap { background-color: #fff; }
.eth_tab_wrap { display: grid; row-gap: 10px; column-gap: 10px; grid-template-columns: repeat(3, 1fr); align-items: stretch; }
.eth_tab { width: 100%; height: 100%; position: relative; top: 0px; left: 0px; }
.eth_tab_a { display: block; width: 100%; height: 100%; position: relative; top: 0px; left: 0px; padding: 50px 8%; background-color: #fafafa; }
.eth_con_all_wrap { padding: 60px 0; }
.eth_con_wrap { background-color: #fafafa; border-radius: 20px; overflow: hidden; padding: 50px 3%; }
.eth_con_box_wrap { padding-top: 50px; }
.eth_con_box_wrap .sec_tit { color: #1379ec }
.eth_con_box_wrap .c_list01 > li:before { background-color: #1379ec }
.eth_tab.active .eth_tab_a { background-color: #1379ec; }
.eth_tab.active .eth_tab_a * { color: #fff; }
.eth_tab.active .eth_tab_a:after { content: ""; width: 0px; height: 0px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #1379ec; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 12; }
.eth_con_wrap li:hover { /*background-color: #fff; color: #000; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.07); */}
.eth_con_wrap li:hover .ctit, .eth_con_wrap li:hover b { /*color: #1379ec; */}
.eth_con_box_wrap .c_list01,.eth_con_box_wrap .c_list02 { line-height: 1.5; }
.eth_con_box_wrap .c_list01 > li:before { /*top: 1.26em; */}
.gov_logo { display: inline-block; max-width: 300px; }
.gov_logo svg { width: 100%; }
.s_sec_03_04_01_01_wrap { background-color: #fff; }
.gove_left_wrap { position: sticky; top: 130px; left: 0px; width: 20%; float: left; }
.gove_wrap { position: relative; top: 0px; left: 0px; }
.gove_right_wrap { width: 78%; float: right; }
.gove_box_all_wrap { display: grid; row-gap: 30px; column-gap: 30px; grid-template-columns: repeat(4, 1fr); align-items: stretch; }
.gove_box_wrap { display: block; width: 100%; height: 100%; position: relative; top: 0px; left: 0px; padding: 20px 8%; border: 1px solid #eee; border-radius: 20px; overflow: hidden; }
.gove_box_in { width: 100%; height: 100%; position: relative; display: flex; gap: 30px; flex-direction: column; justify-content: space-between; }
.gove_box_in {
}
.gove_box_bt_wrap { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-end; align-items: center; gap: 10px; }
.gove_box_bt_wrap .sec_txt { line-break: anywhere; }
.gove_left_flag { width: 50px; height: 50px; display: inline-block; }
.gove_left { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: center; gap: 5px; }
.gove_all_wrap { padding: 100px 0; border-bottom: 1px solid #eee; }
.s_sec_03_04_01_02_wrap { background-color: #fff; }
.net_bg_wrap { position: relative; top: 0px; left: 0px; }
.net_bg_00 { position: relative; top: 0px; left: 0px; z-index: 5 }
.net_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 10; }
.net_btn_all_wrap { z-index: 20 }
.net_btn_wrap .net_btn { display: inline-block; background-color: #2867da; border-radius: 1000px; padding: 6px 6px 6px 30px; position: relative; top: 0px; left: 0px; z-index: 2 }
.net_btn_wrap .net_btn span { height: 30px; line-height: 30px; display: inline-block; padding-right: 30px; vertical-align: middle; color: #fff; font-size: 16px; }
.net_btn_wrap .net_btn b { height: 30px; line-height: 30px; width: 30px; display: inline-block; vertical-align: middle; background-color: #fff; border-radius: 100px; position: relative; top: 0px; left: 0px; }
.net_btn_wrap .net_btn b:after { content: ""; display: block; margin: auto; width: 8px; height: 8px; border-top: 2px solid #000; border-left: 2px solid #000; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; transform: rotate(225deg); }
.net_btn_wrap { display: inline-block; padding-left: 20px; position: relative; top: 0px; left: 0px; }
.net_btn_wrap:first-child { padding-left: 0px; }
.net_btn_in_wrap_01 { position: absolute; right: 8%; top: 18%; }
.net_btn_wrap:before { content: ""; position: absolute; top: 100%; left: 50%; width: 1px; transform: translateX(-50%); height: 20px; background-color: #2867da }
.net_btn_wrap:after { content: ""; position: absolute; top: 100%; left: 50%; width: 15px; height: 15px; margin-top: 20px; transform: translateX(-50%); background-color: #fff; border-radius: 100px; overflow: hidden; border: 3px solid #2867da; }
.net_btn_in_wrap_02 { position: absolute; right: 15%; top: 37%; }
.net_btn_in_wrap_02 .net_btn_wrap:before { top: auto; bottom: 100%; }
.net_btn_in_wrap_02 .net_btn_wrap:after { top: auto; bottom: 100%; margin-bottom: 20px; margin-top: 0px; }
.net_btn_in_wrap_03 { position: absolute; right: 26%; top: 30%; }
.net_btn_in_wrap_04 { position: absolute; left: 18%; top: 23%; }
.net_btn_in_wrap_05 { position: absolute; left: 26%; top: 56%; }
.net_btn_in_wrap_06 { position: absolute; right: 38%; top: 36%; }
.net_btn_in_wrap_06 .net_btn_wrap:before { top: auto; bottom: 100%; }
.net_btn_in_wrap_06 .net_btn_wrap:after { top: auto; bottom: 100%; margin-bottom: 20px; margin-top: 0px; }
.net_btn_in_wrap_07 { position: absolute; left: 46.5%; top: 5%; }
.net_num_wrap { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-evenly; text-align: center; }
.net_num_box { font-size: 90px; color: #000; line-height: 1; font-weight: 600; }
.net_num_desc { font-size: 16px; color: #000; line-height: 1.4; font-weight: 400; }
.net_num_box_wrap { display: inline-block; width: 150px; }
.s_sec_01_01_06_01_wrap { background-color: #fafafa }
.net_bg_00 { filter: brightness(0.95); }
.net_bg_01 { filter: brightness(0.9); }
.net_btn_in_wrap:hover .net_btn_wrap .net_btn { background-color: #ff6c01 }
.net_btn_in_wrap:hover .net_btn_wrap:before { background-color: #ff6c01 }
.net_btn_in_wrap:hover .net_btn_wrap:after { border-color: #ff6c01 }
.net_btn_in_wrap.active .net_btn_wrap .net_btn { background-color: #ff6c01 }
.net_btn_in_wrap.active .net_btn_wrap:before { background-color: #ff6c01 }
.net_btn_in_wrap.active .net_btn_wrap:after { border-color: #ff6c01 }
.net_tab_all_wrap { max-width: 1200px; margin: 0 auto; position: relative; top: 0px; left: 0px; }
.target_link { position: absolute; top: -150px; left: 0px; width: 1px; height: 1px; overflow: hidden; visibility: hidden; opacity: 0 }
.net_tab_wrap { display: grid; row-gap: 0px; column-gap: 0px; grid-template-columns: repeat(7, 1fr); align-items: stretch; }
.net_tab { width: 100%; height: 100%; position: relative; top: 0px; left: 0px; }
.net_tab_a { display: block; width: 100%; height: 100%; position: relative; top: 0px; left: 0px; padding: 20px 8%; background-color: #fff; text-align: center; }
.net_con_all_wrap { padding: 60px 0; }
.net_con_wrap { border-radius: 20px; overflow: hidden; padding: 50px 3%; }
.net_con_box_wrap { padding-top: 50px; }
.net_con_box_wrap .sec_tit { color: #1379ec }
.net_con_box_wrap .c_list01 > li:before { background-color: #1379ec }
.net_tab.active .net_tab_a { background-color: #1379ec; }
.net_tab.active .net_tab_a * { color: #fff; }
.net_tab.active .net_tab_a:after { content: ""; width: 0px; height: 0px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #1379ec; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 12; }
.net_tab:hover .net_tab_a { background-color: #1379ec; }
.net_tab:hover .net_tab_a * { color: #fff; }
.s_sec_01_01_06_01_wrap { padding-bottom: 50px!important }
.net_box_wrap { padding-bottom: 50px; }
.net_box_in { position: relative; top: 0px; left: 0px; background-color: #fafafa; padding: 30px; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; gap: 20px; overflow: hidden; }
.net_box_in_left { width: 100%; }
.net_box_in_right { width: 100px; }
.net_box_map { display: inline-block; padding: 8px 15px; background-color: #1379ec; color: #fff; font-size: 14px; font-weight: 600; border-radius: 100px; line-height: 1.3 }
.net_box_map:before { display: inline-block; width: 12px; height: 17px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(../images/sub/net_box_map.png); content: ""; vertical-align: sub; margin-right: 5px; }
.net_box_map:hover { background-color: #ff6c01; }
.net_box_in_left { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; display: grid; gap: 40px; grid-template-columns: 1.2fr 2fr; text-align: left; align-items: center; justify-content: space-between; align-content: space-between; }
.net_box_img_wrap { width: 100%; height: 100%; position: relative; top: 0px; left: 0px; }
.net_box_img { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.net_box_con_wrap { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-around; gap: 50px; overflow: hidden; }
.net_label_wrap { padding-bottom: 10px; }
.net_info_wrap {
}
.net_info { padding: 3px 0; }
.net_box_area_wrap {
}
.net_box_area a { display: inline-block; border: 1px solid #eee; border-radius: 100px; background-color: #fff; font-size: 13px; font-weight: 500; line-height: 1.3; padding: 8px 15px; margin: 3px 2px; }
.net_box_area a:before { content: "#"; display: inline-block; padding-right: 2px; }
.net_box_area a:hover { background-color: #ff6c01; border-color: #ff6c01; color: #fff; }
.scrolled { position: absolute; bottom: 50px; left: 50%; z-index: 100; transform: translateX(-50%); z-index: 9999; }
.scrolled .txt { font-size: 14px; color: #fff; font-weight: 400; display: inline-block; padding-top: 20px; }
.scrolled .arr { position: relative; width: 22px; height: 43px; border: 1px solid #fff; background-color: transparent; left: 50%; margin-left: -11px; border-radius: 100px; }
.scrolled .arr:after { position: absolute; top: 10px; left: 50%; content: ''; width: 4px; height: 10px; margin-left: -2px; border-radius: 100px; background-color: #fff; animation: scroll 1.3s infinite; }
@keyframes scroll {
	0% { transform: translate(0, -5px); opacity: 0; }
	40% { opacity: 1; }
	80% { transform: translate(0, 10px); }
	100% { opacity: 0; }
}
.s_sec_01_01_02_01_in .scrolled { bottom: 50px; position: fixed; }
.scrolled.wt .arr { opacity: 0.5 }
.scrolled.wt .arr { border-color: #000 }
.scrolled.wt .arr:after { background-color: #000 }
.scrolled.none { position: relative; bottom: auto; padding: 20px 0; top: 0px; margin: 0 auto; display: block; }
.sub_01_01_02 .vh100 { top: 0px!important }
.motto_wrap { position: relative; top: 0px; left: 0px; width: 100%; height: 100vh; padding: 30px; text-align: center; }
.motto { font-size: 4vw; font-weight: 500; color: #fff; font-family: "Noto Serif KR", serif; position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; transform: translate(-50%,-50%); }
.s_sec_01_01_08_01_bg { background-color: #000; filter: brightness(0.5); }
.s_sec_03_01_03_01_bg {
}
.s_sec_03_01_03_01_bg { background-color: #000; }
.s_sec_03_01_03_01_bg .bg_video_box { opacity: 0.8 }
.s_sec_03_01_03_01_wrap { padding: 5vh 0; }
.s_sec_03_01_03_01_wrap.animated { animation-delay: 0.2s; animation-duration: 1.5s; animation-name: pd100; animation-fill-mode: forwards; }
@keyframes pd100 {
	0% { padding: 30vh 0; }
	30% { padding: 30vh 0; }
	100% { padding: 5vh 0; }
}
.s_sec_03_01_03_01_con_wrap { padding: 200px 0 80px; }
.s_sec_01_01_02_011_con_wrap { padding: 200px 0 80px; }
.s_sec_01_01_02_011_bg {
}
.s_sec_01_01_02_011_bg { background-color: #000; }
.s_sec_01_01_02_011_bg .bg_video_box { opacity: 0.8 }
.s_sec_01_01_02_011_wrap { padding: 5vh 0; }
.s_sec_01_01_02_011_wrap.animated { animation-delay: 0.2s; animation-duration: 1.5s; animation-name: pd100; animation-fill-mode: forwards; }
.csr_con_left { position: sticky; top: 130px; left: 0px; width: 25%; float: left; }
.csr_con_wrap { position: relative; top: 0px; left: 0px; }
.csr_con_right { width: 70%; float: right; }
.csr_all_wrap { margin-left: -50px; }
.csr_box_wrap { padding-left: 50px; padding-bottom: 70px; float: left; width: 50%; position: relative; top: 0px; left: 0px; }
.csr_box_img_wrap { position: relative; top: 0px; left: 0px; height: 400px; }
.csr_box_img { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: #000; z-index: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.csr_box_txt_wrap { padding-top: 20px; }
.csr_box_wrap:nth-child(2n) { top: 250px; }
.csr_box_img_01 { background-image: url(../images/sub/csr_box_img_01.jpg); }
.csr_box_img_02 { background-image: url(../images/sub/csr_box_img_02.jpg); }
.csr_box_img_03 { background-image: url(../images/sub/csr_box_img_03.jpg); }
.ov_wrap { display: grid; row-gap: 20px; column-gap: 20px; grid-template-columns: repeat(3, 1fr); align-items: stretch; }
.ov_box_wrap {
}
.ov_box_line_wrap { padding: 30px 0; }
.ov_box_line { width: 50px; height: 1px; display: block; background-color: #eee; display: inline-block; }
.ov_box_in { border: 1px solid #eee; border-radius: 10px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; height: 100%; background-color: #fff }
.ov_box_inner { padding: 30px; }
.ov_box_wrap.active .ov_box_in { background-color: #1379ec; border-color: #1379ec; }
.ov_box_wrap.active * { color: #fff!important; }
.numb_wrap { display: grid; row-gap: 20px; column-gap: 20px; grid-template-columns: repeat(3, 1fr); align-items: stretch; }
.numb_box_wrap {
}
.numb_box_line_wrap { padding: 10px 0; }
.numb_box_in { border: 1px solid #eee; border-radius: 10px; webkit-transition: all 0.3s ease; transition: all 0.3s ease; height: 100%; background-color: #fafafa }
.numb_box_inner { padding: 30px; }
.numb_box_wrap:hover .numb_box_in { background-color: #1379ec; border-color: #1379ec; }
.numb_box_wrap:hover * { color: #fff!important; }
.s_sec_03_03_01_06_wrap { background-color: #fff }
.sub_vision_arr { border: 1px solid #fff; width: 27px; height: 27px; border-radius: 100%; position: relative; margin: 5px; display: inline-block; vertical-align: middle; }
.sub_vision_arr:before, .sub_vision_arr:after { content: ''; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; background: #fff; }
.sub_vision_arr:before { width: 1px; margin: 1px auto; }
.sub_vision_arr:after { margin: auto 1px; height: 1px; }
.sub_vision_all_wrap { margin: 0 auto; }
.sub_vision_all_wrap * { color: #fff; }
.sub_vision_wrap { display: grid; row-gap: 20px; column-gap: 20px; grid-template-columns: repeat(2, 1fr); align-items: stretch; }
.sub_vision {
}
.sub_vision_inner { padding: 50px; }
.sub_vision_txt_wrap { min-height: 300px; }
.sub_vision_txt_02 { padding-top: 20px; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.sub_vision_arr_wrap { padding-top: 20px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.sub_vision_in { background-color: #000; position: relative; top: 0px; left: 0px; border-radius: 10px; overflow: hidden; }
.sub_vision_bg_wrap { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; overflow: hidden; }
.sub_vision_inner_wrap { position: relative; top: 0px; left: 0px; z-index: 2; width: 100%; height: 100%; }
.sub_vision_in:hover .sub_vision_txt_02 { opacity: 1 }
.sub_vision_in:hover .sub_vision_arr_wrap { padding-top: 0px; height: 0px; overflow: hidden; }
.sub_vision_bg { position: absolute; top: -23px; left: -23px; right: -23px; bottom: -23px; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.sub_vision_in:hover .sub_vision_bg { -webkit-filter: blur(20px); filter: blur(20px); opacity: 0.6; }
.sub_vision_01 .sub_vision_bg { background-image: url(../images/sub/sub_vision_01.jpg); }
.sub_vision_02 .sub_vision_bg { background-image: url(../images/sub/sub_vision_02.jpg); }
.onsil_wrap { display: grid; row-gap: 20px; column-gap: 20px; grid-template-columns: repeat(2, 1fr); align-items: stretch; }
.onsil_tit { padding: 8px 20px; border-radius: 100px; color: #000; text-align: left; display: inline-block; font-size: 20px; font-weight: 600; }
.onsil_tit_wrap { text-align: left; padding: 10px 0; }
.onsil_con_wrap { padding: 10px; }
.onsil_left { height: 100%; }
.onsil_right { height: 100%; }
.onsil_con_wrap { height: 100%; position: relative; top: 0px; left: 0px; vertical-align: middle; display: grid; align-items: center; background-color: #fff; padding: 20px; border-radius: 20px; overflow: hidden; }
.onsil_con_img {
}
.onsil_con_img img {
}
.onsil_left_wrap .onsil_con_wrap { background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(../images/sub/onsil_bg.jpg); }
.onsil_left_wrap .onsil_con_wrap * { color: #fff; }
.juyo_wrap { display: grid; row-gap: 20px; column-gap: 20px; grid-template-columns: repeat(3, 1fr); align-items: stretch; text-align: center; }
.juyo_txt_wrap { padding: 20px 0 }
.juyo_box_wrap { background-color: #fafafa; padding: 20px; border: 1px solid #eee; border-radius: 10px; }
.dong_all_wrap { width: 100%; }
.dong_wrap { width: 100%; }
.dong_box { width: 100%; }
.dong_box:first-child .dong_box_in { border-top: none; }
.dong_box_in { width: 100%; border-top: 1px solid #eee; }
.dong_label_wrap { padding: 30px 0; position: relative; top: 0px; left: 0px; }
.dong_label_wrap:after { content: ''; position: absolute; bottom: 0px; left: 0px; width: 0px; height: 2px; background-color: #1379ec; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; z-index: 2 }
.dong_label_wrap a { display: block; font-size: 24px; line-height: 1.3; color: #222; word-break: keep-all; font-weight: 400; text-decoration: none!important; }
.dong_desc_wrap { width: 100%!important; display: none; }
.dong_desc { padding: 30px 0; font-size: 18px; line-height: 1.5; color: #666; word-break: keep-all; font-weight: 200; }
.dong_label b { display: inline-block; padding-right: 10px; color: #1379ec }
.dong_label { position: relative; top: 0px; left: 0px; padding-right: 80px; }
.dong_label:after { content: ""; display: block; position: absolute; top: 8px; right: 20px; border-left: 2px solid #1379ec; border-top: 2px solid #1379ec; transform: rotate(225deg); width: 16px; height: 16px; margin: auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.dong_on .dong_label:after { transform: rotate(45deg); }
.dong_on .dong_label_wrap:after { width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.dong_desc .dong_desc_btn { display: inline-block; padding: 5px 10px; font-size: 16px; color: #fff; font-weight: 300; background-color: #333; }
.dong_desc { padding: 20px; background-color: #fafafa; }
.bun_pro { text-align: center; background-color: #fafafa; padding: 50px; }
.yun_all_wrap { display: grid; row-gap: 20px; column-gap: 20px; grid-template-columns: repeat(2, 1fr); align-items: stretch; }
.yun_wrap { background-color: #fff; border: 1px solid #eee; border-radius: 10px; }
.yun_in { padding: 30px 5%; position: relative; top: 0px; left: 0px; }
.yun_num { font-size: 24px; color: #0086cd; font-weight: 600; }
.yun_label { font-size: 32px; color: #222; font-weight: 400; line-height: 1.4; padding: 20px 0 70px; }
.yun_desc { font-size: 18px; color: #666; line-height: 1.6; }
.yun_img { position: absolute; top: 30px; right: 30px; }
.esg_stee_img_all_wrap { padding: 100px 0; }
.esg_stee_img_wrap { padding: 80px 0 80px 50px; background-color: #fff; position: relative; top: 0px; left: 0px; overflow: hidden; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.08); border-radius: 20px; }
.esg_stee_img { padding-right: 100px; }
.bogo_wrap { width: 100%; margin: auto; display: flex}
.bogo_img_wrap { width: 45%; float: left; padding-right: 60px; }
.bogo_con_wrap { width: 55%; float: left; position: relative; }
.bogo_all_wrap { background-color: #fafafa; padding: 30px; border-radius: 20px; }
.bogo_con_wrap { display: flex; flex-direction: column; justify-content: space-between; }
.bogo_btn_wrap { display: grid; row-gap: 20px; column-gap: 20px; grid-template-columns: repeat(2, 1fr); align-items: stretch; }
.bogo_btn { display: block; padding: 15px 20px 15px 25px; background-color: #000; color: #fff; font-size: 16px; font-weight: 300; text-align: center; }
.bogo_btn span:after { display: inline-block; width: 18px; height: 18px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(../images/sub/report_btn.png); content: ""; vertical-align: bottom; margin-left: 15px; }
.bogo_btn:hover { background-color: #1379ec; }
.bogo_board_list { width: 100%; margin: auto; display: flex; flex-direction: row; justify-content: flex-start; gap: 30px; }
.bogo_board_btn_wrap { width: 250px; flex-basis: 250px; flex: none; }
.bogo_board_a { flex-grow: 1; }
.bogo_board_btn_wrap { display: grid; row-gap: 10px; column-gap: 10px; grid-template-columns: repeat(2, 1fr); align-items: stretch; }
.bogo_board_btn { display: block; padding: 10px 15px; background-color: #000; color: #fff; font-size: 12px; font-weight: 300; text-align: center; }
.bogo_board_btn span:after { display: inline-block; width: 14px; height: 14px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(../images/sub/report_btn.png); content: ""; vertical-align: bottom; margin-left: 10px; }
.bogo_board_btn:hover { background-color: #1379ec; }
.bogo_board_a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; max-width: 100%; font-size: 20px; line-height: 1.4; font-weight: 500; color: #000; }
.bogo_board_list_wrap { padding: 20px 0; border-bottom: 1px solid #eee; }
.bogo_board { border-top: 2px solid #000; }
.ini_tbl_wrap table { border-top: 2px solid #000; width: 100%; font-size: 16px; color: #000; line-height: 1.4; min-width: 850px; }
.ini_tbl_wrap td { padding: 25px 10px; font-weight: 300; border-bottom: 1px solid #ddd; }
.ini_tbl_wrap th { padding: 25px 10px; font-weight: 500; text-align: center; border-bottom: 1px solid #ddd; background-color: #fafafa }
.ini_tbl_wrap { overflow: auto; }
.ini_tbl_wrap::-webkit-scrollbar { width: 10px; }
.ini_tbl_wrap::-webkit-scrollbar-thumb { background-color: #0061ab; border-radius: 10px; }
.ini_tbl_wrap::-webkit-scrollbar-track { border-radius: 10px; background-color: #fff; box-shadow: inset 0px 0px 5px #ddd; padding: 5px; }
.ini_td_03 { width: 150px; }
.ini_td_05 { width: 100px; text-align: center; }
.ini_td_02 { width: 250px; text-align: center; }
.cert_con_wrap {
}
.cert_con_wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.cert_con_box { float: left; width: 33.33%; padding: 10px 2%; }
.cert_con_box img { width: 100%; }
.cert_con_box_in { overflow: hidden; }
.cert_con_img_wrap { padding: 0 10px; overflow: hidden; }
.cert_con_img { padding: 5px; background: #b59139; /* Old browsers */
	background: -moz-linear-gradient(left, #b59139 0%, #ecde9b 50%, #b59139 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #b59139 0%,#ecde9b 50%,#b59139 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #b59139 0%,#ecde9b 50%,#b59139 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b59139', endColorstr='#b59139',GradientType=1 ); /* IE6-9 */
}
.cert_con_box:hover .cert_con_txt { color: #1379ec; }
.cert_con_txt_wrap { height: 90px; display: block; margin-top: 0px; }
.cert_con_txt_wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; }
.cert_con_txt { vertical-align: top; display: inline-block; width: 100%; position: relative; top: 0px; left: 0px; word-break: keep-all; text-align: center; font-size: 14px; font-weight: 400; color: #666; line-height: 1.6 }
.hist_box_wrap { padding-bottom: 50px; }
.hist_box_in { position: relative; top: 0px; left: 0px; }
.hist_box_in:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.hist_box_left_wrap { position: sticky; top: 150px; left: 0px; width: 32%; border-top: 2px solid #0061AB; float: left; }
.hist_box_right_wrap { border-top: 2px solid #666; float: right; width: 65%; }
.hist_box_list_wrap { padding-left: 90px; position: relative; top: 0px; left: 0px; padding-bottom: 50px; }
.hist_box_list_label { position: absolute; top: 0px; left: 0px; }
.hist_box_left { padding-top: 40px; }
.hist_box_right { padding-top: 40px; }
.none_img { display: inline-block; }
.hist_box_left_wrap .none_img { max-width: 320px; overflow: hidden; border-radius: 10px; }
.hist_box_right_wrap .none_img { max-width: 60%; overflow: hidden; border-radius: 10px; }
.his_con_btn_wrap {
}
.singo_all_wrap { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); align-items: stretch; }
.singo_box { background-color: #fff; border: 1px solid #eee; border-radius: 5px; }
.singo_box_in { padding: 20px 8% 30px; }
.singo_box_inner .sec_txt { color: #004ea2; font-weight: 500; }
.singo_box:hover { background-color: #004ea2 }
.singo_box:hover * { color: #fff; }
.jebo_all_wrap { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); align-items: stretch; }
.jebo_wrap { background-color: #fff; border: 1px solid #eee; border-radius: 5px; line-height: 1.4; }
.jebo_in { padding: 20px 8% 30px; }
.jebo_team { font-size: 20px; color: #000; font-weight: 500; padding-bottom: 20px; }
.jebo_info {
}
.jebo_info { width: 100%; margin: auto; display: flex; flex-direction: row; justify-content: flex-start; gap: 10px; font-size: 16px; padding-bottom: 10px; }
.jebo_info b { width: 80px; flex-basis: 80px; flex: none; display: block; font-weight: 600; color: #000; }
.jebo_info span { flex-grow: 1; display: block; }
.jebo_img_wrap { padding: 20px 0; }
.jebo_img { display: inline-block; max-width: 40px; }
.netw_all_wrap { max-width: 1200px; margin: 0 auto; }
.netw_wrap { position: relative; top: 0px; left: 0px; width: 100%; }
.netw_bg_wrap { position: relative; top: 0px; left: 0px; width: 100%; }
.netw_bg_00 { position: relative; top: 0px; left: 0px; width: 100%; z-index: 1; }
.netw_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 5; }
.netw_btn_in_wrap { display: none; }
.netw_btn_wrap { padding: 15px; border: 1px solid #2867da; border-radius: 5px; overflow: hidden; background-color: #fff; }
.netw_btn_wrap .netw_btn { display: inline-block; background-color: #2867da; border-radius: 1000px; padding: 6px 6px 6px 20px; position: relative; top: 0px; left: 0px; z-index: 2; flex-direction: row; justify-content: space-between; }
.netw_btn_wrap .netw_btn span { height: 20px; line-height: 20px; display: inline-block; padding-right: 20px; vertical-align: middle; color: #fff; font-size: 14px; }
.netw_btn_wrap .netw_btn b { height: 20px; line-height: 20px; width: 20px; display: inline-block; vertical-align: middle; background-color: #fff; border-radius: 100px; position: relative; top: 0px; left: 0px; }
.netw_btn_wrap .netw_btn b:after { content: ""; display: block; margin: auto; width: 8px; height: 8px; border-top: 2px solid #000; border-left: 2px solid #000; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; transform: rotate(225deg); }
.netw_list { line-height: 1.3; font-size: 14px; display: flex; flex-direction: row; align-content: center; align-items: flex-start; gap: 5px; }
.netw_list b { width: 10px; height: 10px; background-color: #fff; display: inline-block; border-radius: 50%; border: 3px solid #444; flex: none; position: relative; top: 4px; }
.netw_list_wrap { display: block; width: 100%; padding-top: 10px; }
.netw_list b.ntw_dot_rnd { border-color: #ffc000; }
.netw_list b.ntw_dot_hq { border-color: #2867da; }
.netw_btn_in_wrap_01 { position: absolute; top: 28%; left: 43.2%; display: inline-block; width: 280px; }
.netw_btn_in_wrap_02 { position: absolute; top: 57%; left: 35.5%; display: inline-block; width: 209px; }
.netw_btn_in_wrap_03 { position: absolute; top: 57%; left: 20.5%; display: inline-block; width: 170px; }
.netw_btn_in_wrap_04 { position: absolute; top: 23%; left: 73%; display: inline-block; width: 170px; }
.netw_btn_in_wrap_05 { position: absolute; top: 70%; left: 72%; display: inline-block; width: 170px; }
.netw_btn_in_wrap_06 { position: absolute; top: 11%; left: 23%; display: inline-block; width: 176px; }
.netw_btn_in_wrap_07 { position: absolute; top: 11%; left: 8%; display: inline-block; width: 170px; }
.netw_btn_in_wrap_01 .ntw_wrap { position: absolute; top: 93px; right: 100%; width: 13px; height: 0px; border-bottom: 1px solid #2867da; }
.netw_btn_in_wrap_02 .ntw_wrap { position: absolute; bottom: 100%; left: 20px; width: 0px; height: 46px; border-left: 1px solid #2867da; }
.netw_btn_in_wrap_03 .ntw_wrap { position: absolute; bottom: 100%; left: 95px; width: 0px; height: 7px; border-left: 1px solid #2867da; }
.netw_btn_in_wrap_04 .ntw_wrap { position: absolute; top: 100%; left: 95px; width: 0px; height: 20px; border-left: 1px solid #2867da; }
.netw_btn_in_wrap_05 .ntw_wrap { position: absolute; bottom: 22px; left: 100%; width: 33px; height: 0px; border-bottom: 1px solid #2867da; }
.netw_btn_in_wrap_06 .ntw_wrap { position: absolute; top: 100%; right: 143px; width: 114px; height: 71px; border-right: 1px solid #2867da; border-bottom: 1px solid #2867da; }
.netw_btn_in_wrap_07 .ntw_wrap { position: absolute; top: 100%; left: 38px; width: 0px; height: 20px; border-left: 1px solid #2867da; }
.netw_btn_in_wrap_01 .ntw_cir_wrap { position: absolute; top: -3px; right: 100%; width: 8px; height: 8px; }
.netw_btn_in_wrap_02 .ntw_cir_wrap { position: absolute; bottom: 100%; left: -36px; width: 70px; height: 70px; }
.netw_btn_in_wrap_03 .ntw_cir_wrap { position: absolute; bottom: 100%; left: -36px; width: 70px; height: 70px; }
.netw_btn_in_wrap_04 .ntw_cir_wrap { position: absolute; top: 100%; left: -36px; width: 70px; height: 70px; }
.netw_btn_in_wrap_05 .ntw_cir_wrap { position: absolute; top: -3px; left: 100%; width: 8px; height: 8px; }
.netw_btn_in_wrap_06 .ntw_cir_wrap { position: absolute; bottom: -5px; right: 100%; width: 8px; height: 8px; }
.netw_btn_in_wrap_07 .ntw_cir_wrap { position: absolute; bottom: -5px; right: 100%; width: 8px; height: 8px; }
.netw_btn_in_wrap_01 .ntw_dot { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 8px; height: 8px; background-color: #2867da; border-radius: 100px; }
.netw_btn_in_wrap_02 .ntw_dot_00 { position: absolute; bottom: 0%; left: 50%; transform: translate(-50%,3px); width: 6px; height: 6px; background-color: #999; border-radius: 100px; }
.netw_btn_in_wrap_02 .ntw_cir_wrap:before { content: ""; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: -1; background-color: #000; border-radius: 1000px; overflow: hidden; opacity: 0.06; }
.netw_btn_in_wrap_02 .ntw_dot_01 { position: absolute; top: 31px; left: 16px; width: 6px; height: 6px; background-color: #666; border-radius: 100px; }
.netw_btn_in_wrap_02 .ntw_dot_02 { position: absolute; top: 13px; left: 41px; width: 6px; height: 6px; background-color: #666; border-radius: 100px; }
.netw_btn_in_wrap_02 .ntw_dot_03 { position: absolute; top: 28px; left: 54px; width: 6px; height: 6px; background-color: #666; border-radius: 100px; }
.netw_btn_in_wrap_02 .ntw_dot_04 { position: absolute; top: 40px; left: 59px; width: 6px; height: 6px; background-color: #666; border-radius: 100px; }
.netw_btn_in_wrap_03 .ntw_dot_00 { position: absolute; bottom: 0%; left: 50%; transform: translate(-50%,3px); width: 6px; height: 6px; background-color: #999; border-radius: 100px; }
.netw_btn_in_wrap_03 .ntw_cir_wrap:before { content: ""; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: -1; background-color: #000; border-radius: 1000px; overflow: hidden; opacity: 0.06; }
.netw_btn_in_wrap_03 .ntw_dot_01 { position: absolute; top: 39px; left: 23px; width: 6px; height: 6px; background-color: #666; border-radius: 100px; }
.netw_btn_in_wrap_03 .ntw_dot_02 { position: absolute; top: 48px; left: 26px; width: 6px; height: 6px; background-color: #666; border-radius: 100px; }
.netw_btn_in_wrap_03 .ntw_dot_03 { position: absolute; top: 48px; left: 33px; width: 6px; height: 6px; background-color: #666; border-radius: 100px; }
.netw_btn_in_wrap_03 .ntw_dot_04 { position: absolute; top: 56px; left: 36px; width: 6px; height: 6px; background-color: #666; border-radius: 100px; }
.ntw_cir_wrap .ntw_dot_rnd { background-color: #ffc000!important }
.netw_btn_in_wrap_04 .ntw_dot_00 { position: absolute; top: 0%; left: 50%; transform: translate(-50%,-3px); width: 6px; height: 6px; background-color: #999; border-radius: 100px; }
.netw_btn_in_wrap_04 .ntw_cir_wrap:before { content: ""; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: -1; background-color: #000; border-radius: 1000px; overflow: hidden; opacity: 0.06; }
.netw_btn_in_wrap_04 .ntw_dot_01 { position: absolute; top: 43px; left: 19px; width: 6px; height: 6px; background-color: #666; border-radius: 100px; }
.netw_btn_in_wrap_04 .ntw_dot_02 { position: absolute; top: 43px; left: 43px; width: 6px; height: 6px; background-color: #666; border-radius: 100px; }
.netw_btn_in_wrap_05 .ntw_dot { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 6px; height: 6px; background-color: #666; border-radius: 100px; }
.netw_btn_in_wrap_06 .ntw_dot { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 6px; height: 6px; background-color: #666; border-radius: 100px; }
.netw_btn_in_wrap_07 .ntw_dot { position: absolute; top: 50%; left: 50%; transform: translate(-3px-50%); width: 6px; height: 6px; background-color: #666; border-radius: 100px; }
.s_sec_01_01_066_01_bg { background-color: #fafafa }
.s_sec_01_01_066_01_wrap { padding-bottom: 50px !important; }
.netw_btn_in_wrap:hover .netw_btn_wrap { border-color: #ff6c01; }
.netw_btn_in_wrap:hover .ntw_wrap { border-color: #ff6c01; }
.netw_btn_in_wrap:hover .ntw_wrap { border-color: #ff6c01; }
.netw_btn_in_wrap:hover .ntw_cir_wrap:before { background-color: #ff6c01; }
.netw_btn_in_wrap:hover .netw_btn_wrap .netw_btn { background-color: #ff6c01; }
.netw_btn_in_wrap.active .netw_btn_wrap { border-color: #ff6c01; }
.netw_btn_in_wrap.active .ntw_wrap { border-color: #ff6c01; }
.netw_btn_in_wrap.active .ntw_wrap { border-color: #ff6c01; }
.netw_btn_in_wrap.active .ntw_cir_wrap:before { background-color: #ff6c01; }
.netw_btn_in_wrap.active .netw_btn_wrap .netw_btn { background-color: #ff6c01; }
.his_tab_wrap { display: grid; row-gap: 10px; column-gap: 10px; grid-template-columns: repeat(4, 1fr); align-items: stretch; }
.his_tab { width: 100%; height: 100%; position: relative; top: 0px; left: 0px; }
.his_tab_a { display: block; width: 100%; height: 100%; position: relative; top: 0px; left: 0px; padding: 20px 8%; background-color: #fafafa; }
.his_tab:hover .his_tab_a { background-color: #1379ec; }
.his_tab:hover .his_tab_a * { color: #fff; }
.his_tab:hover .his_tab_a:after { content: ""; width: 0px; height: 0px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #1379ec; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 12; }
.span_logo { display: inline-block; max-width: 200px; vertical-align: middle; width: 9vw }
.span_logo svg { width: 100%; }
.span_logo svg .cls-1 { fill: #fff }