@charset "utf-8";

body {color: #14181C;}

/* ios 링크제거 */
a[x-apple-data-detectors] {color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important;}

/* Text Color */
.font-color-blue {color: #0c6dd2;}

/* btn */
.btn-gray {border: 1px solid #858B91; color: #14181C; background-color: #FFFFFF;} 
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active {background-color: rgba(20, 24, 28, 0.08);} 
.btn-gray:disabled {color: #ADB1B5; background-color: #FFFFFF; border: 1px solid #D6D8DA;} 

.btn-tertiary {display: inline-block; width: auto !important; background-color: rgba(255, 255, 255, 0); border: 1px solid rgba(255, 255, 255, 0); color: #14181C; text-decoration: underline;} 
.btn-tertiary:active {background-color: rgba(20, 24, 28, 0.08); color: #14181C;} 
.btn-tertiary:disabled {background-color: transparent; color: #ADB1B5; text-decoration: none;} 

/* 아이콘 상태표시 */
.condition-actual {position: relative;}
.condition-actual:before {z-index:1; content:''; position:absolute; top:0px; left:-24px; width:20px; height:20px; background:url(/resources/img/content/icon_condition-actual.png) no-repeat 0 center/20px 20px} 
.condition-regular {position: relative;} 
.condition-regular:before {z-index:1; content:''; position:absolute; top:0px; left:-24px; width:20px; height:20px; background:url(/resources/img/content/icon_condition-regular.png) no-repeat 0 center/20px 20px} 
.condition-regular-g {position: relative;} 
.condition-regular-g:before {z-index:1; content:''; position:absolute; top:0px; left:-24px; width:20px; height:20px; background:url(/resources/img/happycall/icon_condition-regular-g.png) no-repeat 0 center/20px 20px} 
.contract-ing {position: relative;} 
.contract-ing:before {z-index:1; content:''; position:absolute; top:0px; left:-24px; width:20px; height:20px; background:url(/resources/img/content/icon_contract_ing.png) no-repeat 0 center/20px 20px} 
.contract-reject {position: relative;} 
.contract-reject:before {z-index:1; content:''; position:absolute; top:0px; left:-24px; width:20px; height:20px; background:url(/resources/img/content/icon_contract_reject.png) no-repeat 0 center/20px 20px} 
.contract-supplemment {position: relative;} 
.contract-supplemment:before {z-index:1; content:''; position:absolute; top:0px; left:-24px; width:20px; height:20px; background:url(/resources/img/content/icon_contract_supplemment.png) no-repeat 0 center/20px 20px} 

/* radio text left */
.radio-btn-box.txt-align-left input + label {padding: 13px 16px;line-height: 1.5; text-align: left;}

/* radio disabled */
.radio-btn-box input:disabled + label {color: #858B91; border: 1px solid #D6D8DA; background: #FFFFFF; cursor: default;}
.radio-btn-box input:checked + label {background: rgba(8, 32, 101, 0.08);}

/* 운전면혀번호 지역 선택 */
.radio-btn-group.area .radio-btn-box.col-3 {margin-top: 8px;}

/* Header */
.hpch-header-app {position: fixed; width: 564px; margin: 0 auto; padding: 0 16px;} 
.hpch-header-app .tit-h1-app {margin: 0 auto; padding: 0px 10px; width: 100%; max-width: 195px; line-height: 48px; font-size: 1.6rem; font-weight: 500; text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} 
.hpch-header-app .util-wrap {position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0; height: 48px;}
.hpch-header-app .util-wrap.left {left: 16px;}
.hpch-header-app .util-wrap.right {right: 16px;}
.hpch-header-app .util-wrap li {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 32px; height: 100%;}
.hpch-header-app .util-wrap li + li {margin-left: 6px;}
.hpch-header-app .util-wrap li button {display: block; width: 100%; height: 32px; line-height: 32px; background-repeat: no-repeat; background-position: center; background-size: 24px auto;} 
.hpch-header-app .util-wrap li .btn-prev-app {width: 24px; height: 32px; background: url(/resources/img/common/icon_prve_app.png) no-repeat center; background-size: 11px auto;} 
.hpch-header-app .util-wrap li .btn-call {background-image: url(/resources/img/happycall/icon_call.svg);} 
.hpch-header-app .util-wrap li .btn-contract-info {background-image: url(/resources/img/happycall/icon_contract_info.svg);} 
.hpch-header-app .util-wrap li.tit-h1-logo {width: auto; height: 18px;}
.hpch-header-app .util-wrap li.tit-h1-logo > img {display: block; height: 100%;}
.hpch-header-app li.fs-big {width: auto;} 
.hpch-header-app li.fs-big button {height: 32px; padding-left: 8px; padding-right: 8px; background-color: #FFFFFF; border-radius: 8px; border: 1px solid #D6D8DA; font-size:1.4rem; font-weight: 500;line-height: 30px;} 
.hpch-header-app li.fs-big button.on {line-height: 30px; }

@media (max-width: 1024px) {
    .hpch-header-app {position: fixed !important; width: 100% !important;}
    .hpch-header-app .tit-h1-app {padding: 0px 10px !important;}
}

/* breadcrumbs */
.hpch-breadcrumbs .inner {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.hpch-breadcrumbs .inner > ul {display: -webkit-box; display: -ms-flexbox; display: flex;}
.hpch-breadcrumbs .inner > ul.util-right li {width: 32px; height: 100%;}
.hpch-breadcrumbs .inner > ul.util-right li + li {margin-left: 6px;}
.hpch-breadcrumbs .inner > ul.util-right li button {display: block; width: 100%; height: 32px; line-height: 32px; background-repeat: no-repeat; background-position: center; background-size: 24px auto;}  
.hpch-breadcrumbs .inner > ul.util-right li .btn-call {background-image: url(/resources/img/happycall/icon_call.svg);} 
.hpch-breadcrumbs .inner > ul.util-right li .btn-contract-info {background-image: url(/resources/img/happycall/icon_contract_info.svg);}
.plus-wrapper.is-scroll .hpch-breadcrumbs.bd-none {border-bottom: 0;}

/* Layout */
/*.hpch-content.type1 해피콜대상계약조회*/
/*.hpch-content.type2 통합설문*/
.hpch-wrapper.plus-wrapper .plus-container {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 100%;}
.hpch-wrapper .plus-container .plus-content.hpch-content {min-height: calc(100vh - 50px); background-color: #F5F5F6;}
.hpch-wrapper .plus-container .hpch-content.type2 {padding: 177px 0 72px;}
.hpch-wrapper .plus-container .hpch-content .bg-white-wrap {background: #FFFFFF;}
.hpch-content .inner-out:nth-child(1) > .top-content-wrap {margin-bottom: 0; padding: 64px 0 36px;}
.hpch-content .top-content-wrap .tit-content {text-transform: none; color: #14181C;}
.hpch-content .top-content-wrap .txt-info-basic {font-weight: 500;}

.hpch-wrapper .list-out-cont {width: 564px; margin: 0 auto; padding: 0;}
.hpch-wrapper .list-out-cont > div:first-child:not(.question-group-wrap) {margin-top: 32px;}

@media (max-width: 1024px) {
    .hpch-wrapper.plus-wrapper .plus-container {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 100%;}
    .hpch-wrapper .plus-container .plus-content.hpch-content {min-height: calc(100vh - 50px); padding: 48px 20px 174px}
    .hpch-wrapper .plus-container .hpch-content.type2 {padding: 87px 20px 72px;}
    .hpch-wrapper .plus-container .hpch-content .bg-white-wrap {width: calc(100% + 40px); margin: 0 -20px;}
    .hpch-wrapper .plus-container .hpch-content .bg-white-wrap .inner-out {padding: 0 20px;}
    .hpch-content .inner-out:nth-child(1) > .top-content-wrap {padding: 24px 0;}
    .hpch-wrapper .hpch-content .btn-group.is-fixed {background-color: #F5F5F6;}
    
    .hpch-wrapper .list-out-cont {width: 100%; margin: 0 auto; padding: 0 0 40px;}
    .hpch-wrapper .list-out-cont > div:first-child:not(.question-group-wrap) {margin-top: 24px;}
    
    .btn-group.is-fixed.bdt-none {border-top: none !important;}
}

/* is-small - .hpch-content에서 제외 */
/* .plus-container .plus-content:not(.hpch-content).is-small { min-height: 720px; padding-bottom: 156px; }
.plus-container .plus-content:not(.hpch-content).is-small .inner-out { min-height: 100%; padding-bottom: 84px; }
@media (min-width: 1024px) {
    .plus-content:not(.hpch-content).is-small > .btn-group.is-fixed { position: absolute; bottom: 72px; left: 50%; margin-left: -282px; padding-top: 32px;  }
    .plus-content:not(.hpch-content).is-small .inner-out > .btn-group.is-fixed { position: absolute; bottom: 0px; left: 50%; margin-left: -282px; padding-top: 32px; }
  } */

/* 해피콜대상계약조회 */
.hpch-content.type1 .list-out-cont {padding: 32px 0 0;} 
.hpch-content.type1 .top-content-wrap .txt-info-basic {color: #14181C; font-weight: 500;}
.tip-dropdown-box.bg-blue {margin-top: 24px; padding: 16px; background: #E8F1FA; border: 1px solid #A2C7ED; border-radius: 8px;}
.tip-dropdown-box.bg-blue .list-basic > li {margin-bottom: 4px; padding-left: 24px; color: #14181C;}
.tip-dropdown-box.bg-blue .list-basic > li:before {top: 0.8rem; left: 9px; background: #333D47;}
.tip-dropdown-box.bg-blue > .tip-btn:before {background: url(/resources/img/happycall/icon-tip-dropdown-blue.svg) no-repeat center; background-size: 20px 20px;}
.tip-dropdown-box.bg-blue > .tip-cont {margin-top: 4px;}

@media (max-width: 1024px) {
    .hpch-content.type1 .inner-out:nth-child(1) > .top-content-wrap {padding: 20px 0;}
    .hpch-content.type1 .list-out-cont {padding: 16px 0 24px}
    .hpch-content.type1 .top-content-wrap .tit-content {font-size: 2rem;}
    .hpch-content.type1 .top-content-wrap .tit-content + .txt-info-basic {margin-top: 8px;}

    .tip-dropdown-box.bg-blue {position: fixed; bottom: 92px; left: 20px; right: 20px; margin-top: 0;}
}

.hpch-content.type1 .contract-group {margin-top: 0 !important;}
.contract-group {padding: 20px 16px 18px; background: #FFFFFF; border-radius: 8px;}
.contract-group .contract-info {width: 100%; padding-bottom: 16px; border-bottom: 1px solid #EBECED;}
.contract-group .contract-info .info-txt {color: #14181C; font-size: 1.6rem; font-weight: 700;}
.contract-group .contract-info .info-list > dt {display: inline-block; font-size: 0;}
.contract-group .contract-info .info-list > dt::after {content: ''; display: inline-block; margin: 0 10px; width: 1px; height: 11px; background: #666E75;}
.contract-group .contract-info .info-list > dt:last-child::after {display: none;}
.contract-group .contract-info .info-list > dt > span {color: #666E75; font-size: 1.4rem; font-weight: 400;}

.contract-group .contract-list > li {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; gap: 4px; padding: 8px 0;}
.contract-group .contract-list > li:first-child {padding-top: 16px;}
.contract-group .contract-list > li .value {color: #14181C; font-size: 1.6rem; font-weight: 500; line-height: 2rem;}
.contract-group .contract-list > li .txt {color: #666E75; font-size: 1.2rem; font-weight: 400;}

/* 통합설문 */
.question-group-wrap + .question-group-wrap {margin-top: 16px;}
.question-group {margin-top: 16px; height: auto; background: #FFFFFF; border-radius: 8px; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);}
.question-group .question-top {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 26px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 16px;}
.question-group .question-top .tit {font-size: 1.6rem; font-weight: 500;}
.question-group .question-top .state {min-width: 68px; font-size: 1.4rem; font-weight: 500; text-align: right;}
.question-group .question-cont {display: none; padding: 0 16px 32px;}
.question-group .question-cont.sub {display: none; padding: 24px 0 0;}
.question-group .question-cont.block {display: block;}
.question-group .question-cont + .question-cont {margin-top: 24px;}
.question-group .question-cont + .question-cont.sub {margin-top: 0;}
.question-group .question-cont .txt {padding-bottom: 20px; color: #14181C; font-size: 1.6rem;}
.question-group .question-cont .txt.disabled {color: #ADB1B5;}
/* .question-group .question-cont .radio-btn-group:last-child,
.question-group .question-cont .btn-group:last-child {padding-bottom: 32px;} */
.question-group .question-cont .form-group .radio-btn-group:last-child {padding-bottom: 0;}

.question-group.inner {box-shadow: none; border-radius: 0;}
.question-group.inner .question-top {padding: 32px 0;}
.question-group.inner .question-cont:not(.question-cont.sub) {padding: 0;}

.question-group .btn-group {padding: 0;}
.question-group .form-wrap .btn-group {padding: 24px 0 0;}
.question-group .form-wrap .select-out {margin-bottom: 0;}
.question-group .form-group.bd-line {padding-top: 32px; border-top: 1px solid #EBECED;}
.question-group .form-group .form-box.two-col-long.rev > div:nth-child(1) {width: 126px;}

/* @media (max-width: 1024px) {
    .question-group {margin-top: 24px;}
} */

.divide-group {padding: 0 16px; background: #FFFFFF; border-radius: 8px; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);}
/* .divide-group:first-child {margin-top: 32px;} */
.divide-group + .divide-group,
.divide-group + div {margin-top: 16px;}
.divide-group .divide-inner + .divide-inner,
.divide-group .divide-inner > .divide-inner {border-top: 1px solid #EBECED;}
.divide-group .divide-inner .contract-top {padding: 24px 0;}
.divide-group .divide-inner .contract-top .tit-data {display: inline-block; padding-bottom: 24px; color: #14181C; font-size: 1.8rem; font-weight: 700;} 
.divide-group .divide-inner .contract-top .list-data {margin-bottom: 0; padding: 0; border: 0;}
.divide-group .divide-inner .question-group.inner {margin-top: 0;}
.divide-group .divide-inner .question-group.inner .question-cont {padding-bottom: 32px;}
.divide-group .divide-inner .question-group.inner .question-cont.sub {padding-bottom: 0;}
.divide-group .divide-inner .form-wrap {padding-top: 20px;}
.divide-group .divide-inner .form-wrap .select-out {margin-bottom: 0;}
.divide-group .divide-inner .btn-group {padding-bottom: 32px;}

/* @media (max-width: 1024px) {
    .divide-group:first-child {margin-top: 24px;}
} */

.btn-group .btn-tertiary.block {display: block; margin: 16px auto 0;}

/* 답변요약안내 */
.top-list-group .list-data {margin-bottom: 24px; padding: 16px 20px; background: #FFFFFF; border: 0; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);}

/* text color box */
.txt-info-blue {margin-top: 40px; padding: 12px 16px; font-size: 1.4rem; text-align: left; line-height: 2rem; background: #E8F1FA; border: 1px solid #A2C7ED; border-radius: 8px;}
.txt-info-state {margin-top: 24px; padding: 16px 16px 16px 42px; font-size: 1.4rem; line-height: 2rem; border-radius: 8px;}
.txt-info-state.green {border: 1px solid #A7D9C1; background: #E9F5EF url(/resources/img/content/icon_condition-regular.png) no-repeat left 16px top 16px; background-size: 20px 20px;}
.txt-info-state.pink {border: 1px solid rgba(255, 122, 133, 0.30); background: #FFE4E7 url(/resources/img/content/icon_contract_reject.png) no-repeat left 16px top 16px; background-size: 20px 20px;}

@media (max-width: 1024px) {
    .txt-info-blue {margin-top: 0;}
}

/* progress */
.progress-area {position: fixed; padding: 148px 16px 0; width: 100%; background: #FFFFFF; z-index: 98;}
.progress-area .inner-out {width: 564px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; gap: 10px;}
.progress-area .step-area {margin-bottom: -6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.progress-area .step-area .txt {color: #14181C; font-size: 1.4rem; font-weight: 500;}
.progress-area .progressbar {display: inline-block; position: relative; width: 100%; height: 4px; border-radius: 4px; background: #D6D8DA; vertical-align: bottom;}
.progress-area .progressbar .percent {display: inline-block; position: absolute; top: 0; left: 0; width: 0%; height: 4px;  border-radius: 2px; background: #e00842; /*transition: .5s linear;*/}

@media (max-width: 1024px) {
    .progress-area {padding: 58px 16px 0; height: 87px;}
    .progress-area .inner-out {width: 100%;}

    .is-mobile.plus-zoom .progress-area {padding: 55px 16px 0;}
}

/* accordion */
.acco-group {width: 100%; height: auto; background-color: #FFFFFF; }
.acco-group .acco-item {width: 100% ; margin: 0px; overflow: hidden;} 
.acco-group .acco-item .acco-tit {position: relative; width: 100%; padding: 24px 20px 16px; font-size: 1.8rem; font-weight: 700; background-color: #FFFFFF; text-align: left;} 
.acco-group .acco-item .acco-tit.type-span {background-color: #FFFFFF;border-top: 1px solid #D6D8DA;} 
.acco-group .acco-item .acco-tit.type-span::after {display: none;} 
.acco-group .acco-item .acco-tit.type-span > span {display: block;position: relative;width:564px;margin: 0 auto; font-weight: 500;} 
.acco-group .acco-item .acco-tit.type-span > span:after {-webkit-transition: all 0.1s linear;  -o-transition: all 0.1s linear;  transition: all 0.1s linear;display: block; position: absolute; top: 50%; right: 0; content: ''; width: 20px; height: 20px; margin-top: -10px; background: url(../img/common/icon_acc_arrow.png) no-repeat center; background-size: 20px;} 
.acco-group .acco-item .acco-tit.type-span.acco-active > span {display: block;position: relative;width:564px;margin: 0 auto; font-weight: 500;} 
.acco-group .acco-item .acco-tit.type-span.acco-active > span:after {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);} 
.acco-group .acco-item .acco-tit:after {display: block; position: absolute; top: 37px; right: 16px; content: ''; width: 20px; height: 20px; margin-top: -10px; background: url(../img/common/icon_acc_arrow.png) no-repeat center; background-size: 20px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);} 
.acco-group .acco-item .acco-tit.acco-active:after {-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);} 
.acco-group .acco-item .acco-cont {display: block; width: 100%; padding: 0; overflow: hidden; color: #666E75; font-size: 1.2rem; background: #FFFFFF;}
.acco-group .acco-item .acco-cont .acco-cont-txt {padding: 0 20px 10px;}

.acco-group.active-none .acco-item .acco-tit {cursor: default;}
.acco-group.active-none .acco-item .acco-tit:after {display: none;}
.acco-group.active-none .acco-item .acco-cont {display: block !important;}

.acco-group.is-sticky {position: sticky; top: 177px; background: #FFFFFF; z-index: 9;}

@media (max-width: 1024px) {
  .acco-group {width: 100%; height: auto; background-color: #FFFFFF;} 
  .acco-group .acco-item {width: calc(100% + 40px); margin: 0px -20px 0px; overflow: hidden;} 
  .acco-group .acco-item .acco-tit.type-span > span {width: 100%; margin:unset;}
  .acco-group .acco-item .acco-tit.type-span.acco-active > span {width:100%;}
  .acco-group .acco-item .acco-tit.type-span {width:100%;}

  .acco-group.is-sticky {position: sticky; top: 87px; background: #FFFFFF; z-index: 9;}
}

/* Tooltip */
.tooltip-wrap {position: relative;}
.tooltip-wrap .btn-tip {padding-right: 24px; color: #666E75; font-size: 1.4rem; background: url(/resources/img/happycall/btn_tooltip.svg) right center no-repeat;}
.tooltip-wrap .box-tip {display: none; position: absolute; top: 34px; right: -6px; padding: 8px 12px; max-width: 260px; color: #FFFFFF; font-size: 1.4rem; font-weight: 400; text-align: left; background: #333D47; border-radius: 4px; z-index: 999;}
.tooltip-wrap .box-tip::before {content: ''; position: absolute; top: -6px; right: 10px; border-bottom: 8px solid #333D47; border-left: 6px solid transparent; border-right: 6px solid transparent;}
.tooltip-wrap .box-tip.active {display: block;}

/* tip-dropdown-box */
.tip-dropdown-box > .tip-btn, 
.tip-dropdown-box > .tit-note {height: auto; padding: 0 0 0 24px;}

/* 종료 */
.bridge-area {padding: 64px 0 72px;}
.bridge-area .tit-bridge {text-transform: none; font-size: 2.4rem;}
.bridge-area .txt-bridge {margin-top: 16px; color: #666E75; font-size: 1.6rem; text-align: center;}
.bridge-area .txt-bridge + .txt-bridge {margin-top: 8px;}
.bridge-area .txt-bridge.font-color-red > a {color: #E00842 !important; text-decoration: none !important;}
.bridge-area .btn-group .txt-bridge-m {margin-bottom: 16px; font-size: 1.8rem; line-height: 2.4rem; font-weight: 700;}
.bridge-area .img-bridge {position: relative; top: 60px; height: 300px;}
.bridge-area .img-bridge img {margin-top: -8%;}

@media (max-width: 1024px) {
    .bridge-area {padding: 0 20px; overflow: hidden;}
    .bridge-area .tit-bridge .name {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    .bridge-area .tit-bridge .name > span {display: inline-block; vertical-align: middle;}
    .bridge-area .tit-bridge .name > span.ellipsis {max-width: calc(100% - 34px); text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .bridge-area .img-bridge {position: fixed; top: 0; height: 100vh;}
    .bridge-area .img-bridge img {margin: 28% auto 0; width: 210px; height: 210px;}

    .is-mobile.plus-zoom .bridge-area .tit-bridge .name.ellipsis {max-width: calc(100% - 40px);}
}

/* 해피콜 없을 경우, 중단안내 */
.cont-inn-wrap.happycall {padding-top: 64px;}
.cont-inn-wrap.happycall .tip-dropdown-box {padding-top: 64px; width: 564px; margin: 0 auto;}
.cont-inn-wrap.happycall .tip-dropdown-box .txt-gray-box {background: #F5F5F6; padding: 16px; color: #666E75; font-size: 1.4rem; border-radius: 8px;}

/* .list-number.type2 > li:before {content: counter(circle)'.';}
.list-number.type2 > li:after {display: none;} */

.common-infotxt-none {background: url(/resources/img/happycall/icon_common_none.svg) no-repeat center top;}
.common-infotxt-happycall::before {display: block; position: absolute; top: 26px; left: 50%; content: ''; width: 74px;height: 74px; margin-left: -37px; border-radius: 50%; background-color: #FBE7F1;}
.common-infotxt-happycall::after {content: ''; display: block; position: absolute; top: 44px; left: 50%; width: 38px; height: 38px; margin-left: -19px; background: url(/resources/img/happycall/icon_common_happycall.svg) no-repeat center;}

.cont-inn-wrap.happycall .name > p {display: inline-block; vertical-align: middle;}
.cont-inn-wrap.happycall span.font-color-red > a {color: #E00842 !important; text-decoration: none !important;}

@media (max-width: 1024px) {
    .cont-inn-wrap.happycall {position: fixed; top: 0px; left: 0px;}
    .cont-inn-wrap.happycall.pdt13 {padding: 10vh 20px 0;}
    .cont-inn-wrap.happycall.pdt20 {padding: 18vh 20px 0;}
    .cont-inn-wrap.happycall .tip-dropdown-box {width: 100%;}
    .cont-inn-wrap.happycall .tip-dropdown-box.txt-bottom {position: fixed; bottom: 92px; width: calc(100% - 40px);}

    .cont-inn-wrap.happycall .name {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    .cont-inn-wrap.happycall .name > p.ellipsis {max-width: calc(100% - 34px); text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
}

@media (max-height: 680px) {
    .cont-inn-wrap.happycall.pdt13 {padding-top: 6vh;}
    .cont-inn-wrap.happycall.pdt20 {padding-top: 10vh;}
}

/* popup */
.wrap-popup .icon-pop-Close {top: 23px; background: url(/resources/img/happycall/icon_popup_close.svg) no-repeat center;}

@media (max-width: 1024px) {
    .wrap-popup .icon-pop-Close {top: 14px;}

    .wrap-popup .pop-cont .cont-section.padding-bottom-xxl {padding-bottom: 40px;}

    .wrap-popup .pop-body .btn-group.two-50p > button {width: calc(50% - 4px); min-width: calc(50% - 4px);}
    .wrap-popup .pop-body .btn-group.two-50p > button + button {margin-left: 8px;}

    .wrap-popup .tit-info {font-size: 1.8rem; line-height: 2.4rem; padding-bottom: 24px;}
}

/* 24.06.17 임시 header, footer 추후삭제 (s) */
.temp-header-pc {position: fixed; left: 0; right: 0; width: 100%; height: 85px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #D6D8DA; background: #FFFFFF; z-index: 999;}
.temp-header-pc .tit-h1-logo {width: auto; height: 22px;}
.temp-header-pc .tit-h1-logo > img {display: block; height: 100%;}

.temp-footer {padding: 42px 0px 40px; background-color: #333D47; color: #FFF;}
.temp-footer .inner-footer {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; width: 650px; height: auto; margin: 0 auto;}
.temp-footer .inner-footer .logo {width: 96px; height: auto;}
.temp-footer .inner-footer .logo > img {display: block; width: 100%; height: 100%;}
.temp-footer .inner-footer .basic-info {margin-left: -40px;}
.temp-footer .inner-footer .basic-info > span {padding: 8px 0px 6px; font-size: 1.6rem; line-height: 2rem;}
.temp-footer .inner-footer .basic-info .contact-number {display: block; line-height: 3.6rem; font-size: 2.8rem; font-weight: 700;} 
.temp-footer .inner-footer .address {font-size: 1.4rem; line-height: 2.5rem;}

@media (max-width: 1024px) { 
    .temp-header-pc {display: none;}
    .temp-footer {display: none;}
}
/* 24.06.17 임시 header, footer 추후삭제 (e) */