@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);


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; font-family: KBFGDisplayM;}

body, html {background: #333029;}

@font-face {
  font-family: KBFGDisplayM;
  font-style: normal;
  font-display: swap;
  src: url("font/KBFGDisplayM.woff") format("woff"), url("font/KBFGDisplayM.woff2") format("woff2");
}

#container{width: 750px; margin: 0 auto; background: #333029;}

section {position: relative; box-sizing: border-box; text-align: center;}

section .btn {display: block; margin: 0 auto; width:566px; height:103px; line-height:103px; left: 93px; border-radius: 50px; color:#fff; font-weight: bold; font-size: 37px; text-decoration: none; background: #ff3000;}
  section .btn>img {vertical-align: 0px; margin-left: 5px;}
  section#s1 .btn {bottom: 128px;}
  section#s2 .btn {bottom: 84px;}
  section#s3 .btn {bottom: 83px;}

#s1 {height: 814px; background: url(../image/mo_s1_bg.jpg) repeat left top;}
  #s1>h2 {height: 207px; font-size: 60px; font-weight: 900; padding-top: 58px; background: url(../image/mo_s1_titbg.png) no-repeat left top; box-sizing: border-box;}
  #s1>h2>span {color: #ff3000}
  #s1>h3 {padding: 30px 0 30px; font-size: 23px;}
  #s1 p {padding: 25px 0 0; font-size: 24px; line-height: 120%;}

#s2 {height: 949px; background: url(../image/mo_s2_bg.jpg) repeat left top;}
  #s2>h2 {height: 120px; font-size: 63px; font-weight: 900; padding: 45px 0 0 45px; background: url(../image/mo_s2_titbg.png) no-repeat left top; box-sizing: border-box;}
  #s2>h2>span {color: #007fe1}
  #s2>h3 {padding: 20px 0 0; font-size: 36px;}
  #s2>ul {margin: 25px 0 35px; text-align: left; padding: 65px 60px 0 80px; font-size: 21px; line-height: 150%; letter-spacing: -0.02em; height: 543px; background: url(../image/mo_s2_box.png) no-repeat left top; box-sizing: border-box;}
  #s2>ul li {padding: 9px 0 0px 50px; margin-bottom: 10px; background: url(../image/mo_check.gif) no-repeat left top;}
  #s2>ul li span {position: relative; display: inline-block; padding-left: 14px; font-weight: bold; text-indent: -14px;}
  #s2>ul li span em {position: relative; z-index: 2}
  #s2>ul li span::before {position: absolute; left: 0; top: 12px; width: 100%; height: 11px; border-radius: 5px; display: inline-block; content:""; background: #ddff00; z-index: 1}
  #s2>ul li span::after {position: absolute; left: 0; top: 43px; width: 100%; height: 11px; border-radius: 5px; display: inline-block; content:""; background: #ddff00; z-index: 1}
  #s2>ul li:nth-child(2) span::after {width: 33%;}
  #s2>ul li:nth-child(3) span::after {width: 30%;}
  #s2>ul li:nth-child(4) span::after {width: 86%;}

#s3 {height: 1508px; background: url(../image/mo_s1_bg.jpg) repeat left top;}
  #s3>h2 {height: 150px; font-size: 65px; font-weight: 900; padding-top: 70px; background: url(../image/mo_s3_titbg.png) no-repeat left top; box-sizing: border-box;}
  #s3>h2>span {color: #ff3000}
  #s3>h3 {padding: 30px 0 30px; font-size: 36px;}
  #s3 p {padding: 25px 0 0; font-size: 24px; line-height: 120%;}
  #s3>dl {margin-top: 25px; text-align: left; padding: 65px 0 0 228px; font-size: 21px; line-height: 150%; letter-spacing: -0.02em; box-sizing: border-box;}
  #s3>dl dt {display: inline-block; padding: 8px 10px 5px; color: #351616; background: #ffe2d1; border-radius: 25px;}
  #s3>dl dd {padding: 10px 10px 0; color: #351616;}
  #s3>dl.box1 {height: 314px; background: url(../image/mo_s3_box1.png) no-repeat left top;}
  #s3>dl.box2 {height: 352px; background: url(../image/mo_s3_box2.png) no-repeat left top;}
  #s3>dl.box3 {height: 255px; background: url(../image/mo_s3_box3.png) no-repeat left top; margin-bottom: 35px;}

footer {padding: 40px; font-size: 18px; line-height: 30px; color: #444444; background: #fff; }
  footer * { font-family: 'NanumSquare', sans-serif;}
  footer>p {padding: 0 0 30px 35px; background: url(../image/mo_footer_icn.gif) no-repeat left 2px; word-break: keep-all;}