/* Common */
:root {
    --main-color01 : #3047d1;
    --font01 : cafe24surround;
}

.jm_tb{width: 100%;}
.jm_tb.fix{table-layout: fixed;}
.jm_tb thead tr th{padding: 6.25px 10px; font-size: 25px; font-weight: 800; color: #fff; background: var(--main-color01);}
.jm_tb tbody tr td{padding: 12.75px 10px; font-size: 27px; font-weight: 400; color: #535353;}
.jm_tb tbody tr:nth-child(even) td{background: #f7f7f7;}

.jm_tb tbody.ta_c tr td{text-align: center;}
.jm_tb tbody.ta_c tr td.ta_l{text-align: left;}

.jm_tb tbody.round tr td{padding-left: 0; padding-right: 0; background: #fff !important;}
.jm_tb tbody.round .round_in{display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; border-radius: 5px; background: #fff;}
.jm_tb tbody.round .round_ct{padding: 15px 5px;}
.jm_tb tbody.round .round_in.gray{background-color: #f7f7f7;}
.jm_tb tbody.round .round_in.gray2{background-color: #ededed;}

.jm_tb thead.round tr th{padding-left: 5px; padding-right: 5px; background: #fff;}
.jm_tb thead.round .round_in{display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; border-radius: 5px; background: var(--main-color01);}
.jm_tb thead.round .round_ct{padding: 15px 5px;}

.jm_tb.round thead tr th{padding: 5px; background: #fff;}
.jm_tb.round thead tr th .fw_r{font-weight: 400;}
.jm_tb.round thead .round_in{display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; border-radius: 5px; background: var(--main-color01);}
.jm_tb.round thead .round_ct{padding: 6px 15px;}
.jm_tb.round thead .round_in.blue2{background-color: #596cda;}

.jm_tb.round tbody tr td{padding: 10px 5px; background: #fff !important; font-size: 22px; line-height: 1.7;}
.jm_tb.round tbody .round_in{display: flex; flex-direction: column; justify-content: center; position: relative; width: 100%; height: 100%; border-radius: 5px; background: #fff;}
.jm_tb.round tbody .round_in:after{content: ""; display: block; position: absolute; bottom: -10px; left: 0; z-index: 1; width: 100%; border-bottom: 1px solid #dcdcdc;}
.jm_tb.round tbody .round_ct{padding: 15px;}
.jm_tb.round tbody .round_in.gray{background-color: #f7f7f7;}
.jm_tb.round tbody .round_in.gray2{background-color: #ededed;}
.jm_tb.round tbody tr td b{font-weight: 800; color: #1b1b1b;}

.jm_tb.expert_tb2 tbody .round_ct b {color: #535353;}
.round_smtext {font-size: 18px; font-weight: 400; color: #535353; line-height: 1.6;}
.round_smtext span {display: block; padding-left: 13px;}

.apt_target_table.jm_tb.round tbody .round_in:after {display: none;}
.apt_target_table.jm_tb.round thead tr th {padding: 2px;}
.apt_target_table.jm_tb.round thead tr th:first-child {width: 150px;}
.apt_target_table.jm_tb.round tbody tr td {padding: 2px;}

.circle_title{}
.circle_title .symbol{float: left; display: block; width: 43px; height: 43px; margin: 13px 10px 0 0; border-radius: 50%; border: 10px solid var(--main-color01);}
.circle_title .text{float: left; display: block; font-size: 50px; color: #1b1b1b;}

/* Header */
.header{position: fixed; top: 0; left: 0; z-index: 500; width: 100%; height: 130px; border-bottom: 1px solid #dcdcdc; background: #fff; text-align: center; transition: 0.3s;}
.header .wrapper{height: 100%;}
.hd_wr {display: flex; justify-content: center; align-items: flex-start; position: relative; height: 100%;}
.hd_top {position: absolute; top: 5px; right: 0; height: 45px;}
.hd_logo{position: absolute; top: 50%; left: calc(50% - 720px); z-index: 10; transform: translateY(-50%);}
.hd_logo img {width: 163px;}
.gnb{}
.gnb_ul{margin: 0 -24px;}
.gnb_ul > li{position: relative; padding: 0 24px;}
.gnb_ul > li > a{display: block; height: 130px; line-height: 130px; font-size: 20.83px; font-weight: 400; color: #000000; font-family: var(--font01);}
.gnb_ul > li.st-mn > a{color: var(--main-color01);}
.gnb_ul > li.st-mn > a span{position: relative;}
.gnb_ul > li.st-mn > a span:after{content: ""; display: block; position: absolute; top: -4px; right: -3px; width: 4px; height: 4px; border-radius: 50%; background: var(--main-color01);}
.tnb{}
.tnb_ul{margin: 0 -7px;}
.tnb_ul > li {position: relative; padding: 0 7px;}
.tnb_ul > li:not(:last-child)::after {content: ''; position: absolute; right: -0.5px; top: calc(50% + 1px); transform: translateY(-50%); width: 1px; height: 12px; background-color: #a0a0a0;}
.tnb_ul > li > a{font-size: 15px; color: #003300; font-weight: bold;}

.snb{display: none; position: absolute; top: 120px; left: 50%; transform: translateX(-50%); z-index: 100; min-width: 200px; padding: 25px 0; background: #fff; box-shadow: 0 0 8px rgba(34,24,21,0.11);}
.snb > li{}
.snb > li > a{display: block; padding: 7px 0; font-size: 19px; font-weight: 400; color: #000;}
.snb > li > a:hover{color: var(--main-color01);}

.gnb_ul > li:hover .snb{display: block;}

/* 적성검사용 상단 메뉴 */
.mode2 .gnb_ul > li.st-mn span { padding: 10px 12px 5px 10px; background-color: #fff; border-radius: 5px; color: #3047d1;}
.mode2 .gnb_ul > li.st-mn > a span:after {top: 6px; right: 9px; background-color: #3047d1;}
.mode2 .tnb_ul > li:not(:last-child)::after {background-color: #fff;}
.mode2 .tnb_ul.scroll > li:not(:last-child)::after {background-color: #a0a0a0;}

/* 모바일 메뉴 */
.menu-btn {position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: none;}
.menu-btn button {border: none; background-color: transparent; outline: none;}
.menu-btn button span {display: inline-block; width: 80px; height: 5px; background-color: #3047d1; border-radius: 3px; vertical-align: middle; position: relative; transition: .3s;}
.menu-btn button span::before {content: ''; width: 80px; height: 5px; background-color: #3047d1; border-radius: 3px; position: absolute; top: -18px; left: 50%; transform: translateX(-50%);}
.menu-btn button span::after {content: ''; width: 55px; height: 5px; background-color: #3047d1; border-radius: 3px; position: absolute; top: 18px; right: 0;}

.menu-btn.on button span {background-color: transparent;}
.menu-btn.on button span::before {width: 55px; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg);}
.menu-btn.on button span::after {top: 50%; right: inherit; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}

.mo-menu-close {display: none;}
.mo-menu-bg {display: none;}

/* footer */
.btn-top {position: fixed; right: 40px; bottom: 38px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 92px; height: 92px; border-radius: 50%; background-color: #fff; border: 1px solid #e7e7e7; cursor: pointer; box-shadow: 3px 3px 15px 3px rgba(0,0,0,0.05); z-index: 100;}
.btn-top img {width: 17px;}
.btn-top p {margin-top: 5px; font-family: var(--font01); font-size: 17px !important; color: var(--main-color01); }
.ft {background-color: #313131; padding-bottom: 80px;}
.ft a, .ft p {font-size: 21px; font-weight: 400;} 
.ft p {padding: 2px 0;}
.ft .bold {font-weight: 800;}
.ft-top__ul {padding: 20px 0; border-bottom: 1px solid #5b5b5b;}
.ft-top__ul > .wrapper {display: flex; align-items: center; justify-content: space-between;}
.ft-top__ul a {color: #eee;}
.ft-top__li--logo {width: 163px;}
.ft-top__li--info {width: calc(100% - 326px); padding: 0 55px;}
.ft-btm__li--left__group {margin: 0 -15px;}
.ft-top__li--info a, .ft-btm__li--left__group span {position: relative; padding: 0 15px;}
.ft-top__li--info a:not(:last-child)::after, .ft-btm__li--left__group span:not(:last-child)::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 20px; background-color: #eeeeee;}
.ft-top__li--sns {width: 163px; padding: 0 7.5px; font-size: 0;}
.ft-top__li--sns a {margin: 0 7.5px;}
.ft-btm__ul {padding: 40px 0;}
.ft-btm__ul > .wrapper {display: flex; align-items: flex-start; justify-content: space-between; padding-left: 230px;}
.ft-btm__li--left {color: #dcdcdc;}
.ft-btm__li--right {color: #eee;}

/* main */
/* .main {margin-top: 130px;} */

.main-sec__txt-wr {padding-bottom: 40px;}
.main-sec__tit {padding-bottom: 10px;}
.main-sec__tit > p {margin-left: 1px; font-size: 17px; font-weight: 700; letter-spacing: -2px; color: #1b1b1b;}
.main-sec__tit > h2 {font-family: var(--font01); font-size: 50px; letter-spacing: -4px; color: #1b1b1b; line-height: 1.3;}
.main-sec__txt {font-size: 21px; font-weight: 400; color: #1b1b1b;}

.swiper, .swiper-wrapper, .main-slide {position: relative; width: 100%; height: 100%;}
.main-sec--1 {height: 1080px;}
.main-slide {padding-top: 130px;}
.main-slide--1 {background: #fff url('/source/img/img-main_sl1.png') no-repeat top calc(50% + 50px) right calc(50% - 505px);}
.main-slide--2 {background: #333 url('/source/img/img-main_sl1.png') no-repeat top calc(50% + 50px) right calc(50% - 505px);}
.main-slide__txt--1 {font-size: 80px; color: var(--main-color01); font-family: var(--font01); line-height: 1.3;}
.main-slide__txt--2 {padding-top: 45px; font-size: 30px; color: #535353; font-weight: 700;}
.main-slide--2 .main-slide__txt--1, .main-slide--2 .main-slide__txt--2 {color: #fff;}
.main-slide__txt-wr {padding-top: 200px;}
.main-slide-ctr.swiper-pagination-bullets.swiper-pagination-horizontal {position: absolute; left: calc(50% - 720px); bottom: 31.5%;  z-index: 10;}
.swiper-pagination-bullet {width: 16px; height: 16px; border-radius: 50%; background-color: #fff; border: 1px solid var(--main-color01); opacity: 1;}
.swiper-pagination-bullet-active {background-color: var(--main-color01);}

.main-sec--2__ul {display: flex;}
.main-sec--2__li:not(:last-child) {border-right: 1px solid #e5e5e5;}
.main-sec--2__li > a {display: flex; flex-direction: column; justify-content: space-between; padding: 40px 40px 70px;}
.main-sec--2__li:nth-child(1), .main-sec--2__li:nth-child(3) {width: calc(100% / 3 + 50% - 720px);}
.main-sec--2__li:nth-child(1) {padding-left: calc(50% - 720px); background: url('/source/img/img-main_btn1.png') no-repeat right 20px bottom 15px;}
.main-sec--2__li:nth-child(2) {width: calc(100% / 3);  background: url('/source/img/img-main_btn2.png') no-repeat right 20px bottom 15px;}
.main-sec--2__li:nth-child(3) {padding-right: calc(50% - 720px); background: url('/source/img/img-main_btn3.png') no-repeat right calc(50vw - 720px) bottom 5px;}
.main-sec--2 .main-sec__tit > p {color: var(--main-color01);}
.main-sec--2 .main-sec__txt {padding-right: 160px; color: #535353;}
.main-sec--2__li__txt3 {position: relative; display: inline-block; width: 87px; font-family: var(--font01); font-size: 17px; letter-spacing: -2px; color: var(--main-color01);}
.main-sec--2__li__txt3::after {content: ''; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); width: 100%; height: 2px; background-color: var(--main-color01);}
.main-sec--2__li:hover {background-color: var(--main-color01);}
.main-sec--2__li:hover .main-sec__tit > p, .main-sec--2__li:hover .main-sec__tit > h2, .main-sec--2__li:hover .main-sec__txt, .main-sec--2__li:hover .main-sec--2__li__txt3 {color: #fff;}
.main-sec--2__li:hover  .main-sec--2__li__txt3::after {background-color: #fff;}

.main-sec--3 {padding: 170px 0; background-color: #f8f8f8;}
.main-sec--3__inner {display: flex; align-items: center; justify-content: space-between;}
.main-sec--3__left {width: 360px;}
.main-sec--3__ul {display: flex; margin: 0 -10px;}
.main-sec--3__li {padding: 0 10px; text-align: center;}
.main-sec--3__li__num {font-size: 17px; font-weight: 800; color: var(--main-color01);}
.main-sec--3__li__img {display: flex; align-items: center; justify-content: center; margin: 20px 0 30px; width: 162px; height: 162px; border-radius: 50%; background-color: #fff;}
.main-sec--3__li:nth-child(1) img {width: 58px;}
.main-sec--3__li:nth-child(2) img {width: 43px;}
.main-sec--3__li:nth-child(3) img {width: 50px;}
.main-sec--3__li:nth-child(4) img {width: 61px;}
.main-sec--3__li:nth-child(5) img {width: 53px;}
.main-sec--3__li__txt {font-size: 21px; font-weight: 800; color: #1b1b1b;}

.main-sec--4 {padding: 150px 0 160px;}
.main-sec--4 .main-sec__txt-wr {text-align: center;}
.company-slide-wr .swiper-wrapper {padding: 70px 0 60px;}
.company-slide {}
.company-slide a {display: block;width: 220px; height: 220px; border-radius: 50%; background-color: #f8f8f8;border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.company-slide a:hover img {filter: grayscale(0);}
.company-slide img {filter: grayscale(1);}
.company-slide.swiper-slide-active img {filter: grayscale(0);}
.company-slide-ctr {text-align: center;}

.main-sec--5 {border-top: 1px solid #e5e5e5;}
.main-sec--5__ul {display: flex; align-items: center;}
.notice-button {display: block; background: none; border: 0; margin: auto;}
.notice-slide-wr {height: 100px;}
.notice-slide {padding: 0 7%; background-color: #fff;}
.notice-slide > a {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%;}
.main-sec--5__li--notice {width: 155px;}
.main-sec--5__li--notice a {font-family: var(--font01); font-size: 33px; color: #1b1b1b;}
.main-sec--5__li--notice a img {margin: 0 0 4px 18px;}
.main-sec--5__li--cnt {width: calc(100% - 210px);}
.main-sec--5__li--ctrl {width: 55px;}
.main-sec--5__li--ctrl button {margin: 15px auto;}
.notice-slide__subject {width: calc(100% - 130px); padding-right: 40px; font-size: 25px; font-weight: 400; color: #1b1b1b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.notice-slide__date {width: 130px; font-size: 20px; font-weight: 400; color: #b5b5b5;}

/* Sub */
.sub{}

.sub_top_layouts{padding:280px 0 0; border-bottom: 2px solid #ededed; text-align: center;}
.sub_breadcrumb{overflow: hidden; margin-bottom: 40px;}
.sub_breadcrumb_ul{margin: 0 -30px;}
.sub_breadcrumb_ul > li{position: relative; padding: 0 30px;}
.sub_breadcrumb_ul > li:after{content: ""; display: block; position: absolute; top: 0; left: -4px; z-index: 1; width: 9px; height: 15px; background: url('/theme/jimun/img/icon-loca_arrow.png') no-repeat center;}
.sub_breadcrumb_ul > li:first-child:after{display: none;}
.sub_breadcrumb-text{display: block; font-size: 17px; font-weight: 700; color: #1b1b1b; line-height: 1;}
.sub_breadcrumb .home .sub_breadcrumb-text{width: 54px; height: 54px; border-radius: 50%; background: var(--main-color01) url('/source/img/icon-breadcrumb_home.png') no-repeat center/20px auto;}

.sub_title{font-size: 80px; line-height: 1;}

.sub_location{margin-top: 100px; text-align: center;}
.sub_location_ul{}
.sub_location_ul > li{margin-left: 30px;}
.sub_location_ul > li:first-child{margin-left: 0;}
.sub_location-link{display: flex; align-items: center; justify-content: center; position: relative; height: 80px; padding: 0 20px;}
.sub_location-link:after {content: ""; display: none; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); z-index: 1; width: calc(100% - 40px); height: 2px; background-color: var(--main-color01);}
.sub_location-text{font-size: 23px; font-weight: 400; color: #727171; line-height: 1;}
.sub_location .active .sub_location-link:after{display: block;}
.sub_location .active .sub_location-text{display: inline; font-weight: 700; color: var(--main-color01);}

.sub_mid{margin-top: 160px; text-align: center;}

.sub_stit_box{text-align: center;}
.sub_stit{font-size: 67px; color: #1b1b1b; line-height: 1.2; letter-spacing: -5px;}
.sub_stit.white{color: #fff;}
.sub_exp{margin-top: 55px;}
.sub_exp-text{margin-top: 20px; font-size: 21px; font-weight: 400; color: #535353; line-height: 1.58;}
.sub_exp-text:first-child{margin-top: 0;}
.sub_exp-text .blue {color: var(--main-color01); font-weight: 600;}

.sub_contents{margin-top: 90px;}
.sub_section{padding-top: 160px; padding-bottom: 160px;}
.sub_section.p0{padding-top: 0; padding-bottom: 0;}
.sub_section.pt0{padding-top: 0;}
.sub_section.pb0{padding-bottom: 0;}

/* 지문톡 > 인사말 */
.about_top_banner{overflow: hidden; background: #f9f9f9 url('/source/img/about_top_banner_bg.jpg') no-repeat center right;}
.about_top_banner_in{display: flex; align-items: center; position: relative; min-height: 557px;}
.about_top_banner_text-box{position: relative; z-index: 3;}
.about_top_banner_text-1{margin-bottom: 9px; font-size: 30px; color: #1b1b1b;}
.about_top_banner_text-2{font-size: 67px; color: var(--main-color01); line-height: 1.3;}
.about_top_banner_text-2 .highlight{position: relative;}
.about_top_banner_text-2 .highlight:after{content: ""; display: block; position: absolute; top: 50%; left: -10px; z-index: 1; width: calc(100% + 20px); height: 24px; margin-top: -15px; background-color: var(--main-color01); opacity: 20%;}
.about_top_banner_text-2 .highlight .text{position: relative; z-index: 2;}
.about_top_banner_character-box{position: absolute; bottom: 0; right: 60px; z-index: 2;}

.about_contents{margin-top: 75px; padding-top: 0;}
.about_contents_text{margin-top: 45px; font-size: 27px; font-weight: 400; color: #313131; line-height: 1.9;}
.about_contents_text:first-child{margin-top: 0;}
.about_contents_text b{font-weight: 800;}
.about_contents_text2{margin-top: 45px; font-size: 30px; font-weight: 800; color: #535353; line-height: 1.53; text-align: right;}

/* 지문톡 > 연구진 */
.team_card{padding: 90px 0;}
.team_card:nth-child(even){background-color: #f9f9f9;}

.team_img_box{float: left; width: 347px;}
.team-img{overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 116%; border-radius: 170px 170px 0 0;}
.team-img img{position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); width: 100%; height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover;}

.team_inf_box{float: left; width: calc(100% - 347px); padding-left: 130px;}
.team_inf-default{padding: 30px 40px 24px; border-bottom: 1px solid #e5e5e5;}
.team-name{font-size: 50px; color: #000; line-height: 1;}
.team-position{margin-top: 14px; font-size: 19px; font-weight: 700; color: var(--main-color01);}
.team_inf-contact{padding: 30px 40px 0;}
.team_inf-contact_ul{margin-top: 8px;}
.team_inf-contact_ul:first-child{margin-top: 0;}
.team_inf-contact_ul > li{margin-left: 60px;}
.team_inf-contact_ul > li:first-child{margin-left: 0;}
.team_inf-contact_ul > li img{width: 25px; margin: -4px 15px 0 0; vertical-align: middle;}
.team_inf-contact-text{font-size: 25px; font-weight: 400; color: #191919;}
.team_inf-career{padding: 38px 40px 0;}
.team_inf-career_ul{}
.team_inf-career_ul > li{margin-top: 6px; font-size: 23px; font-weight: 400; color: #191919; padding-left: 14px; text-indent: -14px;}
.team_inf-career_ul > li:first-child{margin-top: 0;}
.team_inf-career_ul > li:before{content: ""; display: inline-block; width: 3px; height: 3px; background-color: var(--main-color01); vertical-align: top; margin: 14px 10px 0 0;}

/* 지문톡 > 협동조합 */
.cooper_competitiveness{background: url('/source/img/cooper_competitiveness_bg.jpg') no-repeat center/cover;}
.cooper_competitiveness_in{text-align: center;}
.cooper_competitiveness_tit{font-size: 67px; color: #fff;}
.cooper_competitiveness_ct{overflow: hidden; margin-top: 70px; overflow: hidden;}
.cooper_competitiveness_ul{margin: 0 -10px;}
.cooper_competitiveness_ul > li{padding: 0 10px; vertical-align: top;}
.cooper_competitiveness-subj{margin-top: 25px; font-size: 34px; font-weight: 800; color: #fff;}
.cooper_competitiveness-expl{margin-top: 10px;}
.cooper_competitiveness-expl > li{margin-top: 5px; font-size: 25px; font-weight: 700; color: #fff;}
.cooper_competitiveness-expl > li:first-child{margin-top: 0;}
.cooper_competitiveness-icon{height: 87px; line-height: 87px;}
.cooper_competitiveness-icon img{width: 78px;}

.cooper_certi_ct{margin-top: 80px;}
.cooper_certi_ul{margin: -40px -10px;}
.cooper_certi_ul > li{padding: 40px 10px;}
.cooper_certi-card{display: block; box-shadow: 5px 0 8px rgba(0,0,0,0.15);}
.cooper_certi_img{display: block; overflow: hidden; position: relative; height: 0; padding-bottom: 137.5%;}
.cooper_certi_img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.cooper_system{background: #f8f8f8;}
.cooper_system_ct{overflow: hidden; margin-top: 115px; text-align: center;}
.cooper_system_ul{margin: -20px -50px;}
.cooper_system_ul > li{position: relative; padding: 20px 50px;}
.cooper_system_ul > li:after{content: ""; display: block; position: absolute; top: 50%; left: -15.5px; z-index: 1; width: 31px; height: 56px; margin-top: -28px; background: url('/source/img/icon-arrow_right1.png') no-repeat center/contain;}
.cooper_system_ul > li:first-child:after{display: none;}
.cooper_system-card{display: flex; flex-direction: column; justify-content: center; width: 200px; height: 200px; border-radius: 50%; background-color: var(--main-color01);}
.cooper_system-card_in{}
.cooper_system-card-num{font-size: 20px; font-weight: 800; color: #fff; line-height: 1;}
.cooper_system-card-text{margin-top: 7px; font-size: 23px; font-weight: 800; color: #fff; line-height: 1.43;}

.cooper_organz_ct{margin-top: 80px;}

/* 지문톡 > 조합원가입 */

/* 지문톡 > 협력업체 */
.partners_ct{overflow: hidden; padding: 0 30px;}
.partners_ul{ margin: -18px -15px;}
.partners_ul > li{padding: 18px 15px; text-align: center;}

/* 지문톡 > 오시는 길 */
#map .root_daum_roughmap{width: 100%;}
#map .root_daum_roughmap .wrap_controllers{display: none !important;}

.map_cinfo{overflow: hidden; margin-top: 80px;}
.map_cinfo_sec{margin-top: 80px; text-align: left;}
.map_cinfo_sec:first-child{margin-top: 0;}
.map_cinfo_sec.half{margin: 80px -50px 0;}
.map_cinfo_sec.half .map_cinfo_sec-in{padding: 0 50px; vertical-align: top;}

.map_cinfo_sec_tit{padding-bottom: 15px; border-bottom: 1px solid #eee; font-size: 0;}
.map_cinfo_sec_tit .icon{display: inline-block; width: 44px; height: 44px; margin-right: 12px; border-radius: 50%; vertical-align: top;}
.map_cinfo_sec-in.address .icon{background: var(--main-color01) url('/source/img/icon-address.png') no-repeat center/16px auto;}
.map_cinfo_sec-in.subway .icon{background: var(--main-color01) url('/source/img/icon-subway.png') no-repeat center/20px auto;}
.map_cinfo_sec-in.bus .icon{background: var(--main-color01) url('/source/img/icon-bus.png') no-repeat center/22px auto;}
.map_cinfo_sec_tit .text{display: inline-block; margin-top: 4px; font-size: 42px; color: #1b1b1b; line-height: 1; vertical-align: top;}
.map_cinfo_sec_expl{padding-top: 13px;}
.map_cinfo_sec_expl-li{font-size: 0;}
.map_cinfo-text{font-size: 29px; font-weight: 400; color: #535353;}
.map_cinfo-text.col-subj{display: inline-block; width: 70px; font-weight: 800; vertical-align: top;}
.map_cinfo-text.col-text{display: inline-block; width: calc(100% - 70px); vertical-align: top; }

/*지문의 이해 > 지문이란?*/
.finger_inf_list{overflow: hidden; width: 468px; text-align: center;}
.finger_inf_list_ul{margin: -20px;}
.finger_inf_list_ul > li{padding: 20px;}
.finger_inf_list_in{display: flex; flex-direction: column; justify-content: center; width: 214px; height: 214px; margin: 0 auto; border-radius: 50%; background-color: var(--main-color01);}
.finger_inf_list_in .icon{height: 86px; line-height: 86px;}
.finger_inf_list_in .text{margin-top: 20px; font-size: 23px; color: #fff;}

.finger_inf_eximg{width: calc(100% - 468px); padding-left: 60px; text-align: center;}

.finger_feature{margin-top: 100px;}
.finger_feature_list_ul{}
.finger_feature_list_ul > li{margin-top: 70px;}
.finger_feature_list_ul > li:first-child{margin-top: 0;}
.finger_feature_list_in{overflow: hidden; padding: 30px 0; border-radius: 10px; box-shadow: 5px 0 21px rgba(48,71,209,0.15);}
.finger_feature_tit_box{width: 30.5%; padding-left: 65px; padding-right: 20px; vertical-align: top;}
.finger_feature_list_tit{font-size: 42px; color: #1b1b1b;}
.finger_feature_list_tit .blue{color: var(--main-color01)}
.finger_feature_expl_box{width: 69.5%; padding-left: 45px; padding-right: 20px; border-left: 1px solid #eee; vertical-align: top;}
.finger_feature_list_expl_ul{}
.finger_feature_list_expl_ul > li{margin-top: 4px; font-size: 25px; font-weight: 700; color: #535353; padding-left: 14px; text-indent: -14px;}
.finger_feature_list_expl_ul > li:first-child{margin-top: 0;}
.finger_feature_list_expl_ul > li:before{content: ""; display: inline-block; width: 3px; height: 3px; background-color: var(--main-color01); vertical-align: top; margin: 14px 10px 0 0;}

/*지문의 이해 > 지문의 분류*/
.finger_division_list{ text-align: center;}
.finger_division_list_ul{margin: -27px -10px;}
.finger_division_list_ul > li{padding: 27px 10px;}
.finger_division_in{overflow: hidden; padding: 30px 0; border-radius: 10px; box-shadow: 5px 0 21px rgba(48,71,209,0.15);}
.finger_division_img{height: 115px; line-height: 115px;}
.finger_division_text{margin-top: 10px; font-size: 20px; color: #1b1b1b;}

/*지문적성검사 > 지문적성검사란?*/
.apt_test_intro{padding: 35px 0; background-color: #f8f8f8;}
.apt_test_intro_img_box{overflow: hidden; position: relative; width: 36.667%; height: 0; padding-bottom: 36.667%; border-radius: 10px; background: url('/source/img/apt_test_intro_img.jpg') no-repeat center/cover;}
.apt_test_intro_img_box img{position: absolute; bottom: 30px; left: 30px; z-index: 5; width: 123px;}
.apt_test_intro_text_box{width: 63.333%; padding-left: 100px;}
.apt_test_intro_text1{margin-bottom: 15px; font-size: 25px; font-weight: 700; color: var(--main-color01); line-height: 1;}
.apt_test_intro_text2{margin-bottom: 50px; font-size: 58px; color: #1b1b1b; line-height: 1;}
.apt_test_intro_text3{font-size: 25px; font-weight: 400; color: #535353; line-height: 1.68;}
.apt_test_intro_text3 .blue{font-weight: 800; color: var(--main-color01);}

.apt_test_purpose{margin-top: 50px;}
.apt_test_purpose_ul{}
.apt_test_purpose_ul > li{margin-top: 90px;}
.apt_test_purpose_ul > li:first-child{margin-top: 0;}
.apt_test_purpose_in{overflow: hidden; padding: 30px; border-radius: 10px; box-shadow: 5px 0 21px rgba(48,71,209,0.15);}
.apt_test_purpose_tit{font-size: 0;}
.apt_test_purpose_tit .num{display: inline-block; width: 59px; height: 59px; line-height: 1; padding-top: 12px; border-radius: 50%; font-size: 42px; color: #fff; vertical-align: top; background-color: var(--main-color01); text-align: center;}
.apt_test_purpose_tit .text{display: inline-block; width: calc(100% - 59px); padding-left: 18px; font-size: 42px; color: #1b1b1b; vertical-align: top;}
.apt_test_purpose_expl{margin-top: 9px; padding-left: 77px; font-size: 25px; font-weight: 400; color: #535353;}

/*지문적성검사 > 필요성 및 대상*/
.apt_target_list_ul > li{position: relative; margin-top: 130px; text-align: right; font-size: 0;}
.apt_target_list_ul > li:first-child{margin-top: 0;}
.apt_target_list_img{position: absolute; top: -5px; left: 0; z-index: 1; text-align: center;}
.apt_target_list_img_text{margin-top: 8px; font-size: 30px; color: #1b1b1b;}
.apt_target_list_in{display: inline-block; overflow: hidden; width: calc(100% - 168px);  border-radius: 10px; box-shadow: 5px 0 21px rgba(48,71,209,0.15); text-align: left;}
.apt_target_text{display: flex; flex-direction: column; justify-content: center; min-height: 284px; padding: 30px 100px 30px 258px; font-size: 25px; font-weight: 400; color: #535353; line-height: 1.68;}
.apt_target_text .blue{font-weight: 800; color: var(--main-color01);}

.apt_target_table_wrap2{margin-top: 85px;}

/*지문적성검사 > 시스템*/
.apt_system_ct{margin-top: 60px;}

.apt_system_conf_list{overflow: hidden; text-align: center;}
.apt_system_conf_list_ul{margin: -15px;}
.apt_system_conf_list_ul > li{position: relative; padding: 15px; vertical-align: top;}
.apt_system_conf_list_in{}
.apt_system_conf_list-num{margin-bottom: 30px; font-size: 25px; font-weight: 800; color: var(--main-color01); line-height: 1;}
.apt_system_conf_list-icon{position: relative; width: 100%; height: 0; padding-bottom: 100%; border-radius: 50%; background-color: #f8f8f8;}
.apt_system_conf_list-icon:after{content: ""; display: block; position: absolute; top: 50%; left: -20px; z-index: 1; width: 11px; height: 20px; margin-top: -10px; background: url('/source/img/icon-arrow_right2.png') no-repeat center/contain;}
.apt_system_conf_list-icon:first-child:after{display: none;}
.apt_system_conf_list-icon img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.apt_system_conf_list_ul > li:nth-child(even) .apt_system_conf_list-icon{background-color: var(--main-color01);}
.apt_system_conf_list_textbox{margin-top: 47px;}
.apt_system_conf_list-text1{font-size: 30px; font-weight: 800; color: #1b1b1b;}
.apt_system_conf_list-text2{margin-top: 19px; font-size: 25px; font-weight: 400; color: #1b1b1b; line-height: 1.5;}
.apt_system_conf_list-link{border-bottom: 2px solid var(--main-color01); font-size: 16px; color: var(--main-color01);}

.sub_section.apt_system_algor{margin-top: 90px; padding-top: 60px; background-color: #f8f8f8;}
.apt_system_algor_imgbox{overflow: hidden; position: relative; width: 39.539%; height: 0; padding-bottom: 40.616%; border-radius: 10px; background: url('/source/img/apt_system_algor_img.jpg') no-repeat center/cover;}
.apt_system_algor_textbox{width: 60.461%; padding-left: 100px;}
.apt_system_algor-text1{margin-bottom: 24px; font-size: 25px; font-weight: 700; color: var(--main-color01); line-height: 1;}
.apt_system_algor-text2{margin-bottom: 60px; font-size: 58px; color: #1b1b1b; line-height: 1.285;}
.apt_system_algor-text3{font-size: 25px; font-weight: 400; color: #535353; line-height: 1.68;}
.apt_system_algor-text3 .blue{font-weight: 800; color: var(--main-color01);}

.apt_system_algor_box2{margin-top: 80px;}

/* 전문가양성 */
.expert_ct {margin: 0 -22px;}
.expert_ct_in{vertical-align: top; padding: 0 22px;}
.expert_ct_in_wrap{margin-top: 60px;}
.expert_tb3 thead th:first-child{width: 80px;}
.expert_tb4 thead th:first-child{width: 80px;}
.jm_tb.expert_tb1 tbody tr,
.jm_tb.expert_tb2 tbody tr{height: 220px;}
.jm_tb.expert_tb5 tbody .round_ct {padding: 0 5px;}

/* 적성검사-인트로 */
.apt_int_ul {margin: -19px;}
.apt_int_item {padding: 19px;}
.apt_int_inner {display: block; position: relative; border-radius: 10px; padding: 24px 32px 28px;}
.apt_int_inner.inner01 {box-shadow: 0 0 10px rgba(48,71,209,0.6); background-color: #3047d1;}
.apt_int_inner.inner02 {box-shadow: 0 0 10px rgba(21,180,157,0.6); background-color: #15b49d;}
.apt_int_inner.inner03 {box-shadow: 0 0 10px rgba(238,118,67,0.6); background-color: #ee7643;}

.apt_int_sort {font-weight: 400; font-size: 21px; color: #fff;}
.apt_int_title {font-size: 37.5px; color: #fff;}
.apt_int_text {line-height: 1.571; font-weight: 400; font-size: 21px; color: #fff; padding-top: 34px;}
.apt_int_text span {font-weight: 700;}
.apt_int_img {position: absolute;}
.apt_int_inner.inner01 .apt_int_img {bottom: -13px; right: 3px;}
.apt_int_inner.inner02 .apt_int_img {bottom: -17px; right: 34px;}
.apt_int_inner.inner03 .apt_int_img {bottom: -27px; right: 19px;}

/* 적성검사-Basic / 재무적합성검사 */
.apt_test_form {text-align: right;}
.apt_test_form_inner {position: relative; right: -100px; display: inline-block; width: 1100px; box-shadow: 5px 0 21px rgba(48,71,209,0.25); text-align: left; padding: 40px 53px 70px;}
.apt_test_form_top {border-bottom: 1px solid #e5e5e5;}
.apt_test_form_top_inner {display: flex; justify-content: space-between; align-items: center; padding: 0 0 20px;}
.apt_test_form_top .title {font-weight: 400; font-size: 37.5px; color: #3047d1;}
.apt_test_form_top .title img {width: 33px; margin-bottom: 7px;}
.apt_test_form_top .title > * {display: inline-block; vertical-align: middle;}
.apt_test_form_top .text {font-weight: 400; font-size: 21px; color: #535353;}

.apt_test_form_content_wrap {font-size: 0;}
.apt_test_form_cont {padding-top: 25px;}
.apt_test_form_top_inner > .apt_test_form_cont {display: flex; align-items: center; margin-top: -5px; padding-top: 0;}
.apt_test_form_top_inner .apt_test_form_cont_title {margin-bottom: 0;}

.apt_test_form_cont_wr {display: flex;}
.apt_test_form_cont.half {width: 50%; text-align: left;}
.apt_test_form_cont_title_wr {display: flex; justify-content: space-between; align-items: center;}
.apt_test_form_cont_title {font-family: 'cafe24surround', sans-serif; font-size: 25px; color: #0f0f0f; position: relative; padding-left: 18px; margin-bottom: 20px;}
.apt_test_form_cont_title::before {content: ''; width: 5px; height: 5px; border-radius: 50%; background-color: #3047d1; position: absolute; top: calc(50% - 2px); left: 0; transform: translateY(-50%);}
.apt_test_form_cont_title .select_wrap {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.apt_test_form input::placeholder {color: #727171;}
.apt_test_form input[type=text] {border: 1px solid #e5e5e5; border-radius: 5px; width: 207px; height: 48px; font-weight: 400; font-size: 21px; color: #333; padding: 0 15px;}
.apt_test_input_box {padding-left: 16px;}

.apt_test_type_box {margin: -10px -6px; display: none;}
.apt_test_type_box:first-child {display: block;}
.apt_test_type_item {padding: 10px 6px;}
.apt_test_type_item_inner {display: block; border: 1px solid #e5e5e5; border-radius: 5px; padding: 33px 10px 18px; text-align: center;}
.apt_test_type_box.i-col-4 .apt_test_type_item_inner img {width: 70px;}
.apt_test_type_box.i-col-5 .apt_test_type_item_inner img {width: 56px;}
.apt_test_type_box.i-col-7 .apt_test_type_item_inner img {width: 58px;}
.apt_test_type_box.i-col-10 .apt_test_type_item_inner img {width: 40px;}
.apt_test_type_item_inner .text {display: block; font-weight: 800; font-size: 17px; color: #0f0f0f; padding-top: 24px;}
.apt_test_type_box.i-col-10  .apt_test_type_item_inner {padding: 25px 10px 9px;}
.apt_test_type_box.i-col-10  .apt_test_type_item_inner .text {font-size: 13px; font-weight: 800; padding-top: 16px;}
.apt_test_type_box.i-col-10 .apt_test_type_item {padding: 10px 4.5px;}



.apt_test_form select {width: 95px; height: 37px; border: 1px solid #e5e5e5; border-radius: 5px; font-weight: 400; font-size: 16px; color: #727171; background: url('/source/img/icon-select_blue.png') no-repeat center right 11px; padding-left: 6px;}
.apt_test_select_box {display: flex; align-items: center;}
.apt_test_select_item {display: flex; align-items: center;}
.apt_test_select_item:not(:first-child) {margin-left: 30px;}
.apt_test_select_item .select_title {text-align: center; padding-right: 13px; font-weight: 800; font-size: 16px; color: #0f0f0f;}
.apt_test_form_cont_title_select {margin-bottom: 20px;}
.apt_test_form select.select_hand {width: 127px;}

.apt_test_form_btn_box {text-align: center; padding-top: 32px;}
.apt_test_form_btn_box button {width: 163px; height: 43px; line-height: 43px; border-radius: 28px; border: 1px solid #dcdddd; font-weight: 400; font-size: 19px; color: #898989; background-color: #fff; margin-left: 12px;}
.apt_test_form_btn_box a {display: inline-block; width: 213px; height: 56px; line-height: 56px; border-radius: 28px; border: 1px solid #dcdddd; font-weight: 700; font-size: 25px; color: #898989; background-color: #fff; margin-left: 12px;}
.apt_test_form_btn_box button:first-child {margin-left: 0;}
.apt_test_form_btn_box button:hover {border: 1px solid #3047d1; color: #3047d1;}
.apt_test_form_btn_box button.submit {background-color: #3047d1; border: 1px solid #3047d1; color: #fff; font-weight: 800;}

.fingerprint_input_cont {display: flex; align-items: center; justify-content: space-between;}
.fingerprint_input_cont .apt_test_form_cont_title {margin-bottom: 0; font-size: 22px;}


/* 적성검사-검사결과 확인하기 */
.test_result_box {padding: 72px 65px 76px; box-shadow: 5px 0 21px rgba(48,71,209,0.15); width: 1250px; margin: 0 auto;}
.test_result_wrap {position: relative; margin: 0 auto;}

.test_result_wrap .page {text-align:center;font-weight:bold;width:100%;height:50px;position:absolute;bottom:16px;}

.test_result_img {position: relative; height: 0; padding-bottom: 141.34%; overflow: hidden;}
.test_result_img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100
5;}

.test_result_sl_box {position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.3); height: 400px; padding: 70px 135px;}
.test_result_sl {margin: -19px;}
.test_result_sl_item {padding: 0 19px;}
.test_result_sl_item_inner {}
.test_result_sl_item_inner .img_wrap {position: relative; height: 0; padding-bottom: 142%;}
.test_result_sl_item_inner .img_wrap::after {content: ''; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: rgba(0,0,0,0.3);}
.test_result_sl_item_inner .img_wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}

.test_result_sl .slick-prev {background: url('/source/img/icon-sl-prev.png') no-repeat center transparent; width: 24px; height: 43px; border: none; text-indent: -999px; overflow: hidden; position: absolute; top: 50%; transform: translateY(-50%); left: -30px;}
.test_result_sl .slick-next {background: url('/source/img/icon-sl-next.png') no-repeat center transparent; width: 24px; height: 43px; border: none; text-indent: -999px; overflow: hidden; position: absolute; top: 50%; transform: translateY(-50%); right: -30px;}
.test_result_sl .slick-current .img_wrap::after {display: none;}

.test_result_btn_wrap {text-align: center; padding-top: 64px;}
.test_result_btn_wrap.first {padding-top: 0; padding-bottom: 30px;}
.test_result_btn_wrap button {width: 213px; height: 56px; line-height: 56px; border-radius: 28px; border: 1px solid #dcdddd; font-weight: 700; font-size: 21px; color: #898989; background-color: #fff; margin-left: 11px;}
.test_result_btn_wrap button.blue {background-color: #3047d1; border-color: #3047d1; color: #fff;}
.test_result_btn_wrap button.blue img {width: 23px;}
.test_result_btn_wrap button:first-child {margin-left: 0;}


/* 헤더 mode2 */
.mode2 .header{background: var(--main-color01);}
.mode2 .gnb_ul > li > a{color: #fff;}
.mode2 .tnb_ul > li > a{color: #fff;}

.mode2 .menu-btn button span {background-color: #fff;}
.mode2 .menu-btn button span::before {background-color: #fff;}
.mode2 .menu-btn button span::after {background-color: #fff;}

.mode2 .menu-btn.blue button span, .mode2 .menu-btn.blue button span::before, .mode2 .menu-btn.blue button span::after {background-color: #3047d1;}

.mode2 .sub_top_layouts{padding-bottom: 192px; background: var(--main-color01) url('/source/img/jimuntalk_character2.png') no-repeat bottom -75px right 19%/350px auto;}
.mode2 .sub_breadcrumb .home .sub_breadcrumb-text{background: #fff url('/source/img/icon-breadcrumb_home_blue.png') no-repeat center/20px auto;}
.mode2 .sub_breadcrumb_ul > li:after{background: url('/theme/jimun/img/icon-loca_arrow_w.png') no-repeat center;}
.mode2 .sub_breadcrumb-text{color: #fff;}
.mode2 .sub_title{color: #fff;}

/* 헤더 mode2 스크롤 */
.default_hd .header {border-bottom: 1px solid #dcdcdc; background-color: #fff;}

.default_hd .gnb_ul > li > a{color: #0f0f0f;}
.default_hd .tnb_ul > li > a{color: #a0a0a0;}
.default_hd .gnb_ul > li.st-mn > a{color: var(--main-color01);}

/* 보고서 style */
.a4-page {background: url('/source/img/report-bg.png') no-repeat center/cover; width: 210mm; height: 297mm; padding: 20px; padding-top: 105px; position: relative; margin: 0 auto;}
/*
.a4-page {background: url('/source/img/report-bg.png') no-repeat center/cover; width: 980px; height: 1600px; padding: 0px; padding-top: 200px; position: relative; margin: 0 auto;}
*/
.a4-cont {text-align: center;}
.a4-cont h1 {font-weight: 700; font-size: 60px; text-align: center; color: var(--main-color01); line-height: 1; padding-top: 70px;}
.a4-cont h2 {font-weight: 700; font-size: 32px; color: var(--main-color01); text-align: center; line-height: 1; padding-top: 10px;}
.a4-cont h2 .red {color: red;}
.a4-cont h3 {font-weight: 600; font-size: 24px; color: var(--main-color01); text-align: center; line-height: 1; text-decoration: underline; padding-top: 30px; padding-bottom: 70px;}

.a4-cont .text01 {font-weight: 700; font-size: 40px; color: var(--main-color01); padding: 24px 0;}
.a4-cont .report-name {font-weight: 700; font-size: 24px; color: #0f0f0f; border: 2px solid var(--main-color01); border-left: 0; border-right: 0; width: 250px; margin: 0 auto; padding: 8px 0; position: relative;}
.a4-cont .report-name::before {content: ''; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); width: 10px; height: 10px; background-color: var(--main-color01); border-radius: 50%;}
.a4-cont .report-name::after {content: ''; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 10px; height: 10px; background-color: var(--main-color01); border-radius: 50%;}

.report-ul01 {margin: 0 -10px; padding: 30px 0 0;}
.report-ul01 li {padding: 10px;}
.report-ul01 li .inner {border-radius: 50%; border: 1px solid #999; height: 100%; width: 100%; padding: 22px 0;}
.report-ul01 li .inner .num {font-weight: 700; font-size: 26px; color: var(--main-color01);}
.report-ul01 li .inner .text {font-weight: 500; font-size: 18px; color: #0f0f0f;}

.a4-bot {position: absolute; bottom: 20px; left: 20px; width: calc(100% - 40px);}
.a4-bot p:first-child {text-align: left; font-weight: 500; font-size: 18px; color: #888;}
.a4-bot p:last-child {text-align: right; font-weight: 500; font-size: 18px; color: #888;}

.a4-cont01.canvas-wrap {text-align: center; margin: 0 auto;}

.a4-cont01 {padding: 25px 0;}
.a4-cont01 .title {font-weight: 700; font-size: 24px; color: var(--main-color01); padding-bottom: 10px;}
.a4-cont01 .text {font-weight: 500; font-size: 20px; color: #0f0f0f; position: relative; padding-left: 18px; padding-bottom: 4px;}
.a4-cont01 .text::before {content: ''; position: absolute; top: 10px; left: 0; width: 8px; height: 8px; background-color: #0f0f0f;}
.a4-cont01 .text:last-child {padding-bottom: 0;}
.report-sort {border: 2px solid #0f0f0f; text-align: center; border-left: 0; border-right: 0;padding: 5px 0;}
.report-sort p {font-weight: 700; font-size: 24px; color: #0f0f0f; }

.a4-cont01 .caution {text-align: left; font-weight: 500; font-size: 20px; color: #0f0f0f; position: relative; padding-left: 18px;}
.a4-cont01 .caution::before {content: ''; width: 13px; height: 10px; background: url('/source/img/icon-select.png') no-repeat center; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

.report-ul02 {margin: -7px 0;}
.report-ul02 li {padding: 7px 0;}
.report-ul02 li .inner {}
.report-ul02 li .inner .left {width: 110px; height: 110px; border-radius: 50%; background-color: var(--main-color01); text-align: center; line-height: 110px; font-weight: 700; font-size: 18px; color: #fff;}
.report-ul02 li .inner .right { width: calc(100% - 110px); padding-left: 20px; vertical-align: middle; font-weight: 500; font-size: 20px; color: #0f0f0f;}
.report-ul02 li .inner .right p:last-child {font-weight: 700; color: var(--main-color01);}

/* 20221212 보고서 4개 style */
.test_result_wrap {width: 794px; height: 1122.5px; position: relative; overflow: hidden;}
.test_result_wrap-inner {padding: 60px 65px;}
.report-main-top {position: relative;}
/* .report-main-top::after {content: ''; width: 350px; height: 362px; background: url('/source/img/img-report_first_page_bg.png') no-repeat center / contain; position: absolute; top: -160px; right: -165px;} */
.main_img_bg {width: 350px; height: 362px; position: absolute; top: -160px; right: -165px;}
.report-main-top p {position: relative; left: -23px; font-weight: 700; font-size: 26px; color: #304a9e; font-family: var(--font01); letter-spacing: 0px;}
.report-title-box {padding: 140px 0 0;} 
.report-title-box .title {font-weight: 800; font-size: 42.32px; color: #304a9e;}
.report-title-box .title-text {font-weight: 500; font-size: 13.44px; color: #999; letter-spacing: 0.25em; transform: skew(-0.001deg); text-transform: capitalize;}
.report-title-box .patent-box {border-radius: 20px; display: inline-block; background-color: #304a9e; font-weight: 700; font-size: 13.44px; color: #fff; padding: 3px 18px; margin-top: 30px; transform: skew(-0.001deg);letter-spacing : .115rem;}

.applicant-box {padding-top: 150px;}
.applicant-ul {display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 0; margin: -25px 0; padding: 10px 20px;}
.applicant-ul li {display: flex; padding: 15px;}
.applicant-ul li.w100 {width: 100%;}
/* .applicant-ul li.w50 {width: 50%;} */
.applicant-ul li > * {vertical-align: text-bottom;}
.applicant-ul li .left {font-size: 16.12px; font-weight: 600; color: #304a9e; padding-right: 10px;}
.applicant-ul li .right {width: 100%; padding-left: 5px; border-bottom: 2px solid #304a9e; font-size: 16.12px; font-weight: 500; color: #333; margin-bottom: 5px; line-height: 1.2;}
.applicant-ul li.w50 .right {width: 174px;}

.aplicant-text-box {background-color: #f0f5fb; padding: 28px 30px; margin-top: 22px; border-radius: 10px;}
.aplicant-text-box p {font-weight: 700; color: #333; margin-bottom: 13px; font-size: 14.78px;}
.aplicant-text-box p:last-child {margin-bottom: 0;}

.aplicant-caption-box { padding-top: 25px; color: #a6a6a6; font-weight: 400; font-size: 13.44px;}
.aplicant-caption-box .left {float: left;}
.aplicant-caption-box .right {float: right;}

.test_result-top {padding: 10px 42px; position: relative; overflow: hidden; padding-top: 57px; border-bottom: 8px solid #304a9e;}
/* .test_result-top::after {content: ''; width: 230px; height: 262px; background: url('/source/img/img-report_first_page_bg.png') no-repeat center / contain; position: absolute; top: -46px; right: -51px;} */
.page_img_bg {width: 230px; height: 262px; position: absolute; top: -46px; right: -51px;}
.test_result-top p {font-weight: 700; font-size: 26px; color: #304a9e; font-family: var(--font01); line-height: 1; letter-spacing: 0px;}

.test_result01 {padding: 65px 75px; padding-top: 60px; height: calc(100% - 103px);}
.test_result01 .jimunyu {text-align: center; font-size: 24.19px; font-weight: 700; color: #304a9e;}
.test_result01 .jimunyu span {display: inline-block; vertical-align: text-bottom; width: 150px; border-bottom: 2px solid #304a9e; padding: 0 20px; color: #333; margin-right: 15px; font-size: 26.87px;}
.test_result01 .img-box {width: 210px; height: 210px; border-radius: 50%; overflow: hidden; text-align: center; border: 0px solid #304a9e; margin: 20px auto;}
.test_result01 .img-box img {max-width: 100%; max-height: 100%; margin-top: 0px; object-fit: contain;}
.test_result01 .jimun-type01 {font-weight: 800; font-size: 24.19px; text-align: center; color: #304a9e;}
.test_result01 .jimun-type01 span {padding-right:16px;}
.jimun-hash-box {padding: 0 28px; font-size: 0; margin: 20px 0;}
.jimun-hash-box li {display: inline-block; width: 10%; text-align: center; font-weight: 700; font-size: 14.44px; color: #221815;}
.test_result01 .style-box {text-align: center; border-radius: 7px; background-color: #304a9e; padding: 14px;}
.test_result01 .style-box p {padding: 1.5px 0; font-weight: 800; font-size: 16.12px; color: #fff;}

.list-wrap {padding: 50px 0;}
.list-title-wrap .list-title {display: inline-block; background-color: #e0e5f3; border-radius: 5px; font-weight: 800; font-size: 16.12px; color: #0f0f0f; padding: 3px 15px; margin-bottom: 22px; position: relative;}
.result-list {padding-left: 40px; margin: -7px 0;}
.result-list li {position: relative; padding-left: 15px; font-weight: 400; font-size: 14px; color: #0f0f0f; margin: 7px 0; letter-spacing: -0.5px;}
.result-list.bold li {font-weight: 700;}
.result-list li::before {content: ''; width: 10px; height: 10px; background-color: #13b29c; position: absolute; top: 5px; left: 0;}
/* .result-list li:last-child {margin-bottom: 0;} */

.result-list-inner:not(:first-of-type) {padding-top: 12%;}
.result-list-inner-tit {margin-top: -9px; padding-left: 15px; padding-bottom: 20px; font-size: 16.12px; font-weight: 800; color: #221815;}

.result-list--group ul {margin: -20px 0;}
.result-list--group li {margin: 20px 0;}
.result-list--group .result-list-img {padding-top: 100px;}

/* .test_result_wrap--personality_type .result-list li {font-weight: 700; margin: 5px 0;} */

.result-list-wr {padding: 60px 75px; height: calc(100% - 103px); letter-spacing: -0.5px;}
/* .result-list-wr > * {height: 50%;} */
.result-list-img {padding-top: 30px;}

.list-title-wrap {position: relative;}
.list-title-wrap::before {content: ''; width: 99%; height: 1px; background-color: #e0e5f3; top: 17px; left: 0; position: absolute;}
.list-title-wrap::after {content: ''; width: 11px; height: 11px; background-color: #e0e5f3; top: 12px; right: 0; position: absolute; border-radius: 50%;}
.list-title-wrap:not(:last-child) {padding-bottom: 5vh;}
.list-title-wrap.noline::after, .list-title-wrap.noline::before {display: none;}

/* .result-chart-wrap {padding: 57px; padding-top: 28px;} */
.chart-caption-wr {padding-left: 40px;}
.chart-caption {display: inline-block; position: relative; margin: 5px 0; padding-left: 15px; font-weight: 500; font-size: 14px; color: #0f0f0f;}
.chart-caption::before {content: ''; width: 10px; height: 10px; background-color: #13b29c; position: absolute; top: 4.7px; left: 0;}

.canvas-box {margin: 5px 0; padding: 0 40px;}
.canvas-box .chart-title {font-weight: 600; font-size: 24px; text-align: center; color: #304a9e; margin-bottom: 15px;}

.chart-ul {padding-left: 40px; margin: 20px 0 0 0;}
.chart-ul li {display: flex; padding: 10px 0;}
.chart-ul--long {margin: 7px 0;}
.chart-ul--long li {padding: 7px 0;}
.chart-ul li .left {display: flex; align-items: center; justify-content: center; width: 80px; border-radius: 7px; background-color: #e0e4f3; text-align: center; font-weight: 800; font-size: 13px; color: #304a9e; padding: 4px 0;}
.chart-ul li .right {display: flex; flex-direction: column; justify-content: center; width: calc(100% - 80px); padding-left: 15px; font-weight: 700; font-size: 13px; color: #0f0f0f;}
.chart-ul li .right .type {color: #ee7644;}
.result-chart-wrap.list-title-wrap .list-title {margin-bottom: 17px;}

.report-bottom {margin-top: 100px;}

/* 20221213 적성검사 체크박스 수정 요청 */
.check-box-wrap {padding: 0 20px;}
.check-box-wrap input[type=checkbox] {display: none;}
.check-box-wrap input[type=checkbox] + label {position: relative; font-size: 21px; padding-left: 28px;}
.check-box-wrap input[type=checkbox] + label span {display: inline-block; width: 23px; height: 23px; border: 1px solid #898989; position: absolute; top: 0; left: 0;}

.check-box-wrap input[type=checkbox]:checked + label span {border: 1px solid #3047d1; background: url('/source/img/icon-check.png') no-repeat center #3047d1;}

/* 20230307 보고서 수정 */
.result_outer {overflow: hidden; height: 1120px;}
/*.test_result_wrap-inner--main {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}*/
.result-first-title {font-size: 24.2px; font-weight: 800; color: #304a9e; text-align: center; padding-bottom: 6vh;}

.result-circle-ul {display: flex; justify-content: space-between; padding: 0 15px;}
.result-circle-li:nth-child(even) {margin-top: 10vh; position: relative;}
.result-circle-li:nth-child(even)::after, .result-circle-li:nth-child(even)::before {content: ''; position: absolute; top: 50px; width: 12px; height: 12px; border: 2px solid #2f4c9f;}
.result-circle-li:nth-child(even)::after {left: -14px; border-left: 0; border-top: 0}
.result-circle-li:nth-child(even)::before {right: -14px; border-right: 0; border-top: 0}
.result-circle-inner {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 200px; height: 200px; padding: 20px; border-radius: 50%; color: #fff; text-align: center; font-size: 14.7px; font-weight: 700;}
.result-circle-tit {width: calc(100% - 40px); padding-bottom: 5px; margin-bottom: 7px; font-weight: 800; font-size: 16.34px; border-bottom: 1px solid #fff; }
.result-circle-li:nth-child(odd) .result-circle-inner {background-color: #13b29c;}
.result-circle-li:nth-child(even) .result-circle-inner {background-color: #2f4c9f;}
.result-circle-cnt p {padding: 1px 0;}

.result-square-ul {display: flex; flex-wrap: wrap; margin: -10px 16px; padding: 0 20px;}
.result-sqaure-li {display: flex; align-items: center; justify-content: center; margin: 10px 4px; padding: 10px; height: 130px; border: 2px solid #304a9e; border-radius: 7px; color: #304a9e; font-weight: 800; font-size: 13.44px; background-color: #fff; text-align: center;}
.result-square-ul--5 .result-sqaure-li {width: calc(20% - 8px);}
.result-square-ul--4 .result-sqaure-li {width: calc(25% - 8px);}


/* 20230616 지문인적성검사보고서 4p */
.result-textbox {padding: 20px 70px; background-color: #e0e4f3; border-radius: 10px; font-size: 15.83px; font-weight: 700; color: #2f4c9f; text-align: center;}


@media screen and (max-width:1500px){
} /*End media*/

@media screen and (max-width:1290px){
} /*End media*/

@media screen and (max-width:1023px){
} /*End media*/

@media screen and (max-width:767px){
} /*End media*/

@media screen and (max-width:480px){
} /*End media*/