@charset "UTF-8";


/* .g- = global */
.g_hidden { font-size: 1%; font-size: 100%; display: inline-block; height: 1px; width: 1px; overflow: hidden; margin: 0 -1px -1px 0; padding: 0; border: 0; background: none; visibility: visible; white-space: nowrap; }
caption .g_hidden, legend .g_hidden,
.g_absolute.c_hidden { position: absolute; clip: rect(0 0 0 0); clip: rect(0,0,0,0); clip-path: circle(0); width: auto; margin-right: 0; white-space: inherit; }

/* .c- = common */
.c_color_emph { color: #3B419A; }
.c_color_white { color: #FFFFFF; }
.c_bg_blue { background: #3B419A; }

/* .o- = object */
.o_section { position: static; color: #333333; width: 100%; overflow: hidden; margin: 10rem 0; }
.heading2 .inner { font-weight: bold; }
.heading2 .inner b { display: block; margin-bottom: 0.7rem; font-size: 1.4rem; font-weight: bold; text-transform: uppercase; }
.heading2 .inner .title { display: block; font-size: 2.8rem; font-weight: bold; }
.heading2 .inner .title.menu1 { font-size: 1.8rem; }
.description { margin: 2rem 0 5rem; font-size: 1.4rem; }

.o_section.common { margin: 10rem 0; }
.o_section.indicate { padding-top: 22rem; }
.o_section.c_bg_blue,
 section.c_bg_blue { color: #FFFFFF; }
.o_section.bg_common { position: relative; width: 100%; }
.o_section.bg_common::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX( -50%); z-index: -1; width: 100%; height: 25rem; background: #3B419A no-repeat; background-size: cover;  }
.o_section.bg_common .contents_wrap { padding-top: 5rem; }
.o_section.bg_common .contents_wrap >.heading2 { margin-bottom: 3rem; color: #FFFFFF; } 

.o_section.overview { margin: 0; }
.o_section.overview .contents_wrap { padding: 5rem 1.6rem 0; position: relative; }
.o_section.overview .description { margin: 0; font-size: 1.4rem; }
.o_section.overview .title::after { content: ""; display: block; margin: 2rem 0 0.6rem; min-width:100%; height: 32rem; background: url(/assets/img/partial/img_company.jpg) no-repeat; background-size: cover; }
.o_section.overview .title.menu2::after { background: url(/assets/img/partial/img_sism.jpg) no-repeat; background-size: cover; background-position: center center; }
.o_section.overview .title.menu3::after { background: url(/assets/img/partial/img_solution.jpg) no-repeat; background-size: cover; background-position: center center; }
.o_section.overview .title.menu4::after { background: url(/assets/img/partial/img_recruit.jpg) no-repeat; background-size: cover; background-position: center center; }
.o_section.overview .title.solution1::after { height: 20rem; background: url(/assets/img/partial/img_solution1.jpg) no-repeat; background-size: cover; background-position: center center; }
.o_section.overview .title.solution2::after { height: 20rem; background: url(/assets/img/partial/img_solution2.jpg) no-repeat; background-size: cover; background-position: center center; }

.o_icon { display: inline-block; vertical-align: middle; position: relative; width: 7rem; height: 7rem; }
.o_icon::before { content: ""; display: inline-block; vertical-align: middle; width: 4rem; height: 4rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: none no-repeat; background-size: cover; }

/* .m- = module */
.m_tabs { clear: both; position: relative; }
.m_tabs >* { display: table; table-layout: fixed; width: 100%; min-width: 100%; text-align: center; }
.m_tabs >* >* { display: table-cell; vertical-align: middle; width: 100%; }
.m_tabs >* >* >.label { display: table; position: relative; width: 100%; }
.m_tabs >* >* >.label >.inner { display: table-cell; vertical-align: middle; position: relative; }
.m_tabs >* >* >.label[aria-current="page"],
  .m_tabs >* >* >.label[aria-current="true"],
  .m_tabs >* >* >.label[aria-selected="true"],
  .m_tabs >* >* >.label._selected { z-index: 1; }

.m_list_case { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.m_list_case >li { display: flex; justify-content: space-between; }

.m_list_case .details .heading3 { font-size: 1.8rem; font-weight: bold; }
.m_list_case .details .info { font-size: 1.4rem; padding: 1rem 0; }
.m_list_case .m_group_btn { margin: -1rem 0 0 -1rem; display: -webkit-box; display: -ms-flexbox; display: flex; }
.m_list_case .m_group_btn li { margin: 1rem 0 0 1rem; }
.m_list_case .m_group_btn li .button { display: inline-flex; align-items: center; justify-content: space-between; min-width: 0; height: 100%; padding: 0; }

.m_list { clear: both; position: relative; }
.m_list >* { width: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.m_list >* >* { text-align: center; }

.m_container { width:100%; margin: 0 auto; overflow: hidden; }
.m_container >.cols_12 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; /* -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; */ }
.m_container >.cols_12 >.item.col_12 { width: 100%; }
.m_container >.cols_12 >.item.col_9 { width: 75%; }
.m_container >.cols_12 >.item.col_8 { width: 66.66%; }
.m_container >.cols_12 >.item.col_7 { width: 58.33%; }
.m_container >.cols_12 >.item.col_6 { width: 50%; }
.m_container >.cols_12 >.item.col_5 { width: 41.66%; }
.m_container >.cols_12 >.item.col_4 { width: 33.33%; }
.m_container >.cols_12 >.item.col_3 { width: 25%; }

.m_group_btn { margin: -1rem 0 0 -1rem; display:flex; font-size: 1.2rem; font-weight: bold; }
.m_group_btn li { margin: 1rem 0 0 1rem; }
.m_group_btn li .button { display: inline-flex; align-items: center; justify-content: space-between; min-width: 10.6rem; min-height: 3rem; height: 100%; border: 1px solid transparent; word-break: normal; }
.m_group_btn li a { display: block; }
.m_group_btn li .button > i { width: 1.2rem; height: 1.2rem; margin-left: 0.5rem; background-image: url('/assets/img/common/ico_btn_arrow1.png'); background-size: cover; background-position: center center; }
.m_group_btn li .button.type_2 { display: inline-flex; align-items: center; height: 100%; color: #3B419A; border: 1px solid transparent; }
.m_group_btn li .button.type_2 > i { width: 1.2rem; height: 1.2rem; background-image: url('/assets/img/common/ico_btn_arrow1_bl.png'); background-size: cover; background-position: center center; }
.m_group_btn li .button.type_3 { white-space: nowrap; display: inline-flex; align-items: center; width: 12rem; justify-content: center; min-height: 4rem; height: 100%; border: 1px solid transparent; border-radius: 2rem; background: linear-gradient(90deg, #3B419A 0%, #70489D 100%); color: #ffffff; }
.m_group_btn li .button.type_3 > i { height: 0.3rem; margin-left: 5%; background-image: url('/assets/img/common/ico_btn_arrow2.png'); background-size: cover; background-position: center center; }

/*-- Indicator Fixed Menu --*/
.doc_wrap .div_tab { position: fixed; bottom: 0; width: 100%; overflow: hidden; background: rgb(var(--color-ground)); background: #FFFFFF; box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.15); }
.doc_wrap .div_tab >.roles { overflow: auto; scroll-behavior: smooth; padding: 0; width: 100%; }
.m_tabs.type_nav_secondary { display: flex; align-items: center; justify-content: space-between; background: #FFFFFF; color: inherit; }
.m_tabs.type_nav_secondary .nav_secondary_item { min-height: 68px; }
.m_tabs.type_nav_secondary .nav_secondary_item .label[aria-current="page"] >.inner,
  .m_tabs.type_nav_secondary .nav_secondary_item .label[aria-current="true"] >.inner,
  .m_tabs.type_nav_secondary .nav_secondary_item .label[aria-selected="true"] >.inner,
  .m_tabs.type_nav_secondary .nav_secondary_item .label .inner { display: block; width: 100%; height: 100%; font-size: 1.4rem; padding: 0 1rem; border-left: 1px solid #EEEEEE; word-break: keep-all; }
  .m_tabs.type_nav_secondary .nav_secondary_item .label.page_on { z-index: 1; font-weight: bold;  color: #ffffff; background: #3B419A; }
  .m_tabs.type_nav_secondary .nav_secondary_item .label.page_on .inner { padding: 1.95rem 3rem; }
.m_tabs.type_nav_secondary .indicator { position: absolute; bottom: 0; left: 0; width: 0; height: 100%; background: rgba(59, 65, 154, 0.3); transition: width 0.1s, left 0.1s; }

/*-- menu 1 - 사업 분야 --*/
.list_1 >* { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.list_1 >* >li { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.list_1 >* >* >.list_items { padding: 2rem 0; }
.list_1 >* >*:nth-child(n+2) { border-top: 1px solid #EEEEEE; }
.list_1 >* >* >.list_items .group { display: flex; flex-direction: column; justify-content: center; text-align: left; padding: 0 0 0 3rem; }
.list_1 >* >* >.list_items >* >.head { font-size: 1.8rem; line-height: 1; font-weight: 600; }
.list_1 >* >* >.list_items >* >.data { font-size: 1.4rem; padding: 0.7rem 0; }

.o_icon.business_fields { margin: 2.5rem 0; background: #F5F5F5 no-repeat; background-size: cover; border-radius: 50%; }
.o_icon.business_fields.type_1::before { background-image: url('/assets/img/partial/ico_business_sism.png'); }
.o_icon.business_fields.type_2::before { background-image: url('/assets/img/partial/ico_business_solution.png'); }
.o_icon.business_fields.type_3::before { background-image: url('/assets/img/partial/ico_business_service.png'); }

/*-- menu 1 - 경영 철학 --*/
.philosophy { margin: 3rem auto 0; width: 27.9rem; }

/*-- menu 1 - 핵심 가치 --*/
.list_radius >* { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.list_radius >* >* { padding-top: 3rem; } 
.list_radius >* >* >.wrap .box_figure { position: relative; isolation: isolate; height: 15rem; border-radius: 0 30px 0 30px ; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25); background: none no-repeat; background-size: cover; overflow: hidden; }
.list_radius >* >* >.wrap .figure { height: 15rem; background: none no-repeat; background-size: cover; }
.list_radius >* >* >.wrap .box_figure .inner { position: absolute; bottom: 0; left: 0; width: 100%; height: 6.8rem; background: rgba(0, 0, 0, 0.5); border-radius: 0 0 0 30px;  }
.list_radius >* >* >.wrap .box_figure .inner p { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-end; justify-content: flex-end; font-size: 1.4rem; text-align: right; height: 100%; padding: 1.6rem; color: #FFFFFF; }
.list_radius >* >* >.wrap .figure.type_1 { background-image: url('/assets/img/partial/img_value1.jpg'); }
.list_radius >* >* >.wrap .figure.type_2 { background-image: url('/assets/img/partial/img_value2.jpg'); }
.list_radius >* >* >.wrap .figure.type_3 { background-image: url('/assets/img/partial/img_value3.jpg'); }
.list_radius >* >* >.wrap .figure.type_4 { background-image: url('/assets/img/partial/img_value4.jpg'); }

/*-- menu 1 - 경영진 소개 --*/
.cols_12.executive >* >.wrap { display: block; background: #FFFFFF; }
.cols_12.executive >.item.box_career { display: flex; justify-content: flex-start; padding: 1.6rem 0 2rem 0; }
.cols_12.executive >.item.box_career >* >* >* { display: flex; font-size: 1.2rem; }
.cols_12.executive >.item.box_career >* >* >* >.label { padding-right: 1.6rem; font-size: 1.4rem; font-weight: bold; }
.cols_12.executive >.item.box_career >* >* >* >ul li { line-height: 2; font-size: 1.4rem; }
.cols_12.executive >.item.box_img >* { position: relative; }
.cols_12.executive >.item.box_img >* >.figure { position: relative; max-width: 100%; height:15rem; background: rgba(255, 232, 255, 0.2); background: none no-repeat; background-size: cover; background-position: center center; }
.cols_12.executive >.item.box_img >* >.figure figcaption { position: absolute; top: 3rem; left: 3rem; }
.cols_12.executive >.item.box_img >* >.figure figcaption .inner { font-size: 2rem; font-weight: bold; }
.cols_12.executive >.item.box_img >* >.figure figcaption .inner >strong { font-size: 1.6rem; display: block; color: #3B419A; }
.cols_12.executive >.item.box_img >* >.figure.type_1 { background-image: url('/assets/img/partial/img_executive1.jpg'); }
.cols_12.executive >.item.box_img >* >.figure.type_2 { background-image: url('/assets/img/partial/img_executive2.jpg'); }
.cols_12.executive >.item.box_img >* >.figure.type_3 { background-image: url('/assets/img/partial/img_executive3.jpg'); }

/*-- menu 1 - 기업 Identity --*/
.list_disc.identity >* { margin: 3rem 0; }
.list_disc.identity >* >h3 { font-size: 1.8rem; font-weight: bold; }
.list_disc.identity >* >p { font-size: 1.4rem; padding-top: 1rem; }

.identity_symbol { padding: 3rem 0 0; }
.identity_symbol >* { text-align: center; } 
.identity_symbol >.symbol >* >* >* { display: block; margin: auto; max-width: 30rem; } 
.identity_symbol >.explain { text-align: left; font-size: 1.8rem; font-weight: bold; }
.identity_symbol >.explain >* >p { font-size: 1.4rem; font-weight: 500; padding-top: 0.6rem; } 

/* Scroll Animation (sa, 스크롤 애니메이션) */
.sa { opacity: 0; transition: all 1.5s ease; }
.sa_up { transform: translate(0, 10px); }
.sa_scaleUp { transform: scale(1.0); }
.sa.show { opacity: 1; transform: none; }

/*-- menu 1 - 우리가 걸어온 길 --*/
.o_section.history .box_heading { background-color: #E5E5E5; height: 22rem; background: url(/assets/img/partial/bg_history.jpg) no-repeat; background-size: cover; background-position: center center; }
.o_section.history .box_heading .contents_wrap { height: 22rem; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-end; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; }
.o_section.history .box_heading .contents_wrap >* { width: 100%; font-size: 2.8rem; color: #FFFFFF; }
.o_section.history .box_heading .contents_wrap .description { font-size: 1.4rem; margin: 0.5rem 0 2rem; }
.o_section.history .box_history .group_history >.bg_typo { position: static; padding: 5rem 0 2rem; }
.o_section.history .box_history .group_history >.bg_typo img { display: block; max-width: 19.5rem; }

/* 연혁 */
.tab_history { margin: auto; display: flex; flex-direction: column; padding: 1rem 0; }
.item_year { display: flex; flex-direction: row; }
.tab_button {align-self: flex-start; border: none; background: #FFFFFF; cursor: pointer; color: #D3D5FB; padding: 1rem; transition: 0.5s; min-width: 2.8rem; font-size: 2.8rem; font-weight: bold; line-height: 1;
  -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; text-orientation: upright; word-break: break-all; }
/* .tab_button .wave { display: block; transform: rotate(90deg); } */
.tab_button:hover { color: #3B419A; }
.tab_button.tab_on { color: #3B419A; }
.tab_history .content { display: none; padding: 5px; }
.tab_history .content.tab_on { display: block; }
.group_history .list_works >li { position: relative; font-size: 1.6rem; }
.group_history .list_works >li::before { content: ""; position: absolute; left: 0.55rem; top: 0.8rem; transform: translateX(-0.5rem); width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #3B419A; overflow: hidden; }
.group_history .list_works >li::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.group_history .list_works >li >.inner { display: block; padding-left: 1.5rem; margin-bottom: 2rem; }

/*-- menu 1 - 오시는 길 --*/
.o_section.common.direction { margin: 0; padding: 20rem 0; }
.o_section.direction .map_container { margin: 10rem 0 3rem; }
.map_container .map_box { width: 100%; height: 300px; }

.list_map >* >* { width: calc(50% - 2rem); text-align: left; }
.list_map >* >* >.list_items { padding-bottom: 20px; }
.list_map >* >* >.list_items > .head { display: block; font-size: 20px; font-weight: bold; padding-bottom: 10px; }
.list_map >* >* >.list_items > .group_info { padding-bottom: 30px; font-size: 18px; }

/*-- menu2 - SI/SM --*/
.section_case.c_bg_blue { display: flex; align-items: center; }
.section_case .case_head h3 { font-size: 1.8rem; font-weight: bold; }
.section_case .case_head .description { font-size: 1.4rem; margin: 1rem 0 1rem; }
.section_case img { display: block; margin: 3rem auto 0; } 
.section_case { margin: 5rem 0; }
.section_case.case2, .section_case.case4, .section_case.case6 { padding: 5rem 0; }
.section_case.case5 .case_info { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; }

/*-- menu3 - SOLUTION --*/
.solution1 .wrap.cont_img,
  .solution2 .wrap.cont_img { margin: auto; }
.m_list_case.solution >li { flex-direction: column; }
.m_list_case.solution >li:nth-child(n+2) { margin: 11rem 0 7rem; }
.m_list_case.solution >li .details { padding-bottom: 1rem; }
.m_list_case.solution >li picture { max-height: 30rem; }

/* menu3-2, menu3-3 공통 */
.p_sub { position: fixed; left: 0; top: 0; min-width: 100%; min-height: 100%; overflow: hidden; margin: 0 auto; color: #333333; }
.p_sub .group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; margin: auto; justify-content: center; }

.section.contents_wrap { height: 100%; display: flex; justify-content: center; }
.fullpage_center { height: 100%; padding-top: 6rem; display: flex; flex-direction: column; justify-content: center; }
.fullpage_center.cont_end { justify-content: flex-end; }
.m_container.solution .cols_12 .item { display: flex; align-items: center; font-size: 1.4rem; font-weight: 500; }
.m_container.solution .cols_12 .item .head { font-size: 1.8rem; font-weight: bold; margin-bottom: 1rem; }

.region_contain_link { padding: 5rem 0; background: #ECEDF5; }
.region_contain_link >* { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.region_contain_link >* .group_text { color: #3B319A; }
.region_contain_link >* .group_text .message { font-size: 2.8rem; font-weight: bold; margin: 0.3rem 0 2.3rem; }

/*-- menu3-2 - SOLUTION CASE1(V-PIER) --*/
.solution1 .case1 img { margin-top: 4.6rem; }
.solution1 .case2 img { margin-top: 8.2rem; }

.m_list_case.solution1 { height: 100%; flex-wrap: nowrap; justify-content: center; }
.m_list_case.solution1 >li.info_1 img { padding: 0 1rem; }
.m_list_case.solution1 >li .info_1_title { font-size: 1.8rem; font-weight: bold; padding-bottom: 5rem; }
.m_list_case.solution1 >li .info_3_title { font-size: 1.8rem; text-align: center; margin-bottom: 5rem; }

.solution1 .m_list >* { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.solution1 .m_list >* >* >.list_items { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.solution1 .m_list >* >* >.list_items .head .inner { display: block; width: 10.2rem; height: 5.6rem; background: none no-repeat; background-position: center center; background-size: contain; }
.solution1 .m_list >* >* >.list_items .head .inner.cylinder1 { background-image: url('/assets/img/partial/img_solution_case1_viper_c.png'); }
.solution1 .m_list >* >* >.list_items .head .inner.cylinder2 { background-image: url('/assets/img/partial/img_solution_case1_viper_w.png'); }
.solution1 .m_list >* >* >.list_items .head .inner.cylinder3 { background-image: url('/assets/img/partial/img_solution_case1_viper_t.png'); }
.solution1 .m_list >* >*:nth-child(n+2) .head::before { content: ""; display: inline-block; margin: 3rem 0; vertical-align: middle; width: 2rem; height: 2rem; background: url('/assets/img/partial/img_solution_case1_viper_arrow.png') no-repeat; background-size: cover; }
.solution1 .m_list >* >* >.list_items .data { font-size: 1.4rem; text-align: left; margin-top: 2rem; }


/*-- menu3-3 - SOLUTION CASE2(전자명함 시스템) --*/
.solution2 .case1 img { margin-top: 9rem ; max-width: 19.4rem; }
.solution2 .case2 img { margin-top: 8.5rem; max-width: 27rem; }
.solution2 .case3 img { margin-top: 9rem; max-width: 27rem; }
.solution2 .case4 img { margin-top: 7rem; max-width: 32.6rem; }

.bg_grad { background: linear-gradient(360deg, rgba(236, 237, 245, 1) 0%, rgba(207, 235, 255, 0) 100%); }
.bg_business_card { background: url('/assets/img/partial/bg_solution_case2_5.png') #3B419A no-repeat; background-size: 100%; background-position: center bottom 15%; }
.bg_business_card >* { height: 100%; display: flex; align-items: center; }
.bg_business_card >* >* { display: flex; justify-content: flex-start; margin-top: 30.33%; }

/*-- menu4 - 인재상 --*/
.o_icon.talent { margin: 2.5rem 0; background: #F5F5F5 no-repeat; background-size: cover; border-radius: 50%; }
.o_icon.talent.type_1::before { background-image: url('/assets/img/partial/ico_recruit_talent1.png'); }
.o_icon.talent.type_2::before { background-image: url('/assets/img/partial/ico_recruit_talent2.png'); }
.o_icon.talent.type_3::before { background-image: url('/assets/img/partial/ico_recruit_talent3.png'); }

/*-- menu4 - 복리후생 --*/
.cols_12.welfare { padding: 1.6rem; justify-content: space-between; }
.cols_12.welfare >.item.col_6 { width: calc(50% - 0.5rem); }
.cols_12.welfare >.item.col_6:nth-child(n+3) { margin-top: 1rem; }
.cols_12.welfare >.item.col_6 >.wrap { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); border-radius: 1rem; }
.cols_12.welfare >.item.col_6 >.wrap >* { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.cols_12.welfare >.item.col_6 >.wrap >.welfare_img { justify-content: center; height: 10.6rem; border-radius: 2rem 2rem 0 0; background: #ffffff; }
.cols_12.welfare >.item.col_6 >.wrap >.welfare_info { height: 8.5rem; padding: 1rem 0; text-align: center; align-items: center; justify-content: center; border-radius: 0 0 1rem 1rem; background: #EEEEEE; }
.welfare_img picture img { display: block; max-height: 7.2rem; object-fit: cover; }
.welfare_info .wf_cate_title { font-size: 1.4rem; font-weight: bold; }
.welfare_info .wf_sub_text { font-size: 1.2rem; }

/*-- menu4 - 채용절차 --*/
.recruitment_process { margin: 5rem auto 3rem; width: 100%; display: flex; flex-direction: column; align-items: center; }
.recruitment_process .group_lg { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; }
.recruitment_process .circle { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 9rem; height: 9rem; margin: 0 0.5rem; border-radius: 50%; background: rgba(248, 248, 248, 1); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
.recruitment_process .circle._lg img { height: 30px; object-fit: cover; }
.recruitment_process .circle._grad { width: 12rem; height: 12rem; background: linear-gradient(90deg, #3B419A 0%, #70489D 100%); }
.recruitment_process .circle._grad img { height: 50px; object-fit: cover; }
.recruitment_process .circle p { padding-top: 0.6rem; font-size: 1.2rem; font-weight: bold; }
.recruitment_process .circle._grad p { color: #FFFFFF; font-size: 1.4rem; }
.recruitment_process .o_icon.arrow { display: inline-block; vertical-align: middle; position: relative; width: 1rem; height: 2rem; margin: 3rem 0; }
.recruitment_process .o_icon.arrow::before { content: ""; display: inline-block; vertical-align: middle; width: 1rem; height: 2rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url('/assets/img/partial/ico_recruit_arrow.png') no-repeat; background-size: cover; }
.notice_recruit { font-size: 1.4rem; font-weight: bold; text-align: center; }
.notice_recruit::before { content: "※"; display: inline-block; padding-right: 0.4rem; }

/*-- menu4 - FAQ --*/
.list_qna { padding-top: 3rem; }
.accordion { border-top: 2px solid #333333; }
.accordion > li:nth-child(n+1) { border-bottom: 1px solid #DDDDDD; }
.accordion input { display: none; }
.accordion label { display: block; position: relative; width: 100%; font-size: 1.4rem; font-weight: 500; color: #000; padding: 2rem 1.4rem; cursor: pointer; }
.accordion label .inner { display: flex; flex-direction: row; }
.accordion label .inner .item { font-size: 1.4rem; margin-right: 1.5rem; }
.accordion input + label::after { content: ""; position: absolute; top: 50%; right: 1.4rem; transform: translateY(-50%); width: 2rem; height: 2rem; background: url('/assets/img/partial/ico_accordion_open.png') no-repeat; background-size: contain; }
.accordion input + label { color: #292929; }
.accordion input + label.active { color: #292929; }
.accordion input:checked + label.active { color: #3b419a;}
.accordion input:checked + label:active::after { content: ""; position: absolute; top: 50%;  right: 1.4rem; transform: translateY(-50%); width: 2rem; height: 2rem; background: url('/assets/img/partial/ico_accordion_close.png') no-repeat; background-size: contain; }
.accordion input + label + .fac_answer { display: none; overflow: hidden; padding: 2rem 1.4rem; font-size: 1.4rem; background: #ECEDF5; -webkit-transition: all 0.35s ease 0.15s; transition: all 0.35s ease 0.15s; }
.accordion input:checked + label.active::after { content: ""; position: absolute; top: 50%; right: 1.4rem; transform: translateY(-50%); width: 2rem; height: 2rem; background: url('/assets/img/partial/ico_accordion_close.png') no-repeat; background-size: contain; }
.accordion input:checked + label.active + .fac_answer { display: block; height: auto; padding: 2rem 1.4rem; -webkit-transition: all 0.35s ease 0.15s; transition: all 0.35s ease 0.15s; }
.accordion input + label.active::after { content: ""; position: absolute; top: 50%; right: 1.4rem; transform: translateY(-50%); width: 2rem; height: 2rem; background: url('/assets/img/partial/ico_accordion_open.png') no-repeat; background-size: contain; }

.accordion input:checked + label + .fac_answer p { display: flex; align-content: center; }
.accordion input:checked + label + .fac_answer p::before { content: "A"; display: inline-block; font-size: 1.4rem; margin-right: 1.5rem; } 


/*-- menu4 - 지원하기 --*/
.how_to_apply { margin: 3rem auto; display:flex; flex-direction: column; }
.how_to_apply .apply .button { width: 100%; position: relative; display: flex; flex-direction: row; align-items: center; border: 1px solid #D8DCE7; border-radius: 10px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); margin-top: 1rem; padding: 2rem 3rem; }
.how_to_apply .apply .button::after { content: ""; position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); width: 2.4rem; height: 2.4rem; background: url('/assets/img/partial/ico_recruit_apply.png') no-repeat; background-size: contain; }
.how_to_apply .apply .ico_apply { width: 4rem; height: 4rem; }
.how_to_apply p { font-size: 1.6rem; padding-left: 4rem; font-weight: bold; }
.how_to_apply .m_group_btn { margin: 0; }
.how_to_apply .m_group_btn li { margin: 0; }


/*-- menu5 - 문의하기 --*/
.o_section.contact .description { margin: 1rem 0 2rem; font-size: 1.4rem; }
.o_section.contact .m_group_btn { flex-wrap: wrap; }
.o_section.contact .map_container { margin-top: 2rem; }
.m_list.type_map >* { flex-direction: column; }
.m_list.type_map >* >* { text-align: left; }
.m_list.type_map >* >* { margin: 2rem 0 0; }
.m_list.type_map >* >* >.list_items { display: flex; }
.m_list.type_map >* >* >.list_items > .head { display: block; min-width: 5rem; font-size: 1.6rem; font-weight: bold; margin-right: 2rem; }
.m_list.type_map >* >* >.list_items > .group_info { font-size: 1.4rem; }
.m_list.type_map >* >* >.list_items > .group_info .box_cate:nth-child(2) { padding-top: 2rem; }
.m_list.type_map >* >* >.list_items > .group_info .title { margin-bottom: 0.7rem; font-weight: bold; }


/*-- menu5 - 문의하기, 메인 화면 section5 --*/
.map_info.index { background: #3B419A; }
.map_info.index ul { width: 100%; height: 54px; display: flex; justify-content: center; align-items: center; color: #ffffff; }
.map_info.index ul li { display: inline-flex; font-size: 1.3rem; color: #ffffff; }
.map_info.index ul li >* { display: block; height: 100%; text-align: center; }
.map_info.index .ico_contact {display: inline-block; vertical-align: middle; position: relative; width: 1.4rem; height: 1.4rem; margin-right: 0.5rem; }
.map_info.index .ico_contact::before { content: ""; display: inline-block; vertical-align: top; width: 1.4rem; height: 1.4rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: none no-repeat; }
.map_info.index .ico_contact.address::before { background-image: url('/assets/img/partial/ico_contact_address.png'); background-size: 10px 14px; }


#fullpage .o_section.overview .fp-tableCell { vertical-align: baseline !important; }

@media all and (max-width: 411px){ 
  .m_group_btn { margin: -0.5rem 0 0 -0.5rem; }
  .m_group_btn li { margin: 0.5rem 0 0 0.5rem; }
  .m_group_btn li .button.type_3 { width: auto; min-width: 10rem; }
  .tab_button { font-size: 2rem; }
  #fullpage .visual_content { height: auto !important; padding: 0 1.6rem 1rem; }
  .visual_content .visual_text { padding-top: 13.2rem; text-align: left; color: #ffffff; line-height: 1; }
  .o_section.overview .contents_wrap { padding: 2rem 1.6rem 0; }
  .o_section.overview .title::after { margin: 0.5rem 0 0.6rem; }
  .o_section.overview .title.solution1::after { height: 18rem; }
  .o_section.overview .title.solution2::after { height: 18rem; }
  .description { margin : 2rem 0 2rem; }
  .solution1 .wrap.cont_img, .solution2 .wrap.cont_img { width: 70%; }
  .m_list_case.solution1 >li .info_1_title { padding-bottom: 2rem; } 
  .m_list_case.solution1 >li img { display: block; margin: auto; }
  .m_list_case.solution1 >li.info_1 img { width: 80%; }
  .m_list_case.solution1 >li.info_3 img { width: 90%; }
  .m_list_case.solution1 >li .info_3_title { font-size: 1.6rem; text-align: center; margin-bottom: 2rem; }
  .solution1 .case1 img { margin-top: 2rem; }
  .solution1 .case2 img { margin-top: 5rem; }
  .m_list_case.solution2 >li img { display: block; margin: 100%; }
  .solution2 .case1 img { margin-top: 5rem ; max-width: 100%; }
  .solution2 .case2 img { margin-top: 5rem; max-width: 100%; }
  .solution2 .case3 img { margin-top: 5rem; max-width: 100%; }
  .solution2 .case4 img { margin-top: 5rem; max-width: 100%; }
  .solution1 .m_list >* >*:nth-child(n+2)::before { content: ""; display: inline-block; vertical-align: middle; width: 2rem; height: 2rem; background: url('/assets/img/partial/img_solution_case1_viper_arrow.png') no-repeat; background-size: cover; }
  .solution1 .m_list >* >*:nth-child(n+2) .head::before { margin: 0; width: 0; height: 0; vertical-align: unset; background: none no-repeat; }
  .solution1 .m_list >* >* >.list_items { flex-wrap: nowrap; }
  .solution1 .m_list >* >* >.list_items .data { margin-top: 0; margin-left: 3rem; }
  .region_contain_link >* .group_text .message { font-size: 2.4rem; }
  .map_container .map_box { height: 230px; }
}