@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Do+Hyeon'); /* font-family: 'Do Hyeon', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap'); /* font-family: 'Lobster', cursive;  */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');  /* font-family: 'Poppins', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');

html {font-size: 16px;  /* 1rem = 16px */}
body {margin:0;padding:0;font-size:1rem;font-family:'Poppins', 'Noto Sans KR', sans-serif;font-weight:400;color:#333}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;border:0;font-size:1rem;font-family:'Poppins', 'Noto Sans KR', sans-serif;}
input, button {margin:0;padding:0;font-family:'Poppins', 'Noto Sans KR', sans-serif;font-size:1rem}
textarea, select {font-family:'Poppins', 'Noto Sans KR', sans-serif;font-size:1rem}

.full-section {position:relative;margin:0;padding:0;width:100%;height:auto;}

/*=============================================================================================*/
/* 상단 메인메뉴 */
#main-header {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:auto;
    border-bottom:1px solid #666;
    text-align:center;
    background:rgba(0,0,0,0.5);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    z-index:1000;
}
.gnb-megamenu {
    position:relative;
    margin:0 auto;
    padding:0 20px;
    width:100%;
    display:inline-grid;
    grid-template-columns:250px 1fr auto;
    justify-content:space-between;
    max-width:1600px;
    height:auto;
}
.gnb-megamenu > .logo {
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    height:81px;
}
.gnb-megamenu > .logo > span > img {
    height: 40px;
    margin-right: 10px;
}
.gnb-megamenu > .logo > span {
    margin:0;
    padding:0;
    font-size:1.5rem;
    font-weight:700;
}
.gnb-megamenu-wrap {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
.gnb-megamenu-item {
    list-style: none;
    display: grid;
    grid-template-columns: auto auto auto auto;
    margin: 0;
    padding: 0;
    height:100%;
    align-items: center;
    cursor:pointer;
}
.gnb-megamenu-item > li {
    position: relative; 
    display: block;
    margin:0;
    padding:0;
    align-items: center;
    height:100%;
    border-right:1px solid transparent;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.gnb-megamenu-item > li:first-child {
    border-left:1px solid transparent;
}
.gnb-megamenu-item > li > a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size:1.25rem;
}
.gnb-megamenu-item > li > a > div {
    display: flex;
    padding: 0 55px;
    text-decoration: none;
    height:81px;
    font-size:1.25rem;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}
.gnb-megamenu-item > li > a > div:last-child {
    position:absolute;
    top:78px;
    left:0;
    display:block;
    margin:0 55px;
    padding:0;
    width:calc(100% - 110px);
    height:3px;
}
.gnb-megamenu-item > li > a > div:last-child > span {
    position:relative;
    display:block;
    margin:0 auto;
    padding:0;
    width:0;
    height:3px;
    background-color:transparent;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.gnb-megamenu-item > li:hover {
    background: #23203a; /* #23203a, #0066cc, #e74c3c, #27ae60 */
}
.gnb-megamenu-item > li:hover > a > div:last-child {
    display:block;
}
.gnb-megamenu-item > li:hover > a > div:last-child > span {
    background-color:#fff;
    width:100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

/* 서브메뉴 */
.gnb-megamenu-submenu {
    display: none;
    position: relative;
    width: 100%;
    padding: 20px 0;
    cursor:pointer;
}
.gnb-megamenu-submenu li {
    display: block;
    margin:0;
    padding:0;
}
.gnb-megamenu-submenu li a {
    display:block;
    color: #333;
    padding:5px 0;
    text-align:center;
    text-decoration: none;
}

.on-header {
    background:#fff !important;
}
.on-header .logo {
    color:#333;
}
.on-header .gnb-megamenu-item > li {
    border-right-color: #eee;
}
.on-header .gnb-megamenu-item > li:first-child {
    border-left-color: #eee;
}
.on-header .gnb-megamenu-item > li:hover > .gnb-megamenu-menu {
    color: #fff;
}
.on-header .gnb-megamenu-menu {
    color: #333;
}
.on-header .gnb-megamenu-menu:hover {
    color: #333;
}
.on-header .gnb-megamenu-item > li:hover > .gnb-megamenu-submenu > li > a {
    color:#fff;
}
.on-header .gnb-megamenu-item > li:hover > .gnb-megamenu-submenu > li > a:hover {
    color:#333;
    background:#fff;
}

/* 햄버거 메뉴 (모바일) */
.gnb-megamenu-mobile {
    display: none;
    flex-direction: column;
    cursor: pointer;
}
.gnb-megamenu-mobile span {
    width: 25px;
    height: 4px;
    background: #fff;
    margin: 4px 0;
}


/* 로그인/회원가입 버튼 */
.auth-links {
    display: flex;
    align-items: center;
    gap: 10px;
    height:81px;
}

.auth-links a {
    padding: 8px 15px;
    border-radius: 5px;
    font-size: 0.9rem;
    font-weight: bold;
}

.auth-links .login {
    background-color: #2196F3;
    color: #fff;
}

.auth-links .register {
    border: 1px solid #2196F3;
    color: #2196F3;
}

.auth-links .login:hover {
    background-color: #2196f3;
}

.auth-links .register:hover {
    background-color: #e6f2ff;
}

#main-header.scrolled {background:rgba(0,0,0,1)}

/*=============================================================================================*/
/* 메인 슬라이드 */
.main-visual {width:100%;height:600px;position:relative;}
.main-visual img {width:100%;height:100%;object-fit:cover;}
.swiper-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:0;}

.slide-caption {
  position:absolute;
  bottom:15%;
  left:50%;
  text-align:center;
  color:#fff;
  z-index:10;
  opacity:0;
  /*시작은숨김*/
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
}

.slide-caption h2 { font-size:2.5rem; margin-bottom:10px; font-weight:800; }
.slide-caption p { font-size:1.5rem; margin-bottom:20px; font-weight:500; color:#f7f305; }
.slide-caption .btn-slide {
  display:inline-block; padding:12px 30px; background:#d32f2f; color:#fff;
  text-decoration:none; font-weight:700; border-radius:10px; transition:0.3s;
}
.slide-caption .btn-slide:hover { background:#b71c1c; }

.bg-lightgrey {background:#f5f5f5;}
.bg-lightblue {background:#becef8;}

.main-content-wrap {
    position:relative;
    margin:0 auto;
    padding:40px 0;
    width:1200px;
}
.main-content-wrap > h3 {
    margin:0 0 15px;
    padding:0;
    font-size:1.25rem;
    font-weight:500;
    color:#000;
}
.main-content-wrap > p {
    margin:0 0 10px;
    padding:0;
    font-size:1rem;
    font-weight:400;
    color:#333;
}
.main-content-wrap > p:last-child { margin-bottom:0 }

.main-local {
    position:relative;
    margin:0;
    padding:0;
    display:grid;
    list-style:none;
    grid-template-columns: repeat(6, 1fr);
    align-items:center;
    gap: 20px;
    row-gap: 20px;
}
.main-local > li {
    margin:0;
    padding:0;
    display:block;
}
.main-local > li > .local-area {
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns: 35% 65%;
    border:1px solid #ccc;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    background:#e3f0c4
}
.main-local > li > .local-area:hover {
    box-shadow:1px 1px 5px #ccc;
    background:#CDDC39;
}
.main-local >li > .local-area > span {
    margin:0;
    padding:20px;
    font-size:30px;
    color:#2196F3;
}
.main-local >li > .local-area > span:last-child {
    display:flex;
    align-items:center;
    font-size:1.1rem;
    color:#23203a;
    font-weight:700;
}

.sub-topimage-wrap {
    position:relative;
    margin:0;
    padding:0;
    width:100%;
    height:300px;
}
.sub-topimage-wrap > img {
    width:100%;height:100%;object-fit:cover;
}
.sub-topimage-wrap > .sub-caption {
    position:absolute;
    bottom:100px;
    width:100%;
    text-align:center;
}
.sub-topimage-wrap > .sub-caption > h2 {
    margin:0;
    padding:10px 0;
    font-size:2rem;
    font-weight:500;
    display:inline-block;
    color:#fff;
    border-bottom:3px solid #fff;
}
.btn_more {position:absolute;top:40px;right:0;}
.btn_more > a {display:inline-block;margin:0;padding:5px 10px;font-size:1rem;font-weight:700;color:#0565C9;}

/* 갤러리 목록 */
#gall_ul {position:relative;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5, 1fr);gap:30px;row-gap:30px;}
.gall_li {margin:0;padding:0;display:block;width:100%;}
.gall_box {position:relative;margin:0;padding:0;}
.gall_li .gall_chk {position:absolute;top:5px;left:5px;width:35px;height:35px;z-index:1}
.gall_con {position:relative;margin:0;padding:0;}
.gall_img { margin:0 0 5px; padding:0;height:250px; border-radius:10px;overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice {display:block;width:100%;height:100%;}
.gall_img img, #bo_gall .gall_img video {width:100%;height:100%;object-fit:cover !important}
.gall_img span {display:inline-block;background:#eaeaea;text-align:center;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}
.gall_text_href {margin:0;padding:0;}
.gall_text_href a {display:block;font-size:1rem;font-weight:500;color:#333;}
.gall_text_href img {margin:0;}
.gall_info {font-size:0.875rem;margin:0;padding:0;}

/* 유튜브 목록 */
.img_link {background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 10px; cursor: pointer;}
.mov_ico {position: absolute; bottom:65px; left:19px;}
.mov_ico img {width: 30px;}
.swiper-wrapper-ga {padding-top: 0px;}
.list_ca {float:right; color:#000;}
.cut {
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap; 
    width: 90%;
    display: block;
}
.main_lists_tit {
    margin-top: 10px;
    text-align: left;
}
.main_lists_new {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #212121;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    color: #999;
    font-size: 11px;
    padding-top: 12px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
    font-weight: bold;
}

/* 메인 최근글 */
.main-latest {display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin:0;padding:0;}
.main-latest > .bd_latest {position:relative;margin:0;padding:0;width:100%;height:auto;}

/* 메인 최근 블로그 글 */
.main-blog {position:relative;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:30px;}
.main-blog > li {margin:0;padding:10px 10px;width:100%;height:330px;overflow:hidden;border:1px solid #bbb;background:#fff;
    box-shadow:3px 3px 10px #ccc;
    border-radius:10px;
}
.main-blog > li > a {display:block;}
.main-blog > li > a > h3 {margin:0 0 20px;padding:0;font-size:1rem;font-weight:500;color:#151515;}
.main-blog > li > a > .blog_content {margin:0;padding:0;font-size:0.875rem;font-weight:400;color:#666;}
.ellipsis-single {
    white-space: nowrap; /* 1. 텍스트를 한 줄로 만듭니다. */
    overflow: hidden;    /* 2. 박스 영역을 벗어난 텍스트를 숨깁니다. */
    text-overflow: ellipsis; /* 3. 숨겨진 텍스트를 ...으로 대체합니다. */
}
.ellipsis-multi {
    overflow: hidden;
    display: -webkit-box; /* 1. 플렉스 박스 레이아웃을 사용합니다. */
    -webkit-line-clamp: 12; /* 2. 표시할 줄 수를 13줄로 제한합니다. */
    -webkit-box-orient: vertical; /* 3. 텍스트 방향을 수직으로 설정합니다. */
}




/*=============================================================================================*/
/* 하단 */
#ft_wr .ft_cnt1 {position:relative;display:block;width:100%;float:none;margin:0 0 15px;padding:0;}
#ft_wr .ft_cnt2 {position:relative;display:block;width:100%;float:none;margin:0;padding:0;}
#ft_wr .ft_cnt2 span {margin-right:20px;}
#ft_link a {display:inline-block;color:#fff;line-height:1rem;font-weight:bold;margin-right:30px;}

/*=============================================================================================*/
/* 탐정지도 */
#main-menu-space {position:relative;margin:0;padding:0;width:100%;height:81px;background:#333;}
#partner-map-area {
    position:relative;
    display:grid;
    grid-template-columns:1fr 2px;
    margin:0;
    padding:0;
    width:100%;
    height:auto;
    overflow:hidden;
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
}
#map-wrap {position:relative;margin:0;padding:0;width:100%;height:auto;}
#map-view {position:relative;margin:0;padding:0;width:100%;height:calc(100vh - 81px);}

.side-zoomcontrol {
    position:absolute;
    top:10px;
    left:10px;
    width:36px;
    display:grid;
    grid-template-rows:repeat(12, 1fr);
    border:1px solid #333;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    background:#23203a;
    color:#fff;
    overflow:hidden;
    z-index:1
}
.side-zoomcontrol > .side-zoom-btn {
    display:block;
    width:34px;
    height:34px;
    line-height:34px;
    text-align:center;
    cursor:pointer;
    border-bottom:1px solid #666;
}
.side-zoomcontrol > .side-zoom-btn:hover {color:#333;background:#f5f5f5;}
.side-zoomcontrol > .side-zoom-btn:last-child {border-bottom:0;}
.side-list {position:relative;margin:0;padding:5px 5px;width:100%;background:#f5f5f5;border-left:2px solid #999;}
.side-list > .side-btn > span {position:absolute;left:-5px;margin:0;padding:0;width:20px;height:auto;color:#2196f3;background:transparent;}
.side-btn {
    position:absolute;
    top:calc(50% - 50px);
    left:-20px;
    padding:10px 0;
    width:20px;
    height:70px;
    border:2px solid #999;
    border-right:0;
    cursor:pointer;
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
    background:#f5f5f5;
    font-weight:700;
    font-size:1.25rem;
    text-align:center;
    line-height:70px;
    z-index:1;
}
.side-list > .side-btn > .side-open, .side-list > .side-btn > .side-close {display:none;position:absolute;top:0;left:-3px;margin:0;padding:0;text-align:center;width:20px;height:auto;color:#F44336;}
#partner-map-area.active {grid-template-columns:1fr 250px;}
.side-list > .side-btn > .side-open {display:block;}
.side-list > .side-btn.active > .side-close {display:block;}
.side-list > .side-btn.active > .side-open  {display:none;}

.side-search-list {position:relative;margin:0 0 5px;padding:0 0 5px;width:240px;height:auto;border-bottom:1px solid #ccc;}
.regist-company-btn {position:absolute;top:0;left:-112px;width:100px;height:30px;z-index:1;}
.regist-company-btn > .new-btn {color:#fff;background:linear-gradient(#f76295, #f90256);border:1px solid #E91E63;}
.side-search-btn {position:relative;margin:0 0 5px;padding:0;display:grid;grid-template-columns: 1fr 1fr;gap:10px;width:100%;height:auto;}
.side-search-btn > .search-btn, .regist-company-btn > .search-btn {
    display:block;
    margin:0;
    padding:0;
    font-size:0.875rem;
    font-weight:500;
    line-height:30px;
    width:100%;
    height:30px;
    text-align:center;
    cursor:pointer;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
}
.side-search-btn > .map-btn {color:#fff;background:linear-gradient(#0e8ce8, #0565C9);}
.side-search-btn > .all-btn {color:#fff;background:linear-gradient(#dd6666, #dd1111);}
#side-search-form {display:grid;grid-template-columns:70% 30%;gap:0;}
#side-search-form > input {border:1px solid #ccc;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;padding:3px 5px;line-height:22px;font-size:0.875rem;}
#side-search-form > .btn_submit {height:30px;border-top-left-radius:0;border-bottom-left-radius:0;background:linear-gradient(#eee,#bbb);color:#333;font-size:0.875rem;border:1px solid #ccc;font-weight:500;}
.side-marker-list {position:relative;margin:0;padding:0;width:100%;height:100%;overflow-y:scroll;}
.side-search-item {position:relative;margin:0;padding:0;width:100%;height:auto;}
#sub-partner-map {width:100%;height:100%;overflow:hidden;}

/*=============================================================================================*/
/* 인사말 */
.sub-content-wrap {position:relative;margin:0 auto;padding:50px 0;width:1200px;}
.sub-title {position:relative;margin:0 0 50px;padding:0;}
.sub-title > .btitle {position:relative;margin:0;padding:0;font-size:2rem;color:#333;font-weight:500;text-align:center;}
.sub-title > .btitle > span {color:#b71c1c;font-weight:700;}
.sub-title > .stitle {position:relative;margin:0;padding:0;font-size:1rem;color:#333;font-weight:500;text-align:center;}

.sub-section {position:relative;display:block;margin:0 0 20px;padding:0;}
.grid2-section {margin:0 0 40px;display:grid;grid-template-columns:330px 1fr;gap:50px;}
.part-ceo {margin:0 0 10px;padding:0;width:100%;}
.part-ceo > .sp-ceo {
    display:block;
    margin:0 0 10px;
    padding:0;
    width:100%;
    height:auto;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    overflow:hidden;
}
.part-ceo > .sp-ceo > img {width:100%;height:auto;}
.part-ceo > .sp-text {margin:0;padding:0;font-size:1rem;font-weight:500;color:#333;text-align:center;}
.part-about {margin:0;padding:0;width:100%;}
.part-about > p {margin:0 0 20px;padding:0;font-size:1rem;font-weight:400;color:#333;line-height:1.5rem;word-break:keep-all;}
.part-about > p.sp-ab1 {margin:0 0 10px;padding:0;font-size:1.5rem;line-height:1.5rem;font-weight:400;color:#333;}
.part-about > p.sp-ab2 {margin:0 0 30px;padding:0;font-size:1.5rem;line-height:1.5rem;font-weight:400;color:#333;}
.part-about > p.sp-ab2 > span {font-weight:500;color:#b71c1c;}
.part-about > p.sp-hot {margin:0 0 30px;font-size:1.25rem;font-weight:500;color:#151515;}
.sp-sign {position:relative;display:block;margin:40px 0 20px;padding:0;}
.sp-sign > p {margin:0 70px 0 0;padding:0;font-size:1.2rem;font-weight:500;color:#333;text-align:right;}
.sp-sign > p > span {margin-left:15px;font-weight:700;}
.sp-sign > img {position:absolute;top:-20px;right:0;width:60px;height:auto;}
.com_title {position:relative;margin:0 0 10px;padding:0;font-size:1.5rem;font-weight:500;line-height:1.5rem;}
.tbl_company {margin:0;padding:0;width:100%;border-top:2px solid #23203a;font-size:1rem;color:#333;border-collapse:separate;border-spacing:0;}
.tbl_company th {background:#f8f8f8;font-weight:500;border:1px solid #ccc;height:40px;text-align:center;}
.tbl_company td {padding-left:20px;font-weight:400;border:1px solid #ccc;height:40px;}

/*=============================================================================================*/
/* 설립취지&목적 */
.sub-vision {display:block;margin:0 0 50px;}
.sub-vision > p {margin:0 0 10px;padding:0;font-size:1.5rem;font-weight:500;color:#333;text-align:center;line-height:1.7rem;}
.sub-vision > p > i {color:#3F51B5;}
.sub-target {margin:0 0 40px;padding:20px 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;}
.sub-target > span {margin:0;padding:20px 0;width:100%;font-size:1.25rem;font-weight:700;color:#fff;text-align:center;}
.sub-target > span { border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; }
.sub-target > span.bg01 {background:#23203a;}
.sub-target > span.bg02 {background:#0565C9;}
.sub-block {position:relative;margin:0 0 30px;padding:0;}
.sub-block > h2 {margin:0 0 10px;padding:0;font-size:1.25rem;font-weight:700;color:#333;}
.sub-block > p {margin:0 0 5px;padding:0;font-size:1rem;font-weight:400;color:#333;word-break:keep-all;}
.sub-block > h3 {margin:0 0 5px;padding:0;font-size:1.25rem;font-weight:700;color:#333;}
.sub-block > ol {position:relative;margin:0;padding:0;}
.sub-block > ol > li {margin:0 0 20px;margin-left:20px;padding:0;font-weight:700;list-style-type:decimal;}
.sub-block > ol > li > h4 {margin:0;padding:0;font-size:1rem;font-weight:500;color:#151515;}
.sub-block > ol > li > p {margin:0 0 10px;padding:0;font-size:1rem;font-weight:400;color:#444;}

/*=============================================================================================*/
/* 사업영역 */
.sub-busi-block {position:relative;margin:0 0 70px;padding:0;}
.sub-busi-block > h2 {margin:0 0 10px;padding:0;font-size:2rem;font-weight:500;color:#333;}
.sub-busi-block > p {margin:0 0 5px;padding:0;font-size:1rem;font-weight:400;color:#333;word-break:keep-all;}
.sub-list-item {position:relative;margin:0 0 50px;padding:0;display:grid;grid-template-columns:30% 70%;}
.sub-item-revers {grid-template-columns:70% 30%;}
.sub-item-img {
    position:relative;
    top:-30px;
    margin:0;
    padding:0;
    width:135%;
    border:1px solid #fff;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    box-shadow:10px 10px 5px #ccc;
    overflow:hidden;
}
.sub-img-revers {left:-125px;box-shadow:-10px 10px 5px #ccc;;}
.sub-item-img > img {width:100%;height:auto;}
.sub-item-cont {
    margin:0;
    padding:30px 50px 30px 200px;
    background:#f5f5f5;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
}
.sub-cont-revers {padding:30px 200px 30px 50px;}
.sub-item-cont > .si-title {margin:0 0 10px;padding:0;font-size:2rem;font-weight:700;}
.sub-item-cont > .si-title > span {
    margin:0;
    padding:0 10px;
    line-height:50px;
    background:#e91e63;
    color:#fff;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
}
.sub-item-cont > p {margin:0;padding:0;word-break:keep-all;font-size:1rem;}
.btn-promap {
    display:flex;
    margin:20px auto 0;
    padding:5px 30px;
    font-size:1rem;
    border:1px solid #2196f3;
    color:#fff;
    font-weight:700;
    background:linear-gradient(#90caf9,#2196f3);
    background:-webkit-linear-gradient(#90caf9,#2196f3);
    background:-moz-linear-gradient(#90caf9,#2196f3);
    background:-o-linear-gradient(#90caf9,#2196f3);
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
}

/*=============================================================================================*/
/* 조직도 */
.sub-org {position:relative;margin:0;padding:0;width:100%;height:auto;}
.sub-org > img {width:100%;height:auto;}

/*=============================================================================================*/
/* 오시는길 */
.loc_map {position:relative;margin:0 0 50px;padding:0;width:100%;height:350px;border:1px solid #ccc;}

/*=============================================================================================*/
/* PRO탐정사란? */
.sub-pro1 {margin:0 0 70px;display:grid;grid-template-columns:1fr 1fr;gap:50px;}
.sub-pro1-img {
    margin:0;
    padding:0;
    width:100%;
    border:1px solid #ccc;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    overflow:hidden;
}
.sub-pro1-img > img {width:100%;height:auto;}
.sub-pro2-con {margin:0;padding:0;width:100%;}
.sub-pro2-item1, .sub-pro2-item {margin:0 0 30px;padding:0;}
.sub-pro2-item1 > h3 {margin:0 0 10px;padding:0;font-size:1.5rem;font-weight:700;color:#333;}
.sub-pro2-item1 > p {margin:0;padding:0;font-size:1rem;font-weight:400;color:#333;word-break:keep-all;}
.sub-pro2-item1 > p.sp-margin {margin-bottom:10px;}
.sub-pro2-item2 {
    margin:0;
    padding:8px 20px 10px;
    background:#f5f5f5;
    border:1px solid #ccc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
}
.sub-pro2-item2 > h3 {margin:0 0 10px;padding:0;font-size:1.5rem;font-weight:700;color:#333;}
.sub-pro2-item2 > p {margin:0 0 5px;padding:0;font-size:1rem;font-weight:400;color:#333;word-break:keep-all;letter-spacing:-0.8px;}

.sub-pro2 {position:relative;margin:0 0 40px;padding:0;}
.sub-pro2 > h2 {margin:0 0 20px;padding:0;font-size:2rem;font-weight:700;line-height:4rem;color:#333;border-bottom:1px solid #ccc;}
.sub-pro2 > h3 {margin:0 0 10px;padding:0;font-size:1.25rem;font-weight:500;color:#3f51b5;}
.sub-pro2 > h3.sp-margin {margin-bottom:20px;}
.sub-pro2 > h3 > span {
    display:inline-block;
    margin:0;
    padding:2px 0 1px;
    background:#3f51b5;
    color:#fff;
    line-height:1.5rem;
    font-weight:700;
    text-align:center;
    width:40px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
}
.sub-pro2 > h2 > i {color:#ff9800;}
.sub-pro2 > p {margin:0 0 5px;padding:0;font-size:1rem;font-weight:400;color:#333;word-break:keep-all;}
.sub-pro2 > p.sp-margin {margin-bottom:25px;}
.sub-pro2 > ul {position:relative;display:grid;grid-template-columns:repeat(6, 1fr);gap:40px;}
.sub-pro2 > ul > li {position:relative;margin:0;padding:0;width:100%;}
.sub-pro2 > ul > li > div {
    margin:0 0 20px;
    display:grid;
    align-items:center;
    justify-content:center;
    border:1px solid #ccc;
    background:#f5f5f5;
    color:#2196f3;
    font-size:80px;
    width:160px;
    height:160px;
    border-radius:100%;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    -ms-border-radius:100%;
    -o-border-radius:100%;
}
.sub-pro2 > ul > li > p {margin:0;padding:0;font-size:1rem;font-weight:700;color:#333;text-align:center;}
.sub-pro3 {position:relative;margin:0;padding:0;text-align:center;}
.sub-pro3 > a {
    display:inline-block;
    margin:0;
    padding:10px 30px;
    font-size:1rem;
    font-weight:700;
    color:#fff;
    background:linear-gradient(#f48fb1,#e91e63);
    background:-webkit-linear-gradient(#f48fb1,#e91e63);
    background:-moz-linear-gradient(#f48fb1,#e91e63);
    background:-o-linear-gradient(#f48fb1,#e91e63);
    border:1px solid #ad1457;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
}

/*=============================================================================================*/
/* PRO탐정사 취득절차 */
.sub-acq-block {position:relative;margin:0 0 70px;padding:0;}
.sub-acq-block > h3 {margin:0 0 10px;padding:0;font-size:1.5rem;font-weight:700;color:#333;}
.sub-acq-block > h3 > span {color:#e91e63;font-weight:700;}
.sub-acq-block > p {margin:0 0 10px;padding:0;font-size:1rem;font-weight:700;color:#333;word-break:keep-all;}
.sub-acq-block > .sb-event {position:relative;margin:0 0 30px;padding:0;}
.sub-acq-block > .sb-event > li {margin:0;padding:0;list-style:disc inside;}
.sub-acq-block > .sb-event > li > h4 {display:inline-block;margin:0;padding:0;font-size:1.25rem;font-weight:500;color:#333;}
.sub-acq-block > .sb-event > li > p {margin:0 0 10px;margin-left:22px;padding:0;font-size:1rem;font-weight:400;color:#333;word-break:keep-all;}
.sb-acq-list {margin:0 0 40px;padding:20px 15px;background:#90caf9;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
}
.sb-acq-list > p {margin:0;padding:0;font-size:1rem;font-weight:500;color:#333;word-break:keep-all;}
.sub-end-block {position:relative;margin:0;padding:0;}
.sub-end-block > p {margin:0;padding:0;font-size:1rem;font-weight:700;color:#333;word-break:keep-all;}
.btn-link {position:relative;margin:20px 0;padding:0;text-align:center;}
.btn-online {margin:20px 0;padding:10px 30px;font-size:1.25rem;font-weight:700;color:#fff;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    background:linear-gradient(#f48fb1,#e91e63);
    background:-webkit-linear-gradient(#f48fb1,#e91e63);
    background:-moz-linear-gradient(#f48fb1,#e91e63);
    background:-o-linear-gradient(#f48fb1,#e91e63);
    border:1px solid #ad1457;
}

/*=============================================================================================*/
/* 온라인시험 관리자 */
.online_adm {position:fixed;display:inline-block;top:90px;right:10px;background:#ccc;z-index:9999;}
.online_adm > ul {position:relative;margin:0;padding:0;}
.online_adm > ul > li {display:inline-block;margin:0;padding:0;}
.online_adm > ul > li > a {display:block;margin:0;padding:5px 10px;font-size:1rem;font-weight:500;text-decoration:none;}


/*=============================================================================================*/
/* 온라인시험 및 접수 */
.sub-test-block {position:relative;margin:0 0 70px;padding:0;}
.sub-test-block > h3 {margin:0 0 10px;padding:0;font-size:1.5rem;font-weight:700;color:#333;}
.sub-test-block > p {margin:0 0 5px;font-weight:500;color:#3f51b5;}
.sub-test-block > ul {position:relative;margin:0 0 50px;padding:0;}
.sub-test-block > ul > li {margin-left:20px;padding:0;list-style:disc;color:#555;}
.sub-test-block > ol {position:relative;margin:0 0 50px;padding:0;}
.sub-test-block > ol > li {margin-left:20px;padding-left:5px;list-style:decimal;color:#555;}
.sub-test-block > .test-buttons {position:relative;margin:80px 0 0;padding:0;text-align:center;}
.btn-red {margin:0 30px;padding:15px 40px;font-size:1.25rem;font-weight:700;color:#fff;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    background:linear-gradient(#f48fb1,#e91e63);
    background:-webkit-linear-gradient(#f48fb1,#e91e63);
    background:-moz-linear-gradient(#f48fb1,#e91e63);
    background:-o-linear-gradient(#f48fb1,#e91e63);
    border:1px solid #ad1457;
}
.btn-blue {margin:0 30px;padding:15px 40px;font-size:1.25rem;font-weight:700;color:#fff;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    background:linear-gradient(#8faaf4,#321ee9);
    background:-webkit-linear-gradient(#8faaf4,#321ee9);
    background:-moz-linear-gradient(#8faaf4,#321ee9);
    background:-o-linear-gradient(#8faaf4,#321ee9);
    border:1px solid #1e14ad;
}

.x-btn {margin:0 10px;padding:5px 30px;font-size:1rem;font-weight:500;color:#fff;border-radius:5px;}
.x-red {background:linear-gradient(#f48fb1,#e91e63);
    background:-webkit-linear-gradient(#f48fb1,#e91e63);
    background:-moz-linear-gradient(#f48fb1,#e91e63);
    background:-o-linear-gradient(#f48fb1,#e91e63);
    border:1px solid #ad1457;
    color:#fff;
}
.x-blue {background:linear-gradient(#8faaf4,#321ee9);
    background:-webkit-linear-gradient(#8faaf4,#321ee9);
    background:-moz-linear-gradient(#8faaf4,#321ee9);
    background:-o-linear-gradient(#8faaf4,#321ee9);
    border:1px solid #1e14ad;
    color:#fff;
} 
.x-gray {    background:linear-gradient(#f5f6fa,#c2bfd8);
    background:-webkit-linear-gradient(#f5f6fa,#c2bfd8);
    background:-moz-linear-gradient(#f5f6fa,#c2bfd8);
    background:-o-linear-gradient(#f5f6fa,#c2bfd8);
    border:1px solid #8d8d91;
    color:#333;
}

.test-images {position:absolute;top:100px;right:10px;width:500px;height:auto;}
.test-images > .tbox {position:relative;margin:0;padding:0;width:100%;height:auto;}
.test-images > .tbox .ti01 {position:relative;width:500px;height:300px;border:1px solid #fff;border-radius:10px;overflow:hidden;box-shadow:2px 2px 10px #999;}
.test-images > .tbox .ti01 > img {width:100%;height:100%;object-fit: cover;}
.test-images > .tbox .ti02 {position:relative;margin-top:40px;width:500px;height:300px;border:1px solid #fff;border-radius:10px;overflow:hidden;box-shadow:2px 2px 10px #999;}
.test-images > .tbox .ti02 > img {width:100%;height:100%;object-fit: cover;}

/*=============================================================================================*/
/* 시험접수 */

.form-box {position:relative;background:#f9f9f9;border-radius:8px;padding:30px;margin-bottom:30px;box-shadow:0 2px 6px rgba(0,0,0,0.05);overflow:hidden;}
.form-box h3 {font-size:1.25rem;margin-bottom:20px;color:#222;}
.form-box .wm {position:absolute;right:130px;top:50%;transform:translateY(-50%);opacity:0.08;pointer-events:none;width:260px;height:auto;}
.form-box:hover .wm { opacity: 0.12; }
.form-box .fields {max-width:700px;}
label {display:block;font-size:1rem;margin-bottom:8px;font-weight:500;}
input[type="text"], input[type="date"], input[type="tel"], input[type="email"], select, 
input[type="file"] {width:100%;max-width:600px;padding:3px 5px;font-size:1rem;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;}
input[type="checkbox"] {margin-right:8px;}
.submit-btn {display:inline-block;background:#003366;color:#fff;border:none;padding:15px 40px;font-size:1.15rem;border-radius:6px;cursor:pointer;transition: 0.3s;}
.submit-btn:hover {background:#0055a5;}
.btn-area {text-align:center;margin-top:40px;}

/*=============================================================================================*/
/* 시험접수 결과 */

.result-box {margin:100px auto 70px;background:#fff;padding:40px;border-radius:8px;display:block;width:350px;border:1px solid #f9f9f9;
              box-shadow:0 2px 8px rgba(0,0,0,0.1); }
.result-box h2 { color:#003366; margin-bottom:20px;text-align:center; }
.result-box p {text-align:center;}
.result-box a {display:block;margin:20px 0 0;padding:10px;color:#ffeb3b;font-weight:500;border:1px solid #64b5f6;text-align:center;border-radius:5px;background:linear-gradient(#64b5f6, #1565c0)}
.app-no { font-size:24px; font-weight:bold; color:#d9534f;text-align:center; }

/*=============================================================================================*/
/* 문제등록 리스트 */
.ls_box table { width:100%; border-collapse:collapse; margin-top:20px; }
.ls_box table th, .ls_box table td { border:1px solid #ddd; padding:8px; text-align:center; }
.ls_box table th { background:#f4f4f4; }
.ls_box .status-0 { color:gray; }
.ls_box .status-1 { color:green; font-weight:bold; }
.ls_box .status-2 { color:orange; font-weight:bold; }
.ls_box .status-3 { color:red; font-weight:bold; }
.ls_box .status-4 { color:blue; font-weight:bold; }
.ls_box .status-5 { color:darkred; font-weight:bold; }
.ls_box .tb_green {color:green;}
.ls_box .tb_red {color:red;}
.ls_box .tb_blue {color:blue;}
.ls_box .tb_darkred {color:darkred;}
.ls_box td a:hover {color:blue;}
.ls_paging { margin-top:20px; text-align:center; }
.ls_paging span {display:inline-block;margin:0 2px;width:25px;border:1px solid #ccc;background:#f9f9f9;text-align:center;cursor:pointer;}
.ls_paging span strong {color:blue;}
.ls_paging span:hover {background:#efefef;}
.ls_paging a { margin:0;text-decoration:none; }
.ls_btns {margin:0 0 10px;padding:0;text-align:right;}

/*=============================================================================================*/
/* 문제등록 보기 */

.ex-form {position:relative;margin:0;padding:30px 30px;background:#f9f9f9;border-radius:8px;border:1px solid #ccc;}
.ex-form > h2 {margin:0 0 10px;padding:0;font-size:1rem;font-weight:500;color:#4f5570;}
.ex-form > h2 > span {margin-right:10px;color:#E91E63;}
.ex-form > h3 {margin:0 0 30px;padding:0;font-size:1.13rem;font-weight:500;color:#333;}
.ex-form > p {margin:0;padding:0;font-size:1rem;font-weight:400;color:#666;line-height:1.5rem;}
.ex-form > .answer_active {font-weight:500;color:#2196F3;}
.ex-form > .ex-use {margin:30px 0 0;padding:0;}


/*=============================================================================================*/
/* 시험보기 접수번호 등록 확인 */

.ex-st-box {margin:100px auto 70px;background:#fff;padding:40px;border-radius:8px;display:block;width:500px;border:1px solid #607D8B;
              box-shadow:0 2px 8px rgba(0,0,0,0.1);text-align:center;}
.ex-st-box h2 {margin:0 0 30px;color:#003366; margin-bottom:20px;text-align:center;font-size:1.25rem;}
.ex-st-box p {margin:0;padding:0;font-size:1rem;font-weight:500;line-height:1.5rem;text-align:center;}
.ex-st-box .frm_app {margin:0;padding:5px 5px;border:1px solid #ccc;background:#fff;font-size:1rem;color:#333;font-weight:400;line-height:1.25rem;width:300px;}
.ex-st-box .btn-area {margin:30px 0 0;padding:0;}

/*=============================================================================================*/
/* 시험문제풀기 리스트, 뷰 */

.e_header {margin:0 0 10px;padding:0;display:flex;justify-content:space-between;align-items:center;}
.e_header > h2 {margin:0;padding:0;font-size:1.25rem;font-weight:500;color:#333;}
.e_header > h2 > span {color:red;font-weight:700;}
.e_header > div {margin:0;padding:0;font-size:1.25rem;font-weight:700;color:#333;}
.e_body {position:relative;margin:0 0 20px;padding:0;width:100%;height:auto;}
.e_question { margin:18px 0; padding:15px; border:1px solid #ddd; border-radius:6px;background:#f9f9f9; }
.e_question > p {margin:0 0 15px;padding:0;font-size:1rem;font-weight:500;color:#333;}
.e_question > label {display:block;margin:0 0 5px;padding:0;font-size:1rem;font-weight:400;color:#333;}
.e_question > label:last-child {margin:0;}
.subject-tag { display:inline-block; background:#f1f5ff; border:1px solid #c9daf7; color:#225; font-size:12px; padding:2px 8px; border-radius:12px; margin-bottom:8px; }
.x-btn:disabled { opacity:0.5; cursor:not-allowed; }
.e_nav { margin-top:20px; display:flex; justify-content:space-between; }
.e_header-timer {background:#003366;color:#fff;font-size:1.15rem;font-weight:500;padding:5px 12px;text-align:center;z-index:1000;width:100%;transition: all 0.3s ease;}
.e_header-timer.sticky {position:fixed;top:81px;left:0;}

.e_infos {position:relative;margin:0 0 10px;padding:0;width:100%;font-size:1rem;font-weight:400;color:#333;}
.e_infos > span {margin-right:10px;}
.e_infos .badge { display:inline-block; padding:2px 8px; border-radius:5px; font-size:1rem; margin:0; }
.e_infos .badge.pass { background:#e7f7ea; border:1px solid #bfe8c7; color:#16753d; }
.e_infos .badge.fail { background:#fdeaea; border:1px solid #f2c1c1; color:#a11; }
.e_option { padding:5px 8px; border-radius:4px; margin:2px 0; }
.e_option.correct { background:#e7f9ef; color:#16753d; font-weight:bold; }
.e_option.wrong { background:#fdeaea; color:#a11; }
.e_option.user { border:1px dashed #333; }
.e_option > span {margin-right:50px;}
/* 리스트 페이징 */
.pagination { margin:20px 0; text-align:center; }
.pagination a, .pagination span {display:inline-block;margin:0 4px;padding:3px 12px;border:1px solid #ddd;border-radius:4px;text-decoration:none;}
.pagination a:hover { background:#003366; color:#fff; }
.pagination .current { background:#003366; color:#fff; font-weight:bold; }


/*=============================================================================================*/
/* PRO탐정사 회원멤버 */
#bo_gallery {position:relative;width:100%;max-width: 1400px;margin-top:0px;}

#dkmain {position:relative;margin:0;padding:0;display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;}
#dkmain > li {margin:0;padding:0;width:100%;height:auto;overflow:hidden;background:#f9f9f9;cursor:pointer;}
#dkmain > li > .dkli_layer {position:relative;margin:0;padding:10px;width:100%;height:auto;border:1px solid #e9e9e9;border-radius:6px;}
#dkmain > li > .dkli_layer > .dkli_title {margin:0 0 5px;padding:0;font-size:18px;line-height:18px;font-weight:700;color:#000;}
#dkmain > li > .dkli_layer > .dkli_license {margin:0 0 5px;padding:0;width:100%;height:auto;border-radius:15px;overflow:hidden;}
#dkmain > li > .dkli_layer > .dkli_license > img {width:100%;height:auto;}
#dkmain > li > .dkli_layer > .dkli_msg {margin:0 0 5px;padding:0;font-size:14px;font-weight:500;color:#666;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#dkmain > li > .dkli_layer > .dkli_phone {margin:0 0 5px;padding:0;font-size:16px;line-height:16px;font-weight:500;color:#2196f3;width:100%;}
#dkmain > li > .dkli_layer > .dkli_phone > span {font-weight:700;}
#dkmain > li > .dkli_layer > .dkli_view {margin:0;padding:0;font-size:16px;line-height:16px;font-weight:500;color:#2196f3;width:100%;}

#dkmain2 {position:relative;margin:0;padding:0;display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;}
#dkmain2 > li {margin:0;padding:0;width:100%;height:auto;overflow:hidden;background:#f9f9f9;cursor:pointer;box-shadow:1px 1px 10px #eee;border:1px solid #ccc;border-radius:6px;}
#dkmain2 > li:hover {background:#e3f2fd;}
#dkmain2 > li > .dkli2_layer {position:relative;margin:0;padding:10px;width:100%;height:auto;}
#dkmain2 > li > .dkli2_layer > .dkli2_header {position:relative;margin:0 0 5px;padding:0 0 5px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid #e9e9e9;}
#dkmain2 > li > .dkli2_layer > .dkli2_header > .dkli2_img {position:relative;margin:0;padding:0;width:50%;}
#dkmain2 > li > .dkli2_layer > .dkli2_header > .dkli2_img > .dkli2_license {margin:0 0 5px;padding:0;width:100%;height:115px;border-radius:5px;overflow:hidden;background:#fff;}
#dkmain2 > li > .dkli2_layer > .dkli2_header > .dkli2_img > .dkli2_license > img {width:100%;height:100%;object-fit:scale-down;object-position:center;}
#dkmain2 > li > .dkli2_layer > .dkli2_header > .dkli2_info {position:relative;margin:0;padding:5px 0 0;width:46%;}
#dkmain2 > li > .dkli2_layer > .dkli2_header > .dkli2_info > .dkli2_title {margin:0 0 13px;padding:0;font-size:1.1rem;line-height:1.1rem;font-weight:900;color:#000;}
#dkmain2 > li > .dkli2_layer > .dkli2_header > .dkli2_info > .dkli2_address {margin:0 0 10px;padding:5px;font-size:12px;line-height:16px;font-weight:400;height:42px;color:#000;word-break:keep-all;background:#eee;overflow:hidden;}
#dkmain2 > li > .dkli2_layer > .dkli2_header > .dkli2_info > .dkli2_history {margin:0;padding:0;font-size:14px;line-height:16px;font-weight:400;color:#000;word-break:keep-all;}
#dkmain2 > li > .dkli2_layer > .dkli2_header > .dkli2_info > .dkli2_cert {margin:0 0 7px;padding:0;font-size:0.875rem;line-height:0.875rem;font-weight:500;color:#797979;word-break:keep-all;letter-spacing:-0.7px;}
#dkmain2 > li > .dkli2_layer > .dkli2_header > .dkli2_info > .dkli2_cert > i {color:#ffc107;}
#dkmain2 > li > .dkli2_layer > .dkli2_body {position:relative;margin:0;padding:0;width:100%;}
#dkmain2 > li > .dkli2_layer > .dkli2_body > .dkli2_msg {margin:0 0 5px;padding:0;font-size:14px;font-weight:400;color:#666;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#dkmain2 > li > .dkli2_layer > .dkli2_body > .dkli2_phone {margin:0 0 5px;padding:0;font-size:16px;line-height:16px;font-weight:500;color:#2196f3;width:100%;}
#dkmain2 > li > .dkli2_layer > .dkli2_body > .dkli2_phone > span {font-weight:700;}
#dkmain2 > li > .dkli2_layer > .dkli2_body > .dkli2_view {margin:0;padding:0;font-size:16px;line-height:16px;font-weight:500;color:#2196f3;width:100%;}

#dkmain3 {position:relative;margin:0;padding:0;display:flex;flex-wrap:wrap;list-style:none;}
#dkmain3:after {display:block;visibility:hidden;clear:both;content:""}
#dkmain3 > li {margin:0 0 35px 2%;padding:0;width:32%;height:auto;overflow:hidden;background:#f9f9f9;cursor:pointer;box-shadow:1px 1px 10px 0 #eee;border:1px solid #efefef;border-radius:6px;}
#dkmain3 > li:nth-child(3n+1) {margin-left:0;}
#dkmain3 > li > .dkli3_layer {position:relative;margin:0;padding:10px;width:100%;height:auto;}
#dkmain3 > li > .dkli3_layer > .dkli3_header {position:relative;margin:0 0 5px;padding:0;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid #e9e9e9;}
#dkmain3 > li > .dkli3_layer > .dkli3_header > .dkli3_img {position:relative;margin:0;padding:0;width:100%;}
#dkmain3 > li > .dkli3_layer > .dkli3_header > .dkli3_img > .dkli3_ceo {margin:0;padding:0;width:100%;height:auto;border-radius:5px;overflow:hidden;}
#dkmain3 > li > .dkli3_layer > .dkli3_header > .dkli3_img > .dkli3_ceo > img {width:100%;height:auto;}
#dkmain3 > li > .dkli3_layer > .dkli3_header > .dkli3_info {position:absolute;top:50px;right:0;margin:0;padding:5px 0 0;width:46%;}
#dkmain3 > li > .dkli3_layer > .dkli3_header > .dkli3_info > .dkli3_title {margin:0 0 13px;padding:0;font-size:18px;line-height:20px;font-weight:900;color:#000;}
#dkmain3 > li > .dkli3_layer > .dkli3_header > .dkli3_info > .dkli3_address {margin:0 0 10px;padding:5px;font-size:12px;line-height:16px;font-weight:400;height:42px;color:#000;word-break:keep-all;background:#eee;overflow:hidden;}
#dkmain3 > li > .dkli3_layer > .dkli3_header > .dkli3_info > .dkli3_history {margin:0;padding:0;font-size:14px;line-height:16px;font-weight:400;color:#000;word-break:keep-all;}
#dkmain3 > li > .dkli3_layer > .dkli3_header > .dkli3_info > .dkli3_cert {margin:0 0 7px;padding:0;font-size:14px;line-height:14px;font-weight:500;color:#797979;word-break:keep-all;}
#dkmain3 > li > .dkli3_layer > .dkli3_header > .dkli3_info > .dkli3_cert > i {color:#ffc107;}
#dkmain3 > li > .dkli3_layer > .dkli3_body {position:relative;margin:0;padding:0;width:100%;}
#dkmain3 > li > .dkli3_layer > .dkli3_body > .dkli3_msg {margin:0 0 5px;padding:0;font-size:14px;font-weight:400;color:#666;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#dkmain3 > li > .dkli3_layer > .dkli3_body > .dkli3_phone {margin:0 0 5px;padding:0;font-size:16px;line-height:16px;font-weight:500;color:#2196f3;width:100%;}
#dkmain3 > li > .dkli3_layer > .dkli3_body > .dkli3_phone > span {font-weight:700;}
#dkmain3 > li > .dkli3_layer > .dkli3_body > .dkli3_view {margin:0;padding:0;font-size:16px;line-height:16px;font-weight:500;color:#2196f3;width:100%;}

/* view.skin.php */
#dkvi_header {position:relative;margin:0 0 60px;padding:0;width:100%;height:auto;display:grid;grid-template-columns:40% 1fr;gap:50px;overflow:hidden;}
#dkvi_header > .dkvi_card {margin:0;padding:0;width:100%;height:auto;}
#dkvi_header > .dkvi_card > img {width:100%;height:100%;object-fit:scale-down;object-position:center;}
#dkvi_header > .dkvi_cert {margin:0;padding:0;width:100%;height:100%;}
#dkvi_header > .dkvi_cert > ul {position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin:0;padding:0;width:100%;height:100%;list-style:none;overflow:hidden;}
#dkvi_header > .dkvi_cert > ul > li {margin:0;padding:0;width:100%;height:100%;border:1px solid #ccc;border-radius:10px;overflow:hidden;}
#dkvi_header > .dkvi_cert > ul > li > h3 {margin:0 0 10px;padding:0;font-size:1.1rem;font-weight:500;color:#000;line-height:1.1rem;width:100%;height:auto;text-align:center;}
#dkvi_header > .dkvi_cert > ul > li > .dkvi_hd_img {margin:0;padding:0;width:100%;height:100%;}
#dkvi_header > .dkvi_cert > ul > li > .dkvi_hd_img > img {margin:0;padding:0;width:100%;height:100%;object-fit:scale-down;}
#dkvi_header > .dkvi_cert > ul > li > .dkvi_hd_img > a {display:block;margin:0;padding:0;width:100%;height:100%;}
#dkvi_header > .dkvi_cert > ul > li > .dkvi_hd_img > a > img {width:100%;height:100%;object-fit:cover;}
#dkvi_header > .dkvi_cert > ul > li:hover {background:#4b65f9;}
#dkvi_header > .dkvi_cert > ul > li:hover > .dkvi_hd_img {opacity:0.9;}

#dkvi_container {position:relative;margin:0;padding:0;width:100%;display:grid;grid-template-columns:60% 1fr;gap:50px;}

#dkvi_content {position:relative;margin:0;padding:0;width:100%;height:auto;}
#dkvi_content > h3 {margin:0 0 30px;padding:0;font-size:2rem;line-height:2rem;font-weight:700;color:#000;width:100%;}
#dkvi_content > .dkvi_checkbox {position:relative;margin:0 0 60px;padding:0;width:100%;}
#dkvi_content > .dkvi_checkbox > .dkvi_check {display:inline-block;margin:0;padding:0;font-size:1.5rem;line-height:1.5rem;font-weight:500;color:#2196f3;}
#dkvi_content > .dkvi_checkbox > .dkvi_check:first-child {margin-right:20px;}
#dkvi_content > .dkvi_checkbox > .dkvi_check > i {margin-right:10px;}
#dkvi_content > .dkvi_checkbox > .dkvi_check > span {margin:0;padding:0;}
#dkvi_content > .dkvi_about {position:relative;margin:0 0 50px;padding:0;width:100%;height:auto;}
#dkvi_content > .dkvi_about > h3 {margin:0 0 20px;padding:0;font-size:1.5rem;font-weight:700;color:#000;}
#dkvi_content > .dkvi_about > div {margin:0;padding:0;width:100%;height:auto;font-size:1rem;line-height:24px;color:#555;font-weight:400;word-break:keep-all;}
#dkvi_content > .dkvi_history {position:relative;margin:0 0 30px;padding:0;width:100%;height:auto;}
#dkvi_content > .dkvi_history > h3 {margin:0 0 20px;padding:0;font-size:1.5rem;font-weight:700;color:#000;}
#dkvi_content > .dkvi_history > div {margin:0;padding:0;width:100%;height:auto;font-size:1rem;line-height:24px;color:#555;font-weight:400;}

#dkvi_side {position:relative;margin:0;padding:0;width:100%;height:auto;}
#dkvi_side > .dkvi_bunya {position:relative;margin:0 0 30px;padding:0;width:100%;height:auto;}
#dkvi_side > .dkvi_bunya > h3 {margin:0 0 30px;padding:0;font-size:1.5rem;font-weight:700;color:#000;}
#dkvi_side > .dkvi_bunya > ul {margin:0;padding:0;width:100%;height:auto;display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}
#dkvi_side > .dkvi_bunya > ul > li {margin:0 0 10px;padding:0;font-size:1rem;font-weight:500;line-height:1rem;color:#555;width:100%;}
#dkvi_side > .dkvi_bunya > ul > li > i {width:20px;color:#ff9800;}
#dkvi_side > .dkvi_area {position:relative;margin:0 0 30px;padding:0;width:100%;height:auto;}
#dkvi_side > .dkvi_area > h3 {margin:0 0 30px;padding:0;font-size:1.5rem;font-weight:700;color:#000;}
#dkvi_side > .dkvi_area > ul {margin:0;padding:0;width:100%;height:auto;display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}
#dkvi_side > .dkvi_area > ul > li {margin:0 0 10px;padding:0;font-size:1rem;font-weight:500;line-height:1rem;color:#555;width:100%;}
#dkvi_side > .dkvi_area > ul > li > i {width:20px;color:#ff9800;}

#dkvi_phone {position:relative;margin:0 0 30px;padding:0;width:100%;border:1px solid #2196f3;}
#dkvi_phone > a.phone_no {display:block;margin:15px 0;padding:0;font-size:1.5rem;line-height:1.5rem;font-weight:500;color:#2196f3;text-decoration:none;text-align:center;}
#dkvi_phone > a.phone_no > i {margin-right:5px;}
#dkvi_phone > a.phone_no > span {margin-left:5px;font-weight:700;}








/*=============================================================================================*/
/* 모바일 대응 높이 400px */
/*=============================================================================================*/
@media (max-width: 768px) {
    /* 상단 메인메뉴 */
    .navbar-menu {
        display: none;
        flex-direction: column;
        width: 100%;
        background: #333;
    }
    .navbar-menu.active {
        display: flex;
    }
    .submenu {
        position: static;
        width: 100%;
        padding: 10px 20px;
    }
    .hamburger {
        display: flex;
    }

    /* 메인 슬라이드 */
    .main-visual { height:300px; }
    .slide-caption h2 { font-size:2rem; }
    .slide-caption p { font-size:1rem; }

    /****************************************************************************/
    /* PRO탐정사 회원멤버 리스트
    /****************************************************************************/
    #bo_gallery {padding:0;}
    #dkmain2 > li {width:100%;}

    #dkvi_header {flex-direction:column;}
    #dkvi_header > .dkvi_license {width:100%;}
    #dkvi_header > .dkvi_cert {width:100%;}
    #dkvi_content {float:none;width:100%;}
    #dkvi_content > h3 {font-size:26px;line-height:26px;}
    #dkvi_content > .dkvi_checkbox > .dkvi_check {display:block;margin-bottom:10px;font-size:18px;line-height:18px;}
    #dkvi_content > .dkvi_about > h3 {font-size:18px;}
    #dkvi_content > .dkvi_about > div {font-size:14px;line-height:20px;}
    #dkvi_content > .dkvi_history > h3 {font-size:18px;}
    #dkvi_content > .dkvi_history > div {font-size:14px;line-height:20px;}
    
    #dkvi_side {float:none;width:100%;}
    #dkvi_phone > a.phone_no {font-size:18px;}
    #dkvi_side > .dkvi_bunya > h3 {font-size:18px;}
    #dkvi_side > .dkvi_bunya > ul > li {font-size:14px;line-height:14px;}
    #dkvi_side > .dkvi_area > h3 {font-size:18px;}
    #dkvi_side > .dkvi_area > ul > li {font-size:14px;line-height:14px;}

    
}