@charset "utf-8";

/*** sub 공통 ***/
/** lnb **/
.lnb_title {padding: 3.2rem 2rem;font-size: 2rem;font-weight: 700;line-height: 2.4rem;color: #fff;letter-spacing: -0.03em; border-radius: 1.2rem 1.2rem 0 0; text-align: center;}
#lnb, #lnb ul, #lnb ul li, #lnb ul li a {display: block;position: relative;line-height: 1;}
#lnb {width: 20rem;color: #ffffff;}
#lnb ul {border: .1rem solid #ddd; border-radius: 0 0 1.2rem 1.2rem;}
#lnb ul ul {display: none;margin-bottom: 1.7rem;border: 0;font-weight: 300;}
#lnb > ul > li > a {padding: 1.6rem 2.4rem;border-bottom: 1px solid #DDDDDD;font-size: 1.6rem; line-height: 1.8rem; font-weight: 400;color: #3f3f3f;z-index: 2;cursor: pointer;}
#lnb > ul > li:last-child > a {border-bottom: 0;}
#lnb ul > li.has_sub.on, #lnb > ul > li.on > a {font-weight: 700;}
#lnb ul > li.has_sub > a {background: url(../images/content/i_lnb_on.png) 95% no-repeat;}
#lnb ul > li.has_sub.on > a {color: #fff;background: url(../images/content/i_lnb_off.png) 95% no-repeat;}
#lnb ul > li.has_sub li a {position: relative;padding: 1.6rem 0 0 3.1rem;font-size: 1.4rem;color: #808695;}
#lnb ul > li.has_sub li a::before {content: '';display: block;position: absolute;left: 2.4rem;top: 2.2rem;width: 0.3rem;height: 0.3rem;background: #7c7c7c;}
#lnb ul > li.has_sub li a:hover, #lnb li.has_sub li.on a {font-weight: 500;color: #308cde;}

/** breadcrumb **/
.breadcrumb.simple {margin-bottom: 2.4rem;}
.breadcrumb.simple ul {display: flex; align-items: center; gap: 1rem;}
.breadcrumb.simple li {font-size: 1.4rem; position: relative}
.breadcrumb.simple li + li {padding-left: 1.8rem;}
.breadcrumb.simple li + li::before {content: ''; display: inline-block; width: .8rem; height: 1.7rem; background: url(../images/icon/i_angle_right.svg) no-repeat center; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.breadcrumb.simple li.home {font-size: 0;padding: 0;background: none;}
.breadcrumb.simple li.home i {font-size: 1.7rem;}

/** contents **/
#container .wrap {width: 132rem; margin: 0 auto; display: flex; gap: 5.2rem; padding: 6.4rem 0 12rem;}
#container .wrap .content {width: calc(100% - 22rem);}

/* 상단 이동 버튼 */
.btn_top {width: 6rem; height: 6rem; background: #636363; color: #fff; border-radius: 50%; font-size: 1.5rem; position: fixed; right: 5rem; bottom: 5rem; display: none;}

/* paging */
.paging_wrap {margin-top: 5.6rem;}


/* table (view) */
.tbl + .tbl {margin-top: 4.8rem;}
.tbl th {background: #F8F8F8;}
.tbl th,
.tbl td {border-bottom: .1rem solid #ddd;}
.tbl thead th {text-align: left; padding: 0 2.4rem; height: 7rem; border-top: .2rem solid #222;}
.tbl thead th .class {font-size: 1.5rem; color: #636363; margin-right: 1.2rem;}
.tbl thead th strong {font-size: 1.8rem; font-weight: 700;}
.tbl tbody th,
.tbl tbody td {font-size: 1.6rem; padding: 1.5rem; height: 7rem; border-left: .1rem solid #ddd;}
.tbl tbody th:first-child {border-left: 0;}
.tbl tbody td .procedure {display: flex; gap: 1rem; counter-reset: colorcircle;}
.tbl tbody td .procedure li {position: relative; padding-left: 2rem;}
.tbl tbody td .procedure li::before {counter-increment: colorcircle 1; content: counter(colorcircle); color: #fff; position: absolute; top: 50%; left: .5rem; transform: translateY(-45%); font-size: 1.2rem; z-index: 1;}
.tbl tbody td .procedure li::after {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: inline-block; background: #222; border-radius: 50%; width: 1.6rem; height: 1.6rem;}
.tbl tbody td .point_txt {color: #F57F20;}
.tbl_info thead th {text-align: center;}

.btn_wrap {text-align: center; margin-top: 4.8rem;}
.btn_list {min-width: 20rem; height: 6.4rem; color: #222 !important; border-radius: .6rem; border: .1rem solid #222; font-size: 1.6rem; background: #fff !important; font-weight: 700;}


/*** 회사소개 ***/
/** CEO 인사말 **/
.content .cnt_tit {font-size: 2.4rem; font-weight: 700; line-height: 1; margin-bottom: 4.8rem;}
.content .cnt_wrap .box {height: 15rem; border-radius: 1.2rem; display: flex; align-items: center; padding: 0 5.6rem; background-size: cover;}
.content .cnt_wrap .box p {font-size: 1.8rem; font-weight: 400; line-height: 2.45rem;}
.content .cnt_wrap .box p strong {font-family: 'GmarketSans'; font-weight: 700; font-size: 2.2rem;}

.content .cnt_wrap .txt {margin-top: 2.8rem;}
.content .cnt_wrap .txt p {font-size: 1.7rem; font-weight: 500; line-height: 2.8rem;}
.content .cnt_wrap .txt p span {display: block; width: 100%; text-align: right; font-size: 1.8rem; font-weight: 500; margin-top: 6rem;}
.content .cnt_wrap .txt p span strong {font-size: 2.4rem; font-weight: 700;}

/** 컨설턴트 소개 **/
.content .cnt_wrap .search_wrap {display: flex; gap: 1.2rem; padding: 4.8rem 16.6rem; background: #fff; border: .1rem solid #ddd; border-radius: 1.2rem; margin-bottom: 4.8rem; flex-direction: column;}
.content .cnt_wrap .search_wrap .flex {display: flex; justify-content: center; gap: 1.2rem;}
.content .cnt_wrap select {min-width: 17rem; border-radius: .6rem; background: #fff url(../images/sub/icon/i_select_arrow.svg) no-repeat right 1.2rem center / 1.3rem;}
.content .cnt_wrap .search_wrap .ipt_wrap {width: 100%; max-width: 55rem; position: relative; border-radius: .6rem; overflow: hidden;}
.content .cnt_wrap .search_wrap .ipt_wrap input {width: 100%; max-width: 55rem; border-radius: .6rem; padding: 0 6rem 0 1.2rem;}
.content .cnt_wrap .search_wrap .ipt_wrap .btn_search {position: absolute; right: 0; top: 0; background: #636363; width: 4.8rem; height: 4.8rem; border-radius: .6rem; color: #fff; font-size: 1.8rem;}
.content .cnt_wrap .total_wrap {font-size: 1.6rem; font-weight: 700; margin-bottom: 1.6rem;}
.content .cnt_wrap .profile .prf_list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.4rem;}
.content .cnt_wrap .profile .prf_list > li {border: .1rem solid #DDDDDD; border-radius: 1.2rem;}
.content .cnt_wrap .profile .prf_list > li > a {display: block; width: 100%; height: 100%; padding: 3.2rem 3.4rem;}
.content .cnt_wrap .profile .prf_list li .intro_box {display: flex; align-items: flex-start; gap: 3.4rem;}
.content .cnt_wrap .profile .prf_list li .intro_box .photo {width: 10rem; height: 10rem; border-radius: 50%; background: #EAEAEA; display: flex; align-items: center; justify-content: center; color: #b0b0b0; font-size: 3rem;}
.content .cnt_wrap .profile .prf_list li .intro_box .intro {width: calc(100% - 13.4rem);}
.content .cnt_wrap .profile .prf_list li .intro_box .intro > div {display: flex; align-items: center; justify-content: space-between;}
.content .cnt_wrap .profile .prf_list li .intro_box .intro .name {font-size: 2.4rem; font-weight: 700; line-height: 2.4rem;}
.content .cnt_wrap .profile .prf_list li .intro_box .intro .name .position {font-size: 1.6rem; font-weight: 400; color: #636363;}
.content .cnt_wrap .profile .prf_list li .intro_box .intro .btn_wrap button {width: 2rem; height: 2rem;}
.content .cnt_wrap .profile .prf_list li .intro_box .intro .btn_wrap button + button {margin-left: .8rem;}
.content .cnt_wrap .profile .prf_list li .intro_box .intro .btn_wrap .btn_facebook {background: url(../images/sub/icon/i_sns_facebook.svg) no-repeat center;}
.content .cnt_wrap .profile .prf_list li .intro_box .intro .btn_wrap .btn_x {background: url(../images/sub/icon/i_sns_x.svg) no-repeat center;}
.content .cnt_wrap .profile .prf_list li .intro_box .intro p {font-size: 1.4rem; font-weight: 500; line-height: 1.8rem; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 1.2rem; color: #636363;}
.content .cnt_wrap .profile .prf_list li .detail {display: flex; flex-direction: column; gap: .8rem; margin-top: 2.4rem;}
.content .cnt_wrap .profile .prf_list li .detail li {font-size: 1.4rem; line-height: 1.6rem; display: flex; align-items: center; gap: 1.2rem;}
.content .cnt_wrap .profile .prf_list li .detail li span:first-child {color: #B0B0B0; font-size: 1.4rem; font-weight: 400; line-height: 1.6rem; padding: .4rem .8rem; border: .1rem solid #B0B0B0; border-radius: .6rem;}
.content .cnt_wrap .profile .prf_list li .detail li span.specialty {color: #fff; background: #F57F20; border-color: #F57F20;}
.content .cnt_wrap .profile .prf_list li .detail li span.ellipsis {display: block; width: calc(100% - 10rem);}

.content .cnt_wrap .profile .prf_list li .intro_box .intro .btn_wrap {margin-top: 0;}
.content .cnt_wrap .profile .prf_list li .intro_box .intro .btn_wrap .btn_facebook:hover {background: url(../images/sub/icon/i_sns_facebook_hv.svg) no-repeat center;}
.content .cnt_wrap .profile .prf_list li .intro_box .intro .btn_wrap .btn_x:hover {background: url(../images/sub/icon/i_sns_x_hv.svg) no-repeat center;}



/** 컨설턴트 채용 **/
.content .cnt_wrap .bd_box {border: .1rem solid #ddd; border-radius: 1.2rem; padding: 3.2rem 3.6rem;}
.content .cnt_wrap .bd_box:first-child {background: url(../images/sub/bdbox_bg.png)no-repeat right;}
.content .cnt_wrap .bd_box + .bd_box {margin-top: 3.6rem;}
.content .cnt_wrap .bd_box h4 {font-size: 2.4rem; font-weight: 500; margin-bottom: 2.4rem; line-height: 1;}
.content .cnt_wrap .bd_box h4 strong {font-weight: 700;}
.content .cnt_wrap .bd_box p {font-size: 1.7rem; line-height: 2.8rem; color: #636363;}

.content .cnt_wrap .bd_box:has(.how) {padding: 0;}
.content .cnt_wrap .bd_box .how {display: flex;}
.content .cnt_wrap .bd_box .how > li {width: 33.3333%; padding: 3.2rem 3.6rem;}
.content .cnt_wrap .bd_box .how > li + li {border-left: .1rem solid #ddd;}
.content .cnt_wrap .bd_box .how li .how_tit {font-size: 2rem; font-weight: 700; line-height: 2.4rem; margin-bottom: 2.4rem;}
.content .cnt_wrap .bd_box .how li .req {padding: 0 1rem;}
.content .cnt_wrap .bd_box .how li .req li {font-size: 1.5rem; font-weight: 500; line-height: 2.4rem; position: relative; padding-left: 1rem;}
.content .cnt_wrap .bd_box .how li .req li::before {content: ''; display: inline-block; width: .3rem; height: .3rem; border-radius: 50%; background: #222; position: absolute; top: 1rem; left: 0;}
.content .cnt_wrap .bd_box .how li .employ {display: flex; justify-content: space-between;}
.content .cnt_wrap .bd_box .how li .employ li {font-size: 1.5rem; line-height: 2.2rem; font-weight: 500; text-align: center;}
.content .cnt_wrap .bd_box .how li .employ li::before {content: ''; display: block; width: 6.4rem; height: 6.4rem; border-radius: 50%; margin: 0 auto 1rem;}
.content .cnt_wrap .bd_box .how li .employ li:nth-child(1):before {background: #222 url(../images/sub/icon/i_step01.svg) no-repeat center;}
.content .cnt_wrap .bd_box .how li .employ li:nth-child(2):before {background: #222 url(../images/sub/icon/i_step02.svg) no-repeat center;}
.content .cnt_wrap .bd_box .how li .employ li:nth-child(3):before {background: #222 url(../images/sub/icon/i_step03.svg) no-repeat center;}

.content .cnt_wrap .apply {background: #F57F20; border-radius: 1.2rem; display: flex; padding: 2.4rem 4.8rem; color: #fff; gap: 6.4rem; align-items: center; margin-top: 4.4rem;}
.content .cnt_wrap .apply strong {font-size: 2rem; font-weight: 700;}
.content .cnt_wrap .apply p {font-size: 1.8rem; line-height: 2.2rem; font-weight: 500;}
.content .cnt_wrap .apply p .mail {margin-left: 2.4rem; text-decoration: underline;}



/** 오시는 길 **/
.content .cnt_wrap .map_box {display: flex; gap: 2.4rem;}
.content .cnt_wrap .map_box #map {border-radius: 1.2rem;}
.content .cnt_wrap .map_box .bd_box {padding: 0;}
.content .cnt_wrap .map_box .bd_box .top {border-bottom: .1rem solid #ddd; padding: 3rem;}
.content .cnt_wrap .map_box .bd_box .top strong {font-size: 1.8rem; font-weight: 700; margin-bottom: .4rem; display: block;}
.content .cnt_wrap .map_box .bd_box .top .add_wrap {display: flex; align-items: center; gap: 1.6rem;}
.content .cnt_wrap .map_box .bd_box .top .add_wrap p {font-size: 1.4rem; font-weight: 400; color: #222; line-height: 1.6rem;}
.content .cnt_wrap .map_box .bd_box .top .add_wrap p span {color: #B0B0B0; margin-right: .8rem;}
.content .cnt_wrap .map_box .bd_box .btm {padding: 3rem;}
.content .cnt_wrap .map_box .bd_box .btm > ul {display: flex; flex-direction: column; gap: 2rem;}
.content .cnt_wrap .map_box .bd_box .btm b {font-size: 1.6rem; margin-bottom: 1rem; display: block;}
.content .cnt_wrap .map_box .bd_box .btm .subway {display: flex; align-items: center; gap: .5rem 2rem; flex-wrap: wrap;}
.content .cnt_wrap .map_box .bd_box .btm .subway li {font-size: 1.4rem; display: flex; align-items: center; gap: .4rem;}
.content .cnt_wrap .map_box .bd_box .btm .subway li span {font-size: 1.2rem; color: #fff; border-radius: 50%; display: block; min-width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; line-height: 2rem;}
.content .cnt_wrap .map_box .bd_box .btm .subway li span.y {background: #F8CE55; border-radius: 5rem; padding: .1rem .6rem;}
.content .cnt_wrap .map_box .bd_box .btm .subway li span.g {background: #61B057;}
.content .cnt_wrap .map_box .bd_box .btm .subway li span.b {background: #C8A34E;}
.content .cnt_wrap .map_box .bd_box .btm .busstop {display: flex; align-items: center; gap: 2rem;}
.content .cnt_wrap .map_box .bd_box .btm .busstop li {display: flex; align-items: center; gap: .4rem; font-size: 1.4rem;}
.content .cnt_wrap .map_box .bd_box .btm .busstop li span {border-radius: 50%; border: .1rem solid #b0b0b0; display: flex; align-items: center; justify-content: center; min-width: 2rem; height: 2rem; font-size: 1.2rem; line-height: 2rem;}
.content .cnt_wrap .map_box .bd_box .btm .bus {display: flex; flex-direction: column; gap: .6rem;}
.content .cnt_wrap .map_box .bd_box .btm .bus li {font-size: 1.4rem; display: flex; align-items: center; gap: .6rem;}
.content .cnt_wrap .map_box .bd_box .btm .bus li span {color: #fff; font-size: 1.2rem; padding: .1rem .6rem; border-radius: .4rem;}
.content .cnt_wrap .map_box .bd_box .btm .bus li span.pb {background: #7385ED; border: .1rem solid #6474D0;}
.content .cnt_wrap .map_box .bd_box .btm .bus li span.gb {background: #75B44F; border: .1rem solid #679E45;}


/*** 시스템소개 ***/
.content .cnt_wrap .cst_wrap {display: flex; gap: 2.4rem; margin-top: 2.4rem;}
.content .cnt_wrap .cst_wrap .cst_box {border: .1rem solid #ddd; padding: 3.2rem 3.4rem; width: 50%; height: 100%;}
.content .cnt_wrap .cst_wrap .cst_box .thumb {border-radius: .6rem; overflow: hidden; width: 45.2rem; height: 15.5rem; margin-bottom: 4.8rem;}
.content .cnt_wrap .cst_wrap .cst_box .thumb img {width: 100%; height: 100%; object-fit: cover;}
.content .cnt_wrap .cst_wrap .cst_box h4 {font-size: 2.4rem; line-height: 2.4rem; margin-bottom: 2.4rem;}
.content .cnt_wrap .cst_wrap .cst_box p {font-size: 1.7rem; line-height: 2.8rem; color: #636363; margin-bottom: 4.8rem;}
.content .cnt_wrap .cst_wrap .cst_box .btn_link {display: flex; align-items: center; justify-content: space-between; width: 100%; background: #F57F20; color: #fff; font-size: 1.8rem; line-height: 2.2rem; padding: 2.4rem 4.8rem; border-radius: 1.2rem;}



/** Service Strength **/
.content .cnt_wrap .svc_box {display: flex; gap: 2.4rem;}
.content .cnt_wrap .svc_box .lt {padding: 4rem; background: #F8F8F8; border-radius: 1.2rem; display: flex; align-items: center; justify-content: center; width: 51rem; height: 45rem;}
.content .cnt_wrap .svc_box .rt {width: calc(100% - 51rem);}
.content .cnt_wrap .svc_box .rt ul {display: flex; flex-direction: column; gap: 2.4rem;}
.content .cnt_wrap .svc_box .rt > ul > li {border: .1rem solid #ddd; border-radius: 1.2rem; overflow: hidden;}
.content .cnt_wrap .svc_box .rt ul .top {border-bottom: .1rem solid #DDDDDD; font-size: 1.8rem; font-weight: 700; display: flex; align-items: center; gap: 1.2rem; line-height: 2.4rem; padding: 1.6rem 2.4rem;}
.content .cnt_wrap .svc_box .rt ul .top span {color: #636363; font-size: 1.5rem; font-weight: 500;}
.content .cnt_wrap .svc_box .rt ul .btm {padding: 1.6rem 2rem;}
.content .cnt_wrap .svc_box .rt ul .btm ul {gap: 1.2rem;}
.content .cnt_wrap .svc_box .rt ul .btm ul li {font-size: 1.6rem; font-weight: 500; position: relative; padding-left: 1rem;}
.content .cnt_wrap .svc_box .rt ul .btm ul li::before {content: ''; display: block; width: .4rem; height: .4rem; border-radius: 50%; background: #222; position: absolute; top: .9rem; left: 0;}



/** Service Field **/
.content .cnt_wrap .field_list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 4.8rem 2.4rem;}
.content .cnt_wrap .field_list li .thumb {border-radius: 1.2rem; overflow: hidden; margin-bottom: 2.4rem;}
.content .cnt_wrap .field_list li .thumb img {width: 100%; height: 100%; object-fit: cover;}
.content .cnt_wrap .field_list li .f_tit strong {font-size: 2rem; line-height: 2.4rem; margin-bottom: .8rem; display: block;}
.content .cnt_wrap .field_list li .f_tit span {font-size: 1.6rem; line-height: 1.8rem;}



/** Service Field **/
.content .cnt_wrap .pcd_list {display: grid; grid-template-columns: repeat(5, 1fr); gap: 2rem; margin-bottom: 5.4rem;}
.content .cnt_wrap .pcd_list li {border: .1rem solid #ddd; border-radius: 1.2rem; padding: 2.4rem; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2.4rem;}
.content .cnt_wrap .pcd_list li .num {color: #fff; font-size: 1.2rem; font-weight: 700; border-radius: 50%; width: 2rem; height: 2rem; display: inline-block; text-align: center; line-height: 2rem;}
.content .cnt_wrap .pcd_list li p {font-size: 1.5rem; font-weight: 600; line-height: 2.4rem; letter-spacing: -.06rem;}
.content .cnt_wrap .pcd_list li p::before {content: ''; display: block; width: 8rem; height: 8rem; margin: 0 auto 2.6rem;}
.content .cnt_wrap .pcd_list li:nth-child(1) p::before {background: url(../images/sub/pcd01.svg) no-repeat center;}
.content .cnt_wrap .pcd_list li:nth-child(2) p::before {background: url(../images/sub/pcd02.svg) no-repeat center;}
.content .cnt_wrap .pcd_list li:nth-child(3) p::before {background: url(../images/sub/pcd03.svg) no-repeat center;}
.content .cnt_wrap .pcd_list li:nth-child(4) p::before {background: url(../images/sub/pcd04.svg) no-repeat center;}
.content .cnt_wrap .pcd_list li:nth-child(5) p::before {background: url(../images/sub/pcd05.svg) no-repeat center;}

.content .cnt_wrap .ctr_list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.4rem;}
.content .cnt_wrap .ctr_list > li {border-radius: 1.2rem; padding: 3.2rem 3.8rem 3.2rem 4.8rem; display: flex; gap: 3.6rem; }
.content .cnt_wrap .ctr_list > li::before {content: ''; width: 12rem; height: 12rem; border-radius: 50%; margin-top: .6rem;}
.content .cnt_wrap .ctr_list > li .flex_wrap {display: flex; flex-direction: column; gap: 1.6rem; width: calc(100% - 15.6rem);}
.content .cnt_wrap .ctr_list > li .tit_wrap span {font-size: 1.2rem; font-weight: 700; line-height: 1.6rem; display: block; margin-bottom: .4rem;}
.content .cnt_wrap .ctr_list > li .tit_wrap strong {font-size: 2rem; font-weight: 700; line-height: 2.4rem;}
.content .cnt_wrap .ctr_list > li .det_list li {font-size: 1.5rem; font-weight: 500; line-height: 2.4rem; position: relative; padding-left: 1.5rem;}
.content .cnt_wrap .ctr_list > li .det_list li::before {content: ''; display: inline-block; width: .3rem; height: .3rem; border-radius: 50%; background: #222; position: absolute; top: 1rem; left: .7rem;}



/*** 스카우트 제안받기 ***/
/** 채용정보 **/
.content .cnt_wrap .search_wrap {padding: 4.8rem 13.75rem;}
.content .cnt_wrap .search_wrap .class_list {display: flex; justify-content: center; gap: .8rem;}
.content .cnt_wrap .search_wrap .class_list li {border: .1rem solid #ddd; border-radius: .6rem; color: #B0B0B0; font-size: 1.6rem; font-weight: 500;}
.content .cnt_wrap .search_wrap .class_list li.on {color: #fff;}
.content .cnt_wrap .search_wrap .class_list li a {display: block; padding: 1.1rem 2.4rem;}
.content .cnt_wrap .employ .emp_list li {border-left: 0; border-right: 0;}
.content .cnt_wrap .employ .emp_list li:first-child {border-top: .1rem solid #222;}
.content .cnt_wrap .employ .emp_list li:last-child {border-bottom: .1rem solid #222;}
.content .cnt_wrap .employ .emp_list li + li {border-top: .1rem solid #222;}
.content .cnt_wrap .employ .emp_list li a {display: flex; flex-direction: column; gap: 1.6rem; width: 100%; height: 100%; padding: 4.8rem 5.4rem; position: relative;}
.content .cnt_wrap .employ .emp_list li a::after {content: '+'; display: block; width: 5.6rem; height: 5.6rem; border-radius: 1.2rem; background: #f8f8f8; font-size: 1.8rem; text-align: center; line-height: 5.6rem; position: absolute; right: 4.8rem; top: 50%; transform: translateY(-50%);}
.content .cnt_wrap .employ .emp_list li .class {font-size: 1.6rem; font-weight: 600; line-height: 1.8rem; display: flex; align-items: center; gap: 1.2rem;}
.content .cnt_wrap .employ .emp_list li .new {font-size: 1.4rem; font-weight: 700; color: #fff; display: inline-block; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: #F57F20; text-align: center; line-height: 2.4rem;}
.content .cnt_wrap .employ .emp_list li .cnt {font-size: 2rem; font-weight: 700; line-height: 2.4rem;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 10rem);}
.content .cnt_wrap .employ .emp_list li .btm {font-size: 1.8rem; line-height: 2.2rem;}
.content .cnt_wrap .employ .emp_list li .btm i {margin-right: 1rem;}

/*** 인재채용 ***/
/** 레퍼런스체크 의뢰 **/
.content .cnt_wrap .sub_tit {font-size: 2rem; font-weight: 700; line-height: 2.4rem; margin: 3.6rem 0 2.4rem;}
.content .cnt_wrap .tbl_wrap {margin-top: 4.8rem;}
.content .cnt_wrap .tbl_wrap .tbl_write thead th {font-size: 1.8rem; text-align: center;}
.content .cnt_wrap .tbl_wrap .tbl_write td > input,
.content .cnt_wrap .tbl_wrap .tbl_write td > select {width: 100%; height: 4rem; min-width: 100%;}
.content .cnt_wrap .tbl_wrap .tbl_write td .phone {display: flex; align-items: center; gap: .8rem;}
.content .cnt_wrap .tbl_wrap .tbl_write td .phone * {min-width: calc(33.33% - .8rem);}
.tbl_write select:focus, 
.tbl_write input:focus, 
.tbl_write textarea:focus {border-color: #222222; box-shadow: inherit}
.btn_adit {min-width: 20rem; color: #fff; font-weight: 700; border-radius: .6rem; height: 6.4rem;}




/* 반응형 스타일 */
@media (hover: hover) {
    .btn_list:hover {background-color: #eaeaea !important;}

    .content .cnt_wrap .profile .prf_list > li:hover {background: #F8F8F8; border-color: #222222;}   
    .content .cnt_wrap .employ .emp_list li:hover {background-color: #F8F8F8;} 
    .content .cnt_wrap .employ .emp_list li:hover a::after {background: #fff; border: .1rem solid #222;}

}

@media (max-width: 1280px) {

    .lnb_wrap {display: none;}
    #container .wrap {width: 100%; padding: 4.8rem 1.6rem 6rem;}
    #container .wrap .content {width: 100%;}
    
    .btn_top {right: 1.6rem; bottom: 1.6rem;}

    /*** 시스템소개 ***/
    /** System **/
    .content .cnt_wrap .cst_wrap .cst_box .thumb {width: 100%;}
    
    /*** 스카우트 제안받기 ***/
    /** 채용정보 **/
    .content .cnt_wrap .search_wrap .class_list {flex-wrap: wrap; }
    .content .cnt_wrap .search_wrap .class_list li {font-size: 1.4rem;}
    .content .cnt_wrap .search_wrap .class_list li a {padding: .8rem 1.1rem;}

}
@media (max-width: 1024px) {
    html {font-size: 75%;} /* 1rem = 12px */

    .paging_wrap {margin-top: 4rem;}
    .paging li {font-size: 1.4rem; width: 3rem; height: 3rem; min-width: 3rem; line-height: 3rem;}

    .tbl tbody td .procedure {flex-direction: column;}

    /*** 회사소개 ***/
    /** CEO 인사말 **/
    .content .cnt_tit {font-size: 2.2rem; margin-bottom: 4.8rem;}
    .content .cnt_wrap .box {padding: 0 2.4rem;}
    .content .cnt_wrap .box p {font-size: 1.4rem;}
    .content .cnt_wrap .box p strong {font-size: 1.8rem;}
    .content .cnt_wrap .txt p {font-size: 1.4rem; line-height: 2.4rem;}
    .content .cnt_wrap .txt p span {font-size: 1.6rem;}
    .content .cnt_wrap .txt p span strong {font-size: 2rem;}




    /** 컨설턴트 소개 **/
    .content .cnt_wrap .search_wrap {padding: 4.8rem 2.55rem;}
    .content .cnt_wrap .search_wrap select {width: 12rem; min-width: 12rem; height: 4rem;}
    .content .cnt_wrap .search_wrap .ipt_wrap input {height: 4rem; font-size: 1.6rem;}
    .content .cnt_wrap .search_wrap .ipt_wrap .btn_search {height: 4rem; width: 4rem; font-size: 1.6rem;}
    .content .cnt_wrap .total_wrap {font-size: 1.4rem;}
    .content .cnt_wrap .profile .prf_list > li > a {padding: 2.2rem 2.4rem;}
    .content .cnt_wrap .profile .prf_list li .intro_box {gap: 2.5rem;}
    .content .cnt_wrap .profile .prf_list li .intro_box .photo {width: 8rem; height: 8rem;}
    .content .cnt_wrap .profile .prf_list li .intro_box .intro {width: calc(100% - 10.5rem);}
    .content .cnt_wrap .profile .prf_list li .intro_box .intro .name {font-size: 1.8rem; line-height: 2.4rem;}
    .content .cnt_wrap .profile .prf_list li .intro_box .intro .name .position {font-size: 1.4rem; line-height: 1.8rem;}
    .content .cnt_wrap .profile .prf_list li .intro_box .intro p {font-size: 1.2rem;}
    .content .cnt_wrap .profile .prf_list li .detail li span {font-size: 1.2rem;}
    .content .cnt_wrap .profile .prf_list li .detail li span:first-child {font-size: 1.2rem;}




    /** 컨설턴트 채용 **/
    .content .cnt_wrap .bd_box {padding: 2.4rem; background: inherit !important;}
    .content .cnt_wrap .bd_box + .bd_box {margin-top: 2.4rem;}
    .content .cnt_wrap .bd_box h4 {font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 1.8rem;}
    .content .cnt_wrap .bd_box h4 strong {display: block;}
    .content .cnt_wrap .bd_box p {font-size: 1.4rem; line-height: 1.8rem;}
    .content .cnt_wrap .bd_box .how {flex-direction: column;}
    .content .cnt_wrap .bd_box .how > li {width: 100%; padding: 2.4rem;}
    .content .cnt_wrap .bd_box .how > li + li {border-left: 0;}
    .content .cnt_wrap .bd_box .how li .how_tit {margin-bottom: 1rem; font-size: 1.8rem;}
    .content .cnt_wrap .bd_box .how li .req li {font-size: 1.4rem;}
    .content .cnt_wrap .bd_box .how li .employ li {font-size: 1.4rem;}
    .content .cnt_wrap .bd_box .how li .employ li::before {width: 5rem; height: 5rem;}

    .content .cnt_wrap .apply {padding: 2.4rem; gap: 2rem;}
    .content .cnt_wrap .apply strong {font-size: 1.4rem;}
    .content .cnt_wrap .apply p {font-size: 1.4rem;}
    .content .cnt_wrap .apply p .mail {margin-left: .6rem;}


    
    

    /** 오시는 길 **/
    .content .cnt_wrap .map_box {flex-direction: column;}
    .content .cnt_wrap .map_box #map {width: 100% !important;}
    .content .cnt_wrap .map_box .bd_box .top {padding: 2.4rem;}
    .content .cnt_wrap .map_box .bd_box .top strong {font-size: 1.6rem; margin-bottom: 2rem;}
    .content .cnt_wrap .map_box .bd_box .top .add_wrap {flex-direction: column; align-items: flex-start; gap: 1rem;}
    .content .cnt_wrap .map_box .bd_box .btm {padding: 2.4rem;}




    /*** 시스템소개 ***/
    /** System **/
    .content .cnt_wrap .cst_wrap {flex-direction: column;}
    .content .cnt_wrap .cst_wrap .cst_box {width: 100%;}
    .content .cnt_wrap .cst_wrap .cst_box .thumb {width: 100%; height: 10rem; margin-bottom: 2.4rem;}
    .content .cnt_wrap .cst_wrap .cst_box h4 {font-size: 1.8rem; margin-bottom: 1.2rem;}
    .content .cnt_wrap .cst_wrap .cst_box p {font-size: 1.4rem; line-height: 2.2rem; margin-bottom: 3.6rem;}
    .content .cnt_wrap .cst_wrap .cst_box .btn_link {padding: 1.2rem 2.4rem; font-size: 1.6rem; border-radius: .8rem;}



    /** Service Strength **/
    .content .cnt_wrap .svc_box {flex-direction: column;}
    .content .cnt_wrap .svc_box .lt {width: 100%; height: 100%; padding: 2.4rem;}
    .content .cnt_wrap .svc_box .lt img {width: 100%;}
    .content .cnt_wrap .svc_box .rt {width: 100%;}
    .content .cnt_wrap .svc_box .rt ul .top {font-size: 1.6rem; gap: .8rem; padding: 1rem 2rem;}
    .content .cnt_wrap .svc_box .rt ul .top span {font-size: 1.4rem;}
    .content .cnt_wrap .svc_box .rt ul .btm {padding: 1rem 2rem;}
    .content .cnt_wrap .svc_box .rt ul .btm ul li {font-size: 1.4rem;}
    .content .cnt_wrap .svc_box .rt ul .btm ul li::before {top: .7rem;}



    /** Service Field **/
    .content .cnt_wrap .field_list li .thumb {margin-bottom: 1rem;}
    .content .cnt_wrap .field_list li .f_tit strong {font-size: 1.6rem; line-height: 2rem; margin-bottom: .4rem;}
    .content .cnt_wrap .field_list li .f_tit span {font-size: 1.2rem; line-height: 1.6rem;}



    /** Search Procedure **/
    .content .cnt_wrap .pcd_list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem;}
    .content .cnt_wrap .pcd_list li {padding: 1.2rem; gap: 1.6rem;}
    .content .cnt_wrap .pcd_list li p {font-size: 1.2rem;}
    .content .cnt_wrap .pcd_list li p::before {width: 6rem; height: 6rem; background-size: 100% !important; margin-bottom: 1.6rem;}

    .content .cnt_wrap .ctr_list {gap: 1.2rem; grid-template-columns: repeat(3, 1fr)}
    .content .cnt_wrap .ctr_list > li {padding: 2rem 1rem; gap: 2.4rem; flex-direction: column; align-items: center;}
    .content .cnt_wrap .ctr_list > li::before {width: 8rem; height: 8rem; background-size: 50% !important;}
    .content .cnt_wrap .ctr_list > li .tit_wrap {text-align: center;}
    .content .cnt_wrap .ctr_list > li .tit_wrap strong {font-size: 1.8rem;}
    .content .cnt_wrap .ctr_list > li .flex_wrap {gap: 1rem; width: 100%;}
    .content .cnt_wrap .ctr_list > li .det_list li {font-size: 1.4rem; line-height: 2rem; word-break: keep-all;}
    .content .cnt_wrap .ctr_list > li .det_list li::before {top: .8rem;}

    /*** 스카우트 제안받기 ***/
    /** 채용정보 **/
    .content .cnt_wrap .employ .emp_list li a {padding: 3.6rem 2.4rem;}
    .content .cnt_wrap .employ .emp_list li .cnt {font-size: 1.7rem; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; width: calc(100% - 8rem);}
    .content .cnt_wrap .employ .emp_list li .btm {font-size: 1.6rem;}
    .content .cnt_wrap .employ .emp_list li a::after {right: 2.4rem;}
}
@media screen and (max-width: 768px) { 
    /* 모바일 버전 스타일 (태블릿 대비 모바일에서 달라지는 스타일) */
    html {font-size: 68.75%;} /* 1rem = 11px */

    .content .cnt_wrap .box {padding: 0 2.4rem; background-position-x: 80%;}
    .content .cnt_wrap .field_list {grid-template-columns: repeat(2, 1fr);}
    .content .cnt_wrap .ctr_list {gap: 1.2rem; grid-template-columns: repeat(2, 1fr)}

    .content .cnt_wrap .profile .prf_list {grid-template-columns: repeat(1, 1fr);}
    
    .content .cnt_wrap .bd_box.bd_bg,
    .content .cnt_wrap .bd_box.bd_bg2 {padding-top: 20rem; background-position: top -20% left 50% !important;}

    /* table */
    .tbl colgroup {display: none;}
    .tbl thead tr th {height: 100%; padding: 1.435rem 2rem;}
    .tbl thead th strong {line-height: 3rem; font-size: 1.5rem;}
    .tbl thead th .class {font-size: 1.4rem;}
    .tbl tbody th, .tbl tbody td {height: 100%; padding: 1.435rem 2rem;}
    .tbl tbody th {font-size: 1.4rem;}
    .tbl tbody td {font-size: 1.3rem;}
    .tbl_view {width: 100%; border-collapse: collapse;}
    .tbl_view thead tr, 
    .tbl_view tbody tr {display: grid; grid-template-columns: repeat(2, 1fr); width: 100%;}
    .tbl_view tbody th, 
    .tbl_view tbody td {box-sizing: border-box; word-break: break-word; height: 100% !important;}
    .tbl_view thead th {grid-column: 1 / -1; font-weight: bold; text-align: left;}
    .tbl_view tbody th[colspan="4"], 
    .tbl_view tbody td[colspan="4"], 
    .tbl_view tbody td[colspan="3"] {grid-column: 1 / -1;}
    .tbl_view tbody tr:has(td[colspan="3"]) {grid-template-columns: repeat(1, 1fr)}
    .tbl_view tbody th:nth-of-type(n) {grid-row: 1;}
    .tbl_view tbody td:nth-of-type(n) {grid-row: 2;}
    .tbl_view tbody td:has(pre) {height: 100%;}
    .tbl_view pre {white-space: pre-wrap; font-family: inherit; height: 100%; margin: 0; line-height: 2.4rem;}
    .tbl tbody td .procedure {flex-direction: column;}

    .tbl_info {width: 100%; border-collapse: collapse;}
    .tbl_info thead tr, 
    .tbl_info tbody tr {display: grid; grid-template-columns: repeat(2, 1fr); width: 100%;}
    .tbl_info thead tr {grid-template-columns: repeat(1, 1fr);}
    .tbl_info th, 
    .tbl_info td {box-sizing: border-box; word-break: break-word; text-align: center;}
    .tbl tbody td:nth-child(2) {border-left: 0;}
    .tbl_info thead th {grid-row: 1; font-weight: bold;}
    .tbl_info tbody th:nth-of-type(n) {grid-row: 1; font-weight: bold;}
    .tbl_info tbody td:nth-of-type(n) {grid-row: 2;}

    .tbl_write {width: 100%; border-collapse: collapse;}
    .tbl_write tr,
    .tbl_write th,
    .tbl_write td {display: block; width: 100%; border-left: 0 !important; text-align: center !important;}
    .tbl_write thead th {font-size: 1.6rem !important;}
    .tbl_write input[type="text"], 
    .tbl_write select, 
    .tbl_write textarea { width: 100%;}
    .tbl_write textarea {white-space: pre-wrap; resize: vertical;}

    .content .cnt_wrap .tbl_wrap .tbl_write td .phone * {height: 3.6rem;}
    .content .cnt_wrap .tbl_wrap .tbl_write td > input, 
    .content .cnt_wrap .tbl_wrap .tbl_write td > select {height: 3.6rem;}

    .btn_list,
    .btn_adit {min-width: 15rem; height: 5rem; font-size: 1.4rem;}
}
@media screen and (max-width: 480px) { 
    /* 모바일 버전 스타일2 (모바일 작은 화면에서 달라지는 스타일) */
    html {font-size: 62.5%;} /* 1rem = 10px */


    .content .cnt_wrap .field_list {grid-template-columns: repeat(1, 1fr);}
    .content .cnt_wrap .pcd_list {display: grid; grid-template-columns: repeat(1, 1fr);}
    .content .cnt_wrap .pcd_list li {flex-direction: row; padding: 2.4rem 2.4rem; gap: 2.4rem;}
    .content .cnt_wrap .pcd_list li p {display: flex; align-items: center; text-align: left;}
    .content .cnt_wrap .pcd_list li p::before {margin-bottom: 0; margin-right: 3.5rem;}
    .content .cnt_wrap .ctr_list {gap: 1.2rem; grid-template-columns: repeat(2, 1fr)}
}