@charset "UTF-8";

/* **************************************************************************************** *
* header
* **************************************************************************************** */
.header { z-index: 100; position: fixed; top: 0; left: 0; width: 100%; border-bottom: 1px solid #fff; background-color: #fff; }
.header .header_inner { display: flex; align-items: center; justify-content: space-between; }
.header .logo { display: flex; flex-shrink: 0; align-items: center; }
.header .logo .logo_img { display: block; width: 16.1rem; }
.header .logo .logo_img img { width: 100%; }
.header .utill_area { display: flex; flex-shrink: 0; align-items: center; }
.header .utill_area .btn_utill { display: flex; align-items: center; height: 4.5rem; padding: 1rem 2.5rem; border: 1px solid #ddd; border-radius: 100px; background-color: #fff; font-size: 1.8rem; line-height: 1.3; }
.header .utill_area .btn_login { width: 4.8rem !important; height: 5.3rem !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: url(../../images/common/logo03.png) no-repeat center/contain !important; font-size: 0 !important; }
.header .btn_sitemap { display: block; position: relative; flex-shrink: 0; width: 3rem; height: 1.6rem; margin-left: 3rem; }
.header .btn_sitemap .bar_item { display: block; position: absolute; left: 0; width: 100%; height: 0.3rem; background: #000; font-size: 0; will-change: transform; }
.header .btn_sitemap .bar_item:nth-child(1) { top: 0%; transition: top 0.2s 0.2s, transform 0.2s; }
.header .btn_sitemap .bar_item:nth-child(2) { top: calc(100% - 0.3rem); transition: top 0.2s 0.2s, transform 0.2s; }
.header .btn_sitemap.active .bar_item:nth-child(1) { top: calc(50% - 1px); width: 100%; transform: rotate(45deg); transition: top 0.2s, transform 0.2s 0.2s; }
.header .btn_sitemap.active .bar_item:nth-child(2) { top: calc(50% - 1px); width: 100%; transform: rotate(-45deg); transition: top 0.2s, transform 0.2s 0.2s; }
.header .header_bg { display: none; }
.header.scroll { border-color: #ddd; }

/* **************************************************************************************** *
* footer
* **************************************************************************************** */
.footer { position: relative; padding: 6rem 0; background-color: #292929; word-break: keep-all; }
.footer .footer_inner { position: relative; width: 100%; padding-right: 140px; padding-left: 140px; }
.footer .foot_menu { display: flex; flex-wrap: wrap; padding-bottom: 2rem; gap: 4rem; border-bottom: 1px solid #5e5e5e; }
.footer .foot_menu > a { flex-shrink: 0; color: #999; font-size: 1.7rem; }
.footer .foot_menu > a.highlight { color: var(--cm_color1) !important; }
.footer .foot_menu > a:hover,
.footer .foot_menu > a:focus-visible { text-decoration: underline; }
.footer .foot_info { position: relative; padding-top: 2.5rem; }
.footer .foot_info .info_address { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; color: #999; font-size: 1.7rem; }
.footer .foot_info .info_address p > span { color: #fff; }
.footer .foot_info .info_copy { margin-top: 0.5rem; color: #666; }
.footer .foot_logo { position: absolute; right: 140px; bottom: 0; }
.footer .btn_top { z-index: 99; position: fixed; right: calc(140px - 7rem - 30px); bottom: 50px; width: 7rem; height: 7rem; overflow: hidden; border-radius: 100%; background: var(--cm_color1) url(../../images/common/icon_top.svg) no-repeat center/contain; font-size: 0; text-indent: -9999px; }

/* **************************************************************************************** *
* layout
* **************************************************************************************** */
.inner { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0; transition: width 0.2s, padding 0.2s; }
.container { min-height: calc(100vh - 95px - 246px); margin-top: 95px; }

/* sub_contents */
.sub_contents { padding: 8rem 0 15rem; }
.sub_contents .page_title_area { position: relative; width: 100%; margin-bottom: 10rem; }
.sub_contents .page_title_area .inner { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.sub_contents .page_title_area .page_title { font-weight: 700; font-size: 5.4rem; line-height: 1.4; }
.sub_contents .page_title_area .page_breadcrumb { display: flex; align-items: center; justify-content: center; margin-bottom: 4rem; gap: 3.4rem; }
.sub_contents .page_title_area .page_breadcrumb > li { position: relative; font-size: 1.8rem; }
.sub_contents .page_title_area .page_breadcrumb > li:before { display: block; position: absolute; top: 50%; left: -1.7rem; width: 0.3rem; height: 0.3rem; margin-top: -0.15rem; background: #c4c9d1; content: ""; }
.sub_contents .page_title_area .page_breadcrumb > li:first-child:before { display: none; }
.sub_contents .page_title_area .page_breadcrumb > li.bcmb_home { display: block; width: 1.2rem; height: 1.2rem; overflow: hidden; background: url(../../images/common/icon_home.svg) no-repeat center/contain; text-indent: 100%; white-space: nowrap; }
.sub_contents .page_title_area .page_breadcrumb > li:last-child { color: #000; font-weight: 500; }
.sub_contents .real_content { min-height: 15.5rem; font-family: "Pretendard", "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif; }
.sub_contents .cm_cont + .cm_cont { margin-top: 6rem; }

/* **************************************************************************************** *
* main
* **************************************************************************************** */
.main_contents .main_cont { position: relative; margin-bottom: 15rem; overflow: hidden; word-break: keep-all; }
.main_contents .main_title_area { position: relative; flex-shrink: 0; margin-bottom: 5rem; line-height: 1.3; word-break: keep-all; }
.main_contents .main_title_area .main_cate { margin-bottom: 1.5rem; color: var(--cm_color1); font-weight: 700; font-size: 2rem; }
.main_contents .main_title_area .main_title { font-size: 4rem; }
.main_contents .main_title_area .main_title > b { font-weight: 700; }
.main_contents .main_title_area .main_desc { margin-top: 1.5rem; font-size: 2.2rem; }
.main_contents .main_title_area .main_more { margin-top: 3rem; }
.main_contents .main_layout { display: flex; }
.main_contents .btn_more { display: inline-flex; align-items: center; color: #333; font-size: 1.7rem; vertical-align: top; }
.main_contents .btn_more:after { display: block; width: 3rem; height: 3rem; margin-left: 1.2rem; background: url(../../images/common/icon_arr01.svg) no-repeat center/contain; content: ""; }
.main_contents .btn_more:hover,
.main_contents .btn_more:focus-visible { text-decoration: underline; }
.main_contents .main_visual { margin-bottom: 10rem; }
.main_contents .main_visual .inner { max-width: 100% !important; padding: 0 !important; }
.main_contents .main_visual .visual_box { position: relative; width: 100%; overflow: hidden; }
.main_contents .main_visual .visual_box .img_box:after { display: block; width: 100%; padding-top: 660px; /* padding-top: 43.536%; */
  content: ""; }
.main_contents .main_visual .visual_box .img_box > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.main_contents .main_visual .visual_box .img_box > img.img_mo { display: none; }
.main_contents .main_visual .visual_box .text_box { display: flex; position: absolute; top: 0; left: 0; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 5rem 10rem; }
.main_contents .main_visual .visual_box .text_box > img.img_mo { display: none; }
.main_contents .main_visual .visual_box .text_box > p { margin-top: 6rem; color: #fff; font-size: 2.7rem; text-align: center; }
.main_contents .main_visual .visual_box .btn_scroll { display: none; }
.main_contents .main_bisn { display: flex; gap: 1.7rem; }
.main_contents .main_bisn .bisn_item { display: block; position: relative; width: 100%; min-height: 36rem; padding: 5rem; overflow: hidden; border-radius: 20px; background: linear-gradient(0deg, #eee 0%, #999 100%); color: #fff; }
.main_contents .main_bisn .bisn_item .item_title { font-weight: 700; font-size: 2.6rem; }
.main_contents .main_bisn .bisn_item .item_desc { margin-top: 1rem; font-size: 1.8rem; }
.main_contents .main_bisn .bisn_item .item_img { position: absolute; right: 4rem; bottom: 4rem; width: 9.4rem; height: 9.4rem; overflow: hidden; border-radius: 100%; background: rgba(255, 255, 255, 0.1); }
.main_contents .main_bisn .bisn_item1 { background: linear-gradient(180deg, #3c6fbe 0%, #354a8d 100%); }
.main_contents .main_bisn .bisn_item2 { background: linear-gradient(180deg, #5b649a 0%, #3e4169 100%); }
.main_contents .main_bisn .bisn_item3 { background: linear-gradient(180deg, #3d8ea1 0%, #226575 100%); }
.main_contents .main_bisn .bisn_item4 { background: linear-gradient(180deg, #73b857 0%, #388a46 100%); }
.main_contents .main_cont2 .inner { justify-content: space-between; }
.main_contents .main_cont2 .main_notice { width: 100%; max-width: 85rem; margin-top: 4rem; margin-left: 5rem; }
.main_contents .main_notice .list_body { border-top: 1px solid #000; }
.main_contents .main_notice .list_body > .list_item { border-bottom: 1px solid #000; }
.main_contents .main_notice .item_box { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 10rem; padding: 2rem; }
.main_contents .main_notice .item_box .item_title { width: 100%; padding-right: 2rem; overflow: hidden; font-weight: 500; font-size: 2rem; text-overflow: ellipsis; white-space: nowrap; }
.main_contents .main_notice .item_box .item_date { flex-shrink: 0; color: #767676; font-size: 1.8rem; }
.main_contents .main_notice .item_box:focus-visible { outline-offset: -10px; }
.main_contents .main_notice .item_box:hover .item_title,
.main_contents .main_notice .item_box:focus-visible .item_title { text-decoration: underline; }
.main_contents .main_cont3 .main_title_area { margin-bottom: 6rem; }
.main_contents .main_logo { padding: 2rem 0; }
.main_contents .main_logo .list_body { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8rem 0; }
.main_contents .main_logo .list_body > .list_item { display: flex; align-items: center; justify-content: center; width: 25%; }
.main_contents .main_logo .list_body > .list_item:first-child,
.main_contents .main_logo .list_body > .list_item:nth-child(4n+4),
.main_contents .main_logo .list_body > .list_item:nth-child(5),
.main_contents .main_logo .list_body > .list_item:nth-child(9),
.main_contents .main_logo .list_body > .list_item:last-child { flex-shrink: 0; width: 17%; }
.main_contents .main_logo .list_body .item_box { display: block; }
.main_contents .main_logo .list_body .item_box:focus-visible { outline-offset: 0; }

/* **************************************************************************************** *
* 서브공통
* **************************************************************************************** */
.sub_contents .sub_visual { width: 100vw; margin-left: calc((-100vw + 1400px) / 2); padding: 0 20px; }
.cm_link_list li { display: flex; z-index: 1; position: relative; margin-bottom: 1.2rem; }
.cm_link_list li:last-child { margin-bottom: 0; }
.cm_link_list .link_subj { position: relative; max-width: 100%; padding-left: 3.2rem; overflow: hidden; color: var(--cm_color1); text-decoration: underline; text-overflow: ellipsis; white-space: nowrap; }
.cm_link_list .link_subj:before { position: absolute; top: 0.1rem; left: 0; width: 1.8rem; height: 1.9rem; background: url(../../images/common/icon_link02.svg) no-repeat center/contain; content: ""; }
.cm_link_list .link_subj:hover { text-decoration: underline; }

/* **************************************************************************************** *
* 회사소개
* **************************************************************************************** */
/*  회사소개 - 연혁 */
.history_area { position: relative; }
.history_area .his_visual { width: 100vw; margin-left: calc((-100vw + 1400px) / 2); padding: 0 20px; }
.history_area .his_cont { position: relative; margin-top: 13rem; }
.history_area .his_cont:after { position: absolute; top: 0; bottom: 0; left: 6rem; width: 1px; background-color: var(--cm_color1); content: ""; }
.history_area .his_cont .his_box { display: flex; position: relative; align-items: flex-start; padding-bottom: 13rem; padding-left: 30rem; }
.history_area .his_cont .his_box:last-child { margin-bottom: 13rem; padding-bottom: 0; }
.history_area .his_cont .his_box .box_icon { z-index: 2; position: absolute; top: -7.5rem; bottom: 0; left: -4rem; width: 20rem; }
.history_area .his_cont .his_box .box_icon > img { position: absolute; top: 0; left: 0; width: 20rem; height: 20rem; }
.history_area .his_cont .his_box .box_year { flex-shrink: 0; width: 23rem; font-weight: 700; font-size: 5rem; line-height: 1; }
.history_area .his_cont .his_box .list_item { display: flex; width: 100%; word-break: keep-all; }
.history_area .his_cont .his_box .list_item + .list_item { margin-top: 1.5rem; }
.history_area .his_cont .his_box .list_item dt { flex-shrink: 0; width: 7rem; font-weight: 700; font-size: 1.8rem; }
.history_area .his_cont .his_box .list_item dd { width: 100%; font-weight: 500; font-size: 1.8rem; }

/*  회사소개 - 비전 */
.vision_area { margin-top: 9rem; word-break: keep-all; }
.vision_area .text2 { font-weight: 500; font-size: 1.8rem; line-height: 1.8; }
.vision_area .overview_area { display: flex; }
.vision_area .overview_area .ovw_item { width: 100%; }
.vision_area .overview_area .ovw_item dt { margin-bottom: 2.5rem; color: var(--cm_color1); font-weight: 700; font-size: 2rem; }
.vision_area .overview_area .ovw_item dd { font-weight: 700; font-size: 2.6rem; }
.vision_area .overview_area .bisn_info { display: flex; gap: 1.7rem; }
.vision_area .overview_area .bisn_info .bisn_item { display: block; position: relative; width: 100%; min-height: 36rem; padding: 5rem; overflow: hidden; border-radius: 20px; background: linear-gradient(0deg, #eee 0%, #999 100%); color: #fff; }
.vision_area .overview_area .bisn_info .bisn_item .item_title { font-weight: 700; font-size: 2.6rem; }
.vision_area .overview_area .bisn_info .bisn_item .item_desc { margin-top: 1rem; font-size: 1.8rem; }
.vision_area .overview_area .bisn_info .bisn_item .item_img { position: absolute; right: 4rem; bottom: 4rem; width: 9.4rem; height: 9.4rem; overflow: hidden; border-radius: 100%; background: rgba(255, 255, 255, 0.1); }
.vision_area .overview_area .bisn_info .bisn_item1 { background: linear-gradient(180deg, #3c6fbe 0%, #354a8d 100%); }
.vision_area .overview_area .bisn_info .bisn_item2 { background: linear-gradient(180deg, #5b649a 0%, #3e4169 100%); }
.vision_area .overview_area .bisn_info .bisn_item3 { background: linear-gradient(180deg, #3d8ea1 0%, #226575 100%); }
.vision_area .overview_area .bisn_info .bisn_item4 { background: linear-gradient(180deg, #73b857 0%, #388a46 100%); }

/*  회사소개 - 조직도 */
.organization_area { text-align: center; }
.organization_area .org_step { display: flex; z-index: 1; position: relative; align-items: flex-start; justify-content: center; }
.organization_area .org_step:before { z-index: -1; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background-color: #ddd; content: ""; }
.organization_area .org_step:after { z-index: -1; position: absolute; top: 0; background-color: #ddd; content: ""; }
.organization_area .org_step .step_box { position: relative; }
.organization_area .org_step .step_item { display: flex; position: relative; align-items: center; justify-content: center; min-width: 28rem; height: 7rem; border: 3px solid #ddd; border-radius: 0 25px 0 0; background-color: #fff; font-weight: 700; font-size: 2.2rem; }
.organization_area .org_step .step_item:before { z-index: -1; position: absolute; content: ""; }
.organization_area .org_step .step_item:after { z-index: 2; position: absolute; content: ""; }
.organization_area .org_step1 { padding-bottom: 10.5rem; }
.organization_area .org_step1 .step_item { border: 0; background: var(--cm_color1) url(../../images/contents/sub6_icon01.svg) no-repeat right bottom/5.5rem; color: #fff; }
.organization_area .org_step2 { justify-content: space-between; }
.organization_area .org_step2:after { right: 14rem; left: 14rem; height: 1px; }
.organization_area .org_step2 .step_box { padding-top: 10.5rem; }
.organization_area .org_step2 .step_box:before { z-index: -1; position: absolute; top: 0; bottom: 100%; width: 1px; height: 100%; background-color: #ddd; content: ""; }
.organization_area .org_step2 .step_item { border-color: var(--cm_color1); }
.organization_area .org_step2 .step_item:after { position: absolute; top: 0; left: 50%; width: 11px; height: 11px; margin-top: -7px; margin-left: -5px; border: 2px solid var(--cm_color1); border-radius: 100%; background: #fff; content: ""; }

/*  회사소개 - 오시는 길 */
.map_area { position: relative; }
.map_area .map_box { position: relative; width: 100%; height: 58rem; overflow: hidden; border-radius: 40px; }
.map_area .map_box .root_daum_roughmap { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.map_area .map_box .root_daum_roughmap .wrap_map { width: 100% !important; height: 100% !important; }
.map_area .map_box .root_daum_roughmap .map_border { display: none !important; }
.map_area .map_info { display: flex; align-items: center; margin-top: 6rem; padding-top: 5rem; gap: 6rem; border-top: 1px solid #000; word-break: keep-all; }
.map_area .map_info .info_box { display: flex; align-items: center; gap: 6rem; }
.map_area .map_info .info_box .info_item { display: flex; align-items: center; }
.map_area .map_info .info_box .info_item dt { flex-shrink: 0; width: 10rem; height: 10rem; }
.map_area .map_info .info_box .info_item dd { padding-left: 2rem; font-size: 2rem; }

/* **************************************************************************************** *
* 사업분야
* **************************************************************************************** */
/*  사업분야 - 문의하기 */
.inquiry_area { margin-top: 7.5rem; word-break: keep-all; }
.inquiry_area .inquiry_info .info_text { margin-bottom: 3rem; font-weight: 500; font-size: 2.2rem; }
.inquiry_area .inquiry_info .info_overview { display: flex; justify-content: space-between; }
.inquiry_area .inquiry_info .info_overview .ovw_item { display: flex; align-items: center; }
.inquiry_area .inquiry_info .info_overview .ovw_item .item_img { flex-shrink: 0; width: 10rem; }
.inquiry_area .inquiry_info .info_overview .ovw_item .item_cont { width: 100%; padding-left: 2rem; }
.inquiry_area .inquiry_info .info_overview .ovw_item .item_title { font-weight: 700; font-size: 2.4rem; }
.inquiry_area .inquiry_info .info_overview .ovw_item .item_desc { margin-top: 0.5rem; font-size: 2rem; }

/* **************************************************************************************** *
* 인재채용
* **************************************************************************************** */
/*  인재채용 - 인재상 */
.talent_area { margin-top: 9rem; word-break: keep-all; }

/*  인재채용 - 복리후생 */
.benefits_area { margin-top: 9rem; word-break: keep-all; }
.benefits_area .benefits_list { display: flex; flex-wrap: wrap; margin-top: 7rem; gap: 3rem; }
.benefits_area .benefits_list .item_item { display: flex; align-items: center; justify-content: space-between; width: calc((100% - 6rem) / 3); min-height: 25rem; padding: 2rem 6rem; background-color: #f7f7f7; }
.benefits_area .benefits_list .item_cate { color: var(--cm_color1); font-weight: 700; font-size: 1.8rem; }
.benefits_area .benefits_list .item_title { margin-top: 1rem; font-weight: 700; font-size: 3rem; }
.benefits_area .benefits_list .item_img { width: 9rem; }

@media screen and (min-width: 1280px){
	.header { height: 95px; }
	.header .header_inner { width: 100%; padding-right: 140px; padding-left: 140px; }
	.header .logo { width: 17rem; }
	.header .logo > a { display: block; }
	.header .gnb_area { width: 100%; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 { display: flex; justify-content: center; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li { position: relative; padding: 10px 45px; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; transform: translateY(120%); background-color: #000; content: ""; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li > a { display: flex; align-items: center; justify-content: center; height: 74px; font-weight: 600; font-size: 1.9rem; text-align: center; }
	.header .gnb_area .gnb_depth2_wrap { position: absolute; top: 100%; left: 0; width: 100%; height: 0; overflow: hidden; transition: height 0.4s; }
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 { padding: 20px; }
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li { display: flex; justify-content: center; margin: 1.5rem 0; }
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li > a { font-size: 1.8rem; text-align: center; }
	.header .utill_area { justify-content: flex-end; }
	.header .utill_area .btn_utill:hover,
	.header .utill_area .btn_utill:focus-visible { text-decoration: underline; }
	.header .header_bg { display: block; position: absolute; top: 100%; left: 0; width: 100%; height: 0; overflow: hidden; border-top: 1px solid transparent; background: #fff url(../../images/common/bg_lnb.svg) no-repeat left bottom/53rem; transition: height 0.5s; }
	.header .btn_sitemap { display: none; }
	.header.scroll .header_bg { border-color: #ddd; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li > a:focus-visible:after,
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li:hover:after { transform: translateY(0); opacity: 1; }
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li > a:focus-visible,
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li.on > a,
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li.active > a,
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li:hover > a { color: var(--cm_color1); font-weight: 500; text-decoration: underline; }
	.header.hover .gnb_area .gnb_depth2_wrap { height: 330px; }
	.header.hover .header_bg { height: 330px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); }
}

@media screen and (max-width: 1439px){
	/* header */
	.header .header_inner { padding-right: 60px; padding-left: 60px; }
	
	/* footer */
	.footer .footer_inner { padding-right: 60px; padding-left: 60px; }
	.footer .foot_logo { right: 155px; }
	.footer .btn_top { right: 60px; }

	/* layout */
	.inner { max-width: 1366px; padding: 0 33px; }

	/* main */
	.main_contents .main_title_area .main_cate { font-size: 1.8rem; }
	.main_contents .main_title_area .main_title { font-size: 3.6rem; }
	.main_contents .main_title_area .main_desc { font-size: 2rem; }
	.main_contents .main_bisn .bisn_item { padding: 4.5rem; }

	/* 서브공통 */
	.sub_contents .sub_visual { margin-left: calc((-100vw + 1300px) / 2); }

	/*  회사소개 - 연혁 */
	.history_area .his_cont:after { left: 8rem; }
	.history_area .his_cont .his_box .box_icon { top: -6rem; left: -1rem; width: 18rem; }
	.history_area .his_cont .his_box .box_icon > img { width: 18rem; height: 18rem; }

	/*  회사소개 - 비전 */
	.vision_area .overview_area .bisn_info .bisn_item { padding: 4.5rem; }

	/*  회사소개 - 오시는 길 */
	.map_area .map_info .info_box .info_item dt { width: 7rem; height: 7rem; }
}

@media screen and (max-width: 1365px){
	/* header */
	.header .header_inner { padding-right: 40px; padding-left: 40px; }

	/* footer */
	.footer .footer_inner { padding-right: 40px; padding-left: 40px; }
	.footer .foot_logo > img { height: 5rem; }
	.footer .btn_top { right: 40px; }

	/* layout */
	.inner { max-width: 1280px; padding: 0 40px; }

	/* main */
	.main_contents .main_cont { margin-bottom: 10rem; }
	.main_contents .main_visual { margin-bottom: 8rem; }
	.main_contents .main_visual .visual_box .img_box:after { padding-top: 600px; }
	.main_contents .main_bisn .bisn_item { min-height: 33.5rem; padding: 3.5rem 4rem; }

	/* 서브공통 */
	.sub_contents .sub_visual { margin-left: calc((-100vw + 1200px) / 2); }

	/*  회사소개 - 연혁 */
	.history_area .his_cont .his_box .box_icon { left: 0; width: 16rem; }
	.history_area .his_cont .his_box .box_icon > img { width: 16rem; height: 16rem; }

	/*  회사소개 - 비전 */
	.vision_area .overview_area .bisn_info .bisn_item { min-height: 33.5rem; padding: 3.5rem 4rem; }

	/*  인재채용 - 복리후생 */
	.benefits_area .benefits_list { gap: 2.5rem; }
	.benefits_area .benefits_list .item_item { width: calc((100% - 5rem) / 3); min-height: 23rem; padding: 2rem 5rem; }
	.benefits_area .benefits_list .item_img { width: 8rem; }
}

@media screen and (max-width: 1279px){
	/* header */
	.header { height: 75px; border-color: #ddd; }
	.header .header_inner { height: 75px; }
	.header .logo .logo_img { width: 15rem; }
	.header .gnb_area { z-index: 5; position: fixed; top: 75px; right: -100%; width: 100%; max-width: 360px; height: calc(100vh - 75px); background-color: #fff; transition: right 0.5s; }
	.header .gnb_area .gnb_depth1_wrap { width: 150px; height: calc(100vh - 75px); border-right: 1px solid #ddd; background-color: #f5f7fa; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 { display: flex; flex-direction: column; padding: 15px 0; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li { position: static; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li > a { display: flex; align-items: center; height: 50px; padding: 10px 25px; font-weight: 500; font-size: 17px; }
	.header .gnb_area .gnb_depth2_wrap { display: none; z-index: 1; position: absolute; top: 0; left: 150px; width: calc(100% - 150px); height: calc(100vh - 75px); background-color: #fff; }
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 { display: flex; flex-direction: column; padding: 15px 0; }
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li { display: block; }
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li > a { display: flex; align-items: center; justify-content: space-between; height: 50px; padding: 10px 30px; font-size: 16px; }
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li > a:after { display: block; width: 7px; height: 12px; background: url(../../images/common/icon_arr02_right.svg) no-repeat center/contain; content: ""; }
	.header .utill_area { position: absolute; top: 0; right: 95px; height: 75px; }
	.header .utill_area .btn_utill { height: 4rem; padding: 0.5rem 2rem; font-size: 1.5rem; }
	.header .header_bg { z-index: 1; position: fixed; top: 75px; left: 0; width: 100vw; height: calc(100vh - 75px); background-color: rgba(0, 0, 0, 0.5); }
	.showGnb .header .gnb_area { right: 0; }
	.showGnb .header .header_bg { display: block; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li.on > a,
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li.active > a { color: var(--cm_color1); font-weight: 700; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li.on .gnb_depth2_wrap,
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li.active .gnb_depth2_wrap { display: block; z-index: 3; }
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li.on > a,
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li.active > a { color: var(--cm_color1); font-weight: 700; text-decoration: underline; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li:hover .gnb_depth2_wrap { display: block; z-index: 4; }

	/* footer */
	.footer { padding: 4rem 0; }
	.footer .foot_info .info_address { font-size: 1.6rem; }
	.footer .foot_logo { right: 125px; }
	.footer .btn_top { bottom: 30px; width: 6rem; height: 6rem; }

	/* layout */
	.inner { max-width: 100%; }
	.container { min-height: calc(100vh - 75px - 185px); margin-top: 75px; }

	/* sub_contents */
	.sub_contents { padding: 6rem 0 13rem; }
	.sub_contents .page_title_area { margin-bottom: 7rem; }
	.sub_contents .page_title_area .page_title { font-size: 5rem; }
	.sub_contents .page_title_area .page_breadcrumb { margin-bottom: 3rem; }
	.sub_contents .page_title_area .page_breadcrumb > li { font-size: 1.7rem; }

	/* main */
	.main_contents .main_title_area { margin-bottom: 4rem; line-height: 1.4; }
	.main_contents .main_title_area .main_title { font-size: 3.2rem; }
	.main_contents .main_visual .visual_box .img_box:after { padding-top: 480px; }
	.main_contents .main_visual .visual_box .text_box > p { margin-top: 4rem; font-size: 2.2rem; }
	.main_contents .main_bisn .bisn_item { min-height: 27rem; padding: 3rem; }
	.main_contents .main_bisn .bisn_item .item_title { font-size: 2.2rem; }
	.main_contents .main_bisn .bisn_item .item_desc { font-size: 1.6rem; }
	.main_contents .main_bisn .bisn_item .item_img { right: 3rem; bottom: 3rem; width: 8rem; height: 8rem; }
	.main_contents .main_cont2 .main_layout { display: block; }
	.main_contents .main_cont2 .main_title_area .btn_more { position: absolute; right: 0; bottom: 0; }
	.main_contents .main_cont2 .main_notice { width: 100%; max-width: 100%; margin: 0; }
	.main_contents .main_notice .item_box { height: 9rem; }

	/* 서브공통 */
	.sub_contents .sub_visual { margin-left: -40px; }

	/*  회사소개 - 연혁 */
	.history_area .his_cont:after { left: 7rem; }
	.history_area .his_cont .his_box { padding-left: 22rem; }
	.history_area .his_cont .his_box .box_icon { left: 0; width: 14rem; }
	.history_area .his_cont .his_box .box_icon > img { width: 14rem; height: 14rem; }
	.history_area .his_cont .his_box .box_year { width: 20rem; font-size: 4rem; }

	/*  회사소개 - 비전 */
	.vision_area .text2 { font-size: 1.6rem; }
	.vision_area .overview_area .bisn_info .bisn_item { min-height: 27rem; padding: 3rem; }
	.vision_area .overview_area .bisn_info .bisn_item .item_title { font-size: 2.2rem; }
	.vision_area .overview_area .bisn_info .bisn_item .item_desc { font-size: 1.6rem; }
	.vision_area .overview_area .bisn_info .bisn_item .item_img { right: 3rem; bottom: 3rem; width: 8rem; height: 8rem; }

	/*  회사소개 - 오시는 길 */
	.map_area .map_box { height: 45rem; border-radius: 30px; }
	.map_area .map_info { margin-top: 5rem; padding-top: 4rem; gap: 4rem; }
	.map_area .map_info .info_box { gap: 4rem; }
	.map_area .map_info .info_box .info_item dt { width: 6rem; height: 6rem; }
	.map_area .map_info .info_box .info_item dd { padding-left: 1.5rem; font-size: 1.8rem; }

	/*  사업분야 - 문의하기 */
	.inquiry_area .inquiry_info .info_text { font-size: 2rem; }
	.inquiry_area .inquiry_info .info_overview .ovw_item .item_img { width: 8rem; }
	.inquiry_area .inquiry_info .info_overview .ovw_item .item_title { font-size: 2rem; }
	.inquiry_area .inquiry_info .info_overview .ovw_item .item_desc { font-size: 1.8rem; }

	/*  인재채용 - 복리후생 */
	.benefits_area .benefits_list { gap: 2rem; }
	.benefits_area .benefits_list .item_item { width: calc((100% - 4rem) / 3); min-height: 20rem; padding: 2rem 4rem; }
	.benefits_area .benefits_list .item_cate { font-size: 1.6rem; }
	.benefits_area .benefits_list .item_title { font-size: 2.4rem; }
	.benefits_area .benefits_list .item_img { width: 6rem; }
}

@media screen and (max-width: 1023px){
	/* header */
	.header .header_inner { padding-right: 30px; padding-left: 30px; }
	.header .utill_area { display: none; z-index: 5; position: fixed; top: 0; left: 0; align-items: center; width: 50%; height: 74px; padding-left: 30px; background-color: #fff; }
	.showGnb .header .utill_area { display: flex; }

	/* footer */
	.footer { padding: 3rem 0; }
	.footer .footer_inner { padding-right: 30px; padding-left: 30px; }
	.footer .foot_menu { gap: 3rem; }
	.footer .foot_info { padding-right: 10rem; }
	.footer .foot_logo { position: static; margin-top: 2rem; }
	.footer .btn_top { right: 30px; bottom: 25px; }

	/* layout */
	.inner { padding: 0 30px; }

	/* sub_contents */
	.sub_contents { padding: 6rem 0 11rem; }
	.sub_contents .page_title_area { margin-bottom: 5rem; }
	.sub_contents .page_title_area .page_title { font-size: 4.6rem; }
	.sub_contents .page_title_area .page_breadcrumb { margin-bottom: 2rem; }

	/* main */
	.main_contents .main_title_area .main_title { font-size: 2.8rem; }
	.main_contents .main_visual .visual_box .img_box:after { padding-top: 360px; }
	.main_contents .main_visual .visual_box .text_box > p { margin-top: 3rem; font-size: 2rem; }
	.main_contents .main_bisn { flex-wrap: wrap; }
	.main_contents .main_bisn .bisn_item { width: calc((100% - 1.7rem) / 2); min-height: 20rem; }
	.main_contents .main_notice .item_box { height: 8rem; }
	.main_contents .main_cont3 .main_title_area { margin-bottom: 4rem; }
	.main_contents .main_logo .list_body { gap: 6rem 0; }
	.main_contents .main_logo .list_body .item_box > img { max-height: 3.5rem; }

	/* 서브공통 */
	.sub_contents .sub_visual { margin-left: -30px; }

	/*  회사소개 - 연혁 */
	.history_area .his_cont { margin-top: 10rem; }
	.history_area .his_cont:after { left: 5rem; }
	.history_area .his_cont .his_box { display: block; padding-left: 17rem; }
	.history_area .his_cont .his_box .box_icon { top: -3.5rem; left: 0; width: 10rem; }
	.history_area .his_cont .his_box .box_icon > img { width: 10rem; height: 10rem; }
	.history_area .his_cont .his_box .box_year { width: 100%; margin-bottom: 3rem; font-size: 3.4rem; }
	.history_area .his_cont .his_box .list_item dt { width: 6rem; }

	/*  회사소개 - 비전 */
	.vision_area .overview_area .bisn_info { flex-wrap: wrap; }
	.vision_area .overview_area .bisn_info .bisn_item { width: calc((100% - 1.7rem) / 2); min-height: 20rem; }

	/*  회사소개 - 조직도 */
	.organization_area .org_step .step_item { min-width: 22rem; height: 7rem; font-size: 2rem; }
	.organization_area .org_step1 { padding-bottom: 9rem; }
	.organization_area .org_step1 .step_item { min-width: 25rem; height: 8rem; background: var(--cm_color1) url(../../images/contents/sub6_icon01.svg) no-repeat right bottom/5.5rem; font-size: 2.2rem; }
	.organization_area .org_step2:after { right: 11rem; left: 11rem; }
	.organization_area .org_step2 .step_box { padding-top: 9rem; }

	/*  회사소개 - 오시는 길 */
	.map_area .map_info { flex-direction: column; align-items: flex-start; margin-top: 4rem; padding-top: 3rem; gap: 2rem; }
	.map_area .map_info .info_box { gap: 2rem; }

	/*  사업분야 - 문의하기 */
	.inquiry_area { margin-top: 5.5rem; }
	.inquiry_area .inquiry_info .info_overview .ovw_item .item_img { width: 6rem; }
	.inquiry_area .inquiry_info .info_overview .ovw_item .item_cont { padding-left: 1.5rem; }
	.inquiry_area .inquiry_info .info_overview .ovw_item .item_title { font-size: 1.8rem; }
	.inquiry_area .inquiry_info .info_overview .ovw_item .item_desc { margin-top: 0.3rem; font-size: 1.6rem; }

	/*  인재채용 - 복리후생 */
	.benefits_area .benefits_list .item_item { width: calc((100% - 2rem) / 2); min-height: 16rem; padding: 2rem 3rem; }
	.benefits_area .benefits_list .item_img { width: 5rem; }
}

@media screen and (max-width: 767px){
	/* header */
	.header { height: 65px; }
	.header .header_inner { height: 65px; padding-right: 20px; padding-left: 20px; }
	.header .logo .logo_img { width: 12rem; }
	.header .gnb_area { top: 65px; height: calc(100vh - 65px); }
	.header .gnb_area .gnb_depth1_wrap { height: calc(100vh - 65px); }
	.header .header_bg { top: 65px; height: calc(100vh - 65px); }
	.header .utill_area { height: 64px; padding-left: 20px; }
	.header .utill_area .btn_login { width: 4.32rem !important; height: 4.77rem !important; }

	/* footer */
	.footer .footer_inner { padding-right: 20px; padding-left: 20px; }
	.footer .foot_info { padding-right: 0; }
	.footer .foot_info .info_copy { margin-top: 1rem; }
	.footer .foot_logo > img { height: 4rem; }
	.footer .btn_top { right: 20px; width: 5rem; height: 5rem; }

	/* layout */
	.inner { padding: 0 20px; }
	.container { min-height: calc(100vh - 65px - 200px); margin-top: 65px; }

	/* sub_contents */
	.sub_contents { padding: 5rem 0 10rem; }
	.sub_contents .page_title_area { margin-bottom: 4rem; }
	.sub_contents .page_title_area .page_title { font-size: 4rem; }
	.sub_contents .page_title_area .page_breadcrumb { margin-bottom: 1.5rem; gap: 2.6rem; }
	.sub_contents .page_title_area .page_breadcrumb > li { font-size: 1.6rem; }
	.sub_contents .page_title_area .page_breadcrumb > li:before { left: -1.3rem; }

	/* main */
	.main_contents .main_cont { margin-bottom: 8rem; }
	.main_contents .main_title_area .main_cate { margin-bottom: 1rem; font-size: 1.7rem; }
	.main_contents .main_title_area .main_title { font-size: 2.6rem; }
	.main_contents .btn_more { font-size: 1.6rem; }
	.main_contents .btn_more:after { width: 2.6rem; height: 2.6rem; margin-left: 1rem; }
	.main_contents .main_visual { margin-bottom: 5rem; }
	.main_contents .main_visual .visual_box .img_box:after { padding-top: 260px; }
	.main_contents .main_visual .visual_box .img_box > img { object-position: right bottom; }
	.main_contents .main_visual .visual_box .text_box { padding: 5rem; }
	.main_contents .main_visual .visual_box .text_box > img { width: 100%; max-width: 500px; }
	.main_contents .main_bisn .bisn_item { min-height: 25rem; }
	.main_contents .main_bisn .bisn_item .item_img { right: 2.5rem; bottom: 2.5rem; width: 7.5rem; height: 7.5rem; }
	.main_contents .main_cont3 .main_title_area { margin-bottom: 3rem; }
	.main_contents .main_logo .list_body { justify-content: flex-start; gap: 4rem 0; }
	.main_contents .main_logo .list_body > .list_item { width: 33.3333333%; }
	.main_contents .main_logo .list_body > .list_item:first-child,
	.main_contents .main_logo .list_body > .list_item:nth-child(4n+4),
	.main_contents .main_logo .list_body > .list_item:nth-child(5),
	.main_contents .main_logo .list_body > .list_item:nth-child(9),
	.main_contents .main_logo .list_body > .list_item:last-child { flex-shrink: unset; width: 33.3333333%; }
	.main_contents .main_logo .list_body .item_box > img { max-height: 2.5rem; }

	/* 서브공통 */
	.sub_contents .sub_visual { margin-left: -20px; }

	/*  회사소개 - 연혁 */
	.history_area .his_cont { margin-top: 8rem; }
	.history_area .his_cont:after { left: 3rem; }
	.history_area .his_cont .his_box { display: block; padding-bottom: 10rem; padding-left: 10rem; }
	.history_area .his_cont .his_box .box_icon { top: -1.2rem; left: 0; width: 6rem; }
	.history_area .his_cont .his_box .box_icon > img { width: 6rem; height: 6rem; }
	.history_area .his_cont .his_box .list_item dt { width: 5rem; }

	/*  회사소개 - 비전 */
	.vision_area { margin-top: 8rem; }
	.vision_area .overview_area .bisn_info .bisn_item { min-height: 25rem; }
	.vision_area .overview_area .bisn_info .bisn_item .item_img { right: 2.5rem; bottom: 2.5rem; width: 7.5rem; height: 7.5rem; }

	/*  회사소개 - 조직도 */
	.organization_area .org_step { display: block; position: relative; }
	.organization_area .org_step .step_item { min-width: 100%; height: 8rem; font-size: 2.2rem; }
	.organization_area .org_step1 { padding-bottom: 5rem; }
	.organization_area .org_step1 .step_item { border: 0; background: var(--cm_color1) url(../../images/contents/sub6_icon01.svg) no-repeat right bottom/5rem; color: #fff; }
	.organization_area .org_step2:after { display: none; }
	.organization_area .org_step2 .step_box { margin-bottom: 3rem; padding-top: 0; }

	/*  회사소개 - 오시는 길 */
	.map_area .map_info .info_box .info_item dt { width: 5rem; height: 5rem; }

	/*  사업분야 - 문의하기 */
	.inquiry_area .inquiry_info .info_overview { display: block; }
	.inquiry_area .inquiry_info .info_text { margin-bottom: 1.5rem; }
	.inquiry_area .inquiry_info .info_overview .ovw_item + .ovw_item { margin-top: 1.5rem; }
	.inquiry_area .inquiry_info .info_overview .ovw_item .item_img { width: 5rem; }
	.inquiry_area .inquiry_info .info_overview .ovw_item .item_cont { display: flex; align-items: center; padding-left: 1.5rem; }
	.inquiry_area .inquiry_info .info_overview .ovw_item .item_title { min-width: 10rem; font-size: 1.8rem; }
	.inquiry_area .inquiry_info .info_overview .ovw_item .item_desc { margin-top: 0; font-size: 1.6rem; }

	/*  인재채용 - 인재상 */
	.talent_area { margin-top: 8rem; }
}

@media screen and (max-width: 479px){
	/* main */
	.main_contents .main_visual .visual_box .img_box:after { padding-top: 70vh; }
	.main_contents .main_visual .visual_box .img_box > img.img_pc { display: none; }
	.main_contents .main_visual .visual_box .img_box > img.img_mo { display: block; }
	.main_contents .main_visual .visual_box .text_box { align-items: flex-start; justify-content: flex-start; padding: 9vh 20px; }
	.main_contents .main_visual .visual_box .text_box > img.img_pc { display: none; }
	.main_contents .main_visual .visual_box .text_box > img.img_mo { display: block; max-width: 70%; }
	.main_contents .main_visual .visual_box .text_box > p { padding-right: 10%; line-height: 1.8; text-align: left; }
	.main_contents .main_visual .visual_box .text_box > p br { display: none; }
	.main_contents .main_visual .visual_box .btn_scroll { display: block; z-index: 1; position: absolute; bottom: 5vh; left: 20px; width: 1.2rem; height: 4.7rem; overflow: hidden; background: url(../../images/main/icon_arr.svg) no-repeat center/contain; text-indent: -9999px; }
	.main_contents .main_bisn { gap: 1.5rem; }
	.main_contents .main_bisn .bisn_item { width: 100%; min-height: 15rem; padding: 2.7rem 3rem 3rem; border-radius: 15px; }

	/*  회사소개 - 연혁 */
	.history_area .his_cont { margin-top: 5rem; }
	.history_area .his_cont:after { display: none !important; }
	.history_area .his_cont .his_box { margin: 0 !important; padding-bottom: 5rem; padding-left: 0; }
	.history_area .his_cont .his_box .box_icon { position: absolute !important; top: -1rem; width: 5rem; height: 5rem; overflow: hidden; border-radius: 100%; }
	.history_area .his_cont .his_box .box_icon > img { position: static !important; width: 100%; height: 100%; object-fit: cover; transform: scale(1.6); }
	.history_area .his_cont .his_box .box_year { padding-left: 7rem; font-size: 3rem; }
	.history_area .his_cont .his_box .list_item dt { width: 7rem; padding-right: 2rem; text-align: center; }

	/*  회사소개 - 비전 */
	.vision_area { margin-top: 5rem; }
	.vision_area .overview_area { display: block; }
	.vision_area .overview_area .ovw_item dt { margin-bottom: 1.5rem; font-size: 2rem; }
	.vision_area .overview_area .ovw_item dd { font-size: 2.4rem; }
	.vision_area .overview_area .bisn_info { gap: 1.5rem; }
	.vision_area .overview_area .bisn_info .bisn_item { width: 100%; min-height: 15rem; padding: 2.7rem 3rem 3rem; border-radius: 15px; }

	/*  회사소개 - 오시는 길 */
	.map_area .map_box { height: 40rem; border-radius: 20px; }
	.map_area .map_info .info_box .info_item dt { width: 4.5rem; height: 4.5rem; }

	/*  인재채용 - 인재상 */
	.talent_area { margin-top: 5rem; }
	
	/*  인재채용 - 복리후생 */
	.benefits_area .benefits_list .item_item { flex-direction: column-reverse; align-items: center; justify-content: center; width: calc((100% - 2rem) / 2); min-height: 16rem; padding: 3rem; text-align: center; }
	.benefits_area .benefits_list .item_img { margin-bottom: 1.5rem; }
}