@charset "UTF-8";

/* **************************************
	Reset
************************************** */
* {margin:0;padding:0;box-sizing:border-box;border:0;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#222;font-family:'Roboto', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;}
.skipnav a,article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display:block;}
html {width:100%;height:100%;background:#fff;color:#222;font-size:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-overflow-scrolling:auto;}
body {width:100%;height:100%;background-color:#fff;color:#222;font-family:'Roboto', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;font-size:100%;line-height:1.4;letter-spacing:-.04em;}
article,aside,audio,blockquote,body,canvas,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,mark,menu,nav,ol,p,pre,section,summary,td,textarea,th,time,ul,video {margin:0;padding:0}
img {max-width:100%;border:0;vertical-align:middle}
input,button,select,textarea {margin:0;-webkit-border-radius:0;border-radius:0;font-family:'Roboto', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;font-size:.875rem;line-height:1.25rem;letter-spacing:-.06em;vertical-align:middle;-webkit-appearance:none;}
button {border:none;outline:0;cursor:pointer;background:none;}
table {border-spacing:0;border-collapse:collapse;}
fieldset {border:0;}
address,caption,cite,code,dfn,th,var{font-weight:400;font-style:normal;}
em{font-weight:700;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
caption,hr,legend{width:0;height:0;overflow:hidden;font-size:1px;line-height:0;text-indent:-9999em;}
a,a:active,a:focus,a:hover,a:link,a:visited{color:inherit;text-decoration:none;cursor:pointer;}

/* Common Style */
.hidden {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);}
.blind {position:absolute;top:-9999em;left:0;width:1px;height:1px;overflow:hidden;font-size:0;line-height:0;opacity:0;}

/* link */
a,a:link,a:visited,a:active,a:hover,a:focus{color:#333; font-size:100% ;text-decoration:none;}
a:hover {text-decoration:underline ;color:#238bc1;}

/*Layout*/
.skipNav {width: 100%; z-index: 99; position: absolute; top: -30px; line-height: 30px; display: block; text-align: center; color: #fff;}
.skipNav:focus {top: 0;}

.wrap_layout {display:flex;width:100%;height:100%;flex-direction:column;align-items: flex-start;justify-content: space-between;}

/* Header */
.header{position:relative;width:100%;height:128px;background:#f8f8f8;}
.header .wrap_inner {display: flex;flex-direction: column;height:128px;padding:45px 0 15px;background:url(../images/common/bg_header_basic.png) no-repeat 100% 100%;background-size:auto 128px;}
.header .wrap_inner .logo {position:absolute;left:15px;top:16px;width:96px;height:15px;font-size:0;text-indent:-9999px;background:url(../images/common/logo_header.png) no-repeat 100% 100%;background-size:auto 15px;}
.header .wrap_inner h2 {display:inline-block;padding:0 0 0 15px;color:#444;font-size:1.125rem;line-height:1.75rem;font-weight:normal;}
.header .wrap_inner h2 strong {display:inline-block;color:#444;font-size:1.0625rem;font-weight:bold;}
.header .wrap_inner p {margin-top:2px;padding:0 0 0 15px;color:#222;font-size:.8125rem;line-height:1.125rem;}

.header.type_guide {position:sticky;top:0;display:flex;align-items: center;justify-content: center;width:100%;height:46px;border-bottom:1px solid #e6e6e6;background:#fff;}
.header.type_guide p {font-size:.875rem;color:#222;font-weight:bold;}

/* Header type */
.header.type_intro .wrap_inner {background:url(../images/common/bg_header_intro.png) no-repeat right bottom;background-size:auto 128px;} /* intro */
.header.type_form .wrap_inner {background:url(../images/common/bg_header_form.png) no-repeat right bottom;background-size:auto 128px;} /* form */
.header.type_certify .wrap_inner {background:url(../images/common/bg_header_certify.png) no-repeat right bottom;background-size:auto 128px;} /* naver */
.header.type_naver .wrap_inner {background:url(../images/common/bg_header_naver.png) no-repeat right bottom;background-size:auto 128px;} /* naver */
.header.type_kakao .wrap_inner {background:url(../images/common/bg_header_kakao.png) no-repeat right bottom;background-size:auto 128px;} /* kakaopay */
.header.type_confirm .wrap_inner {background:url(../images/common/bg_header_confirm.png) no-repeat right bottom;background-size:auto 128px;} /* 확인 */
.header.type_point .wrap_inner {background:url(../images/common/bg_header_point.png) no-repeat right bottom;background-size:auto 128px;} /* 주요사항 확인 */
.header.type_pet .wrap_inner {background:url(../images/common/bg_header_pet.png) no-repeat right bottom;background-size:auto 128px;} /* pet */
.header.type_contract .wrap_inner {background:url(../images/common/bg_header_contract.png) no-repeat right bottom;background-size:auto 128px;} /* 보험계약 2022-02-16 */



/* container */
.container {flex:auto;width:100%;}
.container .contents .section {padding:18px 16px 30px;}
.container .contents.type2 .section {padding:18px 20px 30px;}

/* Footer */
.footer {width:100%;height:120px;padding: 15px 16px 21px;border-top:1px solid #dfdfdf;}
.footer .supporter {}
.footer .supporter a {font-size:.8125rem;font-weight:bold;color:#555;}
.footer .supporter a span {font-size:.8125rem;font-weight:bold;color:#555;}
.footer .supporter a + a {margin-left:20px;}
.footer .infoArea {margin-top:4px;}
.footer .infoArea .info {font-size:.75rem;color:#999;}
.footer .copyrights {display:block;margin-top:2px;font-size:.75rem;color:#a6a6a6;letter-spacing:0;}
.footer .copyrights .upper {display:block;margin-top:1px;font-size:.75rem;color:#a6a6a6;text-transform:uppercase;}