@font-face {
 font-family:'KBFGT';
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url("font/KBFGDisplayM.woff") format("woff"), url("font/KBFGDisplayM.woff2") format("woff2");
}
/* @font-face{
font-family:'KBFGT';
font-style:normal;
font-weight:300;
src:url('https://m.kbinsure.co.kr:8547/script/mobile/library/pub/font/KBFGTextL.woff2') format('woff2'),
url('https://m.kbinsure.co.kr:8547/script/mobile/library/pub/font/KBFGTextL.woff') format('woff'),
url('https://m.kbinsure.co.kr:8547/script/mobile/library/pub/font/KBFGTextL.eot');
}

@font-face{
font-family:'KBFGT';
font-style:normal;
font-weight:500;
src:url('https://m.kbinsure.co.kr:8547/script/mobile/library/pub/font/KBFGTextM.woff2') format('woff2'),
url('https://m.kbinsure.co.kr:8547/script/mobile/library/pub/font/KBFGTextM.woff') format('woff'),
url('https://m.kbinsure.co.kr:8547/script/mobile/library/pub/font/KBFGTextM.eot');
}

@font-face{
font-family:'KBFGT';
font-style:normal;
font-weight:700;
src:url('https://m.kbinsure.co.kr:8547/script/mobile/library/pub/font/KBFGTextB.woff2') format('woff2'),
url('https://m.kbinsure.co.kr:8547/script/mobile/library/pub/font/KBFGTextB.woff') format('woff'),
url('https://m.kbinsure.co.kr:8547/script/mobile/library/pub/font/KBFGTextB.eot');
} */

html, body, div, span, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, small, strike, strong, sub, tt, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td, embed, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
 word-break: keep-all;
 font-style:normal;
 font-weight:300;
 font-family:'KBFGT',AppleSDGothicNeo,sans-serif;
}

ul, il {list-style: none;}
a {text-decoration: none; color: inherit;}
img {width: max-content;}

header, footer, section {position: relative; width:750px; margin:0 auto;}

header{height: 130px; text-align: center; border-bottom:1px solid #979189;}
 header .logo {padding:30px 0 0; margin: 0 0 22px; text-align: left;}
 nav {padding:0 ; overflow: hidden;}
 nav a {display: inline-block; font-size: 24px; line-height: 30px; color: #544e40; text-decoration: none; font-weight: bold;}
 nav span {display: inline-block; padding: 2px 30px 0 26px; vertical-align: top}

#visual{height: 696px; background: url(../images/m/visual.jpg) no-repeat center bottom; letter-spacing: -0.08em;}
 #visual h1 {padding: 60px 30px 10px; font-size: 34px; color:#d02626; font-weight: bold;}
 #visual h1 {display: block; font-size: 62px; line-height: 75px; color: #62594e; margin: 0;}
 #visual h2 {padding: 0 30px; font-size: 28px; line-height: 40px; color: #2f2f2f; font-weight: bold;}
 #visual h2 strong{font-size: 34px; }
 #visual h2 strong.ac{color: #d02626;}
 #visual a.btn{display: block; width:690px; height: 88px; margin: 135px auto 0; text-align: center; line-height: 88px; font-size: 38px; color: #fff; background: #62594e; border-radius: 50px; text-decoration: none; box-shadow: inset 5px 5px 5px #837862; border: 5px solid #4f483f; border-width:1px 5px 8px 1px; box-sizing: border-box;}

#s1 {/*background:#fff url(../images/m/s1_bg.jpg) no-repeat right bottom;*/}
 #s1 h2, #s2 h2{padding: 60px 0 35px; font-size: 40px; color:#544e40; line-height: 150%; font-weight: bold; text-align: center; letter-spacing: -0.08em}
 #s1 h2 p, #s2 h2 p{font-size: 48px;}
 #s1 h2 p strong, #s2 h2 p strong{  color:#eb501a;}

 #s1 h3{padding: 0 0 10px; font-size: 34px; color:#6e6558; font-weight: bold;}
 #s1 h3 strong {}
 #s1 .stxt{display: inline-block; padding-top: 15px; font-size:20px; line-height: 24px; color:#6e6558;}

 .stxt_inbox {position: absolute; bottom: 12px; color: #dcdcdc; line-height: 28px;}

 /* div.box_bg {width: 691px; height: 834px; margin:0 auto 20px; text-align: center; background:url(../images/m/box_bg1.png) no-repeat left top;} */
 div.box_bg {width: 691px; margin:0 auto 20px; padding:30px 0; text-align: center; border-radius: 20px; background: linear-gradient(45deg, #fac900, #fbd600);}
 div.box_wrap {display: flex;  flex-flow: row wrap; justify-content: center;}

 dl.box {display: flex; flex-direction: column; justify-content: center; text-align: center; width: 292px; height: 302px; margin: 12px; letter-spacing: -0.05em; background:url(../images/m/box_bg2.png) no-repeat left top;}
 dl.box dt {font-size: 30px; color:#fff; line-height: 36px;}
 dl.box dd.num {margin: 25px 0 7px; font-size: 65px; color:#ffc000;  line-height: 50px;}
 dl.box dd.num span {font-size: 50px; }
 dl.box dd.num img{vertical-align: -4px; margin-left: 5px;}
 dl.box dd.num img.new{vertical-align: top;margin-right: 1px;}
 dl.box dd {font-size: 20px; color: #dcdcdc; line-height: 26px;}

 /* div.box2 {position: relative; display: flex;  flex-flow: row wrap; justify-content: center; text-align: center; width: 610px; height: 549px; margin: 12px 0; background:url(../images/m/box_bg3.png) no-repeat left top;padding: 135px 0 0; box-sizing: border-box;} */
 div.box2 {position: relative; display: flex;  flex-flow: row wrap; justify-content: center; text-align: center; width: 610px; height: 291px; margin: 12px 0; background:url(../images/m/box_bg4.png) no-repeat left top;padding: 135px 0 0; box-sizing: border-box;}
 div.box2 p.tit{position: absolute; top: 27px; width: 90%; padding-bottom: 20px; font-size: 30px; color:#fff; line-height: 28px; border-bottom: 1px solid #989189}
 div.box2 p.stit{position: absolute; top: 94px; left: 243px; font-size: 28px; color:#ffc000; line-height: 28px;}
 div.box2 p.stit.stit_right{top: 305px; left: 226px;}
 div.box2 dl.box {display: flex; justify-content: center; margin:0; text-align: center; flex-direction: column; width: 226px; height: 84px; letter-spacing: -0.05em; background: none}
 div.box2 dl.box dd.num {font-size: 65px; letter-spacing: -0.08em;}
 div.box2 dl.box dd.num span{font-size: 50px;}
 div.box2 dl.box:nth-child(3), div.box2 dl.box:nth-child(4), div.box2 dl.box:nth-child(5){width: 30%;}
 div.box2 .box_stxt{position: absolute;bottom: 30px;color: #dcdcdc;font-size: 20px;width: 100%;right: auto;}

 div.box3 {position: relative; display: flex;  flex-flow: row wrap; justify-content: center; text-align: center; width: 610px; height: 291px; margin: 12px 0; background:url(../images/m/box_bg4.png) no-repeat left top;padding: 85px 0 0; box-sizing: border-box;}
 div.box3 h4.tit{position: absolute; top: 35px; font-size: 30px; color:#fff; line-height: 36px;}
 div.box3 dl.box {display: flex; justify-content: center; margin:0; text-align: center; flex-direction: column; width: 47%; height: 125px; letter-spacing: -0.05em; background: none}
 div.box3 .box_stxt{position: absolute;bottom: 40px;color: #dcdcdc;font-size: 20px;width: 100%;right: auto;}

 #s1 a.btn{display: block; height: 85px; margin: 45px 25px 70px; padding:0 50px; text-align: center; line-height: 85px; font-size: 34px; color: #4b483f; background: #fdb508; border-radius: 50px;  box-shadow: inset 5px 5px 5px #fecc4a; border: 5px solid #cc9207; border-width:1px 5px 8px 1px; text-decoration: none; letter-spacing: -0.1em;}
   #s1 a.btn img{display: inline-block; margin-left: 8px;}

#s2 {height: 998px; text-align: center; background: url(../images/m/cardbox.jpg) no-repeat right bottom;  letter-spacing: -0.05em;}
 #s2 p.txt{margin-top: 460px; font-size: 32px; color:#544e40; line-height: 40px;}
 #s2 p.txt strong{ color:#eb501a;}
 #s2 span.stxt{display: block; margin-top: 10px; font-size: 22px; color:#544e40;}
 #s2 a.btn{display: block; height: 85px; margin: 35px 30px 0; padding:0; line-height: 85px; font-size: 38px; color: #fcca47; background: #62594e;  box-shadow: inset 5px 5px 5px #837862; border: 5px solid #4f483f; border-width:1px 5px 8px 1px;  border-radius: 50px; text-decoration: none}

footer{}
 footer div.inner {border-bottom:2px solid #dddcd9; justify-content: space-between; margin: 25px 30px 0; padding-bottom:25px; font-size: 23px; line-height: 52px; color:#676767; font-weight: bold; letter-spacing: -0.1em}
 footer ul {display: flex; flex-direction: column;font-size: 23px !important; line-height: 52px;}
 footer ul:nth-child(2){padding-left: 45px; background: url(../images/m/icn_tel.png) no-repeat left 9px;}
 footer ul span{display: inline-block; padding:0 18px; font-weight: normal; font-size: 16px; vertical-align: top}
 footer .ac{display: inline-block; font-size:20px;font-weight: normal;}

 #footer{padding:40px 30px; font-size:23px; line-height: 32px; color:#b3b3b3; letter-spacing: -0.05em;}
   #footer dl{display: inline-block;}
   #footer dd{display: inline-block;}
   #footer dt{display: inline-block;padding-bottom:8px; font-weight: bold; font-size: 20px;}
