@charset "utf-8";
/* 
 *
 * reset, 공통스타일 ver. 20130612
 *
 */

/* Eric meyer reset css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby,section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit; vertical-align: baseline;} 
caption{display:none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}

body {line-height: 1;}
ol, ul { list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing:0;}

/* link */
/* a:link {color:#9da4ad;}
a:visited{color:#9da4ad;}
a:hover{color:#9da4ad;}
a:active{color:#9da4ad;} */

/* img, object */
img, object {max-width:100%;height:auto;}
img{vertical-align:top;}

/* reusable styling code */
.full{height:100%;}
.hide{display:none;}
.bdl{border-left:1px solid #d9d9d9!important;}

body{background:#fff; font-family:"Pretendard Variable", 'Malgun Gothic','맑은고딕','돋움','Dotum','Apple Gothic',sans-serif; font-size:12px;color:#888;vertical-align:middle;box-sizing:border-box;}
body.hide{overflow:hidden;}
.wrap{box-sizing:border-box;}
.wrap *{box-sizing:border-box;}

header{border-bottom:1px solid #eee;}
header .logo_area{text-align:center;padding:3em 0;}
header .logo_area a{display:inline-block;width:35%;}

nav{background-color:#fff;}
nav ul{display:flex;justify-content:space-between;align-items:center;} 
nav ul li{width:50%;} 
nav ul li a{display:block;padding:0.8em;text-align:center;letter-spacing:0.03em;font-size:5vw;font-weight:600;text-decoration:none;background-color:transparent;color:#fff;color:#000;box-sizing:border-box;border-bottom:3px solid #fff;} 
nav ul li a.current{color:#3F3FFF;border-bottom:3px solid #3F3FFF;}
@media (min-width:680px) {
  header .logo_area a{width:150px;}
  nav ul{width:1000px;margin:0 auto;justify-content:start;}
  nav ul li a{font-size:25px;padding:0.8em;} 
}

/* 보험 contents */
.top_wrap{background-image:url('/images/b365/bg_top_mo.jpg');background-position:center top;background-repeat:no-repeat;background-size:cover;}
.top_inner{width:auto;height:auto;margin:0 auto;overflow:hidden;position:relative;height:310px;}
.top_inner h1{text-align:center;margin-top:22%;font-size:9vw;font-weight:700;line-height:1.35em;letter-spacing:-0.03em;color:#000;}
.top_inner h1 strong{color:#2f75fc;}
.top_inner > p{text-align:center;margin-top:8%;}
.top_inner > p a{display:inline-flex;width:35%;height:auto;padding:0.8em;justify-content:center;align-items:center;font-size:4.3vw;font-weight:600;line-height:1.4em;color:#fff;background-color:#2d3547;border-radius:0.5em;text-decoration:none;}
.top_inner > div{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);}
@media (min-width:680px) {
  .top_wrap{background-image:url('/images/b365/bg_top.jpg'), url('/images/b365/bg_top_line.jpg');background-repeat:no-repeat, repeat-x;background-position:center top, left top;background-size:auto;}
  .top_inner{width:1000px;height:470px;}
  .top_inner h1{margin-top:110px;font-size:58px;line-height:1.4em;}
  .top_inner > p{margin-top:40px;}
  .top_inner > p a{width:200px;height:60px;font-size:18px;border-radius:10px;padding:0;}
  .top_inner > div{margin-top:75px;}
}

section{padding-bottom:10%;}
section:nth-of-type(1){padding-bottom:0;}
section .inner{display:block;width:auto;}
section .inner .text_area{width:auto;padding:0 10%;}
section .inner .img_area{width:auto;overflow:hidden;padding:12% 0 0;}
.text_area .txt_tag{padding-top:20%;display:block;font-size:5vw;font-weight:700;line-height:1.4em;letter-spacing:-0.03em;color:#2f75fc;}
.text_area h2{padding-top:7%;font-size:7.2vw;font-weight:700;line-height:1.4em;letter-spacing:-0.03em;color:#151c24;}
.text_area .btn{padding-top:10%;}
.text_area .btn a{display:inline-flex;justify-content:center;align-items:center;width:50%;height:auto;padding:0.8em;border-radius:0.5em;font-size:4.3vw;font-weight:500;line-height:1.4em;letter-spacing:-0.03em;color:#64696f;background-color:#f2f4f5;text-decoration:none;}
.text_area .btn a img{margin-left:0.5em;}
.text_area p{padding-top:10%;font-size:4.2vw;font-weight:400;line-height:1.5em;letter-spacing:-0.03em;color:#64696f;}
@media (min-width:680px){
  section{padding-bottom:70px;}
  section:nth-of-type(1){padding-bottom:50px;;}
  section .inner{width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:start;}
  section .inner .text_area{width:500px;padding:0;}
  section .inner .img_area{width:500px;padding-top:100px;overflow:visible;margin-right:-50px;}
  .text_area .txt_tag{padding-top:110px;font-size:22px;}  
  .text_area h2{padding-top:30px;font-size:42px;line-height:1.4em;}
  .text_area .btn{padding-top:30px;}
  .text_area .btn a{width:230px;height:60px;padding:0;border-radius:10px;font-size:18px;}
  .text_area .btn a img{margin-left:10px;}
  .text_area p{padding-top:30px;font-size:20px;}
}

section.altS{background-color:#f9fafb;}
section.altS .text_area{width:auto;}
section.altS .text_area .btn a{background-color:#f0f1f2;}
section.altS .img_area{width:auto;padding-left:6%;}
section .inner.reverse{ flex-direction:row-reverse;}
section .inner.reverse .text_area{padding-left:10%;padding-right:10%;}
@media (min-width:680px){
  section.altS .text_area{width:441px;padding:0;}
  section.altS .img_area{width:559px;padding-left:0;}
  section .inner.reverse .text_area{padding-left:73px;padding-right:0;}
  section .inner.reverse .img_area{margin-left:-10px;}
}

.flip_card_wrap{width:100%;height:85vh;display:flex;justify-content:center;align-items:center;overflow:visible;padding:0 0;}
.flip_card{position:relative;width:auto;max-width:60vw;margin:0 auto;perspective:1px;display:inline-block;overflow:visible;vertical-align:top;}
.flip_card img{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);max-width:82vw;width:auto;height:auto;border-radius:18px;box-shadow:none;transition:transform 700ms cubic-bezier(.2,.8,.2,1);transform-origin:50% 60%;pointer-events:none;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);}
.flip_card img.top{transform:translateX(-50%) translateY(-50%) scale(1);z-index:3;filter:none}
.flip_card img.bottom{transform:translateX(calc(-50% + 20%)) translateY(-50%) scale(0.9);z-index:1;box-shadow:none;filter:brightness(0.9)}
.flip_card img.moving-up{transform:translateX(-50%) translateY(-50%) scale(1);z-index:4;filter:none}
.flip_card img.moving-down{transform:translateX(calc(-50% + 20%)) translateY(-50%) scale(0.9);z-index:2;box-shadow:none;filter:brightness(0.9)}

@media (min-width:680px){
  .flip_card_wrap{height:800px;padding:0 0;align-items:flex-start;}
  .flip_card{max-width:60vw;perspective:1200px;}
  .flip_card img{max-width:none;border-radius:24px;}
}

/* section.footer{padding:8% 0;background-color:#f2f4f5;}
section.footer .inner{padding:0 5%;}
.ftr_wrap{width:100%;color:#9da4ad;font-size:3vw;line-height:1.5em;text-align:left;letter-spacing:-0.03em;}
.ftr_wrap ul{border-bottom:1px solid #dcdfe7;padding-bottom:1em;margin-bottom:1em;}
.mobile{display:block;}
.pc{display:none;}
@media (min-width:680px) {
    section.footer{padding:30px 0;}
    section.footer .inner{padding:0;}
    .ftr_wrap{font-size:12px;line-height:20px;}
    .mobile{display:none;}
    .pc{display:block;}
} */

/* 상조 contents */
.top_banner{background-color:#f6de71;}
.top_bnr_inner{padding:10% 5% 75%;display:flex;justify-content:space-between;align-items:start;position:relative;}
.bnr_tit span{display:inline-flex;justify-content:center;align-items:center;background-color:#351f0f;color:#fff7d9;font-size:4vw;font-weight:600;letter-spacing:-0.03em;line-height:1.4em;border-radius:5px;padding:0.3em 0.5em;}
.bnr_tit h1{padding:0.5em 0 0;color:#351f0f;font-size:7.2vw;font-weight:700;letter-spacing:-0.03em;line-height:1.3em;}
.bnr_tit h1 strong{color:#ff6b24;}
.bnr_tit p{padding-top:1em;color:#806245;font-size:4vw;font-weight:500;letter-spacing:-0.03em;line-height:1.4em;}
.bnr_tit ul{padding-top:0.5em;}
.bnr_tit ul li{color:#806245;font-weight:400;letter-spacing:-0.03em;line-height:1.4em;font-size:3vw;}
.bnr_img{position:absolute;bottom:5%;left:50%;width:80%;transform:translateX(-50%);}
.mobile{display:block;}
.pc{display:none;}
@media (min-width:680px){
    .top_bnr_inner{width:1000px;margin:0 auto;height:490px;padding:0;}
    .bnr_tit{padding-top:93px;width:510px;}
    .bnr_tit span{font-size:22px;padding:5px 10px;}
    .bnr_tit h1{font-size:50px;}
    .bnr_tit p{font-size:20px;}
    .bnr_tit ul li{font-size:15px;line-height:1.5em;}
    .bnr_img{left:50%;bottom:10px;transform:translateX(50px);width:572px;}
    .mobile{display:none;}
    .pc{display:block;}
}

.fs{background-color:#fffefb !important;}
.fs_tit{background-color:#fff7d9;background-image:url('/images/b365/bg_top_02_mo.png');background-position:center bottom;background-repeat:no-repeat;background-size:125%;}
.fs_tit .inner{height:34vh;}
.fs_tit .inner h2{padding-top:15%;font-size:6.8vw;font-weight:700;letter-spacing:-0.03em;line-height:1.4em;text-align:center;color:#351f0f;}
.fs_tit .inner h2 strong{color:#ff7a3a;font-size:9vw;}
.mobile{display:block;}
.pc{display:none;}
@media (min-width:680px){
  .fs_tit{background-size:contain;background-image:url('/images/b365/bg_top_02.png');background-repeat:no-repeat, repeat-x;background-position:center bottom, left top;background-size:auto;}
  .fs_tit .inner{height:630px;}
  .fs_tit .inner h2{padding-top:110px;font-size:60px;width:100%;}
  .fs_tit .inner h2 strong{font-size:60px;}
  .mobile{display:none;}
  .pc{display:block;}
}

.fs .text_area .txt_tag{color:#ff7939;}
.fs .text_area h2{color:#351f0f;}
.fs .text_area p{color:#877f7a;}
.fs .inner .img_area{padding-left:10%;padding-right:10%;}
@media (min-width:680px){
  .fs .inner .img_area{padding-left:0;padding-right:0;}
}

/* 푸터 */
footer{background-color:#f5f6f8;padding-bottom:80px;}
footer .inner{padding:10% 5%;}
footer .inner .bot_util{display:flex;justify-content:start;align-items:center;padding-bottom:1em;}
footer .inner .bot_util li{display:inline-flex;margin-right:1em;}
footer .inner .bot_util a{color:#79828f;text-decoration:none;font-size:3.6vw;letter-spacing:-0.03em;line-height:1.4em;font-weight:600;}
footer .inner .bot_util a.privacy{border-bottom:1px solid #79828f;}
footer .inner .info{padding-bottom:1em;}
footer .inner .info p{font-size:3vw;color:#8b95a1;padding-top:0.15em;}
footer .inner .info p span{display:inline-block;line-height:1.6em;letter-spacing:-0.03em;padding-right:1em;font-weight:400;}
footer .inner .cs_info{padding-top:1em;border-top:1px solid #ddd;}
footer .inner .cs_info p{letter-spacing:-0.03em;line-height:1.5em;font-size:3vw;color:#8b95a1;font-weight:400;}
footer .inner .cs_info p+p{padding-top:0.2em;}
footer .inner .cs_info p strong{color:#79828f;font-weight:600;font-size:3.6vw;}
@media (min-width:680px) {
  footer{padding-bottom:100px;}
  footer .inner{width:1000px;margin:0 auto;padding:30px 0;}
  footer .inner .bot_util li{margin-right:30px;}
  footer .inner .bot_util a{font-size:14px;}
  footer .inner .info p{font-size:14px;}
  footer .inner .info p span{line-height:1.4em;}
  footer .inner .info p br{display:none;}
  footer .inner .cs_info p{font-size:14px;line-height:1.4em;}
  footer .inner .cs_info p strong{font-size:16px;}
}


.btn_area{position:fixed;bottom:0;left:0;width:100%;padding:5%;display:flex;justify-content:center;align-items:center;background-color:#151c24;box-sizing:border-box;}
.btn_area a{display:inline-flex;justify-content:center;align-items:center;width:80%;height:auto;border-radius:10px;font-size:5.4vw;font-weight:600;line-height:1.4em;letter-spacing:-0.03em;color:#fff;background-color:#3F3FFF;text-decoration:none;padding:0.7em;}
.btn_area a img{margin-left:10px;}
@media (min-width:680px) {
  .btn_area{padding:20px;}
  .btn_area a{width:300px;height:60px;padding:0;font-size:20px;}
  .btn_area a img{margin-left:10px;}
  .btn_area a:hover{background-color:#3F3Ff0;color:#fff;transition:background 0.2s ease;}
}


/* 이용약관, 개인정보취급방침 시작 */
.user_terms_wrap{padding-top:30px;padding-bottom:50px;width:1000px;margin:0 auto;}
.user_terms{color:#000;line-height:1.5em;font-size:12px;}
.user_terms strong{font-weight:bold;color:#0070ca;}
.user_terms.altStyle{width:100%;}
.user_terms h1{font-weight:bold;padding:0 0 20px 0;font-size:15px;}
.user_terms h2{font-weight:bold;padding:20px 0 10px 0;font-size:13px !important;}
.user_terms h3{font-weight:bold;padding:0 0 10px 0;font-size:12px;}
.user_terms p{padding:0 0 10px 20px;}
.user_terms ul{padding:0 0 10px 40px;}
.user_terms ul li{padding:0 0 5px 0;}
.user_terms .altClr{color:#0070c0;}
.user_terms .terms_top{border-top:1px solid #ccc;margin-bottom:40px;border-bottom:1px solid #ccc;padding:20px;}
.user_terms .terms_top a{color:#000;}
.user_terms .terms_top strong{font-weight:bold;}
.user_terms .terms_top ul{padding:0 0 0 20px;}
.user_terms .pre_ver	 select{line-height:2em;height:2em;border:1px solid #ccc;}

.privacy_wrap{color:#000;padding-top:30px;padding-bottom:50px;max-width:1000px;margin:0 auto;}
.privacy_wrap h1{padding:0 0 30px 0;font-weight:bold;font-size:18px;}
.privacy_wrap h2{padding:30px 0 10px 0;font-weight:bold;font-size:13px !important;}
.privacy_wrap h3{padding:20px 0 10px 10px;font-weight:bold;color:#333;}
.privacy_wrap h4{padding:10px 0 10px 20px;font-weight:bold;color:#555;}
.privacy_wrap h5{padding:10px 0 10px 30px;font-weight:bold;color:#555;}/* 20140620 수정 */
.privacy_wrap p{padding:0 0 10px 30px;line-height:1.7em;}
.privacy_wrap p em{text-decoration:underline;font-weight:bold;vertical-align:baseline;}
.privacy_wrap ul{line-height:1.7em;padding:0 0 10px 30px;}
.privacy_wrap table{table-layout:fixed;margin:0 30px 20px 30px;}
.privacy_wrap table th{padding:10px;border:1px solid #ccc;background:#eee;font-weight:bold;color:#787878;line-height:1.4em;vertical-align:middle;}
.privacy_wrap table td{padding:10px;border:1px solid #ccc;text-align:center;line-height:1.4em;vertical-align:middle;text-align:left;word-wrap: break-word;}
.privacy_wrap table td a{color:blue;}
.privacy_wrap table td a:hover{text-decoration:underline;}
.privacy_wrap .anchor_list{padding:30px 0 30px 40px;font-size:13px;}
.privacy_wrap .anchor_list li a{display:inline-block;line-height:1.5em;font-weight:bold;}
.privacy_wrap .anchor_list li a:hover{text-decoration:underline;}
.privacy_wrap dl{padding:0 0 10px 30px;line-height:1.7em;}
.privacy_wrap dl dt{font-weight:bold;color:#555;}
.privacy_wrap dl dd{padding:0 0 0 10px;}
.privacy_wrap dl dd .Clr01{color:blue;}
.privacy_wrap .pre_ver{padding:20px 0 0 0;}
.privacy_wrap .pre_ver strong{font-weight:bold;vertical-align:top;}
.privacy_wrap .pre_ver a{color:blue;}
.privacy_wrap .pre_ver a:hover{text-decoration:underline;}
.privacy_wrap .pre_ver	select{line-height:2em;height:2em;border:1px solid #ccc;}
.privacy_wrap .altClr{color:#0070c0;}
.privacy_wrap .link_txt{color:blue;}
.privacy_wrap .link_txt a{color:blue;font-weight:bold;text-decoration:underline;}

@media (max-width:768px){
  .user_terms_wrap{width:auto;padding:10% 5%;}
	.user_terms h2{padding:20px 0 10px 0;}
	.user_terms h3{padding:10px 0 10px 0;}
	.user_terms p{padding:0 0 10px 0;}
	.user_terms ul{padding:0 0 10px 0;}
	.user_terms .terms_top{border:1px solid #ccc;margin-bottom:5%;}

	.privacy_wrap{font-size:12px;padding:10% 5%;width:auto;}
	.privacy_wrap h2{padding:30px 0 10px 0;}
	.privacy_wrap h3{padding:20px 0 10px 0;}
	.privacy_wrap h4{padding:10px 0 10px 0;}
	.privacy_wrap h5{padding:10px 0 10px 0;}
	.privacy_wrap p{padding:0 0 10px 0;}
	.privacy_wrap ul{line-height:1.4em;padding:0 0 10px 0;}
	.privacy_wrap table{table-layout:fixed;margin:0 0 20px;}
	.privacy_wrap .anchor_list{padding:30px 0 30px 0;}
	.privacy_wrap dl{padding:0 0 10px 0;line-height:1.4em;}
}

@media (max-width:320px){
	.user_terms{font-size:11px;}
	.user_terms h2{font-size:12px !important;}
	.user_terms h3{font-size:11px;}

	.privacy_wrap{font-size:11px;padding:0 2.5%;}
	.privacy_wrap h2{font-size:12px;}
	.privacy_wrap h3{font-size:11px;}
	.privacy_wrap h4{font-size:11px;}
}
/* 이용약관, 개인정보취급방침 끝 */