*,:after,:before{box-sizing:border-box}
html,body{margin:0;padding:0}
html{overflow-y:scroll}
body{font-size:12px;font-family:'Malgun Gothic',dotum,sans-serif;background:#fff}
h1,h2,h3,h4,h5,h6,form,fieldset,img{margin:0;padding:0;border:0}
ul,dl,dt,dd{margin:0;padding:0;list-style:none}
a{color:#000;text-decoration:none}
p{margin:0;padding:0;word-break:break-all}
img{vertical-align:middle}
.desktop-site{display:block}
.mobile-site{display:none}

/* PC: 원본 핵심 레이아웃 */
.desktop-site #hd{position:relative;min-width:1100px}
.desktop-site #hd.bg_main{height:710px;background:url('/images/hd_bg.jpg') no-repeat center bottom}
.desktop-site #hd_wrap_main{position:relative;margin:0 auto;width:920px;height:100px}
.desktop-site #hd_wrap_main:after,.desktop-site .hd_gnb:after,.desktop-site #ft_wr:after{display:block;visibility:hidden;clear:both;content:""}
.desktop-site #hd_logo{float:left;padding:27px 0 0}
.desktop-site .hd_gnb{float:right;padding:53px 5px 0 0}
.desktop-site .hd_gnb li{float:left;position:relative;text-align:center;padding-left:20px}
.desktop-site .hd_gnb li span{display:block;margin:0;padding:8px 5px 0;line-height:15px;border-top:1px solid #7d7d7d}
.desktop-site .top_dark .hd_gnb li span{border-top-color:#575757}
.desktop-site .hd_gnb li a{display:inline-block;height:35px;font-size:17px;color:#fff;letter-spacing:-1px}
.desktop-site .hd_gnb a.gnb_on{background:#2d2d2d}
.desktop-site .hd_gnb a.gnb_on span{border-top-color:#2d2d2d}

.desktop-site .content_w{min-width:1100px;text-align:center}
.desktop-site .content_w>img{display:block;margin:0 auto;width:800px;height:auto}
.desktop-site .main_v2{background:#fff}
.desktop-site .main_v3{background:url('/images/main_v3_bg.jpg') no-repeat center top}
.desktop-site .main_v4{background:#fff}
.desktop-site .main_v5{background:#494949}
.desktop-site .main_v6{background:url('/images/main_v6_bg.png') no-repeat center top}
.desktop-site .main_v7{background:#fff}
.desktop-site #tel_area{background:url('/images/sms_bg.png') repeat-y center top}

.desktop-site.sub-page{background-position:center top;background-repeat:no-repeat}
.desktop-site .sub-header{position:relative;min-width:1100px;height:345px}
.desktop-site .sub-header #hd_wrap_main{height:100px}
.desktop-site .sub_title{height:245px;padding:60px 0 0;text-align:center}
.desktop-site .sub_title img{height:105px;width:auto}
.desktop-site #sub_container{position:relative;min-width:1100px}
.desktop-site .topline_red{margin:0 auto;width:800px;height:7px;background:#f02121}
.desktop-site .topline_blue{margin:0 auto;width:800px;height:7px;background:#2a34b7}
.desktop-site .sub_wrap{margin:0 auto;width:800px;min-height:700px;background:#fff;box-shadow:2px 0 4px -3px rgba(0,0,0,.4),-1px 0 5px -3px rgba(0,0,0,.5)}
.desktop-site .sub_wrap img{display:block;width:800px;height:auto}
.desktop-site .contact_bg{min-width:1100px;background:url('/images/contact_bg.jpg') no-repeat center top;text-align:center}
.desktop-site .contact_bg img{display:block;margin:0 auto;width:800px;height:auto}

.desktop-site #ft_banner{position:relative;z-index:10;min-width:1100px;margin-top:-5px;padding:20px 0;border-top:1px solid #000;background:#fff}
.desktop-site #ft_banner ul{text-align:center}
.desktop-site #ft_banner li{display:inline-block}
.desktop-site #ft{min-width:1100px;padding:40px 0 50px;background:#fff;border-top:2px solid #000}
.desktop-site #ft_wr{width:1100px;margin:0 auto;position:relative}
.desktop-site #ft_logo{float:left;width:300px}
.desktop-site #ft_logo img{margin-top:5px}
.desktop-site #ft_addr{float:left}
.desktop-site #ft_addr p{margin-bottom:10px;font-size:14px;color:#777;line-height:20px}
.desktop-site #ft_addr p strong{color:#333}
.desktop-site #ft_copy{font-size:14px;color:#888}

/* PC 불법추심상담 */
.desktop-site.consult-site{background:#fff}
.desktop-site .s_content_w{margin:0 auto;min-width:900px;max-width:1920px;text-align:center}
.desktop-site .s_content_w>img{display:block;margin:0 auto;width:900px;height:auto}
.desktop-site .slider_wr{position:relative;height:404px;overflow:hidden;background:#000}
.desktop-site .consult-slide{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;background-position:center top;background-repeat:no-repeat}
.desktop-site .consult-slide.active{opacity:1;z-index:2}
.desktop-site .consult-slide .slideimg{margin:0 auto;width:900px;text-align:center}
.desktop-site .consult-slide .slideimg img{display:block;width:900px;height:404px}
.desktop-site .slide-dots{position:absolute;z-index:5;left:0;right:0;bottom:34px;text-align:center}
.desktop-site .slide-dots button{width:17px;height:17px;margin:0 12px;border:2px solid #fff;border-radius:50%;background:transparent;padding:0;cursor:pointer}
.desktop-site .slide-dots button.active{border-color:#ffde00;background:rgba(255,222,0,.9)}
.desktop-site .bg_case{background:#f0f0f0}
.desktop-site .bg_tel{background:url('/consult/images/bg_tel.jpg') no-repeat center top}
.case-wrap{position:relative;margin:0 auto;width:900px}
.case-wrap>img{display:block;width:100%;height:auto}
.case-hotspot{position:absolute;width:116px;height:116px;border-radius:50%;transform:translate(-50%,-50%);background:transparent;border:0;cursor:pointer}
.case-hotspot.c1{left:73.56%;top:32.55%}
.case-hotspot.c2{left:73.56%;top:56.69%}
.case-hotspot.c3{left:73.56%;top:82.14%}

/* 사례 팝업 */
.case-modal{display:none;position:fixed;z-index:9999;inset:0;background:rgba(0,0,0,.75);overflow:auto;padding:40px 20px}
.case-modal.open{display:block}
.case-modal-inner{position:relative;margin:0 auto;max-width:800px;background:#fff}
.case-modal img{display:block;width:100%;height:auto}
.case-close{position:fixed;right:25px;top:15px;z-index:10000;width:52px;height:52px;border:0;background:rgba(0,0,0,.7);color:#fff;font-size:40px;line-height:48px;cursor:pointer}

/* 모바일 */
@media(max-width:640px){
  html{min-width:320px;background:#fff}
  body{background:#fff}
  .desktop-site{display:none!important}
  .mobile-site{display:block!important}
  .mobile-site #hd{position:relative;margin:0 auto;max-width:640px}
  .mobile-site #hd.bg_main{background:url('/mobile/images/hd_bg.jpg') no-repeat center top}
  .mobile-site #hd_wrap_main{position:relative;margin:0 auto;max-width:640px}
  .mobile-site #hd_wrap_main:after,.mobile-site .hd_gnb:after,.mobile-site #ft_wr:after{display:block;visibility:hidden;clear:both;content:""}
  .mobile-site #hd_logo{padding:0 0 5px 10px;text-align:left}
  .mobile-site #hd_logo img{width:210px;height:70px}
  .mobile-site .hd_gnb{padding:0 7px 0 0}
  .mobile-site .hd_gnb li{float:right;position:relative;text-align:center;padding-right:5px}
  .mobile-site .hd_gnb li span{display:block;margin:0;padding:8px 3px 0;line-height:15px;border-top:1px solid #626262}
  .mobile-site .hd_gnb li a{display:inline-block;height:32px;font-size:14px;color:#fff;letter-spacing:-1px}
  .mobile-site .hd_gnb a.gnb_on{background:#2d2d2d}
  .mobile-site .content_area{margin:0 auto;max-width:640px}
  .mobile-site .content_area>img{display:block;width:100%;height:auto}
  .mobile-site .sub-header{margin:0 auto;max-width:640px;background-repeat:no-repeat;background-position:right center}
  .mobile-site .sub-header.topline_red{border-top:7px solid #f02121}
  .mobile-site .sub-header.topline_blue{border-top:7px solid #2a34b7}
  .mobile-site .sub_title{padding-top:2%;padding-bottom:3%;text-align:center}
  .mobile-site .sub_title img{display:block;width:100%;height:auto}
  .mobile-site #sub_container{position:relative;margin:0 auto;max-width:640px;background:#fff}
  .mobile-site .sub_wrap img{display:block;width:100%;height:auto}
  .mobile-site .contact-block{position:relative;margin:0 auto;max-width:640px}
  .mobile-site .contact-block>img{display:block;width:100%;height:auto}
  .mobile-site .contact-tel{position:absolute;left:25.7%;top:24.6%;width:47.4%;height:18.7%;display:block}
  .mobile-site #ft_banner{position:relative;margin:0 auto;max-width:640px;padding:10px 0;border-top:1px solid #c0c0c0;background:#fff}
  .mobile-site #ft_banner ul{padding:0 10px;text-align:center}
  .mobile-site #ft_banner ul:after{display:block;visibility:hidden;clear:both;content:""}
  .mobile-site #ft_banner li{float:left;width:25%}
  .mobile-site #ft_banner li img{width:100%;height:auto}
  .mobile-site #ft{margin:0 auto;max-width:640px;padding:20px 10px 50px;background:#fff;border-top:2px solid #000}
  .mobile-site #ft_logo{text-align:center}
  .mobile-site #ft_logo img{width:230px;height:auto;margin-bottom:20px}
  .mobile-site #ft_addr p{margin-bottom:10px;font-size:12px;color:#777;line-height:17px;letter-spacing:-1px}
  .mobile-site #ft_addr p strong{display:block;color:#333}
  .mobile-site #ft_copy{font-size:12px;color:#888}
  .mobile-main-tel{position:relative}
  .mobile-main-tel .tel-hotspot{position:absolute;left:10.7%;top:71.4%;width:78%;height:10.4%;display:block}

  .mobile-site.consult-mobile{max-width:640px;margin:0 auto}
  .mobile-site .mobile-consult-slider{position:relative;overflow:hidden;background:#2d2d2d}
  .mobile-site .mobile-consult-slider img{display:none;width:100%;height:auto}
  .mobile-site .mobile-consult-slider img.active{display:block}
  .mobile-site .mobile-dots{position:absolute;left:0;right:0;bottom:17px;text-align:center}
  .mobile-site .mobile-dots button{width:12px;height:12px;border-radius:50%;border:1px solid #fff;background:#fff;margin:0 4px;padding:0;opacity:.7}
  .mobile-site .mobile-dots button.active{background:#333}
  .mobile-site .case-wrap{width:100%}
  .mobile-site .case-hotspot{width:15.2%;height:8.1%}
  .mobile-site .case-hotspot.c1{left:78.13%;top:33.45%}
  .mobile-site .case-hotspot.c2{left:78.13%;top:58.31%}
  .mobile-site .case-hotspot.c3{left:78.13%;top:84.59%}
  .mobile-site.consult-mobile #ft_banner{display:none}
}

@media(min-width:641px){
  .mobile-site{display:none!important}
}