@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 {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Poppins', 'Noto Sans KR', sans-serif;font-weight:400;background:#333}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Poppins', 'Noto Sans KR', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Poppins', 'Noto Sans KR', sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Poppins', 'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}

/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background:#efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

/* 레이아웃 크기 지정 */
#header, #wrapper, #footer {min-width:1200px}

#hd_pop,
#header_wrapper,
#tnb .inner,
#gnb .gnb_wrap,
#container_wr,
#ft_wr {min-width:1200px}

/* 추가 CSS 시작 */
#header {position:relative;margin:0;padding:0;width:100%;height:auto;background:#333;}
#header_wrapper {position:relative;margin:0;padding:10px 20px;width:100%;height:80px;border-bottom:1px solid #666;display:grid;grid-template-columns:60px 200px 1fr;column-gap:10px;row-gap:0;}
#header_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#dk_title_logo {padding:0;width:auto;}
#dk_title_logo > a {display:block;text-decoration:none;color:#fff;}
#dk_title_logo > a > .dk_logo {margin:0px 10px 0 0;padding:0;width:auto;height:60px;}
#dk_title_logo > a > .dk_logo > img {width:auto;height:100%;}
#dk_title_name {padding:0;width:auto;}
#dk_title_name > a {display:block;text-decoration:none;color:#fff;}
#dk_title_name > a > .dk_logo_title {margin:0;padding:5px 0 0;}
#dk_title_name > a > .dk_logo_title > .title1 {margin:0;padding:0;font-size:16px;font-weight:300;line-height:18px;color:#efefef;letter-spacing:-0.5px;text-align:left;}
#dk_title_name > a > .dk_logo_title > .title2 {margin:0;padding:0;font-size:22px;font-weight:700;line-height:36px;color:#fff;letter-spacing:-2.3px;}
#dk_top_menu {margin-right:10px;padding:0;width:auto;text-align:right;}
#dk_top_menu > ul {margin:0;padding:0;list-style:none;display:inline-block;}
#dk_top_menu > ul:after {display:block;visibility:hidden;clear:both;content:""}
#dk_top_menu > ul > li {float:left;margin-left:20px;padding:0;}
#dk_top_menu > Ul > li > a {margin:0;padding:0;line-height:60px;font-size:16px;color:#fff;font-weight:500;}
.side_bar {display:none;margin:0;padding:0;font-size:30px;color:#fff;} 
.side_menu {display:none;position:absolute;top:-70px;left:0;bottom:0;width:230px;margin:0;padding:0 20px;border-right:1px solid #ccc;background:rgba(255,255,255,0.8);z-index:999;}
.side_menu > .side_title {position:relative;margin:23px 0;border-bottom:1px solid #ccc;}
.side_menu > .side_title > h3 {margin:0;padding:0;font-size:20px;font-weight:500;color:#000;}
.side_menu > .side_title > .sm_close {position:absolute;top:2px;right:-5px;padding:0 5px;width:auto;height:30px;font-size:26px;line-height:20px;color:#e91e63;z-index:999;}
.side_menu > ul {margin:0;padding:0;list-style:none;}
.side_menu > ul > li {position:relative;margin:0;padding:0;border-bottom:1px solid #aaa;}
.side_menu > ul > li > a {display:block;margin:0;padding:0;text-decoration:none;font-size:18px;line-height:30px;font-weight:400;color:#000;}
.side_menu > ul > li > a > span {margin-right:10px;}
.side_menu > ul > li:nth-child(3) {border:0;}
.side_menu > ul > li:nth-child(4) {border-bottom:2px solid #333;}
.side_menu > ul > li:nth-child(5) {border:0;}

.kakao11 {position:fixed;right:10px;top:450px;width:120px;height:auto;transition:right 0.3s ease;z-index:999;}
.kakao11 > a {display:inline-block;}
.kakao11 > a > img {width:100%;height:auto;}

#wrapper {position:relative;background:#fff;}

#footer {position:relative;margin:0;padding:0;width:100%;height:auto;background:#333;}
#ft_wr {margin:0;padding:20px 0 10px;max-width:100%;width:100%;text-align:center;}
#ft_wr > .ft_cnt {width:100%;padding:0;}
#ft_copy {color:#ccc;margin:0;padding:10px 0 20px;width:100%;border-top:1px solid #666;}
.ft_info {margin:0;padding:0;}
.ft_info_m {display:none;}

.dk_section {position:relative;margin:0;padding:0;width:100%;min-height:300px;height:auto;overflow:hidden;border-bottom:1px solid #ccc;}
.dk_section:after {display:block;visibility:hidden;clear:both;content:""}
.dk_wrapper {position:relative;margin:0 auto;padding:20px 0;width:1200px;}
.dk_wrapper_code {padding:20px 0;}
.dk_nopadding {padding:0;}
.dk_content_img {display:block;position:relative;margin:0;padding:0;width:100%;height:auto;min-width:1200px;}
.dk_content_img > img {width:100%;height:auto;}
.dk_mobile_content_img {display:none;position:relative;margin:0;padding:0;width:100%;height:auto;}
.dk_mobile_content_img > img {width:100%;height:auto;}
.dk_bg_lightgray {background:#f9f9f9;}

.dk_business {position:relative;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;}
.dk_business > li {margin:0;padding:0;}
.dk_business > li > .bs_img {position:relative;margin:0 0 10px;height:auto;overflow:hidden;border:1px solid #ccc;}
.dk_business > li > .bs_img > img {width:100%;height:auto;transition:all 0.3s linear}
.dk_business > li > .bs_img:hover > img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
.dk_business > li > .bs_img > a {position:absolute;top:0;left:0;width:100%;height:100%;text-decoration:none;opacity:0;}
.dk_business > li > .bs_txt {margin:0;padding:0;width:100%;height:auto;background:#f9f9f9;}
.dk_business > li > .bs_txt > a {display:block;margin:0 0 10px;padding:0;font-size:16px;font-weight:400;color:#444;width:100%;height:auto;line-height:22px;word-break:keep-all;}
.dk_business > li > .bs_txt > span {color:#000;font-weight:500;}
.dk_business > li > .bs_doc {position:relative;margin:0;padding:10px;width:100%;height:auto;border:1px solid #ccc;background:#f5f5f5;}
.dk_business > li > .bs_line3 {height:194px;overflow:hidden;overflow-y:scroll;}
.dk_business > li > .bs_line4 {height:172px;overflow:hidden;overflow-y:scroll;}
.dk_business > li > .bs_line5 {height:150px;overflow:hidden;overflow-y:scroll;}
.dk_business > li > .bs_doc > p {margin-bottom:10px;font-size:14px;font-weight:400;color:#555;line-height:20px;}
.dk_business > li > .bs_doc > p.bs_doc_title {font-weight:500;color:#333;}

h2 {font-size:40px;text-align:center;margin-bottom:30px;}

.dk_color_white {color:#fff;}
.nt_list {position:relative;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:30px;list-style:none;}
.nt_list > li {margin:0;padding:0;width:100%;background:#fff;border:1px solid #999;}
.nt_list > li > a {display:block;margin:0;padding:0;text-decoration:0;width:100%;}
.nt_list > li > a > .area_name {margin:0;padding:5px 0;font-size:20px;font-weight:500;color:#fff;text-align:center;background:#000;border-bottom:1px solid #999;}
.nt_list > li > a > .area_phone {margin:0;padding:5px 0;font-size:24px;font-weight:500;color:#90caf9;text-align:center;background:#5c5835;}

.dk_bg_latest {background:#efefef;}
.bd_list {position:relative;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:50px;list-style:none;}
.bd_list > .bd_latest {margin:0;padding:0;width:100%;}


.dk_location {position:relative;margin:20px 0;padding:0;width:100%;display:grid;grid-template-columns:600px 1fr;gap:50px;}
.dk_maps_list {position:relative;margin:0;padding:0;width:100%;height:400px;border:1px solid #ccc;overflow:hidden;}
.dk_maps_info {position:relative;margin:0;padding:0;width:100%;height:400px;overflow:hidden;}
.map_img {position:absolute;top:0;left:0;width:100%;height:400px;display:none;}
.map_box {position:relative;margin:0;padding:0;width:100%;height:100%;text-align:center}
.map_img > a {position:absolute;top:0;left:0;bottom:0;width:100%;background:transparent;opacity:0;z-index:1000;}
.map_bg {position:absolute;left:0;bottom:0;margin:0;padding:0;width:100%;height:400px;z-index:500;}
.map_bg > img {width:100%;height:auto;}
.map_loc {position:relative;display:inline-block;margin:130px auto 0;padding:10px;width:auto;background:#fff;border:1px solid #333;border-radius:5px;z-index:1000;}
.map_loc > .loc_title {margin:0 0 2px;padding:0;text-align:center;font-size:16px;font-weight:500;color:#ff0000;line-height:16px;}
.map_loc > .loc_address {margin:0;padding:0;font-size:14px;font-weight:400;color:#333;}
.map_loc > .loc_arrow_out {position:absolute;left:0;bottom:-21px;font-size:30px;color:#333;text-align:center;width:100%;}
.map_loc > .loc_arrow_in {position:absolute;left:0;bottom:-19px;font-size:30px;color:#fff;text-align:center;width:100%;}

.map_area {position:relative;width:100%;height:auto;margin-bottom:70px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;}
.map_area > li {margin:0;padding:0;border:2px solid #333;background:#555;width:100%;height:40px;font-size:18px;font-weight:400;line-height:36px;text-align:center;color:#fff;cursor:pointer;}
.map_area > li.active {color:#fff;background:rgba(33,150,243,0.8);}
.map_addr {position:relative;margin:0;padding:39px 25px 25px;border-radius:5px;background:rgba(0,0,0,0.5);}
.map_addr > .addr2 {margin:0;padding:0;font-size:36px;font-weight:400;color:#333;}
.map_addr > .addr2 > span {display:inline-block;padding-top:10px;border-top:4px solid #ffeb3b;color:#ffeb3b;}
.map_addr > .addr3 {margin:0 0 10px;padding:0;font-size:22px;font-weight:400;color:#fff;letter-spacing:-1px;}
.map_addr > .addr4 {margin:0 0 0 2px;padding:0;font-size:22px;font-weight:500;color:#fff;}
.map_addr > .addr4 > span {position:relative;margin:0;padding:0;color:#ffeb3b;}

.call_number {display:none;}

.phone1-number-overlay {display:none;position:absolute;top:19.75%;margin-left:5%;padding:0;width:90%;height:50px;}
.phone2-number-overlay {display:none;position:absolute;top:25.6%;margin-left:5%;padding:0;width:90%;height:50px;}


/* 지역별 흥신소 전화번호 위치 지정 */
/* 모바일 버튼 클릭을 위한 자표설정 */
/* iPhone  - 460px */
@media screen and (max-width: 460px) {
  .phone1-number-overlay {top:1730px;height:70px;}
  .phone2-number-overlay {top:2505px;height:70px;}
}
/* iPhone  - 430px */
@media screen and (max-width: 430px) {
  .phone1-number-overlay {top:1615px;height:65px;}
  .phone2-number-overlay {top:2340px;height:65px;}
}
/* iPhone 12/13/14 Pro Max - 428px */
@media screen and (max-width: 428px) {
  .phone1-number-overlay {top:1610px;height:65px;}
  .phone2-number-overlay {top:2330px;height:65px;}
}
/* iphone - 414px */
@media screen and (max-width: 414px) {
  .phone1-number-overlay {top:1555px;height:65px;}
  .phone2-number-overlay {top:2255px;height:65px;}
}
/* Galaxy S20/S21/S22 Ultra - 412px 요기까지*/ 
@media screen and (max-width: 412px) {
  .phone1-number-overlay {top:1550px;height:60px;}
  .phone2-number-overlay {top:2245px;height:60px;}
}
/* iPhone 15 - 393px */
@media screen and (max-width: 393px) {
  .phone1-number-overlay {top:1475px;height:60px;}
  .phone2-number-overlay {top:2140px;height:60px;}
}
/* iPhone 12/13/14 - 390px */
@media screen and (max-width: 390px) {
  .phone1-number-overlay {top:1465px;height:55px;}
  .phone2-number-overlay {top:2125px;height:55px;}
}
/* iPhone SE (2020) - 375px */
@media screen and (max-width: 375px) {
  .phone1-number-overlay {top:1410px;height:53px;}
  .phone2-number-overlay {top:2045px;height:53px;}
}
/* Galaxy S20/S21/S22 - 360px */
@media screen and (max-width: 360px) {
  .phone1-number-overlay {top:1355px;height:50px;}
  .phone2-number-overlay {top:1965px;height:50px;}
}
/* iphone - 320px */
@media screen and (max-width: 320px) {
  .phone1-number-overlay {top:1200px;height:50px;}
  .phone2-number-overlay {top:1740px;height:50px;}
}

/* 모바일 사이즈 설정 */
@media (min-width: 320px) and (max-width: 1199px) {
  #header, #wrapper, #footer {min-width:320px;max-width:460px;margin:0 auto;}
  #hd_pop,
  #header_wrapper,
  #tnb .inner,
  #gnb .gnb_wrap,
  #container_wr,
  #ft_wr {min-width:320px;max-width:460px;width:100%;}

  #header_wrapper {height:70px;padding:5px 10px 0;grid-template-columns:60px 1fr 70px;}
  #dk_title_logo > a > .dk_logo {padding:5px 0 0 0;}
  #dk_title_logo > a > .dk_logo > img {width:100%;height:auto;}
  #dk_title_name > a > .dk_logo_title {padding:7px 0 0;}
  #dk_title_name > a > .dk_logo_title > .title1 {text-align:center;letter-spacing:0px;font-size:14px;padding-left:0px;}
  #dk_title_name > a > .dk_logo_title > .title2 {text-align:center;letter-spacing:-2.3px;line-height:25px;font-size:20px;margin-right:0;}

  .kakao11 {top:400px;}
  #dk_top_menu {margin-right:0;}
  #dk_top_menu > ul {display:none;}
  .side_bar {display:block;margin-top:7px;}
  .ft_info {display:none;}
  .ft_info_m {display:block;} 
  #top_btn {bottom:10px;right:10px;width:40px;height:40px;line-height:36px;z-index:9999;}

  h2 {font-size:24px;text-align:center;margin-bottom:20px;}

  .dk_content_img {display:none;}
  .dk_mobile_content_img {display:block;}
  .dk_wrapper {width:100%;padding:0 0 20px;}
  .dk_wrapper_code {padding:20px 10px;}

  .dk_business {grid-template-columns:repeat(2,1fr);gap:10px;}
  .dk_business > li > .bs_txt {font-size:14px;line-height:22px;}

  .nt_list {grid-template-columns:repeat(2,1fr);gap:10px;}
  .nt_list > li > a > .area_name {font-size:16px;}
  .nt_list > li > a > .area_phone {font-size:17px;letter-spacing:-0.5px;}

  .bd_list {grid-template-columns:repeat(1,1fr);gap:0;}

  .dk_location {grid-template-columns:repeat(1,1fr);gap:10px;}
  .map_bg > img {width:auto;height:auto;object-fit:cover;object-position:center;}
  .dk_maps_info {height:auto;}
  .map_area {margin-bottom:5px;grid-template-columns:repeat(3,1fr);gap:5px;}
  .map_addr > .addr2 {font-size:26px;}
  .map_addr > .addr3 {font-size:14px;}
  
  .call_number {display:block;position:fixed;left:2%;bottom:20px;margin:0;padding:9px 0;width:96%;border:1px solid #fff;background:rgba(0,0,0,0.8);text-align:center;z-index:1000;}
  .call_number > a {position:relative;display:inline-block;margin:0;padding:0 0 0 100px;font-size:25px;font-weight:700;color:#ffeb3b;text-decoration:none;}
  .call_number > a > span {position:absolute;top:0;left:0;color:#fff;font-size:23px;font-weight:700;}  

  .phone1-number-overlay {display:block;}
  .phone2-number-overlay {display:block;}
  
  .bd_list > .bd_latest:nth-child(2) {display:none;}
  
}