@charset "utf-8";

/* HACK */
_:-ms-fullscreen, :root button {overflow:visible} /* Only works in IE10 이상 (IE11도 포함)*/
input::-webkit-input-placeholder {color:#a9a9a9;}
input:-ms-input-placeholder {color:#a9a9a9;}
textarea::-webkit-input-placeholder {color:#a9a9a9;}
textarea:-ms-input-placeholder {color:#a9a9a9;}


/* CLASS */
.hidden {display: none !important;}
.align-left {text-align: left !important;}
.align-right {text-align: right !important;}
.align-center {text-align: center !important;}
.fixed {position: fixed !important;}
.bold {font-weight: 900;}
.ellipsis {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
td.ellipsis, th.ellipsis {display: table-cell;}
.clamp2 {display: -webkit-box !important; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.clamp3 {display: -webkit-box !important; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.float-right {float:right !important;}
.float-left {float:left !important;}
.inner:after,
.clearfix:after {content:''; display: block; visibility:hidden; height:0; font-size:0; clear:both}
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.cover {display: block; text-indent: -9999px; background-size: cover !important;}
.contain {display: block; text-indent: -9999px; background-size: contain !important;}
.justify {text-align: justify;}

/* Swiper */
.noSlide .swiper-wrapper {display: block;}
.swiper-button-disabled {visibility: hidden;}

/*GLOBAL*/
b, strong {font-weight: 700;}

html,body {width:100%; height:100%;}
#wrap {overflow: hidden; visibility: hidden; color: #000013; font-size:16px; line-height:1.5; opacity: 0;}
#wrap ~ .popWrap {overflow:hidden; color:#333; font-family: 'NotoSansKR', sans-serif; font-weight: 400; line-height:1.5; letter-spacing:-0.03em;}
.inner {position:relative; margin:0 auto; height:100%;}
/* FHD - contents size : 1800px */
[data-grid-width="1920"] {min-width: 1903px;}
[data-grid-width="1920"][data-scrollbar-width="0"] {min-width: 1920px;}
[data-grid-width="1920"] .inner {padding: 0 60px; width: 1920px;}
[data-grid-width="1920"][data-oversize=false] .inner {padding: 0 51px 0 52px; width: 1903px;}
[data-grid-width="1920"][data-scrollbar-width="0"] .inner {padding: 0 60px; width: 1920px;}
/* HD+ - contents size : 1500px */
[data-grid-width="1600"] {min-width: 1583px;}
[data-grid-width="1600"][data-scrollbar-width="0"] {min-width: 1600px;}
[data-grid-width="1600"] .inner {padding: 0 50px; width: 1600px;}
[data-grid-width="1600"][data-oversize=false] .inner {padding: 0 42px 0 41px; width: 1583px;}
[data-grid-width="1600"][data-scrollbar-width="0"] .inner {padding: 0 50px; width: 1600px;}
/* HD - contents size : 1200px */
[data-grid-width="1280"] {min-width: 1263px;}
[data-grid-width="1280"][data-scrollbar-width="0"] {min-width: 1280px;}
[data-grid-width="1280"] .inner {padding: 0 40px; width: 1280px;}
[data-grid-width="1280"][data-oversize=false] .inner {padding: 0 31px 0 32px; width: 1263px;}
[data-grid-width="1280"][data-scrollbar-width="0"] .inner {padding: 0 40px; width: 1280px;}
/* WSVGA - contents size : 1000px */
[data-grid-width="1024"] {min-width: 1007px;}
[data-grid-width="1024"][data-scrollbar-width="0"] {min-width: 1024px;}
[data-grid-width="1024"] .inner {padding: 0 12px; width: 1024px;}
[data-grid-width="1024"][data-oversize=false] .inner {padding: 0 3px 0 4px; width: 1007px;}
[data-grid-width="1024"][data-scrollbar-width="0"] .inner {padding: 0 12px; width: 1024px;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {-webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 100vw #ffffff inset;}

.login_naver {position: relative; color: #fff; font-family: "NanumSquare", sans-serif; font-weight: 700; background-color: #03cf5d; cursor: pointer;}
.login_naver::before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-image: url('/images/ico_naver.png'); background-size: contain;}
.login_naver.type1 {width: 100%; padding: 11px 0 11px 46px; font-size: 17px; text-align: center; background-position: 200%; background-size: 0; border-radius: 4px;}
.login_naver.type1::before {margin-left: -80px; width: 26px; height: 26px;}
.login_naver.type1.btn_calculate::after {content: "네이버 간편 보험료계산";}
.login_naver.type1.btn_consult::after {content: "네이버 간편 상담신청";}
.login_naver.type2 {display: inline-block; width: 49%; padding: 12px 0 12px 19%; font-size: 17px; text-align: left; border-radius: 6px;}
.login_naver.type2::before {margin-left: -24%; width: 28px; height: 28px;}
.login_naver.type2.btn_calculate::after {content: "네이버 간편\A보험료계산"; white-space: pre;}
.login_naver.type2.btn_consult::after {content: "네이버 간편\A상담신청"; white-space: pre;}
.login_kakao {position: relative; color: #000; font-family: "NanumSquare", sans-serif; font-weight: 700; background-color: #ffda37; cursor: pointer;}
.login_kakao::before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-image: url('/images/ico_kakao.png'); background-size: contain;}
.login_kakao.type1 {width: 100%; padding: 11px 0 11px 46px; font-size: 17px; text-align: center; background-position: 200%; background-size: 0; border-radius: 4px;}
.login_kakao.type1::before {margin-left: -80px; width: 26px; height: 26px;}
.login_kakao.type1.btn_calculate::after {content: "카카오 간편 보험료계산";}
.login_kakao.type1.btn_consult::after {content: "카카오 간편 상담신청";}
.login_kakao.type2 {display: inline-block; width: 49%; padding: 12px 0 12px 19%; font-size: 17px; text-align: left; border-radius: 6px;}
.login_kakao.type2::before {margin-left: -24%; width: 28px; height: 28px;}
.login_kakao.type2.btn_calculate::after {content: "카카오 간편\A보험료계산"; white-space: pre;}
.login_kakao.type2.btn_consult::after {content: "카카오 간편\A 상담신청"; white-space: pre;}



@keyframes blinkAgree {
    0% {color: #666; background-color: #ddd;}
    100% {color: #fff; background-color: #666;}
}