@charset "UTF-8";
/* layout */
html { scroll-padding-top: 120px; }

#skip_nav { width: 100%; }
#skip_nav ul li a { display: block; position: fixed; width: 100%; height: 40px; top: -40px; background-color: #000; color: #fff; line-height: 40px; text-align: center; z-index: 9999; transition: top ease 0.3s; transition-delay: 0; outline-offset: -6px; }
#skip_nav ul li a:focus { top: 0; }

#header { position: sticky; top: 0; left: 0; width: 100%; text-align: center; /*background-color: #dfebf3;*/ z-index: 100; }
#header .header_wrap { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 1920px; height: var(--ui-gnb-height); margin: 0 auto; padding: 0 50px; }
#header .header_wrap .header_left { width: 200px; }
#header .header_wrap .header_left .logo a { display: flex; align-items: center; justify-content: flex-start; }
#header .header_wrap .header_left .logo a svg { fill: #004778; }
#header .header_wrap .header_center { flex-grow: 1; text-align: center; }
#header .header_wrap .header_center .nav_btn { display: flex; flex-direction: column; gap: 6px; align-items: center; justify-content: center; width: 62px; height: 62px; margin: 0 auto; border-radius: 62px; border: 1px solid #b3b3b3; transition: background ease 0.5s; transition-delay: 0; }
#header .header_wrap .header_center .nav_btn span { display: block; width: 22px; height: 2px; background: #000; }
#header .header_wrap .header_center .nav_btn:hover, #header .header_wrap .header_center .nav_btn:focus, #header .header_wrap .header_center .nav_btn.active { background-color: #005689; border: none; }
#header .header_wrap .header_center .nav_btn:hover span, #header .header_wrap .header_center .nav_btn:focus span, #header .header_wrap .header_center .nav_btn.active span { background-color: #fff; }
#header .header_wrap .header_right { display: flex; align-items: flex-start; justify-content: flex-end; gap: 24px; width: 200px; }
#header .header_wrap .header_right .langs { font-size: var(--font-size-body-03); color: #222; opacity: 0.5; }
#header .header_wrap .header_right .langs.active { opacity: 1; }
#header .header_wrap .header_right .langs.active::after { content: ""; display: block; width: 100%; height: 3px; margin-top: 5px; background-color: #222; }
#header.main_header { position: fixed; }
#header.main_header.fixed { background-color: transparent; }
#header.main_header.fixed .header_wrap .header_left .logo a svg { fill: #fff; }
#header.main_header.fixed .header_wrap .header_center .nav_btn { border-color: #fff; }
#header.main_header.fixed .header_wrap .header_center .nav_btn span { background-color: #fff; }
#header.main_header.fixed .header_wrap .header_right .langs { color: #fff; }
#header.main_header.fixed .header_wrap .header_right .langs.active::after { background-color: #fff; }
#header.fixed .sub_nav { height: 92px; }
#header .sub_nav { display: flex; justify-content: center; width: 100%; height: 0; padding: 0 50px; gap: 40px; background: #fff; border-bottom: 1px solid #e7e7e7; overflow: hidden; transition: height ease 0.2s ease 0.5s; transition-delay: 0; }
#header .sub_nav .menu_item { position: relative; padding-top: 10px; width: auto; }
#header .sub_nav .menu_item a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 22px; color: #222; white-space: nowrap; outline-offset: -1px; }
#header .sub_nav .menu_item.active a { font-weight: var(--font-bolder); }
#header .sub_nav .menu_item.active::after { content: ""; display: block; position: absolute; bottom: -1px; width: 100%; height: 6px; background-color: #222; }
@media (max-width: 768px) { 
	#header .header_wrap {   padding: 0 16px; } #header .header_wrap .header_left {   width: 100px; } 
	#header .header_wrap .header_left .logo a {   width: 68px; } 
	#header .header_wrap .header_center .nav_btn {   gap: 4px;   width: 32px;   height: 32px; } 
	#header .header_wrap .header_center .nav_btn span {   width: 16px; } 
	#header .header_wrap .header_right {   gap: 6px;   width: 100px; } 
	#header .header_wrap .header_right .langs.active::after {   height: 2px;   margin-top: 5px; } 
	#header .sub_nav {   position: relative;   justify-content: flex-start;   height: 56px !important;   padding: 0 16px;   gap: 24px;   width: 100%;   overflow-x: auto; } 
	#header .sub_nav .menu_item {   padding-top: 0; } 
	#header .sub_nav .menu_item a {   font-size: 18px; } 
	#header .sub_nav .menu_item.active::after {   height: 3px; } 
}
#site_map { position: fixed; visibility: hidden; opacity: 0; top: 0; left: 0; width: 100%; height: 100vh; background: url(../img/site_map_bg.png) no-repeat 50% 50%; background-size: cover; z-index: 9999; transform: none; transition: visibility 0.7s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.7s cubic-bezier(0.33, 1, 0.68, 1); }
#site_map .site_map_logo { width: 100%; max-width: 1360px; margin: 0 auto; padding-top: 45px; }
#site_map .site_map_logo a { display: block; position: relative; z-index: 999; }
#site_map .site_map_logo svg { width: 128px; fill: #fff; }
#site_map .popup_title,
#site_map .popup_contents { height: auto; padding: 0; border: none; }
#site_map .site_map_wrap { margin-top: 100px; padding-bottom: 48px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
#site_map .site_map_wrap > a { display: none; }
#site_map .site_map_wrap .depth_ul { display: flex; gap: 40px; width: 100%; max-width: 1360px; margin: 0 auto; }
#site_map .site_map_wrap .depth_ul .depth_1 { width: inherit; flex-grow: 1; }
#site_map .site_map_wrap .depth_ul .depth_1 .title { position: relative; font-size: var(--font-size-tit-05); padding-bottom: 8px; }
#site_map .site_map_wrap .depth_ul .depth_1 .title::after { content: ""; position: absolute; display: block; width: 100%; height: 2px; background-color: #fff; bottom: 0; left: 0; transition: all ease 0.5s; transition-delay: 0; }
#site_map .site_map_wrap .depth_ul .depth_1 .title a { cursor: default; }
#site_map .site_map_wrap .depth_ul .depth_1 .title:hover::after, #site_map .site_map_wrap .depth_ul .depth_1 .title:focus::after, #site_map .site_map_wrap .depth_ul .depth_1 .title.active::after { animation: dorwLine 0.5s ease both; }
#site_map .site_map_wrap .depth_ul .depth_1 .depth_2 { margin-top: 16px; font-size: 20px; }
#site_map .site_map_wrap .depth_ul .depth_1 .depth_2 a { opacity: 0.6; }
#site_map .site_map_wrap .depth_ul .depth_1 .depth_2 a:hover, #site_map .site_map_wrap .depth_ul .depth_1 .depth_2 a:focus, #site_map .site_map_wrap .depth_ul .depth_1 .depth_2 a.active { opacity: 1; text-decoration: underline; }
#site_map .site_map_wrap .depth_ul a,
#site_map .site_map_wrap .depth_ul .tit_wrap { color: #fff; }
#site_map .site_map_footer { display: flex; gap: 32px; width: 100%; max-width: 1360px; margin: 40px auto 0; }
#site_map .site_map_footer .link { font-size: var(--font-size-body-03); color: #fff; }
#site_map .site_map_footer .link span { border-bottom: 1px solid #fff; }
#site_map .site_map_footer .link::after { filter: var(--filter-white); margin-left: 8px; }
#site_map .site_map_btns { position: absolute; display: flex; gap: 16px; width: 100%; max-width: 1360px; height: 48px; top: 45px; left: 50%; transform: translateX(-50%); justify-content: flex-end; }
#site_map .site_map_btns [class*=map_btn] { display: block; width: 48px; height: 48px; border-radius: 48px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
#site_map .site_map_btns [class*=map_btn]:hover, #site_map .site_map_btns [class*=map_btn]:focus, #site_map .site_map_btns [class*=map_btn].active { background-color: #004778; }
#site_map .site_map_btns .map_btn_home { background-image: url(../img/map_btn_home.png); }
#site_map .site_map_btns .map_btn_close { position: static; background-image: url(../img/map_btn_close.png); }
#site_map.popup_open { visibility: visible; opacity: 1; }
@media (max-width: 768px) { 
	#site_map {   background-image: url(../img/site_map_bg_mo.png);   overflow: auto;   padding: 40px 16px 152px; } 
	#site_map .site_map_logo {   padding-top: 0;   line-height: 0; } 
	#site_map .site_map_logo svg {   width: 54px;   height: 26px; } 
	#site_map .site_map_wrap {   margin-top: 50px;   padding-bottom: 0;   border-bottom: none; } 
	#site_map .site_map_wrap .depth_ul {   flex-direction: column;   gap: 0; } 
	#site_map .site_map_wrap .depth_ul .depth_1 .title {   display: flex;   align-items: center;   width: 100%;   height: 52px;   border-bottom: 1px solid #fff;   padding-bottom: 0; } 
	#site_map .site_map_wrap .depth_ul .depth_1 .title .tit_wrap {   display: flex;   align-items: center;   height: 100%;   flex-grow: 1;   line-height: 52px; } 
	#site_map .site_map_wrap .depth_ul .depth_1 .title .tit_wrap span {   display: block;   flex-grow: 1; } 
	#site_map .site_map_wrap .depth_ul .depth_1 .title .tit_wrap::after {   content: "";   display: block;   width: 24px;   height: 24px;   background-image: url(../img/ico_arrow.png);   filter: var(--filter-white);   background-repeat: no-repeat;   background-position: 50% 50%;   background-size: 100% auto; } 
	#site_map .site_map_wrap .depth_ul .depth_1 .title.active {   border-bottom: none; } 
	#site_map .site_map_wrap .depth_ul .depth_1 .title.active .tit_wrap::after {   transform: rotate(180deg); } 
	#site_map .site_map_wrap .depth_ul .depth_1 .title.active + ul {   display: block;   margin-bottom: 16px; } 
	#site_map .site_map_wrap .depth_ul .depth_1 .title::after {   content: none; } 
	#site_map .site_map_wrap .depth_ul .depth_1 ul {   display: none; } 
	#site_map .site_map_wrap .depth_ul .depth_1 .depth_2 {   margin-top: 16px;   font-size: 16px; } 
	#site_map .site_map_footer {   flex-direction: column;   gap: 8px;   margin: 32px auto 0; } 
	#site_map .site_map_footer .link::after {   margin-left: auto; } 
	#site_map .site_map_btns {   gap: 8px;   height: 32px;   top: 40px;   padding-right: 16px; } 
	#site_map .site_map_btns [class*=map_btn] {   width: 32px;   height: 32px; } 
}
.lang_eng #site_map .site_map_wrap { border-bottom: none; }

#footer { width: 100%; background-color: #f4f4f4; }
#footer .footer_inner { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; }
#footer .footer_inner .footer_menu_wrap { display: flex; border-bottom: 1px solid #d4d4d4; padding: 64px 50px 48px; }
#footer .footer_inner .footer_menu_wrap .logo_wrap .footer_logo { padding-right: 134px; }
#footer .footer_inner .footer_menu_wrap .logo_wrap .footer_logo svg { width: 96px; height: 46px; fill: #323232; }
#footer .footer_inner .footer_menu_wrap .footer_menu { display: flex; flex-grow: 1; }
#footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul { padding: 0 156px 0 32px; border-left: 1px solid #dfdfdf; }
#footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul strong { display: block; margin-bottom: 16px; font-size: var(--font-size-body-03); }
#footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul ul { display: flex; flex-direction: column; gap: 8px; }
#footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul ul li { font-size: var(--font-size-body-03); }
#footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul ul li a { color: #666; }
#footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul ul li a:hover, 
#footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul ul li a:focus, 
#footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul ul li a.active { text-decoration: underline; }
#footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul ul li a.link::after { margin-left: 4px; filter: invert(41%) sepia(1%) saturate(3073%) hue-rotate(21deg) brightness(83%) contrast(65%); }
#footer .footer_inner .footer_menu_wrap .footer_func { display: flex; }
#footer .footer_inner .footer_menu_wrap .footer_func .sns_btns { display: flex; gap: 8px; height: 56px; align-items: center; margin-right: 80px; }
#footer .footer_inner .footer_menu_wrap .footer_func .sns_btns a { width: 32px; height: 32px; border-radius: 32px; transition: all ease 0.5s; transition-delay: 0; }
#footer .footer_inner .footer_menu_wrap .footer_func .sns_btns a img { width: 100%; }
#footer .footer_inner .footer_menu_wrap .footer_func .sns_btns a:hover, 
#footer .footer_inner .footer_menu_wrap .footer_func .sns_btns a:focus, 
#footer .footer_inner .footer_menu_wrap .footer_func .sns_btns a.active { background-color: #dfdfdf; }
#footer .footer_inner .footer_menu_wrap .footer_func .family_site { width: 222px; padding: 0; border: 1px solid #ababab; }
#footer .footer_inner .footer_menu_wrap .footer_func .family_site.active { border: #fff; }
#footer .footer_inner .footer_menu_wrap .footer_func .family_site .select_option { max-height: 380px; overflow: auto; border: none; }
#footer .footer_inner .footer_menu_wrap .footer_func .family_site .select_option .option_items.uniq { font-weight: var(--font-bolder); margin-top: 0; padding-bottom: 8px; border-bottom: 1px solid #e6e6e6; }
#footer .footer_inner .footer_menu_wrap .footer_func .family_site .select_option .option_items.uniq a::after { margin-left: auto; }
#footer .footer_inner .footer_info_wrap { padding: 48px 50px 48px 280px; }
#footer .footer_inner .footer_info_wrap * { font-size: var(--font-size-body-03); color: #666; }
#footer .footer_inner .footer_info_wrap .link_info { display: flex; width: 100%; max-width: 1920px; margin: 0 auto; }
#footer .footer_inner .footer_info_wrap .link_info .left_con { display: flex; flex-grow: 1; }
#footer .footer_inner .footer_info_wrap .link_info .left_con li { display: flex; align-items: center; }
#footer .footer_inner .footer_info_wrap .link_info .left_con li::after { content: ""; display: block; width: 1px; height: 8px; background: #999; margin: 0 8px; }
#footer .footer_inner .footer_info_wrap .link_info .left_con li:last-child::after { content: none; }
#footer .footer_inner .footer_info_wrap .link_info .right_con { display: flex; gap: 16px; }
#footer .footer_inner .footer_info_wrap .link_info .right_con li { text-decoration: underline; }
#footer .footer_inner .footer_info_wrap .company_info { display: flex; margin-top: 24px; }
#footer .footer_inner .footer_info_wrap .company_info address { line-height: 24px; flex-grow: 1; }
#footer .footer_inner .footer_info_wrap .company_info img { width: 60px; }
@media (max-width: 1260px) { 
	#footer .footer_inner {   padding: 40px 16px 48px; } 
	#footer .footer_inner .footer_menu_wrap {   position: relative;   flex-direction: column-reverse;   border-bottom: none;   padding: 0; } 
	#footer .footer_inner .footer_menu_wrap .logo_wrap {   position: absolute;   top: 0;   left: 0; } 
	#footer .footer_inner .footer_menu_wrap .logo_wrap .footer_logo {   padding-right: 0; } 
	#footer .footer_inner .footer_menu_wrap .footer_func {   display: flex;   flex-direction: column;   align-items: flex-end; } 
	#footer .footer_inner .footer_menu_wrap .footer_func .sns_btns {   display: flex;   align-items: center;   margin-right: 0; } 
	#footer .footer_inner .footer_menu_wrap .footer_func .family_site {   width: 100%;   margin: 16px 0 30px; } 
	#footer .footer_inner .footer_menu_wrap .footer_func .family_site.active {   border: #fff; } 
	#footer .footer_inner .footer_menu_wrap .footer_func .family_site .select_option {   max-height: 380px;   overflow: auto; } 
	#footer .footer_inner .footer_menu_wrap .footer_func .family_site .select_option .option_items.uniq {   font-weight: var(--font-bolder);   margin-top: 0;   padding-bottom: 8px;   border-bottom: 1px solid #e6e6e6; } 
	#footer .footer_inner .footer_menu_wrap .footer_func .family_site .select_option .option_items.uniq a::after {   margin-left: auto; } 
	#footer .footer_inner .footer_info_wrap {   padding: 32px 0 0; } #footer .footer_inner .footer_info_wrap .link_info {   flex-direction: column; } 
	#footer .footer_inner .footer_info_wrap .link_info .left_con {   display: flex;   flex-wrap: wrap;   flex-grow: 1;   margin-top: -10px; } 
	#footer .footer_inner .footer_info_wrap .link_info .left_con li {   margin-top: 10px; } 
	#footer .footer_inner .footer_info_wrap .link_info .right_con {   margin-top: 16px;   gap: 8px; } 
	#footer .footer_inner .footer_info_wrap .company_info {   flex-direction: column-reverse;   margin-top: 16px; } 
	#footer .footer_inner .footer_info_wrap .company_info address {   line-height: 16px; } 
	#footer .footer_inner .footer_info_wrap .company_info img {   width: 60px;   margin-bottom: 24px; } 
}
@media (max-width: 768px) { 
	#footer .footer_inner {   padding: 40px 16px 48px; } 
	#footer .footer_inner .footer_menu_wrap {   position: relative;   flex-direction: column-reverse;   border-bottom: none;   padding: 0; } 
	#footer .footer_inner .footer_menu_wrap .logo_wrap {   position: absolute;   top: 0;   left: 0; } 
	#footer .footer_inner .footer_menu_wrap .logo_wrap .footer_logo {   padding-right: 0; } 
	#footer .footer_inner .footer_menu_wrap .logo_wrap .footer_logo svg {   width: 54px;   height: 26px; } 
	#footer .footer_inner .footer_menu_wrap .footer_menu {   flex-direction: column; } 
	#footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul {   padding: 0;   border-left: none; } 
	#footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul strong {   margin: 24px 0 8px; } 
	#footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul ul {   gap: 0; } 
	#footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul ul li {   height: 48px;   border-bottom: 1px solid var(--color-border); } 
	#footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul ul li a {   display: flex;   align-items: center;   height: 100%;   width: 100%; } 
	#footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul ul li a.link::after {   margin-left: auto; } 
	#footer .footer_inner .footer_menu_wrap .footer_func {   display: flex;   flex-direction: column;   align-items: flex-end; } 
	#footer .footer_inner .footer_menu_wrap .footer_func .sns_btns {   display: flex;   gap: 8px;   height: 32px;   align-items: center;   margin-right: 0; } 
	#footer .footer_inner .footer_menu_wrap .footer_func .family_site {   width: 100%;   margin: 16px 0 8px; } 
	#footer .footer_inner .footer_menu_wrap .footer_func .family_site.active {   border: 1px solid #ababab; } 
	#footer .footer_inner .footer_menu_wrap .footer_func .family_site.active .select_title {   background-color: transparent; } 
	#footer .footer_inner .footer_menu_wrap .footer_func .family_site .select_option {   max-height: 380px;   overflow: auto; } 
	#footer .footer_inner .footer_menu_wrap .footer_func .family_site .select_option .option_items.uniq {   font-weight: var(--font-bolder);   margin: 8px 0 -8px;   padding-bottom: 0;   border-bottom: none; } 
	#footer .footer_inner .footer_menu_wrap .footer_func .family_site .select_option .option_items.uniq a::after {   margin-left: auto; } 
	#footer .footer_inner .footer_menu_wrap .footer_func .family_site .select_option .option_title_box {   position: sticky;   display: flex;   align-items: center;   height: 56px;   top: 0;   background-color: #fff;   z-index: 1; } 
	#footer .footer_inner .footer_menu_wrap .footer_func .family_site .select_option .option_title_box p {   font-size: 16px; } 
	#footer .footer_inner .footer_info_wrap {   padding: 32px 0 0; } 
	#footer .footer_inner .footer_info_wrap .link_info {   flex-direction: column; } 
	#footer .footer_inner .footer_info_wrap .link_info .left_con {   display: flex;   flex-wrap: wrap;   flex-grow: 1;   margin-top: -10px; } 
	#footer .footer_inner .footer_info_wrap .link_info .left_con li {   margin-top: 10px; } 
	#footer .footer_inner .footer_info_wrap .link_info .right_con {   margin-top: 16px;   gap: 8px; } 
	#footer .footer_inner .footer_info_wrap .company_info {   flex-direction: column-reverse;   margin-top: 16px; } 
	#footer .footer_inner .footer_info_wrap .company_info address {   line-height: 16px; } 
	#footer .footer_inner .footer_info_wrap .company_info img {   width: 60px;   margin-bottom: 24px; } 
}
.lang_eng #footer .footer_inner { display: flex; align-items: center; }
.lang_eng #footer .footer_inner .footer_menu_wrap { display: flex; align-items: center; border-bottom: none; padding: 58px 50px; flex-grow: 1; }
.lang_eng #footer .footer_inner .footer_menu_wrap .logo_wrap .footer_logo { line-height: 1; }
.lang_eng #footer .footer_inner .footer_menu_wrap .logo_wrap .footer_logo svg { width: 90px; height: 34px; fill: #323232; }
.lang_eng #footer .footer_inner .footer_menu_wrap .footer_menu > dt { font-size: var(--font-size-body-03); font-weight: var(--font-bolder); margin-right: 40px; }
.lang_eng #footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul { display: flex; align-items: center; padding: 0; border-left: none; gap: 32px; }
.lang_eng #footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul li { font-size: var(--font-size-body-03); color: #666; }
.lang_eng #footer .footer_inner .footer_info_wrap { padding: 0 50px 0 0; display: flex; align-items: center; }
.lang_eng #footer .footer_inner .footer_info_wrap * { font-size: var(--font-size-body-03); color: #666; }
.lang_eng #footer .footer_inner .footer_info_wrap .link_info { margin: 0; margin-right: 64px; max-width: 1920px; justify-content: flex-end; }
.lang_eng #footer .footer_inner .footer_info_wrap .company_info { display: flex; flex-shrink: 0; margin-top: 0; }
@media (max-width: 768px) { 
	.lang_eng #footer .footer_inner {   flex-direction: column; } 
	.lang_eng #footer .footer_inner .footer_menu_wrap {   width: 100%;   flex-direction: column;   border-bottom: none;   padding: 0;   align-items: flex-start; } 
	.lang_eng #footer .footer_inner .footer_menu_wrap .logo_wrap {   position: static; } 
	.lang_eng #footer .footer_inner .footer_menu_wrap .logo_wrap .footer_logo {   margin-bottom: 24px; } 
	.lang_eng #footer .footer_inner .footer_menu_wrap .logo_wrap .footer_logo svg {   width: 56px;   height: 21px; } 
	.lang_eng #footer .footer_inner .footer_menu_wrap .footer_menu {   flex-direction: column;   width: 100%; } 
	.lang_eng #footer .footer_inner .footer_menu_wrap .footer_menu dt {   margin-bottom: 8px; } 
	.lang_eng #footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul {   padding: 0;   border-left: none;   flex-direction: column;   align-items: flex-start;   gap: 0; } 
	.lang_eng #footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul li {   height: 48px;   width: 100%;   border-bottom: 1px solid var(--color-border); } 
	.lang_eng #footer .footer_inner .footer_menu_wrap .footer_menu .f_depth_ul li a {   display: flex;   align-items: center;   height: 100%;   width: 100%; } 
	.lang_eng #footer .footer_inner .footer_info_wrap {   width: 100%;   flex-direction: column;   padding: 24px 0 0; } 
	.lang_eng #footer .footer_inner .footer_info_wrap .link_info {   margin: 0 0 8px;   justify-content: flex-start; } 
	.lang_eng #footer .footer_inner .footer_info_wrap .link_info .right_con {   margin-top: 0;   gap: 8px; } 
	.lang_eng #footer .footer_inner .footer_info_wrap .company_info {   margin-top: 0;   width: 100%; } 
}

.btn_top { display: none; position: absolute; right: 48px; margin-top: -112px; width: 48px; height: 48px; background: var(--color-secondary); box-shadow: 0 8px 16px 0 rgba(26, 147, 234, 0.24); z-index: 1; }
.btn_top::before { content: ""; display: block; width: 100%; height: 100%; background: url(../img/ico_arrow.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 24px 24px; filter: var(--filter-white); transform: scale(-1); }
.btn_top.fixed { position: fixed; bottom: 64px; top: unset; }
@media (max-width: 768px) { 
	.btn_top .btn_top {   top: -80px;   right: 16px;   width: 32px;   height: 32px;   box-shadow: 0 4px 8px 0 rgba(26, 147, 234, 0.24); } 
	.btn_top .btn_top::before {   background-repeat: no-repeat;   background-position: 50% 50%;   background-size: 16px 16px; } 
	.btn_top .btn_top.fixed {   bottom: 48px;   top: unset; } 
}
.lang_eng .btn_top .btn_top { display: none; position: absolute; top: -112px; right: 48px; width: 48px; height: 48px; background: var(--color-secondary); box-shadow: 0 8px 16px 0 rgba(26, 147, 234, 0.24); z-index: 1; }
.lang_eng .btn_top .btn_top::before { content: ""; display: block; width: 100%; height: 100%; background: url(../img/ico_arrow.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 24px 24px; filter: var(--filter-white); transform: scale(-1); }
.lang_eng .btn_top .btn_top.fixed { position: fixed; bottom: 64px; top: unset; }

#content { width: 100%; }
#content .con_inner { width: 100%; max-width: 1480px; padding: 0 40px 120px; margin: 0 auto; }
#content .sub_nav { display: flex; align-items: center; justify-content: flex-end; width: 100%; max-width: 1480px; padding: 0 40px; margin: 24px auto 120px; }
#content .sub_nav li { display: flex; align-items: center; justify-content: center; font-size: 15px; color: #666; }
#content .sub_nav li::after { content: ""; display: block; width: 16px; height: 16px; margin: 0 4px; background-image: url(../img/ico_arrow.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; transform: rotate(-90deg); filter: invert(47%) sepia(0%) saturate(0%) hue-rotate(86deg) brightness(93%) contrast(98%); }
#content .sub_nav li:last-child { color: #000; }
#content .sub_nav li:last-child::after { content: none; }
#content .page_title { font-size: var(--font-size-tit-01); font-weight: var(--font-bolder); }
#content .page_title.line { display: inline-block; width: auto; position: relative; }
#content .page_title.line::after { content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 24px; background-color: var(--color-secondary); opacity: 0.2; z-index: -1; }
#content .page_sub_title { margin: 16px 0 80px; font-size: var(--font-size-tit-03); }
#content .page_sub_title strong { font-weight: var(--font-bolder); }
@media (max-width: 768px) { 
	#content .sub_nav {   padding: 0 16px;   margin: 16px auto 104px; } 
	#content .page_title.line::after {   height: 16px; } 
	#content .page_sub_title {   margin: 8px 0 64px; } 
}
@media (max-width: 1260px) { 
	#content .con_inner {   padding: 0 16px 104px; } 
}

/* main */
.main_wrap .main_section { display: flex; width: 100%; padding: 200px 0 120px; align-items: center; justify-content: center; overflow: hidden; }
.main_wrap .main_section.bg_section { background-color: var(--color-bg); }
.main_wrap .main_section .section_title { font-size: 32px; font-weight: 300; color: var(--color-primary); }
.main_wrap .main_section .section_title_sub { margin-top: 16px; font-size: 48px; font-weight: 300; color: #002236; }
.main_wrap .main_section.esg_area { height: auto; align-items: flex-start; }
.main_wrap .main_section.esg_area .esg_inner { display: flex; gap: 40px; }
.main_wrap .main_section.esg_area .esg_inner .left_con { width: 53%; flex-shrink: 0; }
.main_wrap .main_section.esg_area .esg_inner .left_con .esg_wrap { display: flex; margin-top: 80px; background-color: var(--color-bg); }
.main_wrap .main_section.esg_area .esg_inner .left_con .esg_wrap .esg_img { width: 50%; flex-basis: 50%; flex-grow: 0; }
.main_wrap .main_section.esg_area .esg_inner .left_con .esg_wrap .esg_img img { aspect-ratio: 0.67; }
.main_wrap .main_section.esg_area .esg_inner .left_con .esg_wrap .esg_con { width: 50%; padding: 40px; }
.main_wrap .main_section.esg_area .esg_inner .left_con .esg_wrap .btn_txt { margin-top: 32px; }
.main_wrap .main_section.esg_area .esg_inner .right_con { padding-top: 63px; }
.main_wrap .main_section.esg_area .esg_inner .right_con .esg_wrap .esg_con { margin-bottom: 32px; padding: 0 188px 32px 0; border-bottom: 1px solid #dadfe1; }
.main_wrap .main_section.esg_area .esg_inner .right_con .esg_wrap .esg_con:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.main_wrap .main_section.esg_area .esg_inner .right_con .esg_wrap .esg_con:nth-child(1) { background-image: url("../img/esg_bg_01.png"); background-repeat: no-repeat; background-position: 100% 0%; background-size: 148px auto; }
.main_wrap .main_section.esg_area .esg_inner .right_con .esg_wrap .esg_con:nth-child(2) { background-image: url("../img/esg_bg_02.png"); background-repeat: no-repeat; background-position: 100% 0%; background-size: 148px auto; }
.main_wrap .main_section.esg_area .esg_inner .right_con .esg_wrap .esg_con:nth-child(3) { background-image: url("../img/esg_bg_03.png"); background-repeat: no-repeat; background-position: 100% 0%; background-size: 148px auto; }
.main_wrap .main_section.esg_area .esg_inner .esg_wrap .esg_con .esg_tit { font-size: var(--font-size-tit-03); color: var(--color-primary); }
.main_wrap .main_section.esg_area .esg_inner .esg_wrap .esg_con .esg_txt { margin-top: 16px; font-size: 24px; line-height: 1.33; }
.main_wrap .main_section.esg_area .esg_inner .esg_wrap .esg_con .btn_txt { margin-top: 32px; }
.main_wrap .main_section#contentsSec { padding-top: calc(var(--ui-gnb-height) + 120px); }
.main_wrap .inner { width: 100%; max-width: 1400px; /*margin: -200px auto 0;*/ /*20240223수정 */ margin: 0px auto 0; }
.main_wrap .visual_section { display: block; height: 100vh; background-color: #000; padding: 0; }
.main_wrap .visual_section:after{ position:absolute; left:0; top:0; width:100%; height:270px; background:#000; z-index:2; content:""; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 89%); }
.main_wrap .visual_section .visual_list:before{ position:absolute; left:0; bottom:0; width:100%; height:220px; background:#000; z-index:2; content:""; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(255,255,255,0) 90%); }  
.main_wrap .visual_section .inner { max-width: 1920px; padding: 0 4.5vw; }
.main_wrap .visual_section .visual_list { position: absolute; top: 0; width: 100%; height: 100vh; }
.main_wrap .visual_section .visual_list .visuals { display: flex; width: 100%; height: 100%; align-items: center; }
.main_wrap .visual_section .visual_list .visuals .inner { z-index: 1; }
@keyframes textnone { 
	0%   { opacity:1; } 
	80%  { opacity:1; } 
	100% { opacity:0; } 
}
/*.main_wrap .visual_section .visual_list .swiper-slide-active .visuals .inner#inner_0 { opacity:0; animation-name: textnone; animation-duration: 4.5s; }
.main_wrap .visual_section .visual_list .swiper-slide-next .visuals .inner#inner_0,
.main_wrap .visual_section .visual_list .swiper-slide-prev .visuals .inner#inner_0{ opacity:1; }

.main_wrap .visual_section .visual_list .swiper-slide-active .visuals .inner#inner_1 { opacity:0; animation-name: textnone; animation-duration: 4.5s; }
.main_wrap .visual_section .visual_list .swiper-slide-next .visuals .inner#inner_1,
.main_wrap .visual_section .visual_list .swiper-slide-prev .visuals .inner#inner_1{ opacity:1; }

.main_wrap .visual_section .visual_list .swiper-slide-active .visuals .inner#inner_2 { opacity:0; animation-name: textnone; animation-duration: 4.5s; }
.main_wrap .visual_section .visual_list .swiper-slide-next .visuals .inner#inner_2,
.main_wrap .visual_section .visual_list .swiper-slide-prev .visuals .inner#inner_2{ opacity:1; }*/





.main_wrap .visual_section .visual_list .visuals .slo { font-size: 36px; font-weight: var(--font-bolder); color: #fff; }
.main_wrap .visual_section .visual_list .visuals .slo em { font-size: 40px; color: #ff8800; }
.main_wrap .visual_section .visual_list .visuals .tit { margin-top: 33px; font-size: 42px; line-height: 1.17; font-weight: 700; color: #fff; text-shadow: 2px 0px 12px #000; }
.main_wrap .visual_section .visual_list .visuals .btn_learn { width: 240px; height: 56px; margin: 166px 0 0; display: flex; align-items: center; justify-content: center; color: #fff; border: 1px solid #fff; line-height: 56px; font-size: 16px; font-weight: var(--font-bolder); background: rgba(0, 0, 0, 0.4); transition: all ease 0.5s; transition-delay: 0; }
.main_wrap .visual_section .visual_list .visuals .btn_learn:hover, 
.main_wrap .visual_section .visual_list .visuals .btn_learn:focus, 
.main_wrap .visual_section .visual_list .visuals .btn_learn.active { /*border: none; background-color: var(--color-primary);*/ background: rgba(0, 0, 0, 0.7); }
/*
.main_wrap .visual_section .visual_list .visuals.video_visual .inner { position: relative; height: 100vh; }
.main_wrap .visual_section .visual_list .visuals.video_visual .btn_learn { position: absolute; bottom: 105px; right: 4.5vw; }
.main_wrap .visual_section .visual_list .visuals.video_visual.video_visual_text .inner { position: initial; height: auto; }*/
.main_wrap .visual_section .visual_list .visuals.video_visual.video_visual_text .btn_learn { position: initial; bottom: auto; right: auto; }
.main_wrap .visual_section .visual_list .visuals > video,
.main_wrap .visual_section .visual_list .visuals > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.main_wrap .visual_section .scroll_hint { position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 80px; height: 120px; padding: 30px 0 25px; bottom: 84px; left: 50%; z-index: 1; border-radius: 40px; background: rgba(0, 0, 0, 0.8); transform: translateX(-50%); }
.main_wrap .visual_section .scroll_hint .txt { font-size: 16px; font-weight: 900; color: #fff; }
.main_wrap .visual_section .scroll_hint .arrow { display: block; position: relative; width: 2px; margin-top: 6px; background: #fff; animation: scroll_hint 2s ease infinite alternate both; -webkit-transform: translateZ(0); }
.main_wrap .visual_section .scroll_hint .arrow::before, 
.main_wrap .visual_section .scroll_hint .arrow::after { content: ""; display: block; position: absolute; bottom: 2px; width: 12px; height: 2px; background: #fff; }
.main_wrap .visual_section .scroll_hint .arrow::before { left: -9px; transform: rotate(45deg); }
.main_wrap .visual_section .scroll_hint .arrow::after { left: -1px; transform: rotate(-45deg); }
.main_wrap .comu_list li { width: calc((100% - 102px) / 4); min-width: 304px; height: auto; }
.main_wrap .comu_list .comu_items { display: flex; flex-direction: column; width: 100%; height: 100%; overflow: hidden; background-color: #fff; border-top-right-radius: 64px; transition: all ease 0.2s; transition-delay: 0; }
.main_wrap .comu_list .comu_items:hover, 
.main_wrap .comu_list .comu_items:focus, .main_wrap .comu_list .comu_items.active { outline: 4px solid var(--color-primary); box-shadow: 0px 24px 24px 0 rgba(8, 32, 46, 0.32); }
.main_wrap .comu_list .comu_items .img_wrap { width: 100%; height: auto; aspect-ratio: 1.63; overflow: hidden; }
.main_wrap .comu_list .comu_items .img_wrap img { width: 100%; height: 100%; object-fit: cover; }
.main_wrap .comu_list .comu_items .txt_wrap { position: relative; display: flex; flex-direction: column; height: auto; flex-grow: 1; padding: 30px 32px 32px; }
.main_wrap .comu_list .comu_items .txt_wrap .tag { position: absolute; display: block; width: auto; top: -14px; padding: 0 8px; border-radius: 4px; line-height: 28px; color: #fff; font-weight: var(--font-bold); font-size: 16px; background-color: var(--color-primary); }
.main_wrap .comu_list .comu_items .txt_wrap .tit { flex-grow: 1; font-size: 24px; }
.main_wrap .comu_list .comu_items .txt_wrap .date { display: block; margin-top: 30px; font-size: 13px; color: #777; }
.main_wrap .bus_list li { width: 43%; height: auto; min-width: 328px; flex-shrink: 0; opacity: 0.4; }
.main_wrap .bus_list li .bus_items { display: flex; flex-direction: column; width: 100%; height: 100%; }
.main_wrap .bus_list li .bus_items .txt_wrap { flex-grow: 1; }
.main_wrap .bus_list li .bus_items .txt_wrap .tit { font-size: var(--font-size-tit-03); font-weight: 900; }
.main_wrap .bus_list li .bus_items .txt_wrap .txt { margin-top: 8px; line-height: 1.4; font-size: var(--font-size-body-02); }
.main_wrap .bus_list li .bus_items .img_wrap { position: relative; border-top-right-radius: 64px; overflow: hidden; margin-top: 32px; transition: all ease 0.2s; transition-delay: 0; }
.main_wrap .bus_list li .bus_items .img_wrap .more { position: absolute; top: 34px; right: 34px; }
.main_wrap .bus_list li .bus_items .img_wrap .more .icon { position: relative; display: block; width: 34px; height: 34px; }
.main_wrap .bus_list li .bus_items .img_wrap .more .icon::before { content: ""; display: block; position: absolute; width: 34px; height: 3px; top: 50%; background-color: #fff; transform: translateY(-50%); }
.main_wrap .bus_list li .bus_items .img_wrap .more .icon::after { content: ""; display: block; position: absolute; width: 3px; height: 34px; left: 50%; background-color: #fff; transform: translateX(-50%); }
.main_wrap .bus_list li .bus_items:hover .img_wrap, .main_wrap .bus_list li .bus_items:focus .img_wrap, .main_wrap .bus_list li .bus_items.active .img_wrap { box-shadow: 0px 24px 24px 0 rgba(8, 32, 46, 0.32); }
.main_wrap .sm_list li { width: 26%; min-width: 328px; height: auto; opacity: 0.4; }
.main_wrap .sm_list li .sm_items { display: flex; flex-direction: column; width: 100%; height: 100%; background-color: #fff; border-top-right-radius: 64px; padding: 40px; transition: all ease 0.2s; transition-delay: 0; }
.main_wrap .sm_list li .sm_items .tit { font-weight: var(--font-bolder); font-size: var(--font-size-tit-03); color: var(--color-primary); }
.main_wrap .sm_list li .sm_items .txt { margin-top: 24px; font-size: var(--font-size-body-02); flex-grow: 1; }
.main_wrap .sm_list li .sm_items .btn_txt { margin-top: 64px; }
.main_wrap .sm_list li .sm_items:hover, .main_wrap .sm_list li .sm_items:focus, .main_wrap .sm_list li .sm_items.active { outline: 4px solid var(--color-primary); box-shadow: 0px 24px 24px 0 rgba(8, 32, 46, 0.32); }
@media (max-width: 1260px) { 
	.main_wrap .main_section.esg_area .esg_inner .right_con .esg_wrap .esg_con {   padding-right: 0; } 
	.main_wrap .main_section.esg_area .esg_inner .right_con .esg_wrap .esg_con:nth-child(1) {   background-image: none; } 
	.main_wrap .main_section.esg_area .esg_inner .right_con .esg_wrap .esg_con:nth-child(2) {   background-image: none; } 
	.main_wrap .main_section.esg_area .esg_inner .right_con .esg_wrap .esg_con:nth-child(3) {   background-image: none; } 
}
@media (max-width: 1400px) { 
	.main_wrap .inner {   padding: 0 50px; } 
}
@media (max-width: 768px) { 
	.main_wrap .main_section {   padding: 104px 0; } 
	.main_wrap .main_section .section_title {   font-size: 24px; } 
	.main_wrap .main_section .section_title_sub {   margin-top: 4px;   font-size: 40px;   padding-bottom: 48px; } 
	.main_wrap .main_section.esg_area .esg_inner {   flex-direction: column;   gap: 0; } 
	.main_wrap .main_section.esg_area .esg_inner .left_con {   width: 100%;   flex-shrink: 0; } 
	.main_wrap .main_section.esg_area .esg_inner .left_con .esg_wrap {   margin-top: 0;   flex-direction: column; } 
	.main_wrap .main_section.esg_area .esg_inner .left_con .esg_wrap .esg_img {   width: 100%;   flex-basis: 100%; } 
	.main_wrap .main_section.esg_area .esg_inner .left_con .esg_wrap .esg_con {   width: 100%;   padding: 40px 32px 42px; } 
	.main_wrap .main_section.esg_area .esg_inner .left_con .esg_wrap .btn_txt {   margin-top: 24px; } 
	.main_wrap .main_section.esg_area .esg_inner .right_con {   padding-top: 48px; } 
	.main_wrap .main_section.esg_area .esg_inner .right_con .esg_wrap .esg_con {   margin-bottom: 24px;   padding: 0 0 24px 0; } 
	.main_wrap .main_section.esg_area .esg_inner .right_con .esg_wrap .esg_con:last-child {   margin-bottom: 0;   padding-bottom: 0;   border-bottom: 0; } 
	.main_wrap .main_section.esg_area .esg_inner .right_con .esg_wrap .esg_con:nth-child(1) {   background-image: none; } 
	.main_wrap .main_section.esg_area .esg_inner .right_con .esg_wrap .esg_con:nth-child(2) {   background-image: none; } 
	.main_wrap .main_section.esg_area .esg_inner .right_con .esg_wrap .esg_con:nth-child(3) {   background-image: none; } 
	.main_wrap .main_section.esg_area .esg_inner .esg_wrap .esg_con .esg_txt {   margin-top: 8px;   font-size: 20px;   line-height: 1.4; } 
	.main_wrap .main_section.esg_area .esg_inner .esg_wrap .esg_con .btn_txt {   margin-top: 16px; } 
.main_wrap .inner {   padding: 0 16px; } 
	.main_wrap .visual_section .visual_list .visuals .slo {   font-size: 24px; } 
	.main_wrap .visual_section .visual_list .visuals .slo em {   font-size: 26px; } 
	.main_wrap .visual_section .visual_list .visuals .tit {   margin-top: 16px;   font-size: 44px; } 
	.main_wrap .visual_section .visual_list .visuals .btn_learn {   width: 162px;   height: 44px;   margin: 24px 0 60px;   line-height: 44px; } 
	/*.main_wrap .visual_section .visual_list .visuals.video_visual .btn_learn {   margin: 0;   left: 50%;   bottom: 207px;   transform: translateX(-50%); }*/ 
	.main_wrap .visual_section .scroll_hint {   width: 48px;   height: 72px;   padding: 12px 0;   bottom: 103px;   left: 50%; } 
	.main_wrap .visual_section .scroll_hint .txt {   font-size: 10px; } 
.main_wrap .visual_section .scroll_hint .arrow {   margin-top: 6px; } 
	.main_wrap .visual_section .scroll_hint .arrow::before, .main_wrap .visual_section .scroll_hint .arrow::after {   width: 10px; } 
	.main_wrap .visual_section .scroll_hint .arrow::before {   left: -7px; } 
.main_wrap .comu_list .comu_items {   border-top-right-radius: 48px; } 
	.main_wrap .comu_list .comu_items .txt_wrap {   padding: 14px 24px 24px; } 
	.main_wrap .comu_list .comu_items .txt_wrap .tag {   top: -10px;   padding: 0 4px;   line-height: 20px;   font-size: 12px; } 
	.main_wrap .comu_list .comu_items .txt_wrap .date {   margin-top: 16px;   font-size: 12px; } 
	.main_wrap .bus_list li .bus_items .img_wrap {   aspect-ratio: 1.09;   border-top-right-radius: 48px;   margin-top: 40px; } 
	.main_wrap .bus_list li .bus_items .img_wrap img {   width: 100%;   height: 100%;   object-fit: cover; } 
	.main_wrap .bus_list li .bus_items .img_wrap .more {   top: 24px;   right: 24px; } 
	.main_wrap .bus_list li .bus_items .img_wrap .more .icon {   width: 24px;   height: 24px; } 
	.main_wrap .bus_list li .bus_items .img_wrap .more .icon::before {   width: 24px;   height: 2px; } 
	.main_wrap .bus_list li .bus_items .img_wrap .more .icon::after {   width: 2px;   height: 24px; } 
	.main_wrap .sm_list li {   opacity: 1; } 
	.main_wrap .sm_list li .sm_items {   border-top-right-radius: 48px;   padding: 32px; } 
	.main_wrap .sm_list li .sm_items .btn_txt {   margin-top: 40px; } 
}

/* company */
.company_box + .company_box { margin-top: 80px; }
.company_box.box_01 { display: flex; gap: 40px; align-items: center; }
.company_box.box_01 .img_wrap { width: 48%; max-width: 660px; flex-shrink: 0; }
.company_box.box_02 .img_wrap { margin-top: 64px; width: 100%; }
.company_box.box_03 .quote_txt { font-weight: 100; padding-bottom: 0; text-align: center; }
.company_box.box_03 .quote_txt strong { display: block; margin-top: 40px; font-size: 48px; font-weight: 900; }
.company_box.box_03 .bg_box { background-color: #f2f9fc; margin-top: -24px; margin-bottom: -120px; padding: 104px 0; width: 100vw; background-color: #f2f9fc; margin-left: calc((100vw - 1400px + 17px) / -2); }
@media (max-width: 1400px) { 
	.company_box.box_03 .bg_box {   width: calc(100% + 32px);   margin-left: -16px; } 
}
.company_box.box_03 .bg_box .about_ul { display: flex; width: 100%; max-width: 1400px; margin: 0 auto; }
.company_box.box_03 .bg_box .about_ul .about_item { width: 25%; text-align: center; }
.company_box.box_03 .bg_box .about_ul .about_item img { width: 120px; height: 120px; }
.company_box.box_03 .bg_box .about_ul .about_item .tit,
.company_box.box_03 .bg_box .about_ul .about_item .date { margin-top: 16px; font-size: var(--font-size-body-02); line-height: 1.33; font-weight: var(--font-bolder); }
.company_box.box_03 .bg_box .about_ul .about_item .date { margin-top: 8px; color: #333; font-weight: var(--font-regular); }
.company_box.box_04 .ceo_greeting { margin-top: -80px; margin-bottom: 48px; }
.company_box.box_05 { position: relative; margin-bottom: 60px; }
.company_box.box_05::before { content: ""; display: block; position: absolute; top: 80px; height: 120px; width: 100vw; background-color: #f2f9fc; margin-left: calc((100vw - 1400px + 17px) / -2); }
@media (max-width: 1400px) { 
	.company_box.box_05::before {   width: calc(100% + 32px);   margin-left: -16px; } 
}
.company_box.box_05 .btn_area { padding-left: 120px; }
.company_box.box_06 { margin-top: 0; }
.company_box.box_06 .ceo_wrap { margin-top: 80px; text-align: right; }
.company_box.box_06 .ceo_wrap strong { font-size: var(--font-size-tit-01); font-weight: var(--font-bolder); }
@media (max-width: 1260px) { 
	.company_box + .company_box {   margin-top: 64px; } 
	.company_box.box_01 {   display: flex;   flex-direction: column-reverse;   gap: 40px;   align-items: center; } 
	.company_box.box_01 .img_wrap {   width: 100%;   max-width: unset; } 
	.company_box.box_02 .img_wrap {   margin-top: 40px;   width: 100%; } 
	.company_box.box_03 .quote_txt {   font-size: 24px; } 
	.company_box.box_03 .quote_txt strong {   margin-top: 24px;   font-size: 26px; } 
	.company_box.box_03 .bg_box {   margin-top: -16px;   margin-bottom: -104px;   padding: 80px 0; } 
	.company_box.box_03 .bg_box .about_ul .about_item img {   width: 96px;   height: 96px; } 
	.company_box.box_03 .bg_box .about_ul .about_item .tit, .company_box.box_03 .bg_box .about_ul .about_item .date {   margin-top: 8px; } 
	.company_box.box_03 .bg_box .about_ul .about_item .date {   margin-top: 4px; } 
}
@media (max-width: 768px) { 
	.company_box.box_03 .bg_box .about_ul {   flex-direction: column;   gap: 40px; } 
	.company_box.box_03 .bg_box .about_ul .about_item {   width: 100%; } 
	.company_box.box_03 .bg_box .about_ul .about_item img {   width: 96px;   height: 96px; } 
	.company_box.box_03 .bg_box .about_ul .about_item .tit, .company_box.box_03 .bg_box .about_ul .about_item .date {   margin-top: 8px; } 
	.company_box.box_03 .bg_box .about_ul .about_item .date {   margin-top: 4px; } 
	.company_box.box_04 .ceo_greeting {   margin-top: 0; } 
	.company_box.box_05::before {   top: 108px;   height: 100%; } 
	.company_box.box_05 .btn_area {   padding-left: 0;   margin-top: 32px; } 
	.company_box.box_06 {   margin-top: 172px; } 
	.company_box.box_06 .ceo_wrap {   margin-top: 64px; } 
}
.lang_eng .company_box.box_01 .img_wrap img { max-height: 816px; }
.lang_eng .company_box.box_05::before { height: calc(100% - 80px); }

.history_wrap { position: relative; width: 100vw; background-color: #f2f9fc; margin-left: calc((100vw - 1400px + 17px) / -2); margin-bottom: -120px; padding: 120px 0 180px; }
@media (max-width: 1400px) { 
	.history_wrap {   width: calc(100% + 32px);   margin-left: -16px; } 
}
.history_wrap::before { content: ""; display: block; position: absolute; width: 1px; height: 100%; left: 50%; top: 0; background-color: var(--color-border); }
.history_wrap .history_map { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 40px; }
.history_wrap .history_map .years { display: flex; width: 100%; gap: 88px; }
.history_wrap .history_map .years .img_wrap { width: 50%; padding-top: 86px; }
.history_wrap .history_map .years .img_wrap img { border-radius: 24px; width: 100%; }
.history_wrap .history_map .years .txt_wrap { width: 50%; }
.history_wrap .history_map .years .txt_wrap .tit { position: relative; font-size: var(--font-size-tit-02); font-weight: var(--font-regular); text-align: right; }
.history_wrap .history_map .years .txt_wrap .tit::before { content: ""; display: block; position: absolute; width: 40px; height: 40px; box-sizing: border-box; border-radius: 0 16px 0 0; background-color: #fff; border: 4px solid var(--color-border); top: 7px; right: -64px; }
.history_wrap .history_map .years .txt_wrap dl { display: flex; flex-wrap: wrap; margin-top: 32px; font-size: var(--font-size-body-02); }
.history_wrap .history_map .years .txt_wrap dl dt { width: 32px; margin-right: 16px; flex-grow: 0; font-weight: var(--font-bolder); line-height: 1.33; }
.history_wrap .history_map .years .txt_wrap dl dd { width: calc(100% - 32px - 16px); margin-bottom: 30px; }
.history_wrap .history_map .years .txt_wrap dl dd p { line-height: 1.33; }
.history_wrap .history_map .years .txt_wrap dl dd p + p { margin-top: 16px; }
.history_wrap .history_map .years .txt_wrap dl dd:last-child { margin-bottom: 0; }
.history_wrap .history_map .years + .years { margin-top: 64px; }
.history_wrap .history_map .years:nth-child(even) { flex-direction: row-reverse; }
.history_wrap .history_map .years:nth-child(even) .txt_wrap .tit { text-align: left; }
.history_wrap .history_map .years:nth-child(even) .txt_wrap .tit::before { right: unset; left: -64px; }
.history_wrap .history_map .years.active .txt_wrap .tit { font-weight: 900; }
.history_wrap .history_map .years.active .txt_wrap .tit::before { background-color: var(--color-secondary); border: none; }
@media (max-width: 768px) { 
	.history_wrap {   margin-bottom: -104px;   padding: 104px 0; } 
	.history_wrap::before {   left: 24px; } 
	.history_wrap .history_map {   padding: 0 16px 0 44px; } 
	.history_wrap .history_map .years {   display: flex;   flex-direction: column;   gap: 0; } 
	.history_wrap .history_map .years .img_wrap {   width: 100%;   padding-top: 16px; } 
	.history_wrap .history_map .years .img_wrap img {   border-radius: 16px; } 
	.history_wrap .history_map .years .txt_wrap {   width: 100%; } 
	.history_wrap .history_map .years .txt_wrap .tit {   text-align: left; } 
	.history_wrap .history_map .years .txt_wrap .tit::before {   width: 20px;   height: 20px;   border-radius: 0 8px 0 0;   border-width: 2px;   top: 9px;   left: -28px; } 
	.history_wrap .history_map .years .txt_wrap dl {   margin-top: 24px; } 
	.history_wrap .history_map .years .txt_wrap dl dt {   width: 24px;   margin-right: 8px; } 
	.history_wrap .history_map .years .txt_wrap dl dd {   width: calc(100% - 24px - 8px);   margin-bottom: 8px; } 
	.history_wrap .history_map .years .txt_wrap dl dd p + p {   margin-top: 8px; } 
	.history_wrap .history_map .years + .years {   margin-top: 48px; } 
	.history_wrap .history_map .years:nth-child(even) {   flex-direction: column; } 
	.history_wrap .history_map .years:nth-child(even) .txt_wrap .tit {   text-align: left; } 
	.history_wrap .history_map .years:nth-child(even) .txt_wrap .tit::before {   left: -28px;   right: unset; } 
}

.quote_txt { position: relative; padding: 44px 120px; font-size: 44px; font-weight: 900; }
.quote_txt::before, .quote_txt::after { content: ""; display: block; position: absolute; top: 0; width: 80px; height: 80px; background-image: url(../img/ico_quote.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.quote_txt::before { left: 0; }
.quote_txt::after { right: 0; transform: scaleX(-1); }
.quote_txt_ty2 { position: relative; padding: 44px 120px; font-size: 44px; font-weight: 900; }
@media (max-width: 768px) { 
	.quote_txt {   padding: 24px 56px 0;   font-size: 26px; } 
	.quote_txt::before, .quote_txt::after {   content: "";   width: 48px;   height: 48px; } 
	.quote_txt_ty2 {   padding: 24px 56px 0;   font-size: 26px; } 
}

.ci_wrap .ci_sum_wrap { width: 100%; display: flex; border: 1px solid var(--color-border); padding: 80px 80px 70px; }
.ci_wrap .ci_sum_wrap img { width: 30%; align-self: center; }
.ci_wrap .ci_sum_wrap .txt { margin-left: 48px; color: #222; font-size: var(--font-size-body-02); }
.ci_wrap .ci_sum_wrap .txt p + p { margin-top: 16px; }
.ci_wrap .title_dep_01 { margin-bottom: 16px; }
.ci_wrap .page_con_txt { line-height: 1.25; }
.ci_wrap .ci_exp_wrap { display: flex; border: solid var(--color-border); border-width: 1px 0 1px 0; margin-top: 24px; padding: 80px 64px 80px 80px; }
.ci_wrap .ci_exp_wrap .left_wrap { width: 40.15%; padding-right: 11.4%; border-right: 1px solid var(--color-border); }
.ci_wrap .ci_exp_wrap .left_wrap img { width: 100%; }
.ci_wrap .ci_exp_wrap .right_wrap { flex-grow: 1; text-align: right; }
.ci_wrap .ci_exp_wrap .right_wrap .imgs { display: flex; align-items: flex-start; justify-content: flex-end; gap: 68px; }
.ci_wrap .ci_exp_wrap .right_wrap .imgs img { width: 266px; }
.ci_wrap .ci_exp_wrap .right_wrap .btn_area { margin-top: 44px; justify-content: flex-end; }
.ci_wrap .ci_color_wrap { display: flex; margin-top: 64px; gap: 56px; }
.ci_wrap .ci_color_wrap .title_dep_03 { margin: 0 0 24px; }
.ci_wrap .ci_color_wrap .color_info { width: 100%; max-width: 320px; flex-shrink: 0; }
.ci_wrap .ci_color_wrap .color_info .color_chip { width: 100%; height: 64px; }
.ci_wrap .ci_color_wrap .color_info .color_chip.blue { background-color: var(--color-primary); }
.ci_wrap .ci_color_wrap .color_info .color_chip.light_b { background-color: #0e9dde; }
.ci_wrap .ci_color_wrap .color_info .color_chip.gray { background-color: #424747; }
.ci_wrap .ci_color_wrap .color_info .color_chip.light_g { background-color: #b5b5b2; }
.ci_wrap .ci_color_wrap .color_info .tit { margin-top: 16px; font-size: var(--font-size-body-02); font-weight: var(--font-bolder); }
.ci_wrap .ci_color_wrap .color_info .con { margin-top: 12px; font-size: var(--font-size-body-02); line-height: 1.33; }
.ci_wrap .ci_color_wrap .main_color { width: 23%; }
.ci_wrap .ci_color_wrap .sub_color { flex-grow: 1; }
.ci_wrap .ci_color_wrap .sub_color .color_info_wrap { display: flex; gap: 32px; }
.ci_wrap .ci_color_wrap .sub_color .color_info_wrap .color_info { width: calc((100% - 64px) / 3); }
@media (max-width: 1260px) { 
	.ci_wrap .ci_sum_wrap {   padding: 40px; } 
	.ci_wrap .ci_exp_wrap {   padding: 40px; } 
	.ci_wrap .ci_exp_wrap .left_wrap {   width: 30%;   padding-right: 5%;   flex-shrink: 0; } 
	.ci_wrap .ci_exp_wrap .right_wrap .imgs img {   width: 37%; } 
}
@media (max-width: 768px) { 
	.ci_wrap .ci_sum_wrap {   flex-direction: column;   padding: 40px; } 
	.ci_wrap .ci_sum_wrap img {   width: 100%; } 
	.ci_wrap .ci_sum_wrap .txt {   margin-top: 32px;   margin-left: 0; } 
	.ci_wrap .ci_sum_wrap .txt p + p {   margin-top: 8px; } 
	.ci_wrap .title_dep_01 {   margin-bottom: 8px; } 
	.ci_wrap .ci_exp_wrap {   flex-direction: column;   margin-top: 16px;   padding: 40px 44px;   align-items: center; } 
	.ci_wrap .ci_exp_wrap .left_wrap {   width: 100%;   padding-right: 0;   border-right: none;   border-bottom: 1px solid var(--color-border);   text-align: center;   padding-bottom: 40px; } 
	.ci_wrap .ci_exp_wrap .left_wrap img {   width: 240px; } 
	.ci_wrap .ci_exp_wrap .right_wrap {   text-align: center;   padding-top: 40px; } 
	.ci_wrap .ci_exp_wrap .right_wrap .imgs {   flex-direction: column;   align-items: center;   justify-content: center;   gap: 24px; } 
	.ci_wrap .ci_exp_wrap .right_wrap .imgs img {   width: 180px; } 
	.ci_wrap .ci_exp_wrap .right_wrap .btn_area {   margin-top: 40px; } 
	.ci_wrap .ci_color_wrap {   flex-direction: column;   margin-top: 48px;   gap: 48px; } 
	.ci_wrap .ci_color_wrap .title_dep_03 {   margin: 0 0 16px; } 
	.ci_wrap .ci_color_wrap .color_info {   width: 100%;   max-width: unset;   flex-shrink: 0; } 
	.ci_wrap .ci_color_wrap .color_info .con {   margin-top: 8px; } 
	.ci_wrap .ci_color_wrap .main_color {   width: 100%; } 
	.ci_wrap .ci_color_wrap .sub_color .color_info_wrap {   flex-direction: column;   gap: 24px; } 
	.ci_wrap .ci_color_wrap .sub_color .color_info_wrap .color_info {   width: 100%; } 
}

.corp_culture .border_box_list { margin-top: 32px; }
.corp_culture .border_box_list .item .txt_wrap { padding: 40px; }
@media (max-width: 768px) { 
	.corp_culture .border_box_list {   margin-top: 24px; } 
	.corp_culture .border_box_list .item .txt_wrap {   padding: 24px; } 
}

.ideal_wrap { display: flex; flex-direction: column; gap: 24px; }
.ideal_wrap .ideal_item { display: flex; width: 100%; background-color: #f2f9fc; padding: 40px; border-radius: 24px; gap: 80px; }
.ideal_wrap .ideal_item .title { width: 280px; flex-shrink: 0; border-bottom: 2px solid #000; background-repeat: no-repeat; background-position: 100% 100%; background-size: 168px auto; }
.ideal_wrap .ideal_item .title .tit_txt span { font-size: var(--font-size-tit-03); color: #666; font-weight: var(--font-regular); }
.ideal_wrap .ideal_item .title .tit_txt strong { display: block; margin-top: 8px; font-size: 64px; font-weight: var(--font-bolder); color: var(--color-primary); }
.ideal_wrap .ideal_item .txt_wrap .sub_tit { font-size: 32px; margin-bottom: 32px; }
.ideal_wrap .ideal_item .txt_wrap dl dt { font-size: 24px; font-weight: var(--font-bold); }
.ideal_wrap .ideal_item .txt_wrap dl dd { font-size: 24px; font-weight: var(--font-regular); margin-top: 8px; }
.ideal_wrap .ideal_item .txt_wrap dl + dl { margin-top: 24px; }
.ideal_wrap .ideal_item:nth-child(1) .title { background-image: url("../img/img_company_0701.png"); }
.ideal_wrap .ideal_item:nth-child(2) .title { background-image: url("../img/img_company_0702.png"); }
.ideal_wrap .ideal_item:nth-child(3) .title { background-image: url("../img/img_company_0703.png"); }
@media (max-width: 768px) { 
	.ideal_wrap {   gap: 16px; } 
	.ideal_wrap .ideal_item {   flex-direction: column;   padding: 24px 24px;   border-radius: 16px;   gap: 32px; } 
	.ideal_wrap .ideal_item .title {   width: 100%;   padding: 16px 0 16px;   border-bottom: 1px solid #000;   background-repeat: no-repeat;   background-position: 100% 100%;   background-size: 120px auto; } 
	.ideal_wrap .ideal_item .title .tit_txt strong {   margin-top: 0;   font-size: 48px; } 
	.ideal_wrap .ideal_item .txt_wrap .sub_tit {   font-size: 16px;   margin-bottom: 8px;   line-height: 1.33; } 
	.ideal_wrap .ideal_item .txt_wrap dl dt {   font-size: 14px; } 
	.ideal_wrap .ideal_item .txt_wrap dl dd {   font-size: 14px;   margin-top: 4px; } 
	.ideal_wrap .ideal_item .txt_wrap dl + dl {   margin-top: 8px; } 
}

/* 기업시민 */
.cc_wrap .cc_info_01 .info_top { display: flex; gap: 40px; }
.cc_wrap .cc_info_01 .info_top .item { width: 50%; padding: 40px 40px 45px; border: 1px solid var(--color-border); border-top-right-radius: 64px; }
.cc_wrap .cc_info_01 .info_top .item .ico { display: block; width: 120px; height: 120px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.cc_wrap .cc_info_01 .info_top .item .ico.type01 { background-image: url(../img/img_cc_01.png); }
.cc_wrap .cc_info_01 .info_top .item .ico.type02 { background-image: url(../img/img_cc_02.png); }
.cc_wrap .cc_info_01 .info_top .item .tit { margin-top: 32px; font-size: var(--font-size-body-01); font-weight: var(--font-bold); }
.cc_wrap .cc_info_01 .info_top .item .page_con_txt { margin-top: 16px; }
.cc_wrap .cc_info_01 .info_bottom { display: flex; margin-top: 40px; background-color: #f2f9fc; padding: 40px; border-top-right-radius: 64px; align-items: center; }
.cc_wrap .cc_info_01 .info_bottom .ico { display: block; flex-shrink: 0; width: 120px; height: 120px; margin-right: 32px; background-image: url(../img/img_cc_03.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.cc_wrap .cc_info_01 .info_bottom .tit { font-size: var(--font-size-body-01); font-weight: var(--font-bold); }
.cc_wrap .cc_info_01 .info_bottom .page_con_txt { margin-top: 16px; }
.cc_wrap .cc_info_02 { margin-top: 80px; position: relative; }
.cc_wrap .cc_info_02 .inner { position: relative; z-index: 1; }
.cc_wrap .cc_info_02 .inner > .img_wrap { display: flex; gap: 40px; }
.cc_wrap .cc_info_02 .inner > .img_wrap img { width: 60%; }
.cc_wrap .cc_info_02 .inner .btn_area { display: flex; gap: 16px; margin-top: 48px; }
.cc_wrap .cc_info_02 .inner .btn_area .btn_common { border-color: var(--color-border); font-weight: var(--font-regular); }
.cc_wrap .cc_info_02 .inner .sub_con_wrap { border-top: 1px solid var(--color-border); margin-top: 64px; padding-top: 64px; }
.cc_wrap .cc_info_02 .inner .sub_con_wrap .report_list { display: flex; gap: 64px; }
.cc_wrap .cc_info_02 .inner .sub_con_wrap .report_list .item { width: 240px; }
.cc_wrap .cc_info_02 .inner .sub_con_wrap .report_list .item img { aspect-ratio: 0.76; }
.cc_wrap .cc_info_02 .inner .sub_con_wrap .report_list .btn_area { margin-top: 24px; flex-direction: column; gap: 8px; }
.cc_wrap .cc_info_02::before { content: ""; display: block; height: calc(100% - 246px + 120px); position: absolute; top: 246px; width: 100vw; background-color: #f2f9fc; margin-left: calc((100vw - 1400px + 17px) / -2); }
@media (max-width: 1400px) { 
	.cc_wrap .cc_info_02::before {   width: calc(100% + 32px);   margin-left: -16px; } 
}
@media (max-width: 768px) { 
	.cc_wrap .cc_info_01 .info_top {   flex-direction: column;   gap: 24px; } 
	.cc_wrap .cc_info_01 .info_top .item {   width: 100%;   padding: 24px;   border-top-right-radius: 48px; } 
	.cc_wrap .cc_info_01 .info_top .item .ico {   width: 88px;   height: 88px; } 
	.cc_wrap .cc_info_01 .info_top .item .tit {   margin-top: 24px; } 
	.cc_wrap .cc_info_01 .info_top .item .page_con_txt {   margin-top: 8px; } 
	.cc_wrap .cc_info_01 .info_bottom {   flex-direction: column;   align-items: flex-start;   margin-top: 24px;   padding: 24px;   border-top-right-radius: 48px; } 
	.cc_wrap .cc_info_01 .info_bottom .ico {   width: 88px;   height: 88px;   margin-right: 0;   margin-bottom: 24px; } 
	.cc_wrap .cc_info_01 .info_bottom .page_con_txt {   margin-top: 8px; } 
	.cc_wrap .cc_info_02 {   margin-top: 64px; } 
	.cc_wrap .cc_info_02 .inner > .img_wrap img {   width: 100%; } 
	.cc_wrap .cc_info_02 .inner .btn_area {   gap: 8px;   margin-top: 32px; } 
	.cc_wrap .cc_info_02 .inner .sub_con_wrap {   margin-top: 48px;   padding-top: 48px; } 
	.cc_wrap .cc_info_02 .inner .sub_con_wrap .report_list {   flex-direction: column;   gap: 48px; } 
	.cc_wrap .cc_info_02 .inner .sub_con_wrap .report_list .item {   width: 100%; } 
	.cc_wrap .cc_info_02 .inner .sub_con_wrap .report_list .item .img_wrap {   padding: 0 100px; } 
	.cc_wrap .cc_info_02 .inner .sub_con_wrap .report_list .btn_area {   margin-top: 24px;   flex-direction: column;   gap: 8px; } 
	.cc_wrap .cc_info_02::before {   height: calc(100% - 96px + 104px);   top: 96px; } 
}

/* ESG */
.esg_wrap.esg01 .gray_bg_box.mt { margin-top: -48px; }
.esg_wrap.esg02 .border_box_list { margin-top: 32px; }
.esg_wrap.esg02 .border_box_list .item .txt_wrap .page_con_txt.type02 { font-size: 18px; }
.esg_wrap.esg03 .gray_bg_box.mt { margin-top: -48px; }
.esg_wrap.esg03 .border_box_list.mt { margin-top: 64px; }
.esg_wrap.esg03 .border_box_list.mt .item .txt_wrap { padding: 40px; }
.esg_wrap.esg03 .border_box_list.mt .item .txt_wrap .title_dep_02 { margin: 0 0 32px; }
.esg_wrap.esg03 .border_box_list.mt .item .txt_wrap .dl_line { display: flex; align-items: center; padding-bottom: 16px; border-bottom: 1px solid var(--color-border); font-size: var(--font-size-body-03); }
.esg_wrap.esg03 .border_box_list.mt .item .txt_wrap .dl_line dd { flex-grow: 1; text-align: right; font-weight: var(--font-bolder); }
.esg_wrap.esg03 .border_box_list.mt .item .txt_wrap .dl_line + .dl_line { margin-top: 16px; }
.esg_wrap.esg03 .border_box_list.mt .item .txt_wrap .dl_line.noline { padding-bottom: 0; border-bottom: none; }
.esg_wrap.esg03 .bg_list_box_wrap .item { background-color: #f2f9fc; }
.esg_wrap.esg05 .company_box.box_05 { margin-bottom: 160px; }
.esg_wrap.esg05 .company_box.box_05::before { height: 100%; }
.esg_wrap.esg06 .esg06_box .img_wrap { text-align: center; }
.esg_wrap.esg06 .esg06_box .img_wrap img { width: 100%; max-width: 800px; }
.esg_wrap.esg06 .esg06_box .txt_wrap { margin-top: 48px; border-top: 1px solid var(--color-border); padding-top: 48px; }
.esg_wrap.esg06 .esg06_box .page_con_txt + .page_con_txt { margin-top: 16px; }
.esg_wrap.esg06 .border_box_list { margin-top: 32px; }
.esg_wrap.esg08 .border_box_list { margin-top: 32px; }
.esg_wrap.esg08 .gray_bg_box { margin-top: 32px; }
.esg_wrap.esg08 .gray_bg_box .btn_area { margin-top: 32px; }
@media (max-width: 768px) { 
	.esg_wrap.esg03 .border_box_list.mt {   flex-direction: column;   margin-top: 16px; } 
	.esg_wrap.esg03 .border_box_list.mt .item {   width: 100%; } 
	.esg_wrap.esg03 .border_box_list.mt .item .txt_wrap {   padding: 32px; } 
	.esg_wrap.esg03 .border_box_list.mt .item .txt_wrap .title_dep_02 {   margin: 0 0 24px; } 
	.esg_wrap.esg05 .company_box.box_05 {   margin-bottom: 40px; } 
	.esg_wrap.esg05 .company_box.box_05::before {   top: 102px;   height: calc(100% - 60px); } 
	.esg_wrap.esg05 .company_box.box_06 {   margin-top: 116px; } 
	.esg_wrap.esg06 .esg06_box .txt_wrap {   margin-top: 32px;   padding-top: 32px; } 
	.esg_wrap.esg08 .border_box_list {   margin-top: 24px; } 
	.esg_wrap.esg08 .gray_bg_box {   margin-top: 24px; } 
	.esg_wrap.esg08 .gray_bg_box .btn_area {   margin-top: 24px; } 
}
.lang_eng .esg_wrap.esg03 .bg_list_box_wrap .item { align-items: flex-start; }
.lang_eng .esg_wrap.esg03 .bg_list_box_wrap .item .txt_wrap .title_dep_04 { height: auto; }

/* 비지니스 */
.biz_wrap .page_con_txt + .dot_list { margin-top: 24px; }
.biz_wrap.smart_factory .bg_list_box_wrap { margin-top: 32px; }
.biz_wrap.smart_factory .bg_list_box_wrap .item .title_dep_04 { height: auto; }
.biz_wrap.smart_factory .bg_list_box_wrap + .gray_bg_box { margin-top: 32px; }
.biz_wrap.smart_factory .border_box_list { margin-top: 32px; }
.biz_wrap.smart_factory .sm_fac_01 .item { position: relative; }
.biz_wrap.smart_factory .sm_fac_01 .item .ico.type01 { background-image: url(../img/ico_biz_0101.png); }
.biz_wrap.smart_factory .sm_fac_01 .item .ico.type02 { background-image: url(../img/ico_biz_0102.png); }
.biz_wrap.smart_factory .sm_fac_01 .item .ico.type03 { background-image: url(../img/ico_biz_0103.png); }
.biz_wrap.smart_factory .sm_fac_01 .item .ico.type04 { background-image: url(../img/ico_biz_0104.png); }
.biz_wrap.smart_factory .sm_fac_01 .item .ico.next { position: absolute; top: 50%; right: -24px; transform: translateY(-50%); }
.biz_wrap.smart_factory .sm_fac_01 .item:last-child .ico.next { display: none; }
.biz_wrap.smart_factory .tab_con#tab-panel-01 .gray_bg_box { margin-top: 32px; }
.biz_wrap.smart_factory .tab_con#tab-panel-01 .border_box_list { margin-top: 64px; }
.biz_wrap.smart_factory .tab_con#tab-panel-01 .border_box_list .item .ico.type01 { background-image: url(../img/ico_biz_0105.png); }
.biz_wrap.smart_factory .tab_con#tab-panel-01 .border_box_list .item .ico.type02 { background-image: url(../img/ico_biz_0106.png); }
.biz_wrap.smart_factory .tab_con#tab-panel-01 .border_box_list .item .ico.type03 { background-image: url(../img/ico_biz_0107.png); }
.biz_wrap.smart_factory .tab_con#tab-panel-01 .border_box_list .item .ico.type04 { background-image: url(../img/ico_biz_0108.png); }
.biz_wrap.smart_factory .tab_con#tab-panel-01 .border_box_list .item .ico.type05 { background-image: url(../img/ico_biz_0109.png); }
.biz_wrap.smart_factory .tab_con#tab-panel-02 .flex_box .img_wrap { width: 33%; margin-right: 56px; }
.biz_wrap.smart_factory .sm_fac_03 .item { padding: 0 !important; }
.biz_wrap.smart_factory .sm_fac_03 .item .txt_wrap { padding: 40px; }
.biz_wrap.eic .dot_list + .border_box_list { margin-top: 32px; }
.biz_wrap.eic .bg_list_box_wrap.line_type .item .txt_wrap .ico.type01 { background-image: url(../img/ico_biz_0301.png); }
.biz_wrap.eic .bg_list_box_wrap.line_type .item .txt_wrap .ico.type02 { background-image: url(../img/ico_biz_0302.png); }
.biz_wrap.eic .bg_list_box_wrap.line_type .item .txt_wrap .ico.type03 { background-image: url(../img/ico_biz_0303.png); }
.biz_wrap.eic .bg_list_box_wrap.line_type .item .txt_wrap .ico.type04 { background-image: url(../img/ico_biz_0304.png); }
.biz_wrap.eic .bg_list_box_wrap + .page_con_txt { margin-top: 32px; text-align: center; }
.biz_wrap.eic .ol_2dep_list dd ol { display: flex; flex-wrap: wrap; padding: 0; gap: 8px 64px; list-style: none; counter-reset: list_number; }
.biz_wrap.eic .ol_2dep_list dd ol li { display: flex; height: 56px; align-items: center; counter-increment: list_number; width: 100%; max-width: 340px; font-size: 22px; }
.biz_wrap.eic .ol_2dep_list dd ol li::before { content: counter(list_number); display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 30px; background-color: var(--color-primary); color: #fff; font-size: 22px; margin: 0 8px 0 12px; flex-shrink: 0; }
.biz_wrap.logistics .logistics_box_01 { position: relative; margin-top: 80px; }
.biz_wrap.logistics .logistics_box_01 .inner { position: relative; padding: 80px 0; z-index: 1; text-align: center; }
.biz_wrap.logistics .logistics_box_01 .inner .title_dep_01 { margin: 0 0 16px; color: var(--color-primary); font-weight: 900; }
.biz_wrap.logistics .logistics_box_01::before { content: ""; display: block; height: 100%; position: absolute; top: 0; width: 100vw; background-color: #f2f9fc; margin-left: calc((100vw - 1400px + 17px) / -2); }
@media (max-width: 1400px) { 
	.biz_wrap.logistics .logistics_box_01::before {   width: calc(100% + 32px);   margin-left: -16px; } 
}
.biz_wrap.logistics .logistics_box_01 .border_box_list { margin-top: 32px; }
.biz_wrap.logistics .logistics_box_01 .border_box_list .item { background-color: #fff; }
.biz_wrap.logistics .logistics_box_01 .border_box_list .item .txt_wrap { padding: 40px; }
.biz_wrap.logistics .logistics_box_01 .border_box_list .item .txt_wrap .title_dep_04 { margin-bottom: 0 !important; }
.biz_wrap.logistics .infograp_wrap { margin-top: 32px; }
.biz_wrap.logistics .border_box_list { margin-top: 32px; }
.biz_wrap.logistics .border_box_list { margin-top: 32px; }
.biz_wrap.logistics .border_box_list .img_wrap { position: relative; }
.biz_wrap.logistics .border_box_list .img_wrap .btn_area { position: absolute; bottom: 12px; right: 12px; }
.biz_wrap.logistics .border_box_list .img_wrap .btn_area .btn_common { min-width: 153px; padding: 0 15px; }
.biz_wrap.logistics .border_box_list .item .txt_wrap .title_dep_04 { word-break: break-all; }
.biz_wrap.logistics .border_box_list .item .txt_wrap .title_dep_04.ty-2 { word-break: break-word; }
.biz_wrap.logistics .border_box_list .item .txt_wrap .title_dep_04.narrow { margin-bottom: 8px !important; }
.biz_wrap.logistics .partner_btns { flex-wrap: wrap; gap: 16px; }
.biz_wrap.robot .border_box_list { margin-top: 32px; }
.biz_wrap.robot .title_dep_04 { margin-top: 48px; }
.biz_wrap.robot .sub_txt { font-size: var(--font-size-body-02); color: #666; margin-top: 16px; }
.biz_wrap.robot .sub_txt.narrow { margin-top: 8px; line-height: 1.17; }
.biz_wrap.robot .gray_bg_box { margin-top: 32px; }
.biz_wrap.robot .robot_box_01 .item .txt_wrap { text-align: center; padding: 40px; }
.biz_wrap.robot .robot_box_01 .item .txt_wrap .title_dep_04 { margin-bottom: 0 !important; }
.biz_wrap.robot .robot_box_02 { display: flex; gap: 40px; }
.biz_wrap.robot .robot_box_02 .sub_txt { margin: 8px 0 32px; font-size: var(--font-size-body-03); color: #666; }
.biz_wrap.robot .robot_box_03 { display: flex; align-items: center; text-align: center; }
.biz_wrap.robot .robot_box_03 .arrow { flex-shrink: 0; width: 64px; height: 64px; margin: 12px; background-image: url(../img/img_arrow_bb.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.biz_wrap.robot .robot_box_03 .page_con_txt { display: block; margin-top: 16px; }
.biz_wrap.robot .robot_box_04 { display: flex; align-items: center; gap: 40px; }
.biz_wrap.robot .robot_box_04 .img_wrap { width: 55%; }
.biz_wrap.robot .robot_box_05 { margin-top: 32px; }
.biz_wrap.robot .bg_list_box_wrap { margin-top: 32px; }
.biz_wrap.robot .bg_list_box_wrap .title_dep_04 { height: auto; }
@media (max-width: 1260px) { 
	.biz_wrap.smart_factory .sm_fac_02 {   flex-wrap: nowrap; } 
	.biz_wrap.smart_factory .sm_fac_02 .item {   padding: 24px; } 
	.biz_wrap.logistics .logistics_box_01 .border_box_list .item {   width: calc((100% - 56px) / 3); } 
	.biz_wrap.logistics .logistics_box_01 .border_box_list .item .txt_wrap {   padding: 24px; } 
	.biz_wrap.robot .border_box_list .item {   width: calc((100% - 56px) / 3); } 
	.biz_wrap.robot .border_box_list .item .txt_wrap {   padding: 24px; } 
}
@media (max-width: 768px) { 
	.biz_wrap .page_con_txt + .dot_list {   margin-top: 16px; } 
	.biz_wrap.smart_factory .bg_list_box_wrap {   margin-top: 16px; } 
	.biz_wrap.smart_factory .border_box_list {   margin-top: 24px; } 
	.biz_wrap.smart_factory .sm_fac_01 {   gap: 24px; } 
	.biz_wrap.smart_factory .sm_fac_01 .item {   position: relative;   flex-wrap: wrap;   padding-bottom: 32px; } 
	.biz_wrap.smart_factory .sm_fac_01 .item .step_wrap .ico.next {   bottom: -16px;   left: 50%;   right: unset;   top: unset;   transform: translateX(-50%); } 
	.biz_wrap.smart_factory .sm_fac_01 .item .txt_wrap {   align-self: center; } 
	.biz_wrap.smart_factory .sm_fac_01 .item .txt_wrap .tit {   padding-bottom: 0; } 
	.biz_wrap.smart_factory .sm_fac_01 .item .txt_wrap:last-child {   width: 100%;   margin-top: 16px; } 
	.biz_wrap.smart_factory .sm_fac_02 .item .txt_wrap .sub_tit .num {   margin-bottom: 4px; } 
	.biz_wrap.smart_factory .sm_fac_02 .item .txt_wrap .con {   margin-top: 8px;   margin-bottom: 16px; } 
	.biz_wrap.smart_factory .sm_fac_03 .item .txt_wrap {   padding: 24px; } 
	.biz_wrap.smart_factory .tab_con#tab-panel-01 .gray_bg_box {   margin-top: 24px; } 
	.biz_wrap.smart_factory .tab_con#tab-panel-01 .border_box_list {   margin-top: 48px; } 
	.biz_wrap.smart_factory .tab_con#tab-panel-02 .flex_box {   flex-direction: column;   align-items: flex-start; } 
	.biz_wrap.smart_factory .tab_con#tab-panel-02 .flex_box .img_wrap {   width: 100%;   margin-right: 0;   margin-bottom: 16px; } 
	.biz_wrap.eic .dot_list + .border_box_list {   margin-top: 24px; } 
	.biz_wrap.eic .bg_list_box_wrap + .page_con_txt {   margin-top: 16px;   text-align: left; } 
	.biz_wrap.eic .ol_2dep_list dd ol {   gap: 8px; } 
	.biz_wrap.eic .ol_2dep_list dd ol li {   height: 24px;   max-width: 100%;   font-size: 16px; } 
	.biz_wrap.eic .ol_2dep_list dd ol li::before {   width: 24px;   height: 24px;   border-radius: 24px;   font-size: 16px;   margin: 0 8px 0 0; } 
	.biz_wrap.logistics .logistics_box_01 {   margin-top: 40px; } 
	.biz_wrap.logistics .logistics_box_01 .inner {   padding: 32px 0; } 
	.biz_wrap.logistics .logistics_box_01 .inner .title_dep_01 {   margin: 0 0 8px; } 
	.biz_wrap.logistics .logistics_box_01 .border_box_list {   margin-top: 24px; } 
	.biz_wrap.logistics .logistics_box_01 .border_box_list .item {   width: 100%; } 
	.biz_wrap.logistics .infograp_wrap {   margin-top: 24px; } 
	.biz_wrap.logistics .border_box_list {   margin-top: 24px; } 
	.biz_wrap.logistics .border_box_list .item .txt_wrap .title_dep_04.nobottom {   margin-bottom: 0 !important; } 
	.biz_wrap.logistics .partner_btns {   gap: 8px; } 
	.biz_wrap.logistics .partner_btns .btn_common {   min-width: 200px; } 
	.biz_wrap.robot .border_box_list {   margin-top: 24px; } 
	.biz_wrap.robot .title_dep_04 {   margin-top: 32px; } 
	.biz_wrap.robot .sub_txt {   margin-top: 8px; } 
	.biz_wrap.robot .gray_bg_box {   margin-top: 24px; } 
	.biz_wrap.robot .robot_box_01 .item {   width: 100%; } 
	.biz_wrap.robot .robot_box_01 .item .txt_wrap {   padding: 24px; } 
	.biz_wrap.robot .robot_box_02 {   flex-direction: column;   gap: 8px; } 
	.biz_wrap.robot .robot_box_02 .sub_txt {   margin: 4px 0 24px; } 
	.biz_wrap.robot .robot_box_03 {   flex-direction: column; } 
	.biz_wrap.robot .robot_box_03 .arrow {   width: 40px;   height: 40px;   margin: 0;   transform: rotate(90deg); } 
	.biz_wrap.robot .robot_box_03 .page_con_txt {   margin-top: 8px; } 
	.biz_wrap.robot .robot_box_04 {   flex-direction: column;   align-items: flex-start;   gap: 24px; } 
	.biz_wrap.robot .robot_box_04 .img_wrap {   width: 100%; } 
	.biz_wrap.robot .robot_box_05 {   margin-top: 24px; } 
	.biz_wrap.robot .bg_list_box_wrap {   margin-top: 24px; } 
}

/* 솔루션 */
.sol_wrap.posframe > .border_box_list { margin-top: 32px; }
.sol_wrap.posframe .ico_full_ul .item .ico.type01 { background-image: url(../img/ico_sol_0101.png); }
.sol_wrap.posframe .ico_full_ul .item .ico.type02 { background-image: url(../img/ico_sol_0102.png); }
.sol_wrap.posframe .ico_full_ul .item .ico.type03 { background-image: url(../img/ico_sol_0103.png); }
.sol_wrap.posframe .ico_full_ul .item .ico.type04 { background-image: url(../img/ico_sol_0104.png); }
.sol_wrap.posframe .ico_full_ul .item .ico.type05 { background-image: url(../img/ico_sol_0105.png); }
.sol_wrap.PosMaster .gray_bg_box { position: relative; }
.sol_wrap.PosMaster .border_box_list { margin-top: 32px; }
.sol_wrap.PosDrive .gray_bg_box { position: relative; }
.sol_wrap.SmartSafety .gray_bg_box:not(.gray_type) { padding-bottom: 64px; }
.sol_wrap.SmartSafety .gray_bg_box + .gray_bg_box.gray_type { position: relative; margin-top: 0; border-top: 1px solid var(--color-border); }
.sol_wrap.SmartSafety .gray_bg_box + .gray_bg_box.gray_type::before { content: ""; display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 48px; height: 48px; border-top-right-radius: 16px; background: var(--color-secondary); }
.sol_wrap.SmartSafety .gray_bg_box + .gray_bg_box.gray_type::after { content: ""; display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 48px; height: 48px; background: url(../img/ico_shuttle.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 32px 32px; }
.sol_wrap.SmartSafety .ss_box_01 .border_box_list { margin-top: 32px; gap: 24px; }
.sol_wrap.SmartSafety .ss_box_01 .border_box_list .item { width: calc((100% - 72px) / 4); min-width: 220px; }
.sol_wrap.SmartSafety .ss_box_01 .border_box_list .item:last-child { flex-grow: 1; }
.sol_wrap.SmartSafety .ss_box_02 .border_box_list { flex-wrap: wrap; margin-top: 32px; }
.sol_wrap.SmartSafety .ss_box_02 .border_box_list .item { display: flex; width: auto; height: 54px; align-items: center; justify-content: center; }
.sol_wrap.SmartSafety .ss_box_02 .border_box_list .item p { font-size: var(--font-size-body-02); }
.sol_wrap.SmartSafety .ss_box_04::after { background-image: url(../img/ico_next_arrow.png) !important; transform: translate(-50%, -50%) rotate(-90deg) !important; }
.sol_wrap.SmartSafety .ss_box_04 .ico_list { display: flex; flex-wrap: wrap; margin-top: 32px; gap: 32px 64px; }
.sol_wrap.SmartSafety .ss_box_04 .ico_list .item { text-align: center; width: calc((100% - 384px) / 7); }
.sol_wrap.SmartSafety .ss_box_04 .ico_list .item p { font-size: var(--font-size-body-03); margin-top: 16px; }
.sol_wrap.SmartSafety .ss_box_04 .ico_list .item .ico { display: block; width: 80px; height: 80px; margin: 0 auto; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.sol_wrap.SmartSafety .ss_box_04 .ico_list .item .ico.type1 { background-image: url("../img/ico_sol_sen_1.png"); }
.sol_wrap.SmartSafety .ss_box_04 .ico_list .item .ico.type2 { background-image: url("../img/ico_sol_sen_2.png"); }
.sol_wrap.SmartSafety .ss_box_04 .ico_list .item .ico.type3 { background-image: url("../img/ico_sol_sen_3.png"); }
.sol_wrap.SmartSafety .ss_box_04 .ico_list .item .ico.type4 { background-image: url("../img/ico_sol_sen_4.png"); }
.sol_wrap.SmartSafety .ss_box_04 .ico_list .item .ico.type5 { background-image: url("../img/ico_sol_sen_5.png"); }
.sol_wrap.SmartSafety .ss_box_04 .ico_list .item .ico.type6 { background-image: url("../img/ico_sol_sen_6.png"); }
.sol_wrap.SmartSafety .ss_box_04 .ico_list .item .ico.type7 { background-image: url("../img/ico_sol_sen_7.png"); }
.sol_wrap.SmartSafety .ss_box_04 .ico_list .item .ico.type8 { background-image: url("../img/ico_sol_sen_8.png"); }
.sol_wrap.SmartSafety .ss_box_04 .ico_list .item .ico.type9 { background-image: url("../img/ico_sol_sen_9.png"); }
.sol_wrap.SmartSafety .ss_box_04 .ico_list .item .ico.type10 { background-image: url("../img/ico_sol_sen_10.png"); }
.sol_wrap.SmartSafety .ss_box_04 .ico_list .item .ico.type11 { background-image: url("../img/ico_sol_sen_11.png"); }
.sol_wrap.SmartSafety .ss_box_04 .ico_list .item .ico.type12 { background-image: url("../img/ico_sol_sen_12.png"); }
.sol_wrap.SmartSafety .ss_box_04 .ico_list .item .ico.type13 { background-image: url("../img/ico_sol_sen_13.png"); }
.sol_wrap.SmartSafety .ss_box_04 .ico_list .item .ico.type14 { background-image: url("../img/ico_sol_sen_14.png"); }
.sol_wrap.SmartSafety .ss_box_05 { gap: 80px; align-items: stretch; }
.sol_wrap.SmartSafety .ss_box_05 > .txt_wrap { display: flex; flex-direction: column; }
.sol_wrap.SmartSafety .ss_box_05 > .txt_wrap > .dot_list { margin-bottom: 32px; }
.sol_wrap.SmartSafety .ss_box_05 > .txt_wrap .border_box_list { flex-grow: 1; }
.sol_wrap.SmartSafety .ss_box_05 > .txt_wrap .border_box_list .txt_wrap { display: flex; padding: 40px; gap: 40px; }
.sol_wrap.SmartSafety .ss_box_05 > .txt_wrap .border_box_list .txt_wrap .dot_list { width: calc((100% - 80px) / 3); flex-grow: 0; }
.sol_wrap.SmartSafety .ico_full_ul { margin-top: 32px; }
.sol_wrap.SmartSafety .ico_full_ul .item .ico.type01 { background-image: url(../img/ico_sol_0404.png); }
.sol_wrap.SmartSafety .ico_full_ul .item .ico.type02 { background-image: url(../img/ico_sol_0405.png); }
.sol_wrap.SmartSafety .ico_full_ul .item .ico.type03 { background-image: url(../img/ico_sol_0406.png); }
.sol_wrap.Logistics .tab_con .border_box_list { margin-top: 32px; }
.sol_wrap.Logistics .tab_con .page_con_txt + .dot_list { margin-top: 24px; }
.sol_wrap.Logistics .tab_con .dot_list .dash_type { margin-top: 16px; }
.sol_wrap.Logistics .logi_box_01 .item .txt_wrap { padding: 40px; }
.sol_wrap.Logistics .logi_box_02 { padding: 60px 80px; }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul { border-top: none; }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .ico_wrap { width: 20%; }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box { display: flex; align-items: center; }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box .ico { margin-right: 40px; align-self: flex-start; }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box .ico.type01 { background-image: url("../img/ico_sol_0501.png"); }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box .ico.type02 { background-image: url("../img/ico_sol_0502.png"); }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box .ico.type03 { background-image: url("../img/ico_sol_0503.png"); }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box .ico.type04 { background-image: url("../img/ico_sol_0504.png"); }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box .ico.type05 { background-image: url("../img/ico_sol_0505.png"); }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box .ico.type06 { background-image: url("../img/ico_sol_0506.png"); }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box .ico.type07 { background-image: url("../img/ico_sol_0507.png"); }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box .ico.type08 { background-image: url("../img/ico_sol_0508.png"); }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box .ico.type09 { background-image: url("../img/ico_sol_0509.png"); }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box .ico.type010 { background-image: url("../img/ico_sol_05010.png"); }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box .ico.type011 { background-image: url("../img/ico_sol_05011.png"); }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box .ico.type012 { background-image: url("../img/ico_sol_05012.png"); }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box .ico.type013 { background-image: url("../img/ico_sol_05013.png"); }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box .ico.type014 { background-image: url("../img/ico_sol_05014.png"); }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box + .box { margin-top: 48px; }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box .dot_list li + li { margin-top: 6px; }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item:first-child { padding-top: 0; }
.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item:last-child { padding-bottom: 0; border-bottom: none; }
.sol_wrap.Logistics .round_box .item { width: 100%; padding: 32px; background-color: #fff; border: 1px solid var(--color-border); border-radius: 16px; }
.sol_wrap.Logistics .round_box .item + .item { margin-top:20px; }
.sol_wrap.aworks .border_box_list { margin-top: 32px; }
.sol_wrap.aworks .border_box_list + .page_con_txt.type02 { margin-top: 32px; font-size: 20px; }
.sol_wrap.aworks .ico_full_ul { margin-top: 32px; }
.sol_wrap.aworks .ico_full_ul .item .ico { flex-shrink: 0; }
.sol_wrap.aworks .ico_full_ul .item .ico.type01 { background-image: url("../img/ico_sol_0601.png"); }
.sol_wrap.aworks .ico_full_ul .item .ico.type02 { background-image: url("../img/ico_sol_0602.png"); }
.sol_wrap.aworks .ico_full_ul .item .ico.type03 { background-image: url("../img/ico_sol_0603.png"); }
.sol_wrap.aworks .ico_full_ul .item .ico.type04 { background-image: url("../img/ico_sol_0604.png"); }
.sol_wrap.aworks .ico_full_ul .item .ico.type05 { background-image: url("../img/ico_sol_0605.png"); }
.sol_wrap.aworks .ico_full_ul .item .ico.type06 { background-image: url("../img/ico_sol_0606.png"); }
.sol_wrap.aworks .ico_full_ul .item.plus_ico { position: relative; padding-top: 144px; }
.sol_wrap.aworks .ico_full_ul .item.plus_ico::before { content: ""; position: absolute; display: block; width: 48px; height: 48px; top: 48px; left: 50%; transform: translateX(-50%); border-top-right-radius: 16px; background: var(--color-secondary) url(../img/ico_plus.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 32px 32px; }
.sol_wrap.vision_ai .ai_box_01 { gap: 40px; }
.sol_wrap.vision_ai .ai_box_02 { margin-top: 32px; flex-wrap: wrap; }
.sol_wrap.vision_ai .ai_box_02 .item { border: none; }
.sol_wrap.vision_ai .ai_box_02 .item .img_wrap .tip_txt { padding: 16px; font-size: var(--font-size-body-02); }
.sol_wrap.vision_ai .ai_box_03 { display: flex; margin-top: 64px; gap: 20px; }
.sol_wrap.vision_ai .ai_box_03 .item { display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: var(--color-bg); width: 100%; flex-grow: 1; border-radius: 24px; padding: 40px 32px 35px; text-align: center; }
.sol_wrap.vision_ai .ai_box_03 .item .ico { display: block; width: 120px; height: 120px; margin-bottom: 8px; margin: 0 auto; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.sol_wrap.vision_ai .ai_box_03 .item .ico.type01 { background-image: url("../img/ico_sol_0701.png"); }
.sol_wrap.vision_ai .ai_box_03 .item .ico.type02 { background-image: url("../img/ico_sol_0702.png"); }
.sol_wrap.vision_ai .ai_box_03 .item .ico.type03 { background-image: url("../img/ico_sol_0703.png"); }
.sol_wrap.vision_ai .ai_box_03 .item .ico.type04 { background-image: url("../img/ico_sol_0704.png"); }
.sol_wrap.vision_ai .ai_box_03 .item .ico.type05 { background-image: url("../img/ico_sol_0705.png"); }
.sol_wrap.vision_ai .ai_box_03 .item .txt { font-size: var(--font-size-body-02); font-weight: var(--font-bolder); word-break: break-all; }
.sol_wrap.vision_ai .ai_box_04 { gap: 40px; }
.sol_wrap.vision_ai .ai_box_04 .img_wrap { flex-shrink: 0; width: 48%; }
.sol_wrap.vision_ai .ai_box_05 .btn_area { margin-top: 40px; justify-content: flex-end; }
.sol_wrap.vision_ai .ai_box_05 .btn_area .btn_common { width: auto; min-width: 0; }
.sol_wrap.Logistics .gray_bg_box {
	margin-top:32px; }
.sol_wrap.Logistics .title_dep_02.mg_reg { margin-top:80px; }
.sol_wrap.Logistics .title_dep_02.mg_reg-2 { margin-top:0; }
.sol_wrap.Logistics .title_dep_03.mg_reg { margin-top:32px; }
.sol_wrap.Logistics .tab_box_01 {
	display: flex;   gap: 40px;
	min-height: 480px; }
.sol_wrap.Logistics .tab_box_01 + .tab_box_01 { margin-top:20px; }
.sol_wrap.Logistics .tab_box_01 .img_wrap { position: relative; width: 48%; }
.sol_wrap.Logistics .tab_box_01 .img_wrap .btn_area { position: absolute; bottom: 12px; right: 12px; }
.sol_wrap.Logistics .tab_box_01 .img_wrap .btn_area .btn_common { min-width: 134px; padding: 0 15px; }
.sol_wrap.Logistics .tab_box_01 .txt_wrap { position: relative; width: 52%; padding-bottom: 40px; }
.sol_wrap.Logistics .tab_box_01 .txt_wrap .title_dep_04 { margin-top:0; }
.sol_wrap.Logistics .tab_box_01 .txt_wrap .name_area { font-size: var(--font-size-tit-05); color:#666; position: absolute; bottom: 0; right: 0; }
.sol_wrap.Logistics .tab_box_01 .txt_wrap .name_area span { display:inline-block; vertical-align: middle; }
.sol_wrap.Logistics .tab_box_01 .txt_wrap .name_area .name_logo { height:20px; vertical-align: middle; }
.sol_wrap.Logistics .tab_box_01 .txt_wrap .name_area .name_logo.ty-2 { height:31px; }
.sol_wrap.Logistics .tab_box_01 .txt_wrap .name_area .name_logo.ty-3 { height:30px; }
.sol_wrap.Logistics .tab_box_01 .txt_wrap .name_area .name_logo.ty-4 { height:23px; }
.sol_wrap.Logistics .tab_box_01 .txt_wrap .sup_txt { font-size: var(--font-size-body-03); }
@media (max-width: 1420px) {
	.sol_wrap.Logistics .tab_box_01 { min-height: auto; } 
}
@media (max-width: 950px) {
	.sol_wrap.Logistics .tab_box_01 { flex-direction: column; gap: 20px; }
	.sol_wrap.Logistics .tab_box_01 .img_wrap { width: 100%; }
	.sol_wrap.Logistics .tab_box_01 .img_wrap .btn_area { position: static; margin-top:0; }
	.sol_wrap.Logistics .tab_box_01 .img_wrap .btn_area .btn_common { min-width: auto; width: 100%; }
	.sol_wrap.Logistics .tab_box_01 .txt_wrap { width: 100%; }
	.sol_wrap.Logistics .tab_box_01 .txt_wrap .name_area .name_logo { height:14px; }
	.sol_wrap.Logistics .tab_box_01 .txt_wrap .name_area .name_logo.ty-2 { height:19px; }
	.sol_wrap.Logistics .tab_box_01 .txt_wrap .name_area .name_logo.ty-3 { height:19px; }
	.sol_wrap.Logistics .tab_box_01 .txt_wrap .name_area .name_logo.ty-4 { height:14px; } 
}

@media (max-width: 1260px) { 
	.sol_wrap.SmartSafety .ss_box_01 .border_box_list .item {   flex-grow: 1; } 
	.sol_wrap.SmartSafety .ss_box_04 .ico_list .item {   width: calc((100% - 256px) / 5); } 
	.sol_wrap.SmartSafety .ss_box_05 {   gap: 0;   flex-direction: column;   align-items: flex-start; } 
	.sol_wrap.SmartSafety .ss_box_05 > .txt_wrap {   width: 100%; } 
	.sol_wrap.SmartSafety .ss_box_05 > .txt_wrap .border_box_list .item {   width: 100%; } 
	.sol_wrap.vision_ai .ai_box_03 {   gap: 10px; } 
	.sol_wrap.vision_ai .ai_box_03 .item {   padding: 24px; } 
	.sol_wrap.vision_ai .ai_box_03 .item .ico {   width: 88px;   height: 88px; } 
	.sol_wrap.Logistics .gray_bg_box {   margin-top:16px; } 
	.sol_wrap.Logistics .tab_box_01 + .tab_box_01 { margin-top:16px; } 
	.sol_wrap.Logistics .title_dep_02.mg_reg { margin-top:64px; } 
	.sol_wrap.Logistics .title_dep_02.mg_reg-2 { margin-top:0; } 
	.sol_wrap.Logistics .title_dep_03.mg_reg { margin-top:20px; font-size: var(--font-size-tit-05); }  
	.sol_wrap.Logistics .logi_box_02 { margin-top:75px;   padding: 32px 24px; } 
	.sol_wrap.Logistics .round_box .item {   padding: 24px;   border-radius: 10px; } 
	.sol_wrap.Logistics .round_box .item + .item {   margin-top:12px; } 
	.sol_wrap.Logistics .round_box .item .title_dep_04.narrow02 {   margin-bottom:13px; } 
}
@media (max-width: 768px) { 
	.sol_wrap.posframe > .border_box_list {   margin-top: 24px; } 
	.sol_wrap.PosMaster .border_box_list {   margin-top: 24px; } 
	.sol_wrap.SmartSafety .gray_bg_box:not(.grey_type) {   padding-bottom: 40px; } 
	.sol_wrap.SmartSafety .ss_box_01 .border_box_list {   margin-top: 24px;   gap: 8px; } 
	.sol_wrap.SmartSafety .ss_box_01 .border_box_list .item {   width: 100%; } 
	.sol_wrap.SmartSafety .ss_box_02 .border_box_list {   margin-top: 24px;   gap: 8px;   flex-direction: row; } 
	.sol_wrap.SmartSafety .ss_box_02 .border_box_list .item {   width: calc((100% - 8px) / 2);   height: 40px; } 
	.sol_wrap.SmartSafety .ss_box_04 .ico_list {   margin-top: 24px;   gap: 16px 8px; } 
	.sol_wrap.SmartSafety .ss_box_04 .ico_list .item {   width: calc((100% - 16px) / 3); } 
	.sol_wrap.SmartSafety .ss_box_04 .ico_list .item p {   margin-top: 8px; } 
	.sol_wrap.SmartSafety .ss_box_04 .ico_list .item .ico {   display: block;   width: 64px;   height: 64px; } 
	.sol_wrap.SmartSafety .ss_box_05 > .txt_wrap > .dot_list {   margin-bottom: 24px; } 
	.sol_wrap.SmartSafety .ss_box_05 > .txt_wrap .border_box_list .txt_wrap {   padding: 24px;   gap: 8px;   flex-wrap: wrap; } 
	.sol_wrap.SmartSafety .ss_box_05 > .txt_wrap .border_box_list .txt_wrap .dot_list {   width: calc((100% - 8px) / 2);   flex-grow: 0; } 
	.sol_wrap.Logistics .tab_con .border_box_list {   margin-top: 24px; } 
	.sol_wrap.Logistics .tab_con .page_con_txt + .dot_list {   margin-top: 16px; } 
	.sol_wrap.Logistics .tab_con .dot_list .dash_type {   margin-top: 8px; } 
	.sol_wrap.Logistics .logi_box_01 .item .txt_wrap {   padding: 24px; } 
	.sol_wrap.Logistics .logi_box_02 .ico_full_ul {   border-top: none; } 
	.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item {   gap: 24px;   padding: 32px 0; } 
	.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .ico_wrap {   width: 100%; } 
	.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box {   flex-direction: column;   align-items: flex-start; } 
	.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box .ico {   width: 88px;   height: 88px;   margin-bottom: 16px; } 
	.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box .title_dep_04 {   margin-bottom: 16px !important; } 
	.sol_wrap.Logistics .logi_box_02 .ico_full_ul .item .txt_wrap .box + .box {   margin-top: 24px; } 
	.sol_wrap.aworks .border_box_list {   margin-top: 24px; } 
	.sol_wrap.aworks .border_box_list + .page_con_txt.type02 {   margin-top: 16px;   font-size: 16px; } 
	.sol_wrap.aworks .border_box_list .item {   padding: 24px; } 
	.sol_wrap.aworks .border_box_list .item .txt_wrap .sub_tit {   display: flex;   align-items: flex-start; } 
	.sol_wrap.aworks .border_box_list .item .txt_wrap .sub_tit .num {   margin-right: 8px;   font-size: 24px; } 
	.sol_wrap.aworks .border_box_list.txt_type .item {   padding: 0; } 
	.sol_wrap.aworks .ico_full_ul {   margin-top: 24px; } 
	.sol_wrap.aworks .ico_full_ul .item.plus_ico {   padding-top: 96px; } 
	.sol_wrap.aworks .ico_full_ul .item.plus_ico::before {   top: 24px; } 
	.sol_wrap.vision_ai .ai_box_01 {   flex-direction: column;   gap: 24px;   align-items: flex-start; } 
	.sol_wrap.vision_ai .ai_box_02 {   margin-top: 24px;   flex-wrap: wrap; } 
	.sol_wrap.vision_ai .ai_box_02 .item {   border: none; } 
	.sol_wrap.vision_ai .ai_box_02 .item .img_wrap .tip_txt {   padding: 8px; } 
	.sol_wrap.vision_ai .ai_box_03 {   flex-direction: column;   margin-top: 48px;   gap: 8px; } 
	.sol_wrap.vision_ai .ai_box_03 .item {   flex-direction: row;   justify-content: flex-start;   border-radius: 16px; } 
	.sol_wrap.vision_ai .ai_box_03 .item .ico {   margin: 0;   margin-right: 16px; } 
	.sol_wrap.vision_ai .ai_box_04 {   flex-direction: column;   gap: 24px; } 
	.sol_wrap.vision_ai .ai_box_04 .img_wrap {   width: 100%; } 
	.sol_wrap.vision_ai .ai_box_05 .btn_area {   margin-top: 24px; } 
}
.lang_eng .sol_wrap.SmartSafety .ss_box_02 .border_box_list .item { width: calc((100% - 84px) / 4); }
.lang_eng .sol_wrap.SmartSafety .ss_box_05 > .txt_wrap > .dot_list { min-height: 288px; }
.lang_eng .sol_wrap.SmartSafety .ss_box_05 > .txt_wrap .border_box_list .item .img_wrap { height: 348px; }
.lang_eng .sol_wrap.SmartSafety .ss_box_05 > .txt_wrap .border_box_list .item .img_wrap img { object-fit: cover; }
.lang_eng .sol_wrap.vision_ai .ai_box_03 .item .txt { word-break: keep-all; }
.lang_eng .sol_wrap.vision_ai .ai_box_04 { gap: 40px; }
.lang_eng .sol_wrap.vision_ai .ai_box_04 .img_wrap { flex-shrink: 0; width: 48%; }
.lang_eng .sol_wrap.vision_ai .ai_box_05 .btn_area { margin-top: 40px; justify-content: flex-end; }
.lang_eng .sol_wrap.vision_ai .ai_box_05 .btn_area .btn_common { width: auto; min-width: 0; }
@media (max-width: 1260px) { 
	.lang_eng .sol_wrap.SmartSafety .ss_box_05 > .txt_wrap > .dot_list {   min-height: unset; } 
	.lang_eng .sol_wrap.SmartSafety .ss_box_05 > .txt_wrap .border_box_list .item .img_wrap {   height: auto; } 
}
@media (max-width: 768px) { 
	.lang_eng .sol_wrap.SmartSafety .ss_box_02 .border_box_list .item {   width: 100%; } 
}

.infograp_wrap { margin-top: 64px; }
.infograp_wrap.dl_type { display: flex; flex-direction: column; gap: 32px; }
.infograp_wrap.dl_type > dl { display: flex; align-items: center; gap: 40px; }
.infograp_wrap.dl_type > dl dt.tit { width: 200px; flex-shrink: 0; font-size: var(--font-size-tit-03); font-weight: var(--font-bolder); }
.infograp_wrap.dl_type > dl dt.tit .sub_txt { display: block; font-size: var(--font-size-body-03); margin-top: 8px; font-weight: var(--font-regular); }
.infograp_wrap.dl_type > dl .con_wrap { flex-grow: 1; }
.infograp_wrap.dl_type > dl .con_wrap .box_trig { position: relative; text-align: center; padding: 248px 0 0; background-image: url(../img/bg_box_trig.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.infograp_wrap.dl_type > dl .con_wrap .box_trig p { font-size: 44px; font-weight: 300; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); white-space: nowrap; }
.infograp_wrap.dl_type > dl .con_wrap .box_trig p strong { font-weight: 900; color: var(--color-point); }
.infograp_wrap.dl_type > dl .con_wrap .bg_dark_box { display: flex; align-items: center; justify-content: center; border-radius: 24px; height: 120px; background-color: #05507d; text-align: center; }
.infograp_wrap.dl_type > dl .con_wrap .bg_dark_box img { height: 56px; }
.infograp_wrap.dl_type > dl .con_wrap .border_box_list { gap: 32px; }
.infograp_wrap.dl_type > dl .con_wrap .border_box_list .item { border-radius: 24px; }
.infograp_wrap.dl_type > dl .con_wrap .border_box_list .item dl .dot_list { margin-top: 16px; }
.infograp_wrap.dl_type > dl .con_wrap .border_box_list .item dl .dot_list li { font-size: var(--font-size-body-03); line-height: 1.5; }
.infograp_wrap.dl_type > dl .con_wrap .bg_box { background-color: var(--color-bg); height: 120px; border-radius: 24px; display: flex; align-items: center; justify-content: center; gap: 80px; }
.infograp_wrap.dl_type > dl .con_wrap .bg_box p { font-size: var(--font-size-tit-03); font-weight: 300; }
.infograp_wrap.dl_type > dl .con_wrap .bg_box p strong { font-weight: var(--font-bolder); }
.infograp_wrap.dl_type > dl .con_wrap .bg_box.dash_line { background-color: #fff; border: 2px dashed #666; gap: 0; }
.infograp_wrap.dl_type > dl .con_wrap .bg_box.dash_line p { display: flex; align-items: center; justify-content: center; font-weight: var(--font-regular); line-height: 1.15; }
.infograp_wrap.dl_type > dl .con_wrap .bg_box.dash_line p::after { content: ""; display: block; width: 1px; height: 24px; background-color: #d9d9d9; margin: 0 40px; }
.infograp_wrap.dl_type > dl .con_wrap .bg_box.dash_line p:last-child::after { content: none; }
.infograp_wrap.dl_type > dl .con_wrap .bg_box.dash_line.solid { border: 2px solid var(--color-border); }
.infograp_wrap .deco_frame_box { padding: 64px 7.1% 90px; text-align: center; background-image: url(../img/bg_deco_frame_bottom.png), url(../img/bg_deco_frame_top.png), url(../img/bg_deco_frame_middle.png); background-size: 100%; background-repeat: no-repeat, no-repeat, repeat-y; background-position: 0 100%, 0 0, 0 200px; }
.infograp_wrap .deco_frame_box * { font-family: "Nanum Myeongjo", serif; }
.infograp_wrap .deco_frame_box .prime_tit { font-size: var(--font-size-tit-01); color: var(--color-primary); font-weight: 800; margin-bottom: 24px; }
.infograp_wrap .deco_frame_box .txt_common { color: #666; font-size: var(--font-size-body-02); line-height: 1.33; }
.infograp_wrap .deco_frame_box .txt_common + .txt_common { margin-top: 16px; }
.infograp_wrap .deco_frame_box .txt_common strong { font-weight: 800; }
.infograp_wrap .deco_frame_box .middle_line { margin-top: 32px; border-top: 1px solid #987700; padding-top: 32px; }
.infograp_wrap .deco_frame_box .frame_dl_type { padding: 32px 46px 0; }
.infograp_wrap .deco_frame_box .frame_dl_type dl { display: flex; }
.infograp_wrap .deco_frame_box .frame_dl_type dl dt { width: 38%; margin-right: 24px; font-size: var(--font-size-tit-04); text-align: left; color: var(--color-primary); font-weight: 800; }
.infograp_wrap .deco_frame_box .frame_dl_type dl dd { font-size: 20px; text-align: left; }
.infograp_wrap .deco_frame_box .frame_dl_type dl dd .dot_list li + li { margin-top: 16px; }
.infograp_wrap .deco_frame_box .frame_dl_type dl + dl { margin-top: 32px; }
.infograp_wrap .deco_frame_box .foot_txt { margin-top: 32px; font-size: var(--font-size-body-02); }
.infograp_wrap.ci_01 { position: relative; }
.infograp_wrap.ci_01::before { content: ""; display: block; width: 100vw; position: absolute; top: 50%; height: 2px; margin-left: calc((100vw - 1400px + 17px) / -2); background-color: #c4e1ff; z-index: -1; opacity: 0.6; }
.infograp_wrap.cul_01 { position: relative; margin-top: 32px; }
.infograp_wrap.cul_02 { margin-top: 32px; }
.infograp_wrap.cc_01 .con_wrap .bg_box p.ico_type { display: flex; align-items: center; gap: 12px; }
.infograp_wrap.cc_01 .con_wrap .bg_box p.ico_type .ico { display: block; width: 48px; height: 48px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.infograp_wrap.cc_01 .con_wrap .bg_box p.ico_type .ico.type01 { background-image: url("../img/ico_company_0601.png"); }
.infograp_wrap.cc_01 .con_wrap .bg_box p.ico_type .ico.type02 { background-image: url("../img/ico_company_0602.png"); }
.infograp_wrap.cc_01 .con_wrap .bg_box p.ico_type .ico.type03 { background-image: url("../img/ico_company_0603.png"); }
.infograp_wrap.cc_01 .con_wrap .bg_box p.ico_type .ico.type04 { background-image: url("../img/ico_company_0604.png"); }
.infograp_wrap.cc_01 .con_wrap .bg_box p.ico_type .ico.type05 { background-image: url("../img/ico_company_0605.png"); }
.infograp_wrap.cc_01 .con_wrap .bg_box p.ico_type .ico.type06 { background-image: url("../img/ico_company_0606.png"); }
.infograp_wrap.cc_01 .con_wrap .bg_box p.ico_type .ico.type07 { background-image: url("../img/ico_company_0607.png"); }
.infograp_wrap.cc_01 .border_box_list .item { text-align: center; }
.infograp_wrap.cc_01 .border_box_list .item .ico { margin: 0 auto 8px; }
.infograp_wrap.cc_01 .border_box_list .item .ico.type01 { background-image: url(../img/ico_cc_0101.png); }
.infograp_wrap.cc_01 .border_box_list .item .ico.type02 { background-image: url(../img/ico_cc_0102.png); }
.infograp_wrap.cc_01 .border_box_list .item .ico.type03 { background-image: url(../img/ico_cc_0103.png); }
.infograp_wrap.cc_01 .border_box_list .item dl .dot_list { width: max-content; margin: 16px auto 0; }
.infograp_wrap.esg_01 { display: flex; gap: 40px; margin-top: 48px; }
.infograp_wrap.esg_01 .est_01_cons { display: flex; width: 100%; padding: 64px; border-top-right-radius: 64px; color: #fff; }
.infograp_wrap.esg_01 .est_01_cons.item01 { background-image: url(../img/bg_esg_0101_pc.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto auto; }
.infograp_wrap.esg_01 .est_01_cons.item01 .btn_area .btn_common.small_btn { color: #fff; width: auto; min-width: 0; }
.infograp_wrap.esg_01 .est_01_cons.item01 .btn_area .btn_common.small_btn::after { filter: var(--filter-white); }
.infograp_wrap.esg_01 .est_01_cons.item02 { background-image: url(../img/bg_esg_0102_pc.png); background-repeat: no-repeat; background-position: 100% 0; background-size: 100% 100%; }
.infograp_wrap.esg_01 .est_01_cons.item03 { background-image: url(../img/bg_esg_0103_pc.png); background-repeat: no-repeat; background-position: 100% 0; background-size: 100% 100%; }
.infograp_wrap.esg_01 .est_01_cons .txt_wrap { flex-grow: 1; }
.infograp_wrap.esg_01 .est_01_cons .dot_list { margin-top: 24px; }
.infograp_wrap.esg_01 .est_01_cons .dot_list li { font-size: var(--font-size-body-02); }
.infograp_wrap.esg_01 .est_01_cons .dot_list li::before { background-color: #fff; }
.infograp_wrap.esg_01 .est_01_cons .dot_list li + li { margin-top: 16px; }
.infograp_wrap.esg_01 .est_01_cons .btn_area { align-self: flex-end; }
.infograp_wrap.esg_01 .est_01_cons .btn_area .btn_common { background-color: transparent; border: 1px solid #fff; }
.infograp_wrap.esg_02 { margin-top: 48px; }
.infograp_wrap.esg_03 { margin-top: 64px; }
.infograp_wrap.esg_03 .border_box_list .item .img_wrap .tip_txt { text-align: center; }
.infograp_wrap.esg_04 { position: relative; margin-bottom: -120px; padding: 80px 0 130px; margin-top: 0; color: #fff; }
.infograp_wrap.esg_04::before { content: ""; display: block; position: absolute; height: 100%; z-index: -1; width: 100vw; background-color: #f2f9fc; margin-left: calc((100vw - 1400px + 17px) / -2); background-image: url(../img/bg_esg_0201_pc.png); background-repeat: no-repeat; background-size: cover; }
@media (max-width: 1400px) { 
	.infograp_wrap.esg_04::before {   width: calc(100% + 32px);   margin-left: -16px; } 
}
.infograp_wrap.esg_04 .title_dep_01 { margin-top: 130px; }
.infograp_wrap.esg_04 .esg_04_wrap { display: flex; flex-wrap: wrap; gap: 100px; justify-content: space-between; margin-top: 112px; }
.infograp_wrap.esg_04 .esg_04_wrap .item .title_dep_04 { margin-top: 0; font-weight: var(--font-bolder); }
.infograp_wrap.esg_04 .esg_04_wrap .item dt { display: block; }
.infograp_wrap.esg_04 .esg_04_wrap .item dd strong { display: block; font-size: 68px; font-weight: 900; }
.infograp_wrap.esg_04 .esg_04_wrap .item dd .page_con_txt { margin-top: 16px; opacity: 0.8; }
.infograp_wrap.esg_05 { margin-top: 48px; }
.infograp_wrap.esg_05 .deco_frame_box { padding: 120px 11.5% 100px; }
.infograp_wrap.esg_05 .deco_frame_box .prime_tit { margin-bottom: 32px; }
.infograp_wrap.esg_05 .deco_frame_box .txt_common { font-weight: var(--font-bolder); }
.infograp_wrap.esg_05 .deco_frame_box .middle_line { margin-top: 64px; padding-top: 64px; }
.infograp_wrap.esg_05 .deco_frame_box ol { text-align: left; padding-left: 30px; }
.infograp_wrap.esg_05 .deco_frame_box ol li { list-style: decimal; font-size: var(--font-size-body-02); font-weight: var(--font-bolder); }
.infograp_wrap.esg_05 .deco_frame_box ol li + li { margin-top: 24px; }
.infograp_wrap.esg_05 .deco_frame_box .btn_area { margin-top: 64px; justify-content: center; }
.infograp_wrap.esg_05 .deco_frame_box .btn_area a,
.infograp_wrap.esg_05 .deco_frame_box .btn_area button { width: 300px; }
.infograp_wrap.esg_05 .deco_frame_box .btn_area a span,
.infograp_wrap.esg_05 .deco_frame_box .btn_area button span { font-family: "Pretendard Variable", Pretendard, sans-serif; }
.infograp_wrap.esg_06 { margin-top: 24px; }
.infograp_wrap.esg_06 img { width: 100%; }
.infograp_wrap.esg_07 .con_wrap .bg_dark_box { flex-direction: column; color: #f2f6f8; }
.infograp_wrap.esg_07 .con_wrap .bg_box.kpi { background-color: transparent; border: 1px solid var(--color-border); }
.infograp_wrap.esg_07 .box_trig { height: 60px; margin-left: 240px; background-image: url(../img/bg_box_trig_02.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%; }
.infograp_wrap.esg_07 .border_box_list { flex-wrap: wrap; }
.infograp_wrap.esg_07 .border_box_list .item { width: calc((100% - 32px) / 2); display: flex; align-items: center; }
.infograp_wrap.esg_07 .border_box_list .item .txt_wrap .tit { padding-bottom: 0 !important; line-height: 1.25 !important; }
.infograp_wrap.esg_07 .border_box_list .item .ico { margin-right: 40px; margin-bottom: 0; flex-shrink: 0; }
.infograp_wrap.esg_07 .border_box_list .item .ico.type01 { background-image: url(../img/ico_esg_0401.png); }
.infograp_wrap.esg_07 .border_box_list .item .ico.type02 { background-image: url(../img/ico_esg_0402.png); }
.infograp_wrap.esg_07 .border_box_list .item .ico.type03 { background-image: url(../img/ico_esg_0403.png); }
.infograp_wrap.esg_07 .border_box_list .item .ico.type04 { background-image: url(../img/ico_esg_0404.png); }
.infograp_wrap.esg_07 .border_box_list.grap .item { flex-direction: column; }
.infograp_wrap.esg_07 .border_box_list.grap .item .img_wrap .tit { font-size: var(--font-size-body-02); font-weight: var(--font-bolder); color: #000; }
.infograp_wrap.esg_07 .border_box_list.grap .item .img_wrap .unit { position: absolute; top: 16px; right: 0; font-size: var(--font-size-body-04); }
.infograp_wrap.esg_07 .border_box_list.grap .item .img_wrap img { margin-top: 32px; width: 100%; height: auto; }
.infograp_wrap.esg_07 .border_box_list.grap .item .txt_wrap { margin-top: 24px; width: 100%; }
.infograp_wrap.esg_07 .border_box_list.grap .item .txt_wrap dl { font-size: var(--font-size-body-03); }
.infograp_wrap.esg_07 .border_box_list.grap .item .txt_wrap dl dt { font-weight: var(--font-bolder); }
.infograp_wrap.esg_07 .border_box_list.grap .item .txt_wrap dl dd { margin-top: 8px; line-height: 1.5; }
.infograp_wrap.esg_07 .border_box_list.grap .item .txt_wrap dl + dl { margin-top: 16px; }
.infograp_wrap.esg_07 .border_box_list.grap .item .txt_wrap strong { font-size: var(--font-size-body-03); }
.infograp_wrap.biz_01 { margin-top: 0; text-align: center; }
.infograp_wrap.biz_01 > img { width: 100%; max-width: 800px; }
.infograp_wrap.biz_01 .line_box { border-top: 1px solid var(--color-border); margin-top: 48px; padding-top: 48px; display: flex; gap: 28px; }
.infograp_wrap.biz_01 .line_box .item { width: 100%; text-align: left; }
.infograp_wrap.biz_01 .line_box .item .dot_list { margin-top: 24px; }
.infograp_wrap.biz_02 { margin-top: -48px; }
.infograp_wrap.biz_03 { margin-top: 32px; position: relative; }
.infograp_wrap.biz_04 { position: relative; align-items: flex-start; }
.infograp_wrap.biz_04 .img_wrap { width: 22%; }
.infograp_wrap.biz_04 .img_wrap img { width: 143px; }
.infograp_wrap.biz_04 .txt_wrap .title_dep_03:first-child { margin-top: 0; }
.infograp_wrap.biz_04 .txt_wrap .dot_list .dash_type li { margin-top: 16px; margin-left: 42px; }
.infograp_wrap.biz_05 .img_wrap { border: 1px solid #d9d9d9; padding: 40px; }
.infograp_wrap.biz_05 .txt_wrap { margin-top: 32px; padding: 40px; background-color: #f8f8f8; }
.infograp_wrap.biz_07 { display: flex; gap: 40px; }
.infograp_wrap.biz_07 > div { position: relative; }
.infograp_wrap.biz_07 > div .btn_area { position: absolute; bottom: 64px; right: 64px; }
.infograp_wrap.biz_07 > div .btn_area .btn_common { min-width: 153px; padding: 0 15px; }
.infograp_wrap.biz_08 { display: flex; gap: 40px; }
.infograp_wrap.biz_08 .gray_bg_box { margin-top: 0; width: 100%; }
.infograp_wrap.biz_08 .gray_bg_box .title_dep_02 { display: block; text-align: center; margin: 0 0 40px; }
.infograp_wrap.biz_08 .gray_bg_box .dot_list { margin-top: 40px; }
.infograp_wrap.biz_08 .gray_bg_box .dot_list li { font-size: var(--font-size-body-03); }
.infograp_wrap.biz_08 .gray_bg_box .dot_list li + li { margin-top: 8px; }
.infograp_wrap.biz_08 .gray_bg_box:first-child { position: relative; }
.infograp_wrap.biz_08 .gray_bg_box:first-child::after { content: ""; display: block; position: absolute; width: 64px; height: 240px; left: 100%; top: 50%; transform: translateY(-50%); 
background: url(../img/img_biz_04_arrow.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.infograp_wrap.biz_08 + .sup_txt { margin-top: 26px; font-size: var(--font-size-body-03); }
.infograp_wrap.sol_01 .border_box_list { border: 2px solid var(--color-border); border-radius: 24px; gap: 100px !important; padding: 40px; align-items: center; justify-content: center; }
.infograp_wrap.sol_01 .border_box_list .item { border: none; flex-grow: 0; width: 120px; padding: 0; text-align: center; }
.infograp_wrap.sol_01 .border_box_list .item .ico { width: 120px; height: 120px; margin-bottom: 2px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.infograp_wrap.sol_01 .border_box_list .item .ico.type01 { background-image: url(../img/ico_sol_0101.png); }
.infograp_wrap.sol_01 .border_box_list .item .ico.type02 { background-image: url(../img/ico_sol_0102.png); }
.infograp_wrap.sol_01 .border_box_list .item .ico.type03 { background-image: url(../img/ico_sol_0103.png); }
.infograp_wrap.sol_01 .border_box_list .item .ico.type04 { background-image: url(../img/ico_sol_0104.png); }
.infograp_wrap.sol_01 .border_box_list .item .ico.type05 { background-image: url(../img/ico_sol_0105.png); }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box { display: flex; flex-direction: column; gap: 16px; }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box { height: 120px; gap: 40px; }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .ico { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 120px; height: 120px; border-radius: 24px; }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .ico::before { content: ""; display: block; width: 80px; height: 80px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .ico.type01 { background-color: #379ae8; }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .ico.type01::before { background-image: url(../img/ico_sol_0106.png); }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .ico.type02 { background-color: #207dc8; }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .ico.type02::before { background-image: url(../img/ico_sol_0107.png); }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .ico.type03 { background-color: #124cba; }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .ico.type03::before { background-image: url(../img/ico_sol_0108.png); }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .ico.type04 { background-color: #0e3584; }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .ico.type04::before { background-image: url(../img/ico_sol_0109.png); }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .ico.type05 { background-color: #0e3584; }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .ico.type05::before { background-image: url(../img/ico_sol_0110.png); }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .ico.type06 { background-color: #011949; }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .ico.type06::before { background-image: url(../img/ico_sol_0111.png); }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .tit { flex-grow: 1; }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .txt { text-align: right; }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box::after { content: ""; display: block; width: 48px; height: 48px; border-radius: 16px; background: #666 url(../img/ico_next_arrow.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 24px 24px; margin-right: 40px; transform: rotate(-90deg); }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .last_child { height: 120px; display: flex; }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .last_child::before { content: ""; display: block; width: 200px; height: 152px; background-image: url(../img/img_sol_0107.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .last_child .bg_box { flex-grow: 1; }
.infograp_wrap.sol_02 { margin-top: 0; }
.infograp_wrap.sol_02 > ol { display: flex; flex-direction: column; gap: 48px; }
.infograp_wrap.sol_02 > ol > li { position: relative; display: flex; align-items: center; gap: 40px; }
.infograp_wrap.sol_02 > ol > li > .tit { position: absolute; display: flex; align-items: center; gap: 8px; top: 40px; font-size: var(--font-size-tit-03); }
.infograp_wrap.sol_02 > ol > li > .tit::before { content: ""; display: block; width: 16px; height: 40px; border-top-right-radius: 8px; background-color: #0a285e; }
.infograp_wrap.sol_02 > ol > li .img_wrap { display: flex; align-items: flex-start; justify-content: center; width: 64%; flex-shrink: 0; align-self: normal; background-color: var(--color-bg); }
.infograp_wrap.sol_02 > ol > li .txt_wrap .ico { display: block; width: 120px; height: 120px; margin-bottom: 8px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.infograp_wrap.sol_02 > ol > li .txt_wrap .ico.type01 { background-image: url(../img/ico_sol_0110_b.png); }
.infograp_wrap.sol_02 > ol > li .txt_wrap .ico.type02 { background-image: url(../img/ico_sol_0109_b.png); }
.infograp_wrap.sol_02 > ol > li .txt_wrap .ico.type03 { background-image: url(../img/ico_sol_0108_b.png); }
.infograp_wrap.sol_02 > ol > li .txt_wrap .ico.type04 { background-image: url(../img/ico_sol_0107_b.png); }
.infograp_wrap.sol_02 > ol > li .txt_wrap .ico.type05 { background-image: url(../img/ico_sol_0106_b.png); }
.infograp_wrap.sol_02 > ol > li .txt_wrap .ico.type06 { background-image: url(../img/ico_sol_0111_b.png); }
.infograp_wrap.sol_02 > ol > li .txt_wrap dl .sub_tit { font-size: var(--font-size-tit-03); font-weight: var(--font-bolder); }
.infograp_wrap.sol_02 > ol > li .txt_wrap dl dd { margin-top: 32px; padding-top: 32px; border-top: 1px solid var(--color-border); font-size: var(--font-size-tit-05); line-height: 1.33; }
.infograp_wrap.sol_02 > ol > li .txt_wrap dl dd .con_txt { font-weight: var(--font-bolder); }
.infograp_wrap.sol_02 > ol > li .txt_wrap dl dd .dot_list { margin-top: 24px; }
.infograp_wrap.sol_02 > ol > li .txt_wrap dl dd .dot_list ul {
 margin-top: 8px; }
.infograp_wrap.sol_02 > ol > li .txt_wrap dl dd .dot_list ul li { color: #666; font-size: var(--font-size-body-03); }
.infograp_wrap.sol_02 > ol > li .txt_wrap dl dd .dot_list ul li + li { margin-top: 8px; }
.infograp_wrap.sol_02 > ol > li:first-child .img_wrap { position: relative; z-index: -1; }
.infograp_wrap.sol_02 > ol > li:first-child .img_wrap::after { content: ""; position: absolute; top: 50%; display: block; width: 100%; height: 100%; background-image: url(../img/img_sol_0101_bg.png); background-repeat: round; z-index: 1; }
.infograp_wrap.sol_03 { margin-top: -32px; text-align: center; padding: 64px; }
.infograp_wrap.sol_03 img { margin: 0 auto; }
.infograp_wrap.sol_04 { display: flex; gap: 40px; margin-top: 32px; }
.infograp_wrap.sol_04 .gray_bg_box { margin: 0; width: 100%; padding: 60px 64px; text-align: center; }
.infograp_wrap.sol_04 .gray_bg_box .title_dep_02 { margin: 0 0 42px; }
.infograp_wrap.sol_05 { margin-top: 32px; border: 1px solid var(--color-border); display: flex; gap: 40px; padding: 40px; align-items: center; }
.infograp_wrap.sol_05 .img_wrap { flex-shrink: 0; }
.infograp_wrap.sol_05 .page_con_txt { margin-bottom: 16px; font-weight: var(--font-bolder); }
.infograp_wrap.sol_06 img { margin-top: 24px; }
.infograp_wrap.sol_07 .bg_dark_box { color: #fff; }
.infograp_wrap.sol_07 .con_wrap .bg_box { padding: 24px; }
.infograp_wrap.sol_07 .arrow_border_list { display: flex; }
.infograp_wrap.sol_07 .arrow_border_list .item { width: calc((100% - (100% - 104px) / 3) / 2); flex-grow: 1; display: flex; align-items: center; }
.infograp_wrap.sol_07 .arrow_border_list .item::after { content: ""; display: block; width: 24px; height: 24px; margin: 0 14px; flex-shrink: 0; background-image: url(../img/ico_arrow_right_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.infograp_wrap.sol_07 .arrow_border_list .item:last-child { width: calc((100% - 104px) / 3); }
.infograp_wrap.sol_07 .arrow_border_list .item:last-child::after { content: none; }
.infograp_wrap.sol_07 .arrow_border_list .item .txt_wrap { width: 100%; height: 100%; border: 1px solid var(--color-border); border-radius: 24px; padding: 36px; }
.infograp_wrap.sol_07 .arrow_border_list .item .txt_wrap .tit { width: 100%; font-size: var(--font-size-tit-05); }
.infograp_wrap.sol_07 .arrow_border_list .item .txt_wrap .con { margin-top: 16px; line-height: 1.5; font-size: var(--font-size-body-03); }
.infograp_wrap.sol_07 .arrow_border_list .item .txt_wrap .con li + li { margin-top: 6px; }
.infograp_wrap.sol_07 .border_box_list { gap: 16px !important; }
.infograp_wrap.sol_07 .border_box_list .item { display: flex; border: none; background: var(--color-bg); font-size: var(--font-size-body-03); }
.infograp_wrap.sol_07 .border_box_list .item .ico { display: block; width: 80px; height: 80px; flex-shrink: 0; margin-right: 24px; margin-bottom: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.infograp_wrap.sol_07 .border_box_list .item .ico.type01 { background-image: url(../img/ico_sol_0401.png); }
.infograp_wrap.sol_07 .border_box_list .item .ico.type02 { background-image: url(../img/ico_sol_0402.png); }
.infograp_wrap.sol_07 .border_box_list .item .ico.type03 { background-image: url(../img/ico_sol_0403.png); }
.infograp_wrap.sol_07 .border_box_list .item .tit { font-size: var(--font-size-body-03); color: #000; padding-bottom: 0; width: auto; }
.infograp_wrap.sol_07 .border_box_list .item .con { margin-top: 16px; line-height: 1.5; }
.infograp_wrap.sol_08 { margin-bottom: 96px; }
.infograp_wrap.sol_09 { position: relative; padding: 0; }
.infograp_wrap.sol_10 { display: flex; gap: 40px; margin-top: 48px; }
.infograp_wrap.sol_10 .gray_bg_box { margin-top: 0; width: 100%; position: relative; }
@media (max-width: 1260px) { 
	.infograp_wrap.dl_type > dl {   flex-direction: column;   gap: 16px; } 
	.infograp_wrap.dl_type > dl dt.tit {   width: 100%; } 
	.infograp_wrap.dl_type > dl .con_wrap {   width: 100%; } 
	.infograp_wrap.ci_01::before {   width: calc(100% + 32px);   margin-left: -16px; } 
	.infograp_wrap.sol_04 .gray_bg_box {   padding: 24px; } 
	.infograp_wrap.sol_04 .gray_bg_box .title_dep_02 {   margin: 0 0 32px; } 
	.infograp_wrap.sol_10 {   flex-direction: column;   gap: 24px; } 
	.infograp_wrap.esg_07 .box_trig {   margin-left: 0; } 
	.infograp_wrap.esg_07 .border_box_list.kpi .item {   width: 100%; } 
}
@media (max-width: 768px) { 
	.infograp_wrap {   margin-top: 48px; } 
	.infograp_wrap.dl_type {   gap: 24px; } 
	.infograp_wrap.dl_type > dl {   gap: 8px; } 
	.infograp_wrap.dl_type > dl .con_wrap .box_trig {   background-image: url(../img/bg_box_trig_mo.png);   text-align: center;   padding: 0;   aspect-ratio: 2.77;   white-space: normal; } 
	.infograp_wrap.dl_type > dl .con_wrap .box_trig p {   bottom: unset;   top: 50%;   font-size: 24px;   line-height: 1.17; } 
	.infograp_wrap.dl_type > dl .con_wrap .bg_dark_box {   border-radius: 12px;   height: 80px; } 
	.infograp_wrap.dl_type > dl .con_wrap .bg_dark_box img {   height: 32px; } 
	.infograp_wrap.dl_type > dl .con_wrap .border_box_list .item {   border-radius: 12px; } 
	.infograp_wrap.dl_type > dl .con_wrap .bg_box {   height: auto;   min-height: 80px;   border-radius: 12px;   gap: 32px;   padding: 20px 40px;   text-align: center; } 
	.infograp_wrap.dl_type > dl .con_wrap .bg_box.dash_line {   flex-direction: column;   padding: 24px; } 
	.infograp_wrap.dl_type > dl .con_wrap .bg_box.dash_line p {   flex-direction: column; } 
	.infograp_wrap.dl_type > dl .con_wrap .bg_box.dash_line p::after {   width: 120px;   height: 1px;   margin: 16px 0; } 
	.infograp_wrap .deco_frame_box {   padding: 48px 24px; } 
	.infograp_wrap .deco_frame_box .prime_tit {   margin-bottom: 16px; } 
	.infograp_wrap .deco_frame_box .txt_common {   line-height: 1.5; } 
	.infograp_wrap .deco_frame_box .middle_line {   margin-top: 24px;   padding-top: 24px; } 
	.infograp_wrap .deco_frame_box .frame_dl_type {   padding: 24px 8px 0; } 
	.infograp_wrap .deco_frame_box .frame_dl_type dl {   display: flex;   flex-direction: column; } 
	.infograp_wrap .deco_frame_box .frame_dl_type dl dt {   width: 100%;   margin-right: 0;   margin-bottom: 16px;   line-height: 1.6; } 
	.infograp_wrap .deco_frame_box .frame_dl_type dl dd {   font-size: 14px; } 
	.infograp_wrap .deco_frame_box .frame_dl_type dl dd .dot_list li + li {   margin-top: 8px; } 
	.infograp_wrap .deco_frame_box .frame_dl_type dl + dl {   margin-top: 24px; } 
	.infograp_wrap .deco_frame_box .foot_txt {   margin-top: 24px; } 
	.infograp_wrap.ci_01 {   padding: 0 24px; } 
	.infograp_wrap.ci_01::before {   content: none; } 
	.infograp_wrap.cul_01 {   margin-top: 24px;   border: 1px solid var(--color-border); } 
	.infograp_wrap.cul_02 {   margin-top: 24px; } 
	.infograp_wrap.cc_01 .con_wrap .bg_box p.ico_type {   flex-direction: column;   gap: 3px; } 
	.infograp_wrap.cc_01 .border_box_list {   gap: 8px !important; } 
	.infograp_wrap.cc_01 .border_box_list .item {   text-align: left; } 
	.infograp_wrap.cc_01 .border_box_list .item .ico {   margin: 0 24px 0 0; } 
	.infograp_wrap.cc_01 .border_box_list .item .txt_wrap {   flex-grow: 1; } 
	.infograp_wrap.cc_01 .border_box_list .item .txt_wrap .con .dot_list {   margin: 8px 0 0 0; } 
	.infograp_wrap.esg_01 {   display: flex;   flex-direction: column;   gap: 32px;   margin-top: 32px; } 
	.infograp_wrap.esg_01 .est_01_cons {   flex-direction: column;   padding: 32px;   border-top-right-radius: 48px; } 
	.infograp_wrap.esg_01 .est_01_cons.item01 {   background-image: url(../img/bg_esg_0101_mo.png);   background-repeat: no-repeat;   background-position: 50% 50%;   background-size: auto auto; } 
	.infograp_wrap.esg_01 .est_01_cons.item02 {   background-image: url(../img/bg_esg_0102_mo.png);   background-repeat: no-repeat;   background-position: 100% 0;   background-size: 100% 100%; } 
	.infograp_wrap.esg_01 .est_01_cons.item03 {   background-image: url(../img/bg_esg_0103_mo.png);   background-repeat: no-repeat;   background-position: 100% 0;   background-size: 100% 100%; } 
	.infograp_wrap.esg_01 .est_01_cons .dot_list {   margin-top: 16px; } 
	.infograp_wrap.esg_01 .est_01_cons .dot_list li + li {   margin-top: 8px; } 
	.infograp_wrap.esg_01 .est_01_cons .btn_area {   width: 100%;   margin-top: 32px;   align-self: flex-start; } 
	.infograp_wrap.esg_01 .est_01_cons .btn_area .btn_common {   width: 100%; } 
	.infograp_wrap.esg_02 {   margin-top: 32px; } 
	.infograp_wrap.esg_03 {   margin-top: 48px; } 
	.infograp_wrap.esg_04 {   margin-top: 0;   margin-bottom: -104px;   padding: 64px 0 104px; } 
	.infograp_wrap.esg_04::before {   background-image: url(../img/bg_esg_0201_mo.png);   background-attachment: fixed; } 
	.infograp_wrap.esg_04 .title_dep_01 {   margin-top: 104px; } 
	.infograp_wrap.esg_04 .esg_04_wrap {   flex-direction: column;   gap: 48px;   margin-top: 46px; } 
	.infograp_wrap.esg_04 .esg_04_wrap .item dd strong {   font-size: 56px; } 
	.infograp_wrap.esg_04 .esg_04_wrap .item dd .page_con_txt {   margin-top: 8px; } 
	.infograp_wrap.esg_05 {   margin-top: 32px; } 
	.infograp_wrap.esg_05 .deco_frame_box {   padding: 48px 16px; } 
	.infograp_wrap.esg_05 .deco_frame_box .prime_tit {   margin-bottom: 16px; } 
	.infograp_wrap.esg_05 .deco_frame_box .middle_line {   margin-top: 32px;   padding-top: 32px; } 
	.infograp_wrap.esg_05 .deco_frame_box ol li + li {   margin-top: 16px; } 
	.infograp_wrap.esg_05 .deco_frame_box .btn_area {   margin-top: 48px;   align-items: center; } 
	.infograp_wrap.esg_05 .deco_frame_box .btn_area a, .infograp_wrap.esg_05 .deco_frame_box .btn_area button {   max-width: 300px; } 
	.infograp_wrap.esg_06 {   margin-top: 24px;   padding: 0 50px; } 
	.infograp_wrap.esg_06 img {   width: 180px;   margin: 0 auto; } 
	.infograp_wrap.esg_07 .con_wrap .bg_dark_box {   padding: 24px;   height: auto !important; } 
	.infograp_wrap.esg_07 .box_trig {   margin-left: 0; } 
	.infograp_wrap.esg_07 .border_box_list {   gap: 8px !important; } 
	.infograp_wrap.esg_07 .border_box_list .item {   width: 100%; } 
	.infograp_wrap.esg_07 .border_box_list.grap .item .img_wrap .unit {   top: 8px; } 
	.infograp_wrap.biz_01 {   margin-top: 24px; } 
	.infograp_wrap.biz_01 .line_box {   margin-top: 32px;   padding-top: 32px;   flex-direction: column;   gap: 24px; } 
	.infograp_wrap.biz_01 .line_box .item {   width: 100%;   text-align: left; } 
	.infograp_wrap.biz_01 .line_box .item .dot_list {   margin-top: 16px; } 
	.infograp_wrap.biz_02 {   margin-top: -40px; } 
	.infograp_wrap.biz_03 {   margin-top: 24px; } 
	.infograp_wrap.biz_04 {   align-items: flex-start;   flex-direction: column;   margin-top: 24px; } 
	.infograp_wrap.biz_04 .img_wrap {   width: 100%; } 
	.infograp_wrap.biz_04 .img_wrap img {   width: 242px; } 
	.infograp_wrap.biz_04 .txt_wrap .title_dep_03 {   margin: 24px 0 12px; } 
	.infograp_wrap.biz_04 .txt_wrap .title_dep_03:first-child {   margin-top: 24px; } 
	.infograp_wrap.biz_04 .txt_wrap .dot_list .dash_type li {   margin-top: 8px;   margin-left: 0; } 
	.infograp_wrap.biz_05 {   flex-direction: column;   align-items: flex-start;
	   padding: 0;   gap: 0;   border: none; } 
	.infograp_wrap.biz_05 .img_wrap {   position: relative;   width: 100%;   padding: 8px;   border: 1px solid #d9d9d9; } 
	.infograp_wrap.biz_05 .txt_wrap {   padding: 24px;
		margin-top:0; } 
	.infograp_wrap.biz_05 .dot_list li {   font-size:14px; } 
	.infograp_wrap.biz_06 {   background-color: var(--color-bg);   padding: 0 0 24px; } 
	.infograp_wrap.biz_07 {   flex-direction: column;   gap: 16px; } 
	.infograp_wrap.biz_07 > div img {   /*height: 240px;*/   width: auto;   object-fit: cover; } 
	.infograp_wrap.biz_07 > div .btn_area {   position: static; } 
	.infograp_wrap.biz_07 > div .btn_area .btn_common {   width: 100%; } 
	.infograp_wrap.biz_08 {   flex-direction: column;   gap: 16px; } 
	.infograp_wrap.biz_08 .gray_bg_box .title_dep_02 {   margin-bottom: 24px; } 
	.infograp_wrap.biz_08 .gray_bg_box .dot_list {   margin-top: 24px; } 
	.infograp_wrap.biz_08 .gray_bg_box:first-child::after {   width: 36px;   height: 160px;   left: calc(50% - 16px);   top: calc(100% - 64px);   transform: rotate(90deg); } 
	.infograp_wrap.biz_08 + .sup_txt {   margin-top: 8px; } 
	.infograp_wrap.sol_01 .border_box_list {   flex-direction: row;   flex-wrap: wrap;   border-radius: 16px;   gap: 24px 8px !important;   padding: 22px;   justify-content: flex-start; } 
	.infograp_wrap.sol_01 .border_box_list .item {   flex-direction: column;   width: 88px; } 
	.infograp_wrap.sol_01 .border_box_list .item .ico {   width: 88px;   height: 88px;   margin-bottom: 4px; } 
	.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box {   gap: 8px; } 
	.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box {   position: relative;   flex-direction: column;   height: auto;   gap: 0;   align-items: flex-start;   padding: 24px; } 
	.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .ico {   width: 80px;   height: 80px;   border-radius: 16px; } 
	.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .ico::before {   width: 56px;   height: 56px; } 
	.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .tit {   margin-top: 16px;   flex-grow: 1; } 
	.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box .txt {   text-align: left;   line-height: 1.33; } 
	.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .bg_box::after {   position: absolute;   top: 24px;   right: 24px;   margin: 0; } 
	.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .last_child {   height: auto;   display: flex; } 
	.infograp_wrap.sol_01 > dl .con_wrap .ico_type_bg_box .last_child::before {   content: none; } 
	.infograp_wrap.sol_02 > ol {   gap: 32px; } 
	.infograp_wrap.sol_02 > ol > li {   flex-direction: column;   align-items: flex-start;   width: 100%;   gap: 0; } 
	.infograp_wrap.sol_02 > ol > li > .tit {   position: static;   gap: 4px; } 
	.infograp_wrap.sol_02 > ol > li > .tit::before {   width: 8px;   height: 30px; } 
	.infograp_wrap.sol_02 > ol > li .img_wrap {   position: relative;   width: 100%;   margin-top: 16px; } 
	.infograp_wrap.sol_02 > ol > li .txt_wrap {   margin-top: 24px; } 
	.infograp_wrap.sol_02 > ol > li .txt_wrap .ico {   width: 88px;   height: 88px;   margin-bottom: 4px; } 
	.infograp_wrap.sol_02 > ol > li .txt_wrap dl dd {   margin-top: 24px;   padding-top: 24px; } 
	.infograp_wrap.sol_02 > ol > li .txt_wrap dl dd .dot_list {   margin-top: 16px; } 
	.infograp_wrap.sol_02 > ol > li:first-child .img_wrap {   z-index: 1; } 
	.infograp_wrap.sol_02 > ol > li:first-child .img_wrap::after {   content: none; } 
	.infograp_wrap.sol_03 {   padding: 16px; } 
	.infograp_wrap.sol_04 {   flex-direction: column;   gap: 24px;   margin-top: 24px; } 
	.infograp_wrap.sol_04 .gray_bg_box {   padding: 24px; } 
	.infograp_wrap.sol_04 .gray_bg_box .title_dep_02 {   margin: 0 0 24px; } 
	.infograp_wrap.sol_05 {   margin-top: 24px;   flex-direction: column;   gap: 24px;   padding: 24px;   align-items: flex-start;   position: relative; } 
	.infograp_wrap.sol_07 .bg_dark_box {   height: auto !important;   padding: 24px; } 
	.infograp_wrap.sol_07 .con_wrap .bg_box {   padding: 16px; } 
	.infograp_wrap.sol_07 .arrow_border_list {   flex-direction: column; } 
	.infograp_wrap.sol_07 .arrow_border_list .item {   width: 100%;   flex-direction: column; } 
	.infograp_wrap.sol_07 .arrow_border_list .item::after {   width: 24px;   height: 24px;   margin: 8px 0;   transform: rotate(90deg); } 
	.infograp_wrap.sol_07 .arrow_border_list .item:last-child {   width: 100%; } 
	.infograp_wrap.sol_07 .arrow_border_list .item .txt_wrap {   border-radius: 16px;   padding: 24px; } 
	.infograp_wrap.sol_07 .arrow_border_list .item .txt_wrap .con {   margin-top: 8px; } 
	.infograp_wrap.sol_07 .arrow_border_list .item .txt_wrap .con li + li {   margin-top: 3px; } 
	.infograp_wrap.sol_07 .border_box_list {   gap: 8px !important; } 
	.infograp_wrap.sol_07 .border_box_list .item .ico {   width: 64px;   height: 64px; } 
	.infograp_wrap.sol_07 .border_box_list .item .con {   margin-top: 8px; } 
	.infograp_wrap.sol_08 {   margin-bottom: 64px; } 
}
.lang_eng .infograp_wrap.cc_01 .con_wrap .box_trig p { bottom: 0; }
.lang_eng .infograp_wrap.cc_01 .con_wrap .bg_box { padding: 24px; }
.lang_eng .infograp_wrap.cc_01 .border_box_list .item dl .dot_list { width: 100%; text-align: left; }
.lang_eng .infograp_wrap.cc_01 .border_box_list .item dl .dot_list li { align-items: flex-start; }
.lang_eng .infograp_wrap.esg_07 .con_wrap .bg_dark_box { height: auto; padding: 8px 16px; }
.lang_eng .infograp_wrap.esg_07 .con_wrap .bg_dark_box p { line-height: 1.27; }
@media (max-width: 1260px) { 
	.lang_eng .infograp_wrap.cc_01 .border_box_list .item {   width: calc((100% - 64px) / 3); } 
}
@media (max-width: 768px) { 
	.lang_eng .infograp_wrap.cc_01 .con_wrap .bg_box {   flex-wrap: wrap;   padding: 16px; } 
	.lang_eng .infograp_wrap.cc_01 .border_box_list .item {   width: 100%; } 
}

.swiper-scrollbar { position: static !important; margin-top: 24px !important; }
.swiper-scrollbar .swiper-scrollbar-drag { background-color: var(--color-primary); }

/* IR */
.ir_sum_box { display: flex; flex-wrap: wrap; gap: 64px; padding: 80px; background-color: var(--color-bg); border-top-right-radius: 64px; }
.ir_sum_box .ir_sums { flex-grow: 1; flex-shrink: 0; }
.ir_sum_box .ir_sums .tit { font-size: var(--font-size-tit-05); }
.ir_sum_box .ir_sums .con { display: flex; margin-top: 8px; align-items: baseline; }
.ir_sum_box .ir_sums .con .num { display: block; font-size: var(--font-size-tit-02); font-weight: 900; }
.ir_sum_box .ir_sums .con .unit { display: block; padding-left: 8px; margin-top: -2px; font-size: var(--font-size-tit-05); }
@media (max-width: 768px) { 
	.ir_sum_box {   gap: 32px;   padding: 48px 32px;   margin-top: -48px; } 
	.ir_sum_box .ir_sums {   width: 100%; } 
	.ir_sum_box .ir_sums .con {   margin-top: 4px;   flex-wrap: wrap; } 
	.ir_sum_box .ir_sums .con .unit {   padding-left: 6px; } 
}

/* footermenu */
.trem_box { margin-top: 80px; }
.trem_box .page_sub_title { margin: 40px 0 32px !important; }
.trem_box .page_con_txt .indent { display: block; margin: 8px 0 16px; padding-left: 32px; }

/* common */
/* icons */
a.link, button.link { display: flex; align-items: center; }
a.link::after, button.link::after { content: ""; display: block; width: 24px; height: 24px; flex-shrink: 0; background-image: url(../img/ico_link.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
a.link.right::after, button.link.right::after { margin-left: auto; }
a.btn_txt, button.btn_txt { color: var(--color-primary); position: relative; font-size: var(--font-size-body-03); font-weight: var(--font-bolder); padding-bottom: 2px; }
a.btn_txt::before, button.btn_txt::before { content: ""; position: absolute; display: block; width: 100%; height: 2px; background-color: var(--color-primary); bottom: 0; left: 0; transition: all ease 0.5s; transition-delay: 0; }
a.btn_txt:hover::before, a.btn_txt:focus::before, a.btn_txt.active::before, button.btn_txt:hover::before, button.btn_txt:focus::before, button.btn_txt.active::before { animation: dorwLine 0.5s ease both; }
a.btn_txt.arrow, button.btn_txt.arrow { display: flex; width: max-content; align-items: center; font-size: 16px; }
a.btn_txt.arrow::before, button.btn_txt.arrow::before { width: 0; }
a.btn_txt.arrow::after, button.btn_txt.arrow::after { content: ""; display: block; width: 12px; height: 12px; margin-left: 8px; background-image: url(../img/ico_link_arrow_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
a.btn_txt.arrow:hover::before, a.btn_txt.arrow:focus::before, a.btn_txt.arrow.active::before, button.btn_txt.arrow:hover::before, button.btn_txt.arrow:focus::before, button.btn_txt.arrow.active::before { animation: dorwLine_arrow 0.5s ease both; }
a.btn_close, button.btn_close { width: 24px; height: 24px; background-image: url(../img/ico_close.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; margin-left: auto; }
a.btn_common, button.btn_common { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 180px; height: 48px; font-size: 16px; color: #fff; font-weight: var(--font-bolder); background-color: var(--color-primary); padding: 0 24px; }
a.btn_common::before, button.btn_common::before { content: ""; position: absolute; display: block; left: 0; top: 0; width: 0; height: 100%; background-color: #001e3d; transition: all ease 0.5s; transition-delay: 0; }
a.btn_common span, button.btn_common span { position: relative; z-index: 1; }
a.btn_common:hover::before, a.btn_common:focus::before, a.btn_common.active::before, button.btn_common:hover::before, button.btn_common:focus::before, button.btn_common.active::before { width: 100%; }
a.btn_common:focus::before, button.btn_common:focus::before { outline: auto -webkit-focus-ring-color; outline-offset: -5px; }
a.btn_common.big, button.btn_common.big { min-width: 350px; height: 64px; font-size: 20px; }
a.btn_common.large, button.btn_common.large { min-width: 240px; height: 56px; font-size: 16px; }
a.btn_common.small, button.btn_common.small { min-width: 160px; height: 40px; font-size: 14px; }
a.btn_common.line_type, button.btn_common.line_type { border: 1px solid var(--color-primary); background-color: #fff; color: var(--color-primary); }
a.btn_common.disabled, button.btn_common.disabled { background-color: #f8f8f8; border: 1px solid #e6e6e6; color: #666; cursor: not-allowed; }
a.btn_common.white, button.btn_common.white { background-color: #fff; border: 1px solid var(--color-primary); color: var(--color-primary); }
a.btn_common.white:hover, a.btn_common.white:focus, a.btn_common.white.active, button.btn_common.white:hover, button.btn_common.white:focus, button.btn_common.white.active { color: #fff; }
a.btn_common.white:hover::before, a.btn_common.white:focus::before, a.btn_common.white.active::before, button.btn_common.white:hover::before, button.btn_common.white:focus::before, button.btn_common.white.active::before { width: 100%; }
a.btn_common.img_type, button.btn_common.img_type { justify-content: flex-start; min-width: 267px; }
a.btn_common.img_type span img, button.btn_common.img_type span img { height: 32px; }
a.btn_common.img_type.link::after, button.btn_common.img_type.link::after { margin-left: auto; }
a.small_btn, button.small_btn { width: auto; min-width: auto; background-color: #fff; border: 1px solid var(--color-border); color: var(--color-primary); font-weight: var(--font-regular); }
a.small_btn::before, button.small_btn::before { background-color: var(--color-primary); transition: all ease 0.5s; transition-delay: 0; }
a.small_btn::after, button.small_btn::after { content: ""; display: block; width: 16px; height: 16px; margin-left: 16px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
a.small_btn:hover, a.small_btn:focus, a.small_btn.active, button.small_btn:hover, button.small_btn:focus, button.small_btn.active { color: #fff; }
a.small_btn:hover::after, a.small_btn:focus::after, a.small_btn.active::after, button.small_btn:hover::after, button.small_btn:focus::after, button.small_btn.active::after { filter: var(--filter-white); }
a.small_btn.download::after, button.small_btn.download::after { background-image: url(../img/ico_down.png); }
a.small_btn.link::after, button.small_btn.link::after { filter: var(--filter-primary); }
a.small_btn.link:hover, a.small_btn.link:focus, a.small_btn.link.active, button.small_btn.link:hover, button.small_btn.link:focus, button.small_btn.link.active { color: #fff; }
a.small_btn.link:hover::after, a.small_btn.link:focus::after, a.small_btn.link.active::after, button.small_btn.link:hover::after, button.small_btn.link:focus::after, button.small_btn.link.active::after { filter: var(--filter-white); }
a.btn_pop_img, button.btn_pop_img { position: absolute; display: none; top: 8px; right: 8px; width: 24px; height: 24px; background-color: rgba(0, 0, 0, 0.4); }
a.btn_pop_img::before, button.btn_pop_img::before { content: ""; display: block; width: 16px; height: 16px; background-image: url(../img/ico_popup.png); filter: var(--filter-white); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
a.btn_file_down, button.btn_file_down { display: flex; align-items: center; font-size: var(--font-size-body-03); color: var(--color-primary); }
a.btn_file_down::after, button.btn_file_down::after { content: ""; display: block; width: 16px; height: 16px; background-image: url(../img/ico_down.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; margin-left: 4px; flex-shrink: 0; }
a.btn_file_down:hover span, a.btn_file_down:focus span, a.btn_file_down.active span, button.btn_file_down:hover span, button.btn_file_down:focus span, button.btn_file_down.active span { text-decoration: underline; }
@media (max-width: 768px) { 
	a.btn_common, button.btn_common {   min-width: 335px;   height: 44px;   font-size: 16px; } 
	a.btn_common.big, button.btn_common.big {   min-width: 335px;   height: 56px;   font-size: 16px; } 
	a.btn_common.large, button.btn_common.large {   min-width: 335px;   height: 48px;   font-size: 16px; } 
	a.btn_common.small, button.btn_common.small {   height: 32px;   font-size: 12px; } 
	a.small_btn, button.small_btn {   min-width: auto; } 
	a.btn_pop_img, button.btn_pop_img {   display: flex;   align-items: center;   justify-content: center; } 
}

.btn_area { display: flex; gap: 8px; }
.btn_area.down_wrap { gap: 16px; }
@media (max-width: 768px) { 
	.btn_area {   flex-direction: column; } 
	.btn_area.down_wrap {   gap: 8px; } 
}

/* inputs */
.common_input { border: 1px solid var(--color-border); height: 56px; box-sizing: border-box; }
.common_input.input_select { position: relative; width: auto; min-width: 200px; font-size: 16px; padding: 0 16px; background-image: url(../img/ico_arrow.png); background-repeat: no-repeat; background-position: calc(100% - 16px) 50%; background-size: 20px 20px; }
.common_input.input_select .select_title { display: flex; width: 100%; padding: 17px 16px; align-items: center; }
.common_input.input_select .select_title::after { content: ""; display: block; width: 20px; height: 20px; margin-left: auto; background-image: url(../img/ico_arrow.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.common_input.input_select .select_option { display: none; }
.common_input.input_select.active .select_title { background: #fff; }
.common_input.input_select.active .select_title::after { transform: rotate(180deg); }
.common_input.input_select.active .select_option { position: absolute; display: block; width: calc(100% + 2px); background: #fff; padding: 16px; left: -1px; z-index: 1; border: 1px solid var(--color-border); -ms-overflow-style: none; scrollbar-width: none; }
.common_input.input_select.active .select_option::-webkit-scrollbar { display: none; }
.common_input.input_select.active .select_option .option_items { margin-top: 8px; font-size: 15px; }
.common_input.input_select.active .select_option .option_items a { display: flex; width: 100%; }
.common_input.input_select.active .select_option .option_items a.link::after { width: 16px; margin-left: 4px; filter: var(--filter-primary); }
.common_input.input_select.active .select_option .optitle { font-size: 12px; font-weight: var(--font-bolder); margin-top: 24px; }
.common_input[type=text] { padding: 0 16px; font-size: 16px; }
.common_input[type=text]::placeholder { color: #999; }
@media (max-width: 768px) { 
	.common_input {   height: 48px; } 
	.common_input.input_select .select_title {   position: relative;   padding: 13px 16px;   z-index: 1; } 
	.common_input.input_select.active .select_title::after {   transform: none; } 
	.common_input.input_select.active .select_option {   position: fixed;   width: 100%;   padding: 0 16px 16px;   bottom: 0;   left: 0;   border-radius: 16px 16px 0 0; } 
	.common_input.input_select.active .select_option .optitle {   margin-top: 18px;   padding-top: 16px;   border-top: 1px solid #e6e6e6; } 
	.common_input.input_select.active::before {   content: "";   display: block;   position: fixed;   width: 100vw;   height: 100vh;   left: 0;   top: 0;   background: transparent; } 
}

/* table */
.table_common { width: 100%; border-top: 2px solid #000; }
.table_common th,
.table_common td { height: 56px; padding: 16px 40px; text-align: center; border-bottom: 1px solid var(--color-border); font-size: var(--font-size-body-03); }
.table_common th.td_type,
.table_common td.td_type { font-weight: var(--font-regular); background-color: transparent; }
.table_common th.txt_center,
.table_common td.txt_center { text-align: center !important; }
.table_common th.txt_right,
.table_common td.txt_right { text-align: right !important; }
.table_common th.txt_left,
.table_common td.txt_left { text-align: left !important; }
.table_common th ul li + li,
.table_common td ul li + li { margin-top: 8px; }
.table_common thead { border-bottom: 1px solid var(--color-border); }
.table_common thead th { background-color: #f8f8f8; font-weight: var(--font-bolder); border-bottom: none; }
.table_common tbody th,
.table_common tfoot th { background-color: #f8f8f8; text-align: left; }
.table_common tfoot,
.table_common .tfoot { background-color: #f2f6f8; }
.table_common tfoot th,
.table_common tfoot td,
.table_common .tfoot th,
.table_common .tfoot td { text-align: left; font-weight: 500; background-color: #f2f6f8; }
.table_common tfoot th,
.table_common .tfoot th { font-weight: var(--font-bolder); }
.table_common.narrow th,
.table_common.narrow td { padding: 0 16px; }
@media (max-width: 768px) { 
	.table_common th, .table_common td {   height: 48px;   padding: 16px; } 
}

.table_unit { text-align: right; margin-top: 16px; color: #666; font-size: var(--font-size-body-03); }
@media (max-width: 768px) { 
	.table_unit {   margin-top: 8px; } 
}

.table_scroll { width: 100%; margin-top: 32px; overflow: auto; }
@media (max-width: 768px) { 
	.table_scroll {   margin-top: 24px; } 
}

.search_wrap { display: flex; align-items: center; width: 100%; margin-bottom: 64px; padding: 40px; background-color: #f8f8f8; }
.search_wrap .input_select { margin-right: 24px; }
.search_wrap .input_select .select_title { background-color: #fff; }
.search_wrap input { flex-grow: 1; }
.search_wrap .btn_common { min-width: 160px !important; width: 160px; }
@media (max-width: 768px) { 
	.search_wrap {   flex-direction: column;   margin-bottom: 48px;   padding: 24px; } 
	.search_wrap .input_select {   margin-right: 0;   margin-bottom: 8px;   width: 100%; } 
	.search_wrap input {   width: 100%;   margin-bottom: 4px; } 
	.search_wrap .btn_common {   width: 100%; } 
}

/* list */
.card_list { display: flex; flex-wrap: wrap; gap: 24px 20px; }
.card_list .item { display: flex; flex-direction: column; width: calc((100% - 60px) / 4); height: auto; aspect-ratio: 1.23; border: 1px solid var(--color-border); padding: 32px; }
.card_list .item:hover, .card_list .item:focus, .card_list .item.active { border: 1px solid var(--color-primary); outline: 1px solid var(--color-primary); }
.card_list .item .tag { margin-bottom: 16px; font-size: var(--font-size-body-03); color: var(--color-secondary); }
.card_list .item .tit { font-size: var(--font-size-tit-05); font-weight: var(--font-regular); }
.card_list .item .tit a { word-break: break-all; }
.card_list .item .tit a:hover, .card_list .item .tit a:focus, .card_list .item .tit a.active { text-decoration: underline; }
.card_list .item .tit p { word-break: break-all; line-height: 1.2; }
.card_list .item .category { display: block; margin-top: 8px; color: #666; font-size: var(--font-size-body-03); }
.card_list .item .file_down { display: flex; text-align: left; flex-grow: 1; margin-top: 24px; align-items: flex-end; font-size: 16px; }
.card_list .item .file_down span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--color-primary); text-decoration: underline; }
.card_list .item .file_down::after { content: ""; display: block; width: 16px; height: 16px; flex-shrink: 0; margin-left: 4px; background: url(../img/ico_down.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.card_list .item .date { margin-top: 16px; color: #666; font-size: var(--font-size-body-04); }
.card_list.small .item { aspect-ratio: 1.68; }
.card_list.img_type { gap: 24px; }
.card_list.img_type .item { display: flex; flex-direction: row; width: calc((100% - 24px) / 2); height: 227px; aspect-ratio: unset; padding: 0; }
.card_list.img_type .item .img_wrap { width: 40%; flex-shrink: 0; }
.card_list.img_type .item .img_wrap img { width: 100%; height: 100%; object-fit: cover; }
.card_list.img_type .item .txt_wrap { position: relative; display: flex; flex-direction: column; padding: 32px; }
.card_list.img_type .item .tit a { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.card_list.img_type .item .con { display: block; margin-top: 8px; color: #666; font-size: var(--font-size-body-03); line-height: 1.5; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.card_list.img_type .item .date { position: absolute; bottom: 32px; }
.card_list.highlight_type .item { width: 100%; height: 440px; border: none; background-color: var(--color-bg); margin-bottom: 64px; }
.card_list.highlight_type .item .img_wrap { width: calc((100% - 24px) / 2); }
.card_list.highlight_type .item .txt_wrap { padding: 40px; justify-content: center; }
.card_list.highlight_type .item .txt_wrap .tit { font-size: var(--font-size-tit-02); }
.card_list.highlight_type .item .txt_wrap .con { margin-top: 24px; color: #000; font-size: 20px; }
.card_list.highlight_type .item .txt_wrap .date { position: static; margin-top: 16px; }
.card_list.highlight_type .item:hover, .card_list.highlight_type .item:focus, .card_list.highlight_type .item.active { outline: none; border: none; }
@media (max-width: 768px) { 
	.card_list {   gap: 8px 0; } 
	.card_list .item {   width: 100%;   aspect-ratio: unset;   padding: 24px; } 
	.card_list .item .file_down {   margin-top: 40px; } 
	.card_list .item .date {   margin-top: 8px; } 
	.card_list.small .item {   aspect-ratio: unset; } 
	.card_list.img_type {   gap: 8px 0; } 
	.card_list.img_type .item {   flex-direction: column;   width: 100%;   height: auto;   aspect-ratio: unset;   padding: 0; } 
	.card_list.img_type .item .img_wrap {   width: 100%;   height: 224px;   flex-shrink: 0; } 
	.card_list.img_type .item .txt_wrap {   height: 100%;   padding: 24px; } 
	.card_list.img_type .item .tit {   font-size: 20px; } 
	.card_list.img_type .item .tit a {   display: -webkit-box;   overflow: hidden;   text-overflow: ellipsis;   white-space: normal;   -webkit-box-orient: vertical;   -webkit-line-clamp: 2; } 
	.card_list.img_type .item .date {   position: static;   margin-top: 24px; } 
	.card_list.highlight_type .item {   height: auto;   margin-bottom: 40px; } 
	.card_list.highlight_type .item .img_wrap {   width: 100%;   height: 240px; } 
	.card_list.highlight_type .item .txt_wrap {   padding: 24px; } 
	.card_list.highlight_type .item .txt_wrap .con {   margin-top: 8px;   font-size: 16px; } 
}

.pagination { display: flex; align-items: center; justify-content: center; margin-top: 64px; }
.pagination .page_prev,
.pagination .page_next { border: 1px solid var(--color-border); }
.pagination .page_prev::after,
.pagination .page_next::after { content: ""; display: block; width: 48px; height: 48px; background: url(../img/ico_link_arrow_t.png) no-repeat 50% 50%/24px auto; filter: invert(40%) sepia(0%) saturate(0%) hue-rotate(64deg) brightness(95%) contrast(83%); }
.pagination .page_prev { margin-right: 24px; }
.pagination .page_prev::after { transform: rotate(180deg); }
.pagination .page_next { margin-left: 24px; }
.pagination .page_num { width: 48px; height: 48px; line-height: 48px; font-size: 24px; color: #666; }
.pagination .page_num.active { color: var(--color-primary); text-decoration: underline; }

.board_detail_wrap .detail_con_top { display: flex; padding: 24px 32px; border: solid var(--color-border); border-width: 1px 0 1px; }
.board_detail_wrap .detail_con_top .btn_move { width: calc((100% - 200px) / 2); }
.board_detail_wrap .detail_con_top .btn_move .func { display: flex; align-items: center; font-size: var(--font-size-body-03); font-weight: var(--font-bolder); }
.board_detail_wrap .detail_con_top .btn_move .func .arrow { display: inline-block; width: 24px; height: 24px; background-image: url(../img/ico_link_arrow_t.png); margin-left: 8px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; filter: invert(0%) sepia(4%) saturate(10%) hue-rotate(119deg) brightness(98%) contrast(100%); }
.board_detail_wrap .detail_con_top .btn_move .tit { display: block; margin-top: 12px; color: #666; font-size: var(--font-size-body-03); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board_detail_wrap .detail_con_top .btn_move.next { order: 3; text-align: right; }
.board_detail_wrap .detail_con_top .btn_move.next .func { justify-content: flex-end; }
.board_detail_wrap .detail_con_top .btn_move.prev { order: 1; }
.board_detail_wrap .detail_con_top .btn_move.prev .func .arrow { margin-left: 0; margin-right: 8px; transform: scale(-1); }
.board_detail_wrap .detail_con_top .btn_move:hover .tit, .board_detail_wrap .detail_con_top .btn_move:focus .tit, .board_detail_wrap .detail_con_top .btn_move.active .tit { text-decoration: underline; }
.board_detail_wrap .detail_con_top .move_list { width: 200px; order: 2; text-align: center; font-size: var(--font-size-body-03); color: var(--color-primary); font-weight: var(--font-bolder); }
.board_detail_wrap .detail_con_middle { background-color: #f8f8f8; border-bottom: 1px solid var(--color-border); }
.board_detail_wrap .detail_con_middle .detail_tite_wrap { width: 100%; max-width: 980px; margin: 0 auto; padding-top: 64px; }
.board_detail_wrap .detail_con_middle .detail_tite_wrap .tit { font-size: var(--font-size-tit-02); line-height: 1.2; }
.board_detail_wrap .detail_con_middle .detail_tite_wrap .date { margin-top: 16px; font-size: var(--font-size-body-03); color: #666; }
.board_detail_wrap .detail_con_middle .detail_con { width: 100%; max-width: 980px; margin: 48px auto 0; padding-bottom: 64px; background-color: #f8f8f8; }
.board_detail_wrap .detail_con_middle .detail_con img { max-width: 100%; margin-bottom: 48px; }
.board_detail_wrap .detail_con_middle .detail_con p { font-size: var(--font-size-body-02); line-height: 1.33; }
.board_detail_wrap .detail_con_middle .detail_con p + p { margin-top: 24px; }
.board_detail_wrap .btn_area { margin-top: 64px; justify-content: center; }
@media (max-width: 768px) { 
	.board_detail_wrap .detail_con_top {   padding: 20px 16px; } 
	.board_detail_wrap .detail_con_top .btn_move {   width: 50%; } 
	.board_detail_wrap .detail_con_top .btn_move .func .arrow {   width: 16px;   height: 16px;   margin-left: 4px; } 
	.board_detail_wrap .detail_con_top .btn_move .tit {   display: none; } 
	.board_detail_wrap .detail_con_top .btn_move.prev .func .arrow {   margin-right: 4px; } 
	.board_detail_wrap .detail_con_top .move_list {   display: none; } 
	.board_detail_wrap .detail_con_middle {   margin-left: -16px;   margin-right: -16px;   padding: 0 16px; } 
	.board_detail_wrap .detail_con_middle .detail_tite_wrap {   padding-top: 48px; } 
	.board_detail_wrap .detail_con_middle .detail_tite_wrap .date {   margin-top: 8px; } 
	.board_detail_wrap .detail_con_middle .detail_con {   margin-top: 32px;   padding-bottom: 48px; } 
	.board_detail_wrap .detail_con_middle .detail_con img {   margin-bottom: 32px; } 
	.board_detail_wrap .detail_con_middle .detail_con p + p {   margin-top: 16px; } 
	.board_detail_wrap .btn_area {   margin-top: 48px;   text-align: center; } 
}

.border_box_list { display: flex; }
.border_box_list.item_4_type .item { width: calc((100% - 84px) / 4); min-width: 280px; }
.border_box_list.item_1_type .item { width: calc((100% - 56px) / 3); min-width: 280px; flex-grow: 0; }
.border_box_list.item_5_type .item { width: calc((100% - 72px) / 5); min-width: 250px; padding: 32px !important; margin-right: 18px; }
.border_box_list.item_5_type .item .txt_wrap .info_wrap .con { word-break: break-all; }
.border_box_list.item_5_type .item .ico { width: 88px !important; height: 88px !important; }
.border_box_list.item_5_type .item:last-child { margin-right: 0; }
.border_box_list .item { width: 25%; height: auto; flex-grow: 1; border: 1px solid var(--color-border); margin-right: 28px; }
.border_box_list .item .img_wrap { position: relative; width: 100%; }
.border_box_list .item .img_wrap img { width: 100%; height: 100%; }
.border_box_list .item .img_wrap .map_area { height: 200px; }
.border_box_list .item .img_wrap .tip_txt { position: absolute; width: 100%; bottom: 0; padding: 10px 16px; background-color: rgba(0, 0, 0, 0.6); color: #fff; font-size: 14px; }
.border_box_list .item .step_wrap { display: flex; }
.border_box_list .item .step_wrap .ico.next { margin-left: auto; flex-shrink: 0; display: block; width: 48px; height: 48px; border-top-right-radius: 16px; background-color: var(--color-secondary); }
.border_box_list .item .step_wrap .ico.next::before { content: ""; display: block; width: 100%; height: 100%; background-image: url(../img/ico_next_arrow.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 24px auto; }
.border_box_list .item .txt_wrap { padding: 24px; }
.border_box_list .item .txt_wrap .title_dep_04 { margin: 0 0 16px !important; }
.border_box_list .item .txt_wrap .tit_wrap { display: flex; align-items: center; border-bottom: 1px solid var(--color-border); }
.border_box_list .item .txt_wrap .tit_wrap .title_dep_04 { flex-grow: 1; margin-bottom: 0 !important; }
.border_box_list .item .txt_wrap .tit_wrap + .info_dl { margin-top: 24px; }
.border_box_list .item .txt_wrap .info_dl + .info_dl { margin-top: 16px; }
.border_box_list .item .txt_wrap .info_dl .tit { margin-bottom: 4px; color: #666; font-size: var(--font-size-body-03); }
.border_box_list .item .txt_wrap .info_dl .con { font-size: var(--font-size-body-03); }
.border_box_list .item .txt_wrap .sub_txt { display: block; margin-top: 8px; color: #666; font-size: var(--font-size-body-03); font-weight: var(--font-regular); }
.border_box_list .item:last-child { margin-right: 0; }
.border_box_list .item:last-child .step_wrap .ico.next { background-color: var(--color-primary); }
.border_box_list .item:last-child .step_wrap .ico.next::before { background-image: url(../img/ico_check.png); }
.border_box_list.office_type .item { width: calc((100% - 56px) / 3); min-width: 280px; }
.border_box_list.office_type .item .txt_wrap { padding: 40px 40px 46px; }
.border_box_list.office_type .item .txt_wrap .tit_wrap { padding-bottom: 24px; }
.border_box_list.office_type .item .txt_wrap .tit_wrap .flag { display: block; width: 56px; height: 56px; margin-left: 16px; flex-shrink: 0; }
.border_box_list.office_type .item .txt_wrap .tit_wrap .flag.cn { background-image: url(../img/ico_flag_cn.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.border_box_list.office_type .item .txt_wrap .tit_wrap .flag.id { background-image: url(../img/ico_flag_id.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.border_box_list.office_type .item .txt_wrap .tit_wrap .flag.vn { background-image: url(../img/ico_flag_vn.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.border_box_list.board_type .item { padding: 32px; margin-right: 16px; }
.border_box_list.board_type .item .img_wrap { position: relative; }
.border_box_list.board_type .item .img_wrap .tag { position: absolute; top: 0; left: 0; font-size: 16px; color: #666; }
.border_box_list.board_type .item .img_wrap .tag.type { color: var(--color-secondary); }
.border_box_list.board_type .item .txt_wrap { border-top: 1px solid var(--color-border); padding: 24px 0 0; }
.border_box_list.board_type .item .txt_wrap .name_wrap { display: flex; align-items: center; }
.border_box_list.board_type .item .txt_wrap .name_wrap .name { flex-grow: 1; font-size: 24px; font-weight: var(--font-bolder); }
.border_box_list.board_type .item .txt_wrap .name_wrap .sub_tit { font-size: 16px; color: #666; }
.border_box_list.board_type .item .txt_wrap .dl_class_list { margin-top: 32px; }
.border_box_list.board_type .item:last-child { margin-right: 0; }
.border_box_list.txt_type .item .txt_wrap { padding: 40px; }
.border_box_list.txt_type .item .txt_wrap .tit_wrap { padding-bottom: 24px; }
.border_box_list.txt_type .item .txt_wrap .tit_wrap.noflex { display: block; }
.border_box_list.txt_type .item .txt_wrap .tit_wrap.noflex .sub_tit { font-size: var(--font-size-body-03); color: #666; margin-top: 8px; }
.border_box_list.txt_type .item .txt_wrap .info_wrap { padding-top: 24px; font-size: var(--font-size-body-03); }
.border_box_list.txt_type .item .txt_wrap .info_wrap .tit { display: block; margin-bottom: 16px; }
.border_box_list.txt_type .item .txt_wrap .info_wrap .con + .con { margin-top: 16px; }
.border_box_list.txt_type .item .txt_wrap .info_wrap .con + .dot_list { margin-top: 16px; }
.border_box_list.txt_type .item .txt_wrap .info_wrap .sub_con { margin-top: 16px; color: #666; }
.border_box_list.txt_type .item .txt_wrap .info_wrap .sub_con + .sub_con { margin-top: 8px; }
.border_box_list.txt_type .item .txt_wrap .info_wrap .sub_con.type01 { font-size: var(--font-size-body-04); }
.border_box_list.txt_type .item .txt_wrap .info_wrap .dot_list li { font-size: var(--font-size-body-03); }
.border_box_list.txt_type .item .txt_wrap .info_wrap .dot_list li::before { margin-top: 8px; }
.border_box_list.txt_type .item .txt_wrap .info_wrap .dot_list li + li { margin-top: 8px; }
.border_box_list.row_type { flex-wrap: wrap; }
.border_box_list.row_type .item { width: calc((100% - 64px) / 3); flex-grow: 0; margin-top: 24px; }
.border_box_list.row_type .item.full { width: 100%; }
.border_box_list.row_type .item.full .txt_wrap .info_wrap.flex_box { gap: 24px; align-items: flex-start; }
.border_box_list.row_type .item.full .txt_wrap .info_wrap.flex_box > .dot_list { display: block; width: 100%; }
.border_box_list.row_type .item.full .txt_wrap .info_wrap.flex_box > .dot_list .dot_list { margin-top: 8px; }
.border_box_list.row_type .item.full .txt_wrap .info_wrap.flex_box > .dot_list .dot_list li { color: #666; }
.border_box_list.row_type .item.full .txt_wrap .info_wrap.flex_box > .dot_list .dot_list li + li { margin-top: 8px; }
.border_box_list.row_type .item.full ~ .item { margin-top: 0; flex-grow: 1; }
.border_box_list.row_type .item:nth-child(3n) { margin-right: 0; }
.border_box_list.row_type .item:nth-child(-n+3) { margin-top: 0; }
.border_box_list.row_4_type { flex-wrap: wrap; }
.border_box_list.row_4_type .item { width: calc((100% - 96px) / 4); flex-grow: 0; margin-top: 24px; }
.border_box_list.row_4_type .item:nth-child(4n) { margin-right: 0; }
.border_box_list.row_4_type .item:nth-child(-n+4) { margin-top: 0; }
.border_box_list.ico_type .item { padding: 40px; }
.border_box_list.ico_type .item .ico { display: block; width: 120px; height: 120px; margin-bottom: 8px; flex-shrink: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.border_box_list.ico_type .item .txt_wrap { padding: 0; }
.border_box_list.ico_type .item .tit { font-size: var(--font-size-tit-03); font-weight: var(--font-bolder); color: var(--color-primary); padding-bottom: 24px; line-height: 1; }
.border_box_list.ico_type .item dl .sub_tit { font-size: var(--font-size-tit-05); font-weight: var(--font-bolder); }
.border_box_list.ico_type .item dl .sub_tit span { display: block; margin-top: 8px; font-size: var(--font-size-body-03); color: #666; font-weight: var(--font-regular); }
.border_box_list.ico_type .item dl.line { border-top: 1px solid var(--color-border); padding-top: 24px; }
.border_box_list.ico_type .item dl .dot_list { margin-top: 16px; }
.border_box_list.ico_type .item dl .dot_list li { display: flex; align-items: center; font-size: var(--font-size-body-03); line-height: 1.5; }
.border_box_list.ico_type .item dl .dot_list.line_type li + li { margin-top: 8px; }
.border_box_list.num_type .item { display: flex; flex-direction: column; padding: 40px; }
.border_box_list.num_type .item .txt_wrap { flex-grow: 1; padding: 0; }
.border_box_list.num_type .item .txt_wrap .sub_tit { font-size: var(--font-size-tit-05); font-weight: var(--font-bolder); }
.border_box_list.num_type .item .txt_wrap .sub_tit .num { display: block; margin-bottom: 8px; color: var(--color-primary); }
.border_box_list.num_type .item .txt_wrap .sub_tit.font_reg { font-weight: var(--font-regular); }
.border_box_list.num_type .item .txt_wrap .sub_tit.font_reg .num { font-weight: var(--font-bolder); }
.border_box_list.num_type .item .txt_wrap .con { margin-top: 16px; margin-bottom: 24px; font-size: var(--font-size-body-03); }
.border_box_list:not(.swiper-wrapper) { gap: 28px; }
.border_box_list:not(.swiper-wrapper) .item { margin-right: 0; }
@media (max-width: 1260px) { 
	.border_box_list .item .step_wrap .ico.next {   width: 32px;   height: 32px;   border-top-right-radius: 8px; } 
	.border_box_list .item .step_wrap .ico.next::before {   background-repeat: no-repeat;   background-position: 50% 50%;   background-size: 16px auto; } 
	.border_box_list:not(.swiper-wrapper) {   flex-wrap: wrap; } 
	.border_box_list:not(.swiper-wrapper) .item {   width: calc((100% - 28px) / 2);   flex-grow: 0; } 
	.border_box_list.row_type .item.full ~ .item {   flex-grow: 0; } 
}
@media (max-width: 768px) { 
	.border_box_list.item_4_type .item {   width: 280px; } 
	.border_box_list.item_5_type .item {   min-width: 280px; } 
	.border_box_list .item {   width: 280px;   margin-right: 16px; } 
	.border_box_list .item .img_wrap .map_area {   height: 168px; } 
	.border_box_list .item .img_wrap .tip_txt {   padding: 8px 16px;   font-size: 12px; } 
	.border_box_list .item .step_wrap {   display: flex; } 
	.border_box_list .item .step_wrap .ico.next::before {   transform: rotate(90deg); } 
	.border_box_list .item:last-child {   margin-right: 0; } 
	.border_box_list .item:last-child .step_wrap .ico.next::before {   transform: none; } 
	.border_box_list .item .txt_wrap {   padding: 16px; } 
	.border_box_list .item .txt_wrap .title_dep_04 {   margin: 0 0 8px !important; } 
	.border_box_list .item .txt_wrap .tit_wrap + .info_dl {   margin-top: 16px; } 
	.border_box_list .item .txt_wrap .info_dl + .info_dl {   margin-top: 8px; } 
	.border_box_list.office_type .item .txt_wrap {   padding: 24px 24px 28px; } 
	.border_box_list.office_type .item .txt_wrap .tit_wrap {   padding-bottom: 16px; } 
	.border_box_list.office_type .item .txt_wrap .tit_wrap .flag {   width: 40px;   height: 40px;   margin-left: 12px; } 
	.border_box_list.txt_type .item .txt_wrap {   padding: 24px; } 
	.border_box_list.txt_type .item .txt_wrap .tit_wrap {   padding-bottom: 16px; } 
	.border_box_list.txt_type .item .txt_wrap .tit_wrap.noflex .sub_tit {   margin-top: 4px; } 
	.border_box_list.txt_type .item .txt_wrap .info_wrap {   padding-top: 16px; } 
	.border_box_list.txt_type .item .txt_wrap .info_wrap .tit {   margin-bottom: 8px; } 
	.border_box_list.txt_type .item .txt_wrap .info_wrap .con + .con {   margin-top: 8px; } 
	.border_box_list.txt_type .item .txt_wrap .info_wrap .con + .dot_list {   margin-top: 8px; } 
	.border_box_list.txt_type .item .txt_wrap .info_wrap .sub_con {   margin-top: 8px; } 
	.border_box_list.txt_type .item .txt_wrap .info_wrap .sub_con + .sub_con {   margin-top: 4px; } 
	.border_box_list.row_type {   flex-wrap: nowrap; } 
	.border_box_list.row_type .item {   width: 280px;   margin-top: 0; } 
	.border_box_list.row_type .item.full .txt_wrap .info_wrap.flex_box {   gap: 8px;   flex-direction: column; } 
	.border_box_list.row_type .item:nth-child(3n) {   margin-right: 16px; } 
	.border_box_list.row_4_type {   flex-wrap: nowrap; } 
	.border_box_list.row_4_type .item {   width: 280px;   margin-top: 0; } 
	.border_box_list.row_4_type .item:nth-child(4n) {   margin-right: 16px; } 
	.border_box_list:not(.swiper-wrapper) {   flex-direction: column;   gap: 8px; } 
	.border_box_list:not(.swiper-wrapper) .item {   width: 100%; } 
	.border_box_list.ico_type {   flex-direction: column;   gap: 8px; } 
	.border_box_list.ico_type .item {   display: flex;   width: 100%;   padding: 24px; } 
	.border_box_list.ico_type .item .ico {   display: block;   width: 88px;   height: 88px;   margin-bottom: 0;   margin-right: 16px; } 
	.border_box_list.ico_type .item .txt_wrap {   padding: 0; } 
	.border_box_list.ico_type .item .tit {   padding-bottom: 16px; } 
	.border_box_list.ico_type .item dl .sub_tit span {   margin-top: 4px; } 
	.border_box_list.ico_type .item dl.line {   padding-top: 16px; } 
	.border_box_list.ico_type .item dl .dot_list {   margin-top: 8px; } 
	.border_box_list.ico_type .item dl .dot_list li::before {   margin-right: 3px; } 
	.border_box_list.ico_type.item_5_type {   flex-direction: row;   gap: 0; } 
	.border_box_list.ico_type.item_5_type .item {   flex-direction: column;   min-width: 280px;   width: min-content; } 
}
.lang_eng .border_box_list.board_type .item .img_wrap .tag { margin-top: -16px; }
.lang_eng .border_box_list.board_type .item .img_wrap img { margin-top: 16px; }

.dot_list > li { display: flex; align-items: flex-start; }
.dot_list > li::before { content: "·"; display: block; margin-right: 6px; }
.dot_list > li dl dt { font-weight: var(--font-bolder); margin-bottom: 8px; }
.dot_list.line_type > li { font-size: var(--font-size-body-02); }
.dot_list.line_type > li::before { content: ""; width: 8px; height: 4px; flex-shrink: 0; border-radius: 2px; display: block; align-self: flex-start; margin-top: 10px; margin-right: 8px; background-color: #000; }
.dot_list.line_type > li + li { margin-top: 16px; }
.dot_list.wrap_type > li { flex-wrap: wrap; }
.dot_list.wrap_type > li > p { width: calc(100% - 16px); line-height: 1.17; }
.dot_list.wrap_type > li ul,
.dot_list.wrap_type > li .sub_txt { padding-left: 16px; }
.dot_list.wrap_type > li .sub_txt { color: #666; margin-top: 8px; }
.dot_list.wrap_type > li .sub_txt li + li { margin-top: 8px; }
.dot_list.dash_type > li::before { content: "-"; display: block; margin-top: 0 !important; margin-right: 6px; }
.dot_list.small li { font-size: var(--font-size-body-03); }
.dot_list.small li + li { margin-top: 8px; }
.dot_list.small.line_type li::before { margin-top: 6px; }
@media (max-width: 768px) { 
	.dot_list.line_type li + li {   margin-top: 8px; } 
}

.div_sep_con { display: flex; margin-top: 48px; }
.div_sep_con .items { width: 100%; padding: 0 32px; border-right: 1px solid var(--color-border); }
.div_sep_con .items:first-child { padding-left: 0; }
.div_sep_con .items:last-child { padding-right: 0; border-right: none; }
.div_sep_con .items [class*=title_dep_] { margin-top: 0; font-weight: var(--font-bolder); line-height: 1.33; }
.div_sep_con .items dd .page_con_txt + .page_con_txt { margin-top: 8px; }
.div_sep_con .items dd .btn_area { margin-top: 24px; }
.div_sep_con.type01 .items { width: max-content; padding: 0 60px; }
.div_sep_con.type01 .items:first-child { padding-left: 0; }
.div_sep_con.type01 .items:last-child { padding-right: 0; border-right: none; }
.div_sep_con.mt_none { margin-top: 0; }
@media (max-width: 768px) { 
	.div_sep_con {   flex-direction: column;   margin-top: 32px; } 
	.div_sep_con .items {   width: 100%;   padding: 24px 0;   border-right: none;   border-bottom: 1px solid var(--color-border); } 
	.div_sep_con .items:first-child {   padding-top: 0; } 
	.div_sep_con .items:last-child {   padding-bottom: 0;   border-right: none;   border-bottom: none; } 
	.div_sep_con .items dd .page_con_txt + .page_con_txt {   margin-top: 4px; } 
	.div_sep_con .items dd .btn_area {   margin-top: 16px;   padding: 0 24px; } 
	.div_sep_con.type01 .items {   width: 100%;   padding: 24px 0; } 
	.div_sep_con.type01 .items:first-child {   padding-top: 0; } 
	.div_sep_con.type01 .items:last-child {   padding-bottom: 0;   border-right: none;   border-bottom: none; } 
}

.gray_bg_box { background-color: var(--color-bg); padding: 40px; margin-top: 48px; }
.gray_bg_box .div_sep_con { margin-top: 0; }
.gray_bg_box .btn_area { margin-top: 48px; }
.gray_bg_box > div:first-child:is([class*=btn_area]) { margin-top: 0 !important; }
.gray_bg_box .border_box_list .item { background-color: #fff; }
.gray_bg_box.gray_type { background-color: #f8f8f8; margin-top: 32px; }
.gray_bg_box.gray_type > .title_dep_04 { margin-top: 0; }
.gray_bg_box.trans { background-color: transparent; }
@media (max-width: 768px) { 
	.gray_bg_box {   padding: 24px;   margin-top: 32px; } 
	.gray_bg_box .div_sep_con {   margin-top: 6px; } 
	.gray_bg_box .btn_area {   margin-top: 32px;   margin-bottom: 6px; } 
	.gray_bg_box > div:first-child:is([class=btn_area]) {   margin-top: 0;   margin-bottom: 0; } 
	.gray_bg_box.gray_type {   margin-top: 24px; } 
}

.bg_list_box_wrap { display: flex; gap: 20px; }
.bg_list_box_wrap .item { display: flex; align-items: center; width: 100%; padding: 32px; background-color: var(--color-bg); }
.bg_list_box_wrap .item .txt_wrap { flex-grow: 1; }
.bg_list_box_wrap .item .step { display: block; margin-bottom: 16px; font-size: var(--font-size-body-03); color: var(--color-secondary); font-weight: var(--font-bolder); }
.bg_list_box_wrap .item [class*=title_dep_] { display: block; height: 60px; margin: 0; line-height: 1.33; }
.bg_list_box_wrap .item .sub_con,
.bg_list_box_wrap .item .dot_list { margin-top: 8px; color: #666; font-size: var(--font-size-body-03); }
.bg_list_box_wrap .item i { flex-shrink: 0; display: block; width: 48px; height: 48px; border-top-right-radius: 16px; background-color: var(--color-secondary); }
.bg_list_box_wrap .item i::before { content: ""; display: block; width: 100%; height: 100%; background-image: url(../img/ico_next_arrow.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 24px auto; }
.bg_list_box_wrap .item:last-child i { background-color: var(--color-primary); }
.bg_list_box_wrap .item:last-child i::before { background-image: url(../img/ico_check.png); }
.bg_list_box_wrap.line_type .item { border: 1px solid var(--color-border); background-color: #fff; }
.bg_list_box_wrap.line_type .item .txt_wrap .ico { width: 80px; height: 80px; margin-bottom: 8px; border-radius: 0; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.bg_list_box_wrap.line_type .item .txt_wrap .ico::before { content: none; }
.bg_list_box_wrap.line_type .item .txt_wrap [class*=title_dep_] { height: auto; }
.gray_bg_box .bg_list_box_wrap .item { background-color: #fff; border: 1px solid var(--color-border); }
.gray_bg_box .bg_list_box_wrap .item .title_dep_04 { height: auto; }
.gray_bg_box .bg_list_box_wrap .item .sub_con,
.gray_bg_box .bg_list_box_wrap .item .dot_list { margin-top: 16px; }
.bg_list_box_wrap.abs_type { gap: 54px; }
.bg_list_box_wrap.abs_type .item { position: relative; }
.bg_list_box_wrap.abs_type .item .next { position: absolute; top: 50%; right: -24px; transform: translateY(-50%); }
.bg_list_box_wrap.abs_type .item:last-child .next { display: none; }
.bg_list_box_wrap.abs_type.narrow { gap: 44px; }
@media (max-width: 1260px) { 
	.bg_list_box_wrap .item {   padding: 24px; } 
	.bg_list_box_wrap .item i {   width: 32px;   height: 32px;   border-top-right-radius: 8px; } 
	.bg_list_box_wrap .item i::before {   background-repeat: no-repeat;   background-position: 50% 50%;   background-size: 16px auto; } 
}
@media (max-width: 768px) { 
	.bg_list_box_wrap {   flex-direction: column;   gap: 8px; } 
	.bg_list_box_wrap .item .step {   margin-bottom: 8px; } 
	.bg_list_box_wrap .item [class*=title_dep_] {   height: auto; } 
	.bg_list_box_wrap .item .sub_con {   margin-top: 4px; } 
	.bg_list_box_wrap .item i::before {   transform: rotate(90deg); } 
	.bg_list_box_wrap .item:last-child i::before {   transform: none; } 
	.bg_list_box_wrap.line_type .item .txt_wrap .ico {   width: 64px;   height: 64px;   margin-bottom: 4px; } 
	.bg_list_box_wrap.abs_type {   gap: 24px !important; } 
	.bg_list_box_wrap.abs_type .item .next {   top: unset;   right: unset;   bottom: -16px;   left: 50%;   transform: translateX(-50%); } 
	.bg_list_box_wrap.abs_type .item:last-child .next {   display: none; } 
}

.dl_class_list { display: grid; grid-template-columns: 56px auto; font-size: 14px; gap: 16px; }
.dl_class_list dd p { line-height: 16px; }
.dl_class_list dd p + p { margin-top: 8px; }
.lang_eng .dl_class_list { grid-template-columns: 80px auto; }

.step_arrow_box { margin: 32px 0 48px; display: flex; flex-wrap: wrap; gap: 24px 0; }
.step_arrow_box .item { display: flex; align-items: center; }
.step_arrow_box .item .txt_wrap { width: 224px; padding: 40px; background-color: #fff; border: 1px solid var(--color-border); border-radius: 24px; }
.step_arrow_box .item .txt_wrap .step { font-size: var(--font-size-body-03); line-height: 1.2; margin-bottom: 16px; color: var(--color-secondary); }
.step_arrow_box .item .txt_wrap .tit { display: block; font-size: var(--font-size-tit-05); }
.step_arrow_box .item::after { content: ""; display: block; width: 48px; height: 48px; background-image: url(../img/ico_step_arrow.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.step_arrow_box .item:last-child::after { content: none; }
@media (max-width: 768px) { 
	.step_arrow_box {   margin: 24px 0 32px;   gap: 0;   flex-direction: column; } 
	.step_arrow_box .item {   display: flex;   align-items: center;   justify-content: center;   flex-direction: column; } 
	.step_arrow_box .item .txt_wrap {   width: 100%;   padding: 24px;   border-radius: 16px;   display: flex;   align-items: center; } 
	.step_arrow_box .item .txt_wrap .step {   margin-bottom: 0;   flex-grow: 1; } 
	.step_arrow_box .item::after {   width: 24px;   height: 24px;   transform: rotate(90deg); } 
}

.flex_box { display: flex; align-items: center; }

.gray_step_box { display: flex; gap: 30px; margin-top: 32px; }
.gray_step_box .item { padding: 40px; width: 100%; background-color: var(--color-bg); }
.gray_step_box .item .title_dep_04 { margin: 0; font-weight: var(--font-bolder); }
.gray_step_box .item .title_dep_04 .sub { display: block; font-size: var(--font-size-body-03); font-weight: var(--font-regular); margin-top: 16px; }
@media (max-width: 768px) { 
	.gray_step_box {   flex-direction: column;   gap: 8px;   margin-top: 24px; } 
	.gray_step_box .item {   padding: 24px; } 
	.gray_step_box .item .title_dep_04 .sub {   margin-top: 8px; } 
}

.ico_full_ul { border-top: 1px solid var(--color-border); }
.ico_full_ul .item { display: flex; align-items: center; gap: 40px; padding: 48px 0; border-bottom: 1px solid var(--color-border); }
.ico_full_ul .item .ico_wrap { display: flex; align-items: center; width: 28%; flex-shrink: 0; }
.ico_full_ul .item .ico_wrap .tit { font-size: var(--font-size-tit-03); font-weight: var(--font-bolder); }
.ico_full_ul .item .ico_wrap .sub_txt { display: block; margin-top: 8px; font-size: var(--font-size-body-03); color: #666; }
.ico_full_ul .item .ico { display: block; width: 120px; height: 120px; margin-right: 24px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
@media (max-width: 768px) { 
	.ico_full_ul .item {   flex-direction: column;   align-items: flex-start;   gap: 16px;   padding: 24px 0; } 
	.ico_full_ul .item .ico_wrap {   width: 100%; } 
	.ico_full_ul .item .ico_wrap .ico {   width: 88px;   height: 88px;   margin-right: 16px; } 
	.ico_full_ul .item .ico_wrap .sub_txt {   margin-top: 4px; } 
}

.num_ol { padding-left: 28px; }
.num_ol li { list-style: decimal; padding-left: 12px; font-size: var(--font-size-body-02); }
.num_ol li + li { margin-top: 16px; }
.num_ol li::marker { font-weight: var(--font-bolder); }
.num_ol.small { padding-left: 18px; }
.num_ol.small li { padding-left: 8px; font-size: var(--font-size-body-03); }
.num_ol.small li + li { margin-top: 8px; }
@media (max-width: 768px) { 
	.num_ol {   padding-left: 16px; } 
	.num_ol li {   padding-left: 8px; } 
	.num_ol li + li {   margin-top: 8px; } 
}

.file_list_wrap { display: flex; flex-wrap: wrap; border: solid var(--color-border); border-width: 1px 0 1px 0; padding: 16px 0; }
.file_list_wrap .item { display: flex; width: 25%; height: 40px; padding: 0 16px; }
@media (max-width: 768px) { 
	.file_list_wrap {   padding: 0; } 
	.file_list_wrap .item {   width: 100%;   padding: 0 8px; } 
}

/* tab */
.tab_common { margin-top: 64px; }
.tab_common .tab_indi { display: flex; align-items: center; }
.tab_common .tab_indi .tabs { flex-grow: 1; height: 56px; padding: 0 22px; border: solid var(--color-border); border-width: 1px 1px 1px 0; text-align: center; }
.tab_common .tab_indi .tabs:first-child { border-left-width: 1px; }
.tab_common .tab_indi .tabs .tab_button { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #222; font-size: var(--font-size-body-03); }
.tab_common .tab_indi .tabs .tab_button span { position: relative; z-index: -1; }
.tab_common .tab_indi .tabs .tab_button span::before { content: ""; display: block; position: absolute; width: 0; height: 2px; bottom: -1px; left: -2px; background-color: var(--color-primary); }
.tab_common .tab_indi .tabs.on { background-color: var(--color-primary); }
.tab_common .tab_indi .tabs.on .tab_button { color: #fff; font-weight: var(--font-bolder); }
.tab_common .tab_indi .tabs.on .tab_button span { z-index: 1; }
.tab_common .tab_indi .tabs.on:hover .tab_button span::before, .tab_common .tab_indi .tabs.on:focus .tab_button span::before { background-color: #fff; animation: tabLineDorw 0.5s ease both; }
.tab_common .tab_indi .tabs:hover .tab_button span::before, .tab_common .tab_indi .tabs:focus .tab_button span::before { animation: tabLineDorw 0.5s ease both; }
.tab_common .tab_con_wrap { margin-top: 48px; }
@media (max-width: 768px) { 
	.tab_common {   margin-top: 48px; } 
	.tab_common .tab_indi .tabs {   height: 48px; } 
	.tab_common .tab_indi_wrap {   width: calc(100% + 16px);   padding-right: 16px;   overflow: auto; } 
	.tab_common .tab_indi_wrap .tab_indi {   width: max-content; } 
	.tab_common .tab_con_wrap {   margin-top: 32px; } 
}

/* accodion */
.accordion_wrap { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding-bottom: 16px; border-bottom: 1px solid var(--color-border); }
.accordion_wrap .accordion_btn { width: 100%; text-align: left; padding: 32px 0 16px; margin-top: 16px; border-top: 1px solid var(--color-border); background-color: #fff; }
.accordion_wrap .accordion_btn .btn_wrap { display: flex; align-items: center; }
.accordion_wrap .accordion_btn .btn_wrap::after { content: ""; display: block; width: 24px; height: 24px; flex-shrink: 0; background-image: url(../img/ico_arrow.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; transition: all ease 0.5s; transition-delay: 0; }
.accordion_wrap .accordion_btn .btn_wrap .tit_wrap { flex-grow: 1; }
.accordion_wrap .accordion_btn .btn_wrap .tit_wrap .info_wrap { display: block; margin-bottom: 8px; font-size: var(--font-size-body-03); }
.accordion_wrap .accordion_btn .btn_wrap .tit_wrap .info_wrap .type { color: var(--color-secondary); margin-right: 16px; }
.accordion_wrap .accordion_btn .btn_wrap .tit_wrap .info_wrap .date { color: #222; }
.accordion_wrap .accordion_btn .btn_wrap .tit_wrap .tit { display: block; font-size: var(--font-size-tit-05); }
.accordion_wrap .accordion_btn[aria-expanded=true] .btn_wrap::after { transform: rotate(-180deg); }
.accordion_wrap .accordion_btn.before_more { display: none; }
.accordion_wrap .accordion_contents { overflow: hidden; }
.accordion_wrap .accordion_contents .inner { padding-bottom: 16px; font-size: var(--font-size-body-03); }
.accordion_wrap .accordion_contents .inner .btn_area { margin-top: 24px; gap: 16px 24px; flex-wrap: wrap; }
.accordion_wrap + .btn_area { margin-top: 48px; justify-content: center; }
@media (max-width: 768px) { 
	.accordion_wrap {   padding-bottom: 12px; } 
	.accordion_wrap .accordion_btn {   padding: 24px 0 12px;   margin-top: 12px; } 
	.accordion_wrap .accordion_btn .btn_wrap .tit_wrap .info_wrap .type {   margin-right: 8px; } 
	.accordion_wrap .accordion_contents .inner {   padding-bottom: 12px; } 
	.accordion_wrap .accordion_contents .inner .btn_area {   flex-direction: row;   margin-top: 16px;   gap: 16px; } 
	.accordion_wrap + .btn_area {   margin-top: 32px; } 
}

.mo_only { display: none; }
@media (max-width: 768px) { 
	.mo_only {   display: block; } 
}

.pc_only { display: block; }
@media (max-width: 768px) { 
	.pc_only {   display: none; } 
}

.scrollDisable { width: 100vw; height: 100vh; overflow: hidden; }

/* popup */
.layer_popup_wrap { position: fixed; display: none; flex-direction: column; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; box-shadow: 20px 30px 40px 0 rgba(0, 0, 0, 0.16); width: 640px; height: 689px; z-index: 9999; }
.layer_popup_wrap .popup_title { display: flex; align-items: center; height: 80px; border-bottom: 1px solid #e6e6e6; padding: 20px 24px; flex-shrink: 0; }
.layer_popup_wrap .popup_title h2 { font-size: 20px; }
.layer_popup_wrap .popup_contents { flex-grow: 1; padding: 24px 24px 0; overflow: hidden; }
.layer_popup_wrap .popup_contents .inner { width: 100%; height: 100%; overflow: auto; }
.layer_popup_wrap .popup_contents .inner.ty-2 { width: 100%; height: 100%; overflow: auto; }
.layer_popup_wrap .btn_layer_close { position: absolute; top: 28px; right: 24px; width: 24px; height: 24px; background-image: url(../img/ico_close.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 28px 28px; }
.layer_popup_wrap .popup_bottom { display: flex; gap: 8px; align-items: center; justify-content: center; padding: 40px 24px; }
.layer_popup_wrap.large { width: 880px; height: 705px; }
.layer_popup_wrap.large .popup_title { padding: 20px 32px; }
.layer_popup_wrap.large .popup_title h2 { font-size: 30px; }
.layer_popup_wrap.large .btn_layer_close { right: 42px; }
.layer_popup_wrap.large .popup_contents { padding: 32px 32px 0; }
.layer_popup_wrap.large .popup_bottom { padding: 40px 32px 48px; }
.layer_popup_wrap.small { width: 360px; height: 323px; }
.layer_popup_wrap.small .popup_title { height: 64px; padding: 19px 24px; }
.layer_popup_wrap.small .popup_title h2 { font-size: 16px; }
.layer_popup_wrap.small .btn_layer_close { top: 20px; right: 24px; }
.layer_popup_wrap.small .popup_bottom { padding: 24px; }
.layer_popup_wrap.small .popup_bottom .btn_common { min-width: 0; width: 100%; }
.layer_popup_wrap.popup_open { display: flex; }
.layer_popup_wrap.full_img_popup { width: 100vw; height: 100vh; background-color: transparent; }
.layer_popup_wrap.full_img_popup .popup_title { height: 56px; border-bottom: none; padding: 18px 24px; flex-shrink: 0; }
.layer_popup_wrap.full_img_popup .popup_title h2 { color: #fff; font-size: 16px; }
.layer_popup_wrap.full_img_popup .popup_contents { padding: 16px 24px; }
.layer_popup_wrap.full_img_popup .popup_contents .inner img { max-width: max-content; }
.layer_popup_wrap.full_img_popup .popup_contents .inner .gray_bg_box { width: max-content; margin: 0; }
.layer_popup_wrap.full_img_popup .btn_layer_close { position: absolute; top: 16px; right: 28px; filter: var(--filter-white); }
.layer_popup_wrap.vod_popup { max-width:1000px; box-shadow: 20px 30px 40px 0 rgba(0, 0, 0, 0); width: 100vw; height: auto; background-color: transparent; }
.layer_popup_wrap.vod_popup .popup_title { height: 56px; border-bottom: none; padding: 18px 24px; flex-shrink: 0; }
.layer_popup_wrap.vod_popup .popup_contents { padding: 16px 24px; }
.layer_popup_wrap.vod_popup .btn_layer_close { position: absolute; top: 16px; right: 28px; filter: var(--filter-white); }
@media (max-width: 768px) { 
	.layer_popup_wrap {   width: 100%;   height: 100vh; } 
	.layer_popup_wrap .popup_title {   height: 58px;   border-bottom: 1px solid #e6e6e6;   padding: 16px 20px;   flex-shrink: 0; } 
	.layer_popup_wrap .popup_contents {   padding: 20px 20px 0; } 
	.layer_popup_wrap .btn_layer_close {   top: 20px;   right: 16px; } 
	.layer_popup_wrap .popup_bottom {   flex-direction: column-reverse;   gap: 8px;   padding: 20px; } 
	.layer_popup_wrap.large {   width: 100%;   height: 100vh; } 
	.layer_popup_wrap.large .popup_title {   padding: 16px 20px; } 
	.layer_popup_wrap.large .popup_title h2 {   font-size: 20px; } 
	.layer_popup_wrap.large .btn_layer_close {   right: 16px; } 
	.layer_popup_wrap.large .popup_contents {   padding: 20px 20px 0; } 
	.layer_popup_wrap.large .popup_bottom {   padding: 20px; } 
	.layer_popup_wrap.small {   width: calc(100% - 48px);   height: auto;   max-height: 80%; } 
	.layer_popup_wrap.small .popup_title {   height: 58px; } 
	.layer_popup_wrap.small .btn_layer_close {   top: 17px;   right: 24px; } 
	.layer_popup_wrap.small .popup_bottom {   padding: 24px; } 
	.layer_popup_wrap.small .popup_bottom .btn_common {   min-width: 0;   width: 100%; } 
	.layer_popup_wrap.popup_open {   display: flex; } 
	.layer_popup_wrap.full_img_popup {   width: 100vw;   height: 100vh;   background-color: transparent; } 
	.layer_popup_wrap.full_img_popup .popup_title {   height: 56px;   border-bottom: none;   padding: 18px 24px;   flex-shrink: 0; } 
	.layer_popup_wrap.full_img_popup .popup_title h2 {   color: #fff;   font-size: 16px; } 
	.layer_popup_wrap.full_img_popup .popup_contents {   padding: 16px 24px; } 
	.layer_popup_wrap.full_img_popup .popup_contents .inner img {   max-width: max-content; } 
	.layer_popup_wrap.full_img_popup .popup_contents .inner .gray_bg_box {   width: max-content;   margin: 0; } 
	.layer_popup_wrap.full_img_popup .btn_layer_close {   position: absolute;   top: 16px;   right: 28px;   filter: var(--filter-white); } 
	.layer_popup_wrap.vod_popup {   height: 100vw; } 
}

.dimmed { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.64); z-index: 9998; }
.dimmed.trans { background: transparent; }

.scroll-lock { height: 100%; min-height: 100%; overflow: hidden !important; touch-action: none; }

.page_con_txt { font-size: var(--font-size-body-01); line-height: 1.5; }
.page_con_txt + .page_con_txt { margin-top: 24px; }
.page_con_txt.type01 { font-size: var(--font-size-body-02); line-height: 1.33; }
.page_con_txt.type01 + .page_con_txt.type01 { margin-top: 16px; }
.page_con_txt.type02 { font-size: var(--font-size-body-03); }
@media (max-width: 768px) { 
	.page_con_txt + .page_con_txt {   margin-top: 14px; } 
	.page_con_txt.type01 {   font-size: var(--font-size-body-02); } 
}

.sup_txt { margin-top: 16px; font-size: 14px; color: #666; }
@media (max-width: 768px) { 
	.sup_txt {   margin-top: 8px;   font-size: 12px; } 
}

.title_dep_01 { margin: 80px 0 32px; font-size: var(--font-size-tit-02); font-weight: var(--font-bolder); }
.title_dep_02 { margin: 32px 0 16px; font-size: var(--font-size-tit-03); }
.title_dep_03 { margin: 64px 0 16px; font-size: var(--font-size-tit-04); }
.title_dep_04 { margin: 32px 0 16px; font-size: var(--font-size-tit-05); }
.title_dep_01.narrow, .title_dep_02.narrow, .title_dep_03.narrow, .title_dep_04.narrow { margin-bottom: 16px !important; }
.title_dep_01.narrow02, .title_dep_02.narrow02, .title_dep_03.narrow02, .title_dep_04.narrow02 { margin-bottom: 24px !important; }
.title_dep_01.narrow03, .title_dep_02.narrow03, .title_dep_03.narrow03, .title_dep_04.narrow03 { margin-bottom: 8px !important; }
.title_dep_01.mg_reg, .title_dep_02.mg_reg, .title_dep_03.mg_reg, .title_dep_04.mg_reg { margin-top: 64px; margin-bottom: 24px; }
.title_dep_01.mtbig, .title_dep_02.mtbig, .title_dep_03.mtbig, .title_dep_04.mtbig { margin-top: 80px; }
.title_dep_01.mtmid, .title_dep_02.mtmid, .title_dep_03.mtmid, .title_dep_04.mtmid { margin-top: 48px; }
.title_dep_01.notop, .title_dep_02.notop, .title_dep_03.notop, .title_dep_04.notop { margin-top: 0; }
.title_dep_01.nobottom, .title_dep_02.nobottom, .title_dep_03.nobottom, .title_dep_04.nobottom { margin-bottom: 0; }
@media (max-width: 768px) { 
	.title_dep_01 {   margin: 64px 0 24px; } 
	.title_dep_02 {   margin: 24px 0 8px; } 
	.title_dep_03 {   margin: 48px 0 8px; } 
	.title_dep_01.narrow, .title_dep_02.narrow, .title_dep_03.narrow, .title_dep_04.narrow {   margin-bottom: 8px; } 
	.title_dep_01.narrow02, .title_dep_02.narrow02, .title_dep_03.narrow02, .title_dep_04.narrow02 {   margin-bottom: 16px; } 
	.title_dep_01.mg_reg, .title_dep_02.mg_reg, .title_dep_03.mg_reg, .title_dep_04.mg_reg {   margin-top: 48px;   margin-bottom: 8px; } 
	.title_dep_01.mtbig, .title_dep_02.mtbig, .title_dep_03.mtbig, .title_dep_04.mtbig {   margin-top: 64px; } 
	.title_dep_01.mtmid, .title_dep_02.mtmid, .title_dep_03.mtmid, .title_dep_04.mtmid {   margin-top: 32px;   margin-bottom: 8px; } 
}

.font_reg { font-weight: var(--font-regular) !important; }

.color_primary { color: var(--color-primary); }

@keyframes scroll_hint { 
	0% {   height: 10%; } 
	100% {   height: 100%; } 
}
@keyframes dorwLine { 
	0% {   width: 0; } 
	100% {   width: 100%; } 
}
@keyframes tabLineDorw { 
	0% {   width: 0; } 
	100% {   width: calc(100% + 4px); } 
}
@keyframes dorwLine_arrow { 
	0% {   width: 0; } 
	100% {   width: calc(100% - 20px); } 
}
/* 스와이퍼 관련 */
.swiper.visual_list .swiper-pagination { display: flex; width: 100%; max-width: 1920px; padding: 0 4.5vw; left: 50%; bottom: 56px; transform: translateX(-50%); }
.swiper.visual_list .swiper-pagination .swiper-pagination-bullet { width: 100%; height: 4px; border-radius: 0; background: rgba(255, 255, 255, 0.2); text-align: right; opacity: 1; }
.swiper.visual_list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; }
.swiper.visual_list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .num { font-weight: 900; opacity: 1; }
.swiper.visual_list .swiper-pagination .swiper-pagination-bullet .num { display: flex; align-items: center; justify-content: flex-end; margin-top: -30px; font-size: 24px; color: #fff; opacity: 0.8; font-weight: var(--font-regular); }
.swiper.visual_list .swiper_func_btns { position: absolute; display: flex; width: 100%; max-width: 1920px; height: 32px; padding: 0 4.5vw; left: 50%; bottom: 8px; transform: translateX(-50%); z-index: 10; justify-content: flex-end; }
.swiper.visual_list .swiper_func_btns [class*=swiper-button-] { position: static; width: 32px; height: 32px; margin: 0; cursor: pointer; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.swiper.visual_list .swiper_func_btns [class*=swiper-button-]::after { content: none; }
.swiper.visual_list .swiper_func_btns .swiper-button-prev { background-image: url(/assets/images/main/img_prev.png); }
.swiper.visual_list .swiper_func_btns .swiper-button-next { background-image: url(/assets/images/main/img_next.png); }
.swiper.visual_list .swiper_func_btns .swiper-button-control { background-image: url(/assets/images/main/img_hold.png); margin-left: 16px; }
.swiper.visual_list .swiper_func_btns .swiper-button-control.play { background-image: url(/assets/images/main/img/ico_play.png); }
.swiper.comu_slider { margin-top: 80px; overflow: visible; }
.swiper.bus_slider { margin-top: 80px; overflow: visible; }
.swiper.bus_slider .swiper-slide.swiper-slide-visible { opacity: 1; }
.swiper.bus_slider .swiper-slide.on { opacity: 0.4; }
.swiper.bus_slider .swiper-scrollbar { display: none; }
.swiper.sm_slider { margin-top: 80px; overflow: visible; }
.swiper.sm_slider .swiper-slide-visible { opacity: 1; }
.swiper.sm_slider .swiper-scrollbar { margin-top: 32px !important; }
.swiper .swiper-scrollbar-drag { height: 8px; top: -2px; }
@media (max-width: 768px) { 
	.swiper.visual_list .swiper-pagination {   padding: 0 16px; } 
	.swiper.visual_list .swiper-pagination .swiper-pagination-bullet .num {   margin-top: -20px;   font-size: 16px; } 
	.swiper.visual_list .swiper_func_btns {   padding: 0 16px; } 
	.swiper.comu_slider {   margin-top: 0; } 
	.swiper.bus_slider {   margin-top: 0; } 
	.swiper.bus_slider .swiper-slide {   opacity: 1; } 
	.swiper.bus_slider .swiper-scrollbar {   display: block; } 
	.swiper.sm_slider {   margin-top: 0; } 
	.swiper.common_swiper, .swiper.scroll_swiper {   width: calc(100% + 32px);   padding: 0 16px;   margin-left: -16px; } 
	.swiper .swiper-scrollbar, .swiper .swiper-scrollbar.swiper-scrollbar-horizontal {   margin-bottom: 2px; } 
}

/*# sourceMappingURL=style.css.map */
/**
 * Swiper 9.3.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 15, 2023
 */
@font-face {   font-family: swiper-icons;   src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');   font-weight: 400;   font-style: normal }

:root {   --swiper-theme-color: #007aff }
.swiper,swiper-container {   margin-left: auto;   margin-right: auto;   position: relative;   overflow: hidden;   list-style: none;   padding: 0;   z-index: 1;   display: block }
.swiper-vertical>.swiper-wrapper {   flex-direction: column }
.swiper-wrapper {   position: relative;   width: 100%;   height: 100%;   z-index: 1;   display: flex;   transition-property: transform;   transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);   box-sizing: content-box }
.swiper-android .swiper-slide,.swiper-wrapper {   transform: translate3d(0px,0,0) }
.swiper-horizontal {   touch-action: pan-y }
.swiper-vertical {   touch-action: pan-x }
.swiper-slide,swiper-slide {   flex-shrink: 0;   width: 100%;   height: 100%;   position: relative;   transition-property: transform;   display: block }
.swiper-slide-invisible-blank {   visibility: hidden }
.swiper-autoheight,.swiper-autoheight .swiper-slide {   height: auto }
.swiper-autoheight .swiper-wrapper {   align-items: flex-start;   transition-property: transform,height }
.swiper-backface-hidden .swiper-slide {   transform: translateZ(0);   -webkit-backface-visibility: hidden;   backface-visibility: hidden }
.swiper-3d.swiper-css-mode .swiper-wrapper {   perspective: 1200px }
.swiper-3d .swiper-wrapper {   transform-style: preserve-3d }
.swiper-3d {   perspective: 1200px }
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {   transform-style: preserve-3d }
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {   position: absolute;   left: 0;   top: 0;   width: 100%;   height: 100%;   pointer-events: none;   z-index: 10 }
.swiper-3d .swiper-slide-shadow {   background: rgba(0,0,0,.15) }
.swiper-3d .swiper-slide-shadow-left {   background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)) }
.swiper-3d .swiper-slide-shadow-right {   background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)) }
.swiper-3d .swiper-slide-shadow-top {   background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)) }
.swiper-3d .swiper-slide-shadow-bottom {   background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) }
.swiper-css-mode>.swiper-wrapper {   overflow: auto;   scrollbar-width: none;   -ms-overflow-style: none }
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {   display: none }
.swiper-css-mode>.swiper-wrapper>.swiper-slide {   scroll-snap-align: start start }
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {   scroll-snap-type: x mandatory }
.swiper-vertical.swiper-css-mode>.swiper-wrapper {   scroll-snap-type: y mandatory }
.swiper-centered>.swiper-wrapper::before {   content: '';   flex-shrink: 0;   order: 9999 }
.swiper-centered>.swiper-wrapper>.swiper-slide {   scroll-snap-align: center center;   scroll-snap-stop:always}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {   margin-inline-start:var(--swiper-centered-offset-before)}
.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {   height:100%;   min-height: 1px;   width: var(--swiper-centered-offset-after) }
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {   margin-block-start:var(--swiper-centered-offset-before)}
.swiper-centered.swiper-vertical>.swiper-wrapper: :before {   width:100%;   min-width: 1px;   height: var(--swiper-centered-offset-after) }
.swiper-lazy-preloader {   width: 42px;   height: 42px;   position: absolute;   left: 50%;   top: 50%;   margin-left: -21px;   margin-top: -21px;   z-index: 10;   transform-origin: 50%;   box-sizing: border-box;   border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));   border-radius: 50%;   border-top-color: transparent }
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {   animation: swiper-preloader-spin 1s infinite linear }
.swiper-lazy-preloader-white {   --swiper-preloader-color: #fff }
.swiper-lazy-preloader-black {   --swiper-preloader-color: #000 }

@keyframes swiper-preloader-spin {   
0% {       transform: rotate(0deg)   }
 100% {       transform: rotate(360deg)   } 
}

.swiper-virtual .swiper-slide {   -webkit-backface-visibility: hidden;   transform: translateZ(0) }
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {   content: '';   position: absolute;   left: 0;   top: 0;   pointer-events: none }
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {   height: 1px;   width: var(--swiper-virtual-size) }
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {   width: 1px;   height: var(--swiper-virtual-size) }

:root {   --swiper-navigation-size: 44px }
.swiper-button-next,.swiper-button-prev {   position: absolute;   top: var(--swiper-navigation-top-offset,50%);   width: calc(var(--swiper-navigation-size)/ 44 * 27);   height: var(--swiper-navigation-size);   margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));   z-index: 10;   cursor: pointer;   display: flex;   align-items: center;   justify-content: center;   color: var(--swiper-navigation-color,var(--swiper-theme-color)) }
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {   opacity: 1 ;   cursor: auto;   pointer-events: none }
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {   opacity: 0;   cursor: auto;   pointer-events: none }
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {   display: none!important }
.swiper-button-next:after,.swiper-button-prev:after {   font-family: swiper-icons;   font-size: var(--swiper-navigation-size);   text-transform: none!important;   letter-spacing: 0;   font-variant: initial;   line-height: 1 }
.swiper-button-prev,.swiper-rtl .swiper-button-next {   left: var(--swiper-navigation-sides-offset,10px);   right: auto }
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {   content: 'prev' }
.swiper-button-next,.swiper-rtl .swiper-button-prev {   right: var(--swiper-navigation-sides-offset,10px);   left: auto }
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {   content: 'next' }
.swiper-button-lock {   display: none }
.swiper-pagination {   position: absolute;   text-align: center;   transition: .3s opacity;   transform: translate3d(0,0,0);   z-index: 10 }
.swiper-pagination.swiper-pagination-hidden {   opacity: 0 }
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {   display: none!important }
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {   bottom: var(--swiper-pagination-bottom,8px);   top: var(--swiper-pagination-top,auto);   left: 0;   width: 100% }
.swiper-pagination-bullets-dynamic {   overflow: hidden;   font-size: 0 }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   transform: scale(.33);   position: relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {   transform: scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {   transform: scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {   transform: scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {   transform: scale(.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {   transform: scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {   transform: scale(.33) }
.swiper-pagination-bullet {   width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));   height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));   display: inline-block;   border-radius: var(--swiper-pagination-bullet-border-radius,50%);   background: var(--swiper-pagination-bullet-inactive-color,#000);   opacity: var(--swiper-pagination-bullet-inactive-opacity, .2) }

button.swiper-pagination-bullet {   border: none;   margin: 0;   padding: 0;   box-shadow: none;   -webkit-appearance: none;   appearance: none }
.swiper-pagination-clickable .swiper-pagination-bullet {   cursor: pointer }
.swiper-pagination-bullet:only-child {   display: none!important }
.swiper-pagination-bullet-active {   opacity: var(--swiper-pagination-bullet-opacity, 1);   background: var(--swiper-pagination-color,var(--swiper-theme-color)) }
.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {   right: var(--swiper-pagination-right,8px);   left: var(--swiper-pagination-left,auto);   top: 50%;   transform: translate3d(0px,-50%,0) }
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {   margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;   display: block }
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {   top: 50%;   transform: translateY(-50%);   width: 8px }
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   display: inline-block;   transition: .2s transform,.2s top }
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {   margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px) }
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {   left: 50%;   transform: translateX(-50%);   white-space: nowrap }
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   transition: .2s transform,.2s left }
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   transition: .2s transform,.2s right }
.swiper-pagination-fraction {   color: var(--swiper-pagination-fraction-color,inherit) }
.swiper-pagination-progressbar {   background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));   position: absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {   background: var(--swiper-pagination-color,var(--swiper-theme-color));   position: absolute;   left: 0;   top: 0;   width: 100%;   height: 100%;   transform: scale(0);   transform-origin: left top }
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {   transform-origin: right top }
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {   width: 100%;   height: var(--swiper-pagination-progressbar-size,4px);   left: 0;   top: 0 }
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {   width: var(--swiper-pagination-progressbar-size,4px);   height: 100%;   left: 0;   top: 0 }
.swiper-pagination-lock {   display: none }
.swiper-scrollbar {   border-radius: var(--swiper-scrollbar-border-radius,10px);   position: relative;   -ms-touch-action: none;   background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1)) }
.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {   display: none!important }
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {   position: absolute;   left: var(--swiper-scrollbar-sides-offset,1%);   bottom: var(--swiper-scrollbar-bottom,4px);   top: var(--swiper-scrollbar-top,auto);   z-index: 50;   height: var(--swiper-scrollbar-size,4px);   width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)) }
.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {   position: absolute;   left: var(--swiper-scrollbar-left,auto);   right: var(--swiper-scrollbar-right,4px);   top: var(--swiper-scrollbar-sides-offset,1%);   z-index: 50;   width: var(--swiper-scrollbar-size,4px);   height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)) }
.swiper-scrollbar-drag {   height: 100%;   width: 100%;   position: relative;   background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));   border-radius: var(--swiper-scrollbar-border-radius,10px);   left: 0;   top: 0 }
.swiper-scrollbar-cursor-drag {   cursor: move }
.swiper-scrollbar-lock {   display: none }
.swiper-zoom-container {   width: 100%;   height: 100%;   display: flex;   justify-content: center;   align-items: center;   text-align: center }
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {   max-width: 100%;   max-height: 100%;   object-fit: contain }
.swiper-slide-zoomed {   cursor: move;   touch-action: none }
.swiper .swiper-notification,swiper-container .swiper-notification {   position: absolute;   left: 0;   top: 0;   pointer-events: none;   opacity: 0;   z-index: -1000 }
.swiper-free-mode>.swiper-wrapper {   transition-timing-function: ease-out;   margin: 0 auto }
.swiper-grid>.swiper-wrapper {   flex-wrap: wrap }
.swiper-grid-column>.swiper-wrapper {   flex-wrap: wrap;   flex-direction: column }
.swiper-fade.swiper-free-mode .swiper-slide {   transition-timing-function: ease-out }
.swiper-fade .swiper-slide {   pointer-events: none;   transition-property: opacity }
.swiper-fade .swiper-slide .swiper-slide {   pointer-events: none }
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {   pointer-events: auto }
.swiper-cube {   overflow: visible }
.swiper-cube .swiper-slide {   pointer-events: none;   -webkit-backface-visibility: hidden;   backface-visibility: hidden;   z-index: 1;   visibility: hidden;   transform-origin: 0 0;   width: 100%;   height: 100% }
.swiper-cube .swiper-slide .swiper-slide {   pointer-events: none }
.swiper-cube.swiper-rtl .swiper-slide {   transform-origin: 100% 0 }
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {   pointer-events: auto }
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev {   pointer-events: auto;   visibility: visible }
.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top {   z-index: 0;   -webkit-backface-visibility: hidden;   backface-visibility: hidden }
.swiper-cube .swiper-cube-shadow {   position: absolute;   left: 0;   bottom: 0px;   width: 100%;   height: 100%;   opacity: .6;   z-index: 0 }
.swiper-cube .swiper-cube-shadow:before {   content: '';   background: #000;   position: absolute;   left: 0;   top: 0;   bottom: 0;   right: 0;   filter: blur(50px) }
.swiper-flip {   overflow: visible }
.swiper-flip .swiper-slide {   pointer-events: none;   -webkit-backface-visibility: hidden;   backface-visibility: hidden;   z-index: 1 }
.swiper-flip .swiper-slide .swiper-slide {   pointer-events: none }
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {   pointer-events: auto }
.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top {   z-index: 0;   -webkit-backface-visibility: hidden;   backface-visibility: hidden }
.swiper-creative .swiper-slide {   -webkit-backface-visibility: hidden;   backface-visibility: hidden;   overflow: hidden;   transition-property: transform,opacity,height }
.swiper-cards {   overflow: visible }
.swiper-cards .swiper-slide {   transform-origin: center bottom;   -webkit-backface-visibility: hidden;   backface-visibility: hidden;   overflow: hidden }
/* ====================
* 
* 수정
*
========================*/


@media (max-width: 768px) {
	.main_wrap .inner { margin: 0px auto 0 !important; }
	.main_wrap .visual_section .visual_list .visuals .slo { font-size: 24px; }
	.main_wrap .visual_section .visual_list .visuals .slo em { font-size: 24px; }
	.main_wrap .visual_section .visual_list .visuals .tit { margin-top: 33px; font-size: 28px; line-height: 1.17; }
 }