@charset "utf-8";

:root {
	--font-size:20px;
	--sub-font-size:18px;
	--small-font-size:16px;
}

.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.pc_view {display:block}
.mb_view {display:none}
.mont {font-family:'Montserrat', sans-serif; }



/* header */
#header {width:100%; position: fixed; left:0px; top:0px; z-index:9999; box-sizing:border-box; transition:all 0.3s 0s ease-in-out;}
#header.down {background: #fff; box-shadow: 0px 6px 5px rgba(0, 0, 0, 10%);}
#header h1 {position:absolute; left:0px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%); z-index:10; line-height:0px}
.header_bar .lang {display: flex; align-self: center; position: absolute; right: 0px; top: 50%; transform: translateY(-50%);}
.header_bar .lang > li a {font-size:16px; font-weight: 600; line-height: 1.3em;}
.header_bar .lang > li a.on {color: var(--key-color);}
.header_bar .lang > li + li {padding-left:8px; margin-left:8px; position: relative;}
.header_bar .lang > li + li::before {content: ""; width:1px; height:10px; background: #cccccc; position:absolute; left:0px; top:50%; transform: translateY(-50%);}
.header_bar {padding:0px 10px;}
.header_bar.fix {width:100%; position: fixed; left: 0px; top:0px;  box-shadow:0px 6px 5px rgba(0, 0, 0, 10%);}
.in_header {max-width:var(--cont-inner); width:100%; height:120px; box-sizing:border-box; margin:0 auto; position:relative; z-index:9;}


/* wrap */
#wrap {width:100%; overflow:hidden; word-break:keep-all; transition:all 0.3s 0s ease-in-out;}
#inner_wrap {position:relative; padding:0px 10px 100px 10px;}
.inner {max-width:var(--inner); margin:0 auto;}


.m_gnb_on {display:none;  position:absolute; right:10px; top:50%; box-sizing:border-box; transform:translateY(-50%);}
.m_gnb_on .menu_btn {margin:0 auto;}
.menu_btn {position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); box-sizing:border-box; display:none; }
.menu_btn a {display: block; line-height: 0px;}
.menu_btn a img {width: 26px; height: 26px;}


/* GNB */
.w_gnb {padding:0px 350px 0px 350px;}
.w_gnb .gnb {max-width:920px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-around;  transition:all 0.5s 0s ease-out;}
.w_gnb .gnb > li {text-align:left; flex:auto; padding:0px 5px; vertical-align:top;}
.w_gnb .gnb > li > a {display:block; }
.w_gnb .gnb > li > a > span {display:flex; justify-content:center; align-items:center; font-size:20px; font-weight:600; height:120px; transition:all 0.2s 0s ease-in-out; position:relative;}
/* .w_gnb .gnb > li:hover > a > span {color: var(--key-color);} */
.w_gnb .sub_menu {display:none;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background:#2d3749}


/* slide_menu */
.slide_menu_wrap {width:100vw; height:100%;  z-index:998; position:fixed; top:-100%; left:0px; overflow: hidden;}
.slide_menu_inner {height:100%; background:rgba(255, 255, 255, 100%); overflow-x:inherit; -webkit-overflow-scrolling:touch; z-index:2; position:relative;}
.slide_menu_inner .header {height:100px; max-width: 1820px; margin:0 auto; position:relative; background: url(../img/common/logo.png) no-repeat 10px center;}
.slide_menu_inner .header::after {content:""; width:100vw; height:1px; background:#000; position:absolute; left:50%; top:100%; transform: translateX(-50%)}
.slide_menu_inner .bt_close {position:absolute; right: 0px; top:50%; transform: translateY(-50%); display: flex; width: 26px; height:26px; text-indent: -999999em;}
.slide_menu_inner .bt_close:after {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%}
.slide_menu_inner .bt_close:before {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.slide_menu_inner .gnb {max-width:1820px; margin:0 auto; position:relative; font-size:var(--sub-font-size); overflow-y: auto; height:calc(100% - 100px); overflow-x: hidden; display: flex; flex-direction: column; justify-content: center;}
.slide_menu_inner .gnb::-webkit-scrollbar { width: 6px; }
.slide_menu_inner .gnb::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px; }
.slide_menu_inner .gnb::-webkit-scrollbar-track { background-color: transparent;  }
.slide_menu_inner .gnb > li:not(:first-child) {border-top:1px solid #000;}
.slide_menu_inner .gnb > li {display:flex; justify-content: center; align-items: center; height: 20%;}
.slide_menu_inner .gnb > li > a {font-size:1.5em; color:#000; font-weight:800 ; line-height:1.4em; padding:min(20px, 3vw); text-align: center; width:100%}
.slide_menu_inner .gnb a {color:#000;}
.slide_menu_inner .gnb .sub_menu {display: flex !important; gap:0.8em min(6em, 5vw); flex:1; flex-wrap:wrap; padding:min(50px, 6vw) min(44px, 5vw); border-left:1px solid #000 ;}
.slide_menu_inner .gnb .sub_menu > li > a {font-size:1.5em; line-height:1.4em; font-weight:700;}
.slide_menu_inner .three_depth {padding:10px 0px 10px 0px;}
.slide_menu_inner .three_depth > li {padding-top:0px;}


.section {padding-top:min(120px, 13vw); padding-bottom:min(100px, 13vw); padding-left:10px; padding-right: 10px; font-size: var(--font-size); line-height:1.5em}
.m_tit {padding:0 0px 0.8em 0px; font-size:1.6em; line-height:1.4; font-weight:400; position: relative;}
.m_tit .ico {position: relative;}
.m_tit .ico:before {display: block; content: ""; width:0.8em; height: 0.2em; border-radius:0px 0px 0px 4px; background: var(--key-color); position: absolute; left: 0px; top:-0.5em;}
.m_tit > strong {font-weight:800;}
.m_tit img {height:0.82em; vertical-align: baseline;}
.m_tit img.b {height:0.97em;}
.tc .m_tit {display: inline-block;}
.m_tit_txt {font-weight:300; font-size:1.3em; line-height: 1.3em;}
.m_tit + .m_tit_txt {margin:0px 0px 1em 0px;}

#section1 {background: url(../img/common/bg_section1.jpg) no-repeat center bottom/cover; padding-bottom:0px;}
.main_visual > * {opacity: 0;}
.main_visual {max-width:var(--inner); width:100%; min-height: 740px; margin:0 auto; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.main_visual .key_visual {width:100%; display: flex; justify-content:space-between; gap:20px;}
.main_visual .txt_a {font-weight:800; font-size:2.65em; line-height: 1.3em;}
.main_visual .txt_b {font-size:1.1em; margin-top:0.5em;}
.main_visual .btn {margin-top:min(50px, 5vw); width:100%; max-width: 622px; display: flex; align-items: center; justify-content:space-between; gap:20px;}
.main_visual .btn > li {flex:1; max-width:296px;}
.main_visual .btn a {display: flex; align-items: center; justify-content: space-between; height:3.5em; width: 100%; border-radius:60px; padding:0px 1.2em; color: var(--key-color); background:#e7f6ff; border:2px solid var(--key-color);}
.main_visual .btn a .arrow {width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; background: var(--key-color); color: #fff; border-radius: 100%;}
.main_visual .btn > li:nth-child(2) a {background: var(--key-color); color: #fff;}
.main_visual .btn > li:nth-child(2) a .arrow {background:#fff; color: var(--key-color);}
.main_visual .scroll_down {width: 100%; text-align: center; position: absolute; left: 0px; bottom: 20px; color:#333333; font-size: 15px; line-height: 1.4em; font-weight:500;}
.main_visual .scroll_down .ico {display:block; margin:0 auto; width: 30px; height: 55px; border:1px solid #333; border-radius:15px; position: relative; margin-top:4px}
.main_visual .scroll_down .ico::after {content: ""; width: 8px; height: 13px; border-radius:4px; background: #333; position: absolute; left: 50%; bottom:10px; transform: translateX(-50%);}

#section2 {background: url(../img/common/bg_section2.jpg) no-repeat center bottom/cover;min-height: 1090px;}
#section2 .inner {color: #fff;}

.service_wrap {display: flex; gap:30px; align-items: flex-end; justify-content: space-between;}
.service_wrap .box {width: 50%; max-width: 612px;}
.service_wrap .txt_a {font-size:1.15em; line-height:1.4em; font-weight: 300;}
.service_wrap dl {margin-top:min(4em, 3vw);}
.service_wrap dl dt {text-align:right; position: relative; padding-top:3em}
.service_wrap dl dt .tit {font-size:2.15em; line-height:1.3em; text-align: left; position: absolute; left: 0px; top: 0px;}
.service_wrap dl dt .tit img  {filter: invert(100%) sepia(82%) saturate(2%) hue-rotate(261deg) brightness(107%) contrast(101%);; height: 0.82em; vertical-align: baseline;}
.service_wrap .box:nth-child(1) dt > img  {border-radius:20px 0px 0px 20px;}
.service_wrap .box:nth-child(2) dt > img  {border-radius:0px 20px 20px 0px;}
.service_wrap dl dd {padding-top: 2em;}
.service_wrap dl .bul01 > li {border-bottom:1px solid #fff; padding-top:0.5em; padding-bottom: 0.5em; margin:0px}
.service_wrap dl .bul01 > li:before {background: #fff; top:1.2em;}


#section3 {background: url(../img/common/bg_section3.jpg) no-repeat center bottom/cover;}

.our_expertise {display: flex; justify-content: space-between;}
.our_expertise > li {width: 50%; padding:0px min(50px, 4.5vw); display: flex; align-items: center; gap: 20px;}
.our_expertise > li .ico {display: flex; min-width: 100px; width: 100px; height: 100px; background: #f5f5f5; align-items: center; justify-content: center; padding:10px; border-radius:100%;}
.our_expertise > li .bul01 {font-size:var(--sub-font-size)}
.our_expertise > li:not(:first-child) {border-left:1px solid #ccc;}

.our_service {display: flex; justify-content: space-between; gap: 20px;}
.our_service > li {flex:1; max-width: 390px;}
.our_service .box {background: #fff; border:2px solid #fff; border-radius:min(20px, 3vw); box-shadow:0px 0px 12px rgba(0, 0, 0, 10%); padding:25px; transition: all 0.3s 0s ease-in-out; display: block;}
.our_service .box * {transition: all 0.3s 0s ease-in-out;}
.our_service .box:hover {border-color: var(--key-color);}
.our_service .box:hover .arrow {background: var(--key-color);}
.our_service .box .img {overflow:hidden; border-radius:min(16px, 3vw);}
.our_service .box .img img {width: 100%;}
.our_service .box .txt_a {margin:1em 0px;}
.our_service .box .txt_a > strong {font-size:1.15em; line-height:1.3em;}
.our_service .box .txt_a > strong {font-size:1.15em; line-height:1.3em;}
.our_service .box .arrow {width: 42px; height:42px; border-radius:100%; display: flex; margin:1em 0px 0px auto; justify-content: center; align-items: center; background: #f5f5f5;}


#section4 {background:#091925; color: #fff;}
#section4 .m_tit img {filter: invert(100%) sepia(82%) saturate(2%) hue-rotate(261deg) brightness(107%) contrast(101%);}

.ceo_introduce {font-weight:300;}
.ceo_introduce .ceo {display: flex; gap:2.5em; font-size:1.15em; line-height:1.4em ;}
.ceo_introduce .ceo .photo {text-align: center; max-width:378px; width: 30%;}
.ceo_introduce .ceo .photo img {border-radius:min(20px, 3vw);}
.ceo_introduce .ceo > p {flex:1;}
.ceo_introduce .ceo .name {padding-top: 0.9em;}
.ceo_introduce .ceo .name .small { font-size: var(--sub-font-size);}

.people_slide {position:relative; padding-bottom:120px; margin-top:100px}
.people_slide::before {background: url(../img/common/everbrain_search.png) no-repeat left top/cover; position: absolute; left: 50%; top:-80px; display:block;  width:1258px; height: 129px; content: ""; margin-left: -970px;}
.people_slide .swiper-slide {width:260px; transition: all 0.2s 0s ease-in-out; margin:0px 20px}
.people_slide .box * {transition: all 0.4s 0s ease-in-out;}
.people_slide .box {display:block; position:relative; color: #fff; transition: all 0.2s 0s ease-in-out;}
.people_slide .box .img {border-radius:min(18px, 5vw); display: block; padding-bottom:calc(340 / 260 * 100%); position: relative; overflow: hidden;}
.people_slide .box .img > img {width:100%; height:100%; object-fit: cover; position: absolute; left: 0px; top: 0px; }
.people_slide .box .txt_a { margin-top:1em}
.people_slide .box .txt_b {margin-top: 0.2em; font-size:var(--small-font-size); font-weight:300;}
.people_slide .sns {display: none;}
.people_slide .text {display: none;}


@media (hover: hover) and (pointer: fine) {
    .people_slide .swiper-slide:hover .box {transform: scale(1.15);}
 }


.people_slide .slide_control {display:flex; align-items:center; justify-content:center; position:absolute; left:0%; bottom:0px; width: 100%; gap:10px}
.people_slide .swiper-button-prev {width:40px; height:40px; background:#999999; border-radius:100%;}
.people_slide .swiper-button-next {width:40px; height:40px; background:#999999; border-radius:100%; }
.people_slide .swiper-button-prev:after {content: ''; width:8px; height: 8px; border-top: 3px solid #fff; border-right: 3px solid #fff; border-radius: 3px; display: inline-block; transform: rotate(-135deg);}
.people_slide .swiper-button-next:after {content: ''; width: 8px; height: 8px; border-top: 3px solid #fff; border-right: 3px solid #fff; border-radius: 3px; display: inline-block; transform: rotate(45deg);}
.people_slide .slide_control .play_stop {font-size:0px; display: flex; width:30px; height:30px; justify-content: center; align-items: center; color:#000;}
.people_slide .slide_control .play:before {display: block; content: "▶"; font-size:16px;}
.people_slide .slide_control .stop:before {display: block; content: ""; width:4px; height:18px; border-left:4px solid #000; border-right:4px solid #000;}
.people_slide .slide_control .swiper-pagination {height: 40px; align-items: center; width: 90px; background: #999; border-radius:20px ; font-size: var(--sub-font-size);}

.popPeople .pop_wrap .pop_head .title {display: flex; flex-wrap: wrap; justify-content: center; font-weight:300; gap:0px 0.5em}
.popPeople .pop_wrap .pop_head .title .txt_b {font-size: var(--sub-font-size); color: #666666;}
.popPeople .pop_wrap .pop_body {display: flex; gap:20px; justify-content: space-between; padding: 40px 25px;}
.popPeople .pop_body .photo {width:39%; max-width: 320px;}
.popPeople .pop_body .photo .img {padding-bottom:calc(420 / 320 * 100%); overflow: hidden; border-radius:min(18px, 3vw); position: relative; display: block;}
.popPeople .pop_body .photo .img img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; object-fit: cover;}
.popPeople .pop_body .photo .sns {display: flex; flex-wrap: wrap; justify-content: center; gap:10px; margin-top:1em; display:none;}
.popPeople .pop_body .info {flex:1; max-width: 475px;}
.popPeople .pop_body .info .tit {font-size:1.43em; line-height: 1.4em; color: #000; position: relative; padding: 0.4em 0px 0.5em 0px;}
.popPeople .pop_body .info .tit:not(:first-child) { margin-top:2em}
.popPeople .pop_body .info .tit:before {display: block; content: "";  width:1em; height: 0.2em; border-radius: 0px 0px 0px 4px; background: var(--key-color); position: absolute; left: 0px; top:0px;}
.popPeople .pop_body .info .text {color: #333333; padding-bottom:1em; font-size:var(--small-font-size); line-height:1.5em;}

#section5 {background: url(../img/common/bg_section5.jpg) no-repeat center bottom/cover;}
.strenghth_diversity {text-align: center;}
.strenghth_diversity .txt_a {font-size:1.15em; line-height: 1.5em;}
.strenghth_diversity .txt_b {font-size:var(--sub-font-size); color: #666666; margin-top: 0.4em;}
.strenghth_diversity .box {max-width:1000px; margin: 0 auto; margin-top: 2em; border-radius:min(20px, 3vw); padding:2em; position: relative; display: flex; gap:10px; background: #f5f5f5;}
.strenghth_diversity .box::before {content:""; width: 1px; height: 50%; background: #ccc; position: absolute; left: 50%; top: 50%; transform: translateY(-50%);}
.strenghth_diversity .box > li {flex:1;}
.strenghth_diversity .box .ico {width: 102px; height: 102px; border-radius:100%; display: flex; justify-content: center; align-items: center; background: #fff; padding: 10px; margin: 0 auto;}
.strenghth_diversity .box dt {margin-top: 1em; font-size:1.15em; font-weight:700; line-height: 1.4em;}
.strenghth_diversity .box dt:after {display: block; content: ""; width:1em; height: 0.28em; border-radius: 0px 0px 0px 4px; background: var(--key-color); margin:0.5em auto;}
.strenghth_diversity .box dd {color: #666666; font-size:var(--sub-font-size);}

#section6 {background: url(../img/common/bg_section6.jpg) no-repeat center bottom/cover; color: #fff;}
#section6 .m_tit img {filter: invert(100%) sepia(82%) saturate(2%) hue-rotate(261deg) brightness(107%) contrast(101%);}

.popHeadhunter .box_bul {background: #f5f5f5; border-radius:min(20px, 3vw); padding:1em; display: flex; flex-wrap: wrap; gap:0.2em 10px;}
.popHeadhunter .box_bul > li {width:calc(50% - 5px); margin:0px; font-size:var(--small-font-size);}
.popHeadhunter .info {font-size: var(--small-font-size); margin-top:1em}
.popHeadhunter .info > li {display: flex; align-items: flex-start; line-height:1.5em;}
.popHeadhunter .info > li + li {margin-top:1.5em; padding-top:1.5em; border-top:1px solid #ccc;}
.popHeadhunter .info .subj {font-weight:600; min-width: 6em;}
.popHeadhunter .info .subs {flex:1;}


.apply > ul {display: flex; gap:10px; margin-top: 2em;}
.apply > ul > li {flex:1; text-align: center;}
.apply > ul dt {max-width: 262px; margin: 0 auto; font-size:1.3em; line-height: 1.5em; font-weight:700;}
.apply > ul dt .photo {padding-bottom: 100%; display: block; overflow: hidden; border-radius:100%; position: relative; margin-bottom:1em;}
.apply > ul dt .photo img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover;}
.apply > ul dd {font-size: var(--small-font-size); font-weight: 300; max-width:370px; margin:0px auto; margin-top: 1em;}
.apply .bt {display: flex; margin: 0 auto; margin-top: 1.5em; width:11.3em; border:2px solid #fff; border-radius:40px; justify-content: center; align-items: center; color: #fff; font-weight: 500; height:3.5em;}


/* footer */
#footer {max-width:var(--cont-inner); padding:40px 10px; position:relative; margin:0 auto; background: #222222; color: #999999;}
#footer::before {width:100vw; height: 100%; content:""; background: #222222; position: absolute; left: 50%; top: 0px; transform: translateX(-50%);}
#footer .f_logo {min-width: max-content;}
#footer .on {color: #fff !important;}
#footer .go_top > a {display:flex; width:60px; height:60px; line-height:1.6em; background:#dbdbdb; justify-content:center; text-align: center; align-items:center; flex-direction:column; color:#333; font-size:17px; font-weight:600; border-radius:10px;}
#footer .sel_wrap {min-width:315px; display: flex; gap:10px;}
#footer .sel_wrap .sel_box {flex:1;}
#footer .sel_box > li {width:100%;}
#footer .sel_box > li select {height:60px; width:100%; font-size:var(--sub-font-size); color:#333; border-color: #dbdbdb; border-radius:10px; padding:0px 1em; font-weight:400; background: url(../img/common/select_arrow.svg) no-repeat calc(100% - 5px) center #dbdbdb; background-size: 22px auto;}
#footer .sel_box > li select option {color: #333;  background: #dbdbdb; }
.footer_navi {display:flex; flex-wrap:wrap; padding:10px 0px; gap:10px 20px; min-height:65px; justify-content:space-between; position:relative;}
.footer_navi > ul {display:flex; flex-wrap:wrap; align-items:center;}
.footer_navi .navi > li { position:relative;}
.footer_navi .navi > li:not(:first-child) {margin-left:1em; padding-left:1em;}
.footer_navi .navi > li:not(:first-child):after {display:block; content:""; width:1px; height:12px; background:#fff; opacity: 0.3; position:absolute; left:0px; top:50%; transform: translateY(-50%);}
.footer_navi .navi > li a {display:block; font-size:var(--sub-font-size); color:#999999; font-weight:400; line-height:1.3em; }
.footer_navi .sns {margin-left:auto; gap:15px}

.addressW {display: flex;align-items: flex-start; justify-content: space-between; font-size:var(--small-font-size); line-height:1.4em ; gap:10px; margin-top:30px; position:relative}
.addressW address {display: flex; flex-wrap: wrap; gap:0.5em 2em; flex: 1; max-width:930px; overflow: hidden;}
.addressW address > span {position:relative; font-weight:500;}
.addressW address > span > strong {font-weight:500;}
.addressW address > span+span:before {content:""; width:1px; height:14px; background: #ccc; opacity: 0.5; position: absolute; left:-1em; top: 50%; transform: translateY(-50%);}
.addressW .copy {width:100%; font-weight:500;}






/* sub_page */
.sub_wrap {padding-top:120px}

.sub_con { max-width:var(--inner); margin:0 auto; font-size:var(--font-size); word-break:keep-all;}
.sub_con > .s_tit:first-child {margin-top:0px;}
.s_tit {font-size:2.6666em; color:#000000; font-family:'Hana2'; line-height:130%; padding:0px 0px 20px 0px;  position:relative; margin-top:60px; font-weight:800; display:flex; align-items:center;}
.s_tit.no-flex {display:block; line-height:1.3em;}
/*
.s_tit:before {display:block; content:""; z-index:0; width:26px; height:26px; border-radius:100%; background:linear-gradient( 120deg, #00aa53, #005e9c ); align-self:flex-start; margin-right:10px;}
.s_tit:after {display:block; content:""; position:absolute; left:9px; top:10px; width:4px; height:4px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg);}
*/
.s_tit.tc {text-align:center; justify-content:center; background:none !important; padding-left:0px;}
.s_tit.tc:after {display:none;}
.s_tit.tc:before {display:none;}

.ss_tit {font-size:1.15em; color:#000; margin:2.26em 0px 0.5em 0px; font-weight:700;}
.ss_tit:Before {display: block; content: ""; width:1em; height: 0.2em; border-radius: 0px 0px 0px 4px; background: var(--key-color); margin-bottom:0.4em}
.ss_tit.tc {justify-content:center; text-align:center}
.ss_tit.no-flex {display:block;}
.ss_tit > span{font-weight:300;}

.sss_tit {font-size:1em; color:#000; margin:2em 0px 0.5em 0px; font-weight:700; line-height:1.5em ; padding:0px 0px 0px 0.7em; position: relative;}
.sss_tit:Before {display: block; content: ""; width:0.15em; height:0.7em; background: var(--key-color); position: absolute; left: 0px; top: 0.35em;}

.b_txt {font-size:min(2em , 5.5vw); line-height:1.6em;}
.b_txt_s {font-size:min(1.44em , 4.5vw); line-height:1.6em;}

.title_bar {padding:min(4em, 7vw) 0px min(4em, 8vw) 0px;}
.title_bar .txt_a {font-size:1.15em; line-height: 1.4em;}
.title_bar .txt_b {font-size:2.3em; line-height: 1.4em; font-weight:700}
.title_bar .bg_text {color: #fff; display: inline-block;  position: relative;}
.title_bar .bg_text > img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}

.tab_radio {display: flex; justify-content: center; gap:2px; margin-bottom: 2em;}
.tab_radio > li {max-width:200px; flex: 1;}
.tab_radio > li label {height:2.5em; cursor: pointer; border:1px solid #ccc; border-radius:2px; color: #999999; display: flex; justify-content: center; align-items: center; background: #fff;}
.tab_radio > li label:before {display: none;}
.tab_radio > li :checked + label {background: #0076c0; color: #fff; border-color:#0076c0;}

.inquiry_wrap {display: flex; gap: 20px; justify-content: space-between;}
.inquiry_wrap .info {width: 36%; max-width:460px;}
.inquiry_wrap .info .txt_a {font-size:1.8em; line-height: 1.3em; font-weight:700 ;}
.inquiry_wrap .info .txt_b {padding-top: 2em; font-weight: 500;}
.inquiry_wrap .info .txt_c {padding-top:1em; color: #666666; font-size: var(--sub-font-size);}
.inquiry_wrap .write_area {flex:1; max-width:750px;}
.write_area .dec {text-align:right; margin-bottom: 0.5em; font-size: var(--small-font-size);}
.write_area .form {border-top:2px solid #000; border-bottom:1px solid #000; padding-bottom: 2em;}
.write_area .form > li {padding-top: 2em; font-size: var(--small-font-size);}
.write_area .form > li > label {display: block; font-weight:500;}
.write_area .form .input {border:1px solid #cccccc; border-radius:4px; height:2.9em; width: 100%; padding:0.4em 0.8em}
.write_area .form .textarea {border:1px solid #cccccc; border-radius:4px; padding:0.5em 1em}
.write_area .form input[type="file"] {font-size:0.9em; color: #666666;}
.write_area .agree {padding-top: 1em; font-size: var(--small-font-size);}
.write_area .btn {padding-top: 1em; text-align: right;}
.write_area .btn > a {display:inline-flex; justify-content: center; align-items: center; width:100%; height:3em; color: #fff; font-weight:600; background:var(--key-color); border-radius:60px;}



/*atab*/
.atab {display:flex; overflow-x:auto; gap:8px; justify-content:center; position:relative;}
.atab::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
.atab::-webkit-scrollbar-thumb {background:#666;}
.atab li {flex:1;}
.atab li a {display:flex; height:2.94em; justify-content:center; align-items:center; background:#fff; text-align:center; font-weight:500; font-size:17px; line-height:1.2em; box-sizing:border-box; color:#000; padding:0px 5px; border-radius:60px; }
.atab li.on {position:relative; z-index:2;}
.atab li.on a {background:#009178; color:#fff;}

.btab {display:flex;flex-wrap: wrap; margin-bottom:min(50px, 5vw); justify-content:center; position:relative;}
.btab li a {display:flex; height:2.88em; justify-content:center; align-items:center; word-break: break-all; background:#fff; border:1px solid #cccccc; border-radius:4px; text-align:center; font-weight:500; line-height:1.2em; box-sizing:border-box; color:#000; padding:0px 0.5em; min-width:6.6em;}
.btab li.on {position:relative; z-index:2;}
.btab li.on a {background:#d6c0fb;}



/* 레이어팝 */
.layerPop {-webkit-overflow-scrolling:touch; display: flex; align-items: center; justify-content:center; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; padding:10px; z-index:99999;  background:rgba(0, 0, 0, 50%); font-size:var(--font-size); line-height:1.5em; padding:10px;}
.pop_wrap {width:100%; max-height:100%; padding:0px; position:relative;  background:#fff; border:4px solid #000}
.pop_wrap .pop_body {padding:15px 20px; word-break:keep-all; overflow-y:auto; max-height:calc(100vh - 170px);}
.pop_wrap .pop_body::-webkit-scrollbar { width: 6px; }
.pop_wrap .pop_body::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
.pop_wrap .pop_body::-webkit-scrollbar-track { background-color: transparent; }
.pop_wrap .x_btn {position:absolute; right:10px; top:10px; display:block; cursor:pointer; background:none; width:30px; height:30px; font-size:0px;}
.pop_wrap .x_btn:after {display:block; content:""; width:24px; height:4px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.pop_wrap .x_btn:before {display:block; content:""; width:24px; height:4px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.pop_wrap .pop_head.bg_no {background:#fff;}
.pop_wrap .pop_head.bg_no .title {color:#000; border-bottom:1px solid #000}
.pop_wrap .pop_head.bg_no .x_btn:after {background:#000}
.pop_wrap .pop_head.bg_no .x_btn:before {background:#000;}
.pop_wrap .pop_head {background:var(--key-color); position:relative;}
.pop_wrap .pop_head .x_btn {top:50%; transform: translateY(-50%); font-size:1px !important; text-indent:-999999px;}
.pop_wrap .pop_head .title {font-size:26px; line-height:140%; color:#fff; padding:20px 50px 15px 25px; font-weight:800;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}



/* 팝업 */
.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:9999}
.main_pop_bottom {background:#fff; font-weight:300; color:#000; padding:10px; position:relative; font-size:14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position:absolute; right:10px; top:10px; padding-right:30px; background:url(../img/common/close.png) no-repeat right center; background-size:20px auto;}
.main_layer_pop_inner {width:100%; height:100%; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {display:table-cell; vertical-align:middle; position:relative; padding:0px 10px;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top:-22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background:url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background:url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}


.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}
.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; font-family:Pretendard; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Pretendard; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Pretendard; color:#444444; font-size:22px; line-height:38px;}



/* 1280px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
     
}


@media screen and (max-width:1640px) {

	
}

/* 1440px 이하 */
@media screen and (max-width:1439px) {
	.menu_btn {display:block;}
	.w_gnb {display: none;}
	.header_bar .lang {right:60px}
	.in_header {height: 100px;}

	.sub_wrap {padding-top:100px}
}	

/* 1200px 이하 */
@media screen and (max-width:1200px) {
	
}

/* 980px 이하 */
@media screen and (max-width:979px) {
	:root {
		--font-size:17px;
		--sub-font-size:16px;
		--small-font-size:15px;
	}


	.slide_menu_inner .header {height:80px; background-size: auto 40px;}
	.slide_menu_inner .gnb {height: calc(100% - 80px);	}

	#footer .sel_wrap {margin:0 auto; }
	#footer .sel_box > li select {height: 50px;}
	#footer .go_top > a {width: 50px; height: 50px;}
	#footer .go_top > a img {max-width:20px}

	.addressW {flex-direction: column; gap:20px; text-align: center;}
	.addressW .f_logo {text-align: center;}
	.addressW .f_logo img {max-width:41vw;}
	.addressW address {padding: 0px; justify-content:center;}
	
	
}

/* 768 이하 */
@media screen and (max-width:767px) {
	:root {
		--font-size:16px;
		--sub-font-size:15px;
		--small-font-size:14px;
	}
	
	.pc_view {display:none}
	.mb_view {display:block}

	#header h1 img {height: 40px;}
	.in_header {height:80px;}

	.slide_menu_inner .gnb > li {flex-direction: column; padding:6vw}
	.slide_menu_inner .gnb > li > a {min-width: auto; padding:0px;}
	.slide_menu_inner .gnb .sub_menu {border:none; padding:0px; gap:4vw}
	.slide_menu_inner .gnb .sub_menu > li > a {font-size:1.4em;}
	.slide_menu_inner .top_menu {right:50px}
	
	.main_layer_pop {-webkit-overflow-scrolling:touch; position:fixed; overflow-y:auto; width:100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left:0 !important; right:0 !important; top:0 !important; bottom:0; z-index:99999; background:rgba(0, 0, 0, 50%); margin:0px !important}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}
	.over_layerW {position:relative;}
	.over_layerW .table_style1 {width:100%; margin:0px;}
	.over_layerW .table_style1 tbody tr th.tl {word-break: keep-all}
	.over_layerW table td, .over_layerW table th {word-break: keep-all}
    .over_layer {overflow:auto;}
	.over_layer > div {overflow:inherit; min-width:680px;}
	.over_layer::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
	.over_layer::-webkit-scrollbar-thumb {background:#666;}
    .over_layerW:after {display:block; content:""; width:10px; height:100%; position:absolute; right:0px; top:0px; background:url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > table {min-width:900px;}

	.table_wrap {position:relative; overflow: auto;}
	.table_wrap > table {min-width: max-content; max-width:768px;}
	
	.table_wrap::-webkit-scrollbar {height:3px }
	.table_wrap::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
	.table_wrap::-webkit-scrollbar-track { background-color: transparent; }


	.main_visual {min-height: 600px;}
	.main_visual .key_visual {flex-direction: column;}
	.main_visual .scroll_down {display: none;}

	.service_wrap {flex-direction: column;}
	.service_wrap .box {width:100%; max-width: 100%;}

	.ceo_introduce .ceo {flex-direction: column;}
	.ceo_introduce .ceo .photo {width: 100%; margin: 0 auto;}

	.our_expertise > li {flex-direction: column;}

	.people_slide .swiper {width:100%; flex: none;}

	.our_service {flex-direction: column;}
	.our_service > li {max-width:100%;}
	
	.apply > ul {flex-direction: column; gap:min(70px, 5vw)}
	
	#footer .f_logo img {max-width:46vw;}
	.footer_navi {flex-direction: column; align-items: center; gap:20px}
	
	.inquiry_wrap {flex-direction: column;}
	.inquiry_wrap .info {width: 100%; max-width: 100%;}

	.sub_wrap {padding-top:80px}
	

	
}






/* 480px 이하 */
@media screen and (max-width:479px) {
	:root {
		--font-size:15px;
		--sub-font-size:14px;
		--small-font-size:13px;
	}
	
	#header h1 img {height: 30px;}
	.header_bar .lang {right:40px;}
	.header_bar .lang > li a {font-size:14px;}
    .in_header {height:60px;}
	
	.slide_menu_inner .header {background-size: auto 30px;}
	.slide_menu_inner .gnb > li > a {font-size:1.5em; margin-bottom:0.5em}
	.slide_menu_inner .gnb .sub_menu > li > a {font-size:1.15em;}

	
	
	.menu_btn a > span {width:28px; height:28px}
	.menu_btn a > span > span:after {top:-8px;}
	.menu_btn a > span > span:before {bottom:-8px;}	

	.main_visual .txt_a {font-size:2.2em;}
	.main_visual .btn {flex-direction: column;}
	.main_visual .btn > li { width: 100%;}

	.our_service .box {padding: 15px;}

	
	.people_slide {margin-top:40px}
	.people_slide .swiper-slide {width:80%; margin:0px 10px}
	.people_slide .box .txt_a {font-size:1.1em ;}
	.people_slide .box .txt_b {font-size:1em;}
	
	.popPeople .pop_wrap .pop_body {flex-direction: column;}
	.popPeople .pop_body .photo {width:100%; margin:0 auto; max-width: 190px;}

	.strenghth_diversity .box {flex-direction: column;}
	.strenghth_diversity .box::before {display: none;}
	.strenghth_diversity .box > li {display: flex; align-items: center;}
	.strenghth_diversity .box .ico {width: 80px; height: 80px; margin:0px 1em 0px 0px; min-width:80px  ;}
	.strenghth_diversity .box .ico img {width:40px;}
	.strenghth_diversity .box dl {flex: 1; text-align: left;}
	.strenghth_diversity .box dt {margin:0px;}
	.strenghth_diversity .box dt:after {margin: 0.5em 0px;	}
	
	.popHeadhunter .box_bul > li {width:100%}

    .pop_wrap .pop_head .title {text-align:left !important; font-size:20px; padding-left:15px !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display:none;}
	.pop_wrap .pop_body {padding:10px}

	.sub_wrap {padding-top:60px}
	.title_bar .txt_b {font-size: 2em;}

	#inner_wrap {padding-bottom:50px; padding-top:0px;}
	

	
	
	
	
}