@charset "utf-8";
/* CSS Document */
/* common */
body{background:#fff}
.ktb > .link-white,
.ktb > .link-navy{display:inline-block;padding-right:39px;font-size:45px;background-repeat:no-repeat;background-position:100% 10px}
.ktb > .link-white{color:#fff;background-image:url(../images/common/link-white-arrow.png)}
.ktb > .link-navy{color:#222;background-image:url(../images/common/link-navy-arrow.png)}

*, *:before, *:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
[type="radio"]:focus + label, [type="checkbox"]:focus + label,[type="button"]:focus{outline:1px dashed #808080}

.loading{width:70%;height:12px;vertical-align:middle;margin-left:10px}
#cfmClSkip{position:absolute;left:0;top:0;width:100%;z-index:9999}
#cfmClSkip a{position:absolute;left:0;top:-2px;display:block;width:100%;height:1px;line-height:0;color:#fff;text-align:center;background-color:#eb0104;outline:none;font-size:0}
/* forms */

a:link, a:visited, a:active{text-decoration:none;color:inherit}
a:hover, a:focus{text-decoration:none;color:inherit}

#msfmClWrapper{overflow:hidden}
.sfmClHeader{position:fixed;top:0;width:100vw;z-index:100;background:transparent}
header{position:relative;z-index:100;padding:0 15px}
header.sub{height:50px;background:#706be9}
header.sub h1{line-height:48px;color:#fff;font-size:20px;text-align:center;font-weight:bold}
header.sub a.prev{display:block;position:absolute;top:1px;left:21px;width:30px;height:50px;line-height:50px;background:url(../images/help/ico_prev.png) no-repeat 50% 50%;background-size:12px auto}

.content{text-align:center;margin:4px auto 80px auto}
.content img{width:100%}
.step{border-radius:50%;width:32px;height:32px;background:#4a4646;line-height:32px;display:block;color:#fff;font-weight:bold;font-size:18px;margin:0 auto;margin-top:38px}
.ex_cont{font-weight:bold;font-size:15px;margin-top:7px;line-height:21px;letter-spacing:-2px}
.ex_cont a{border-bottom:1px solid #706be9;color:#706be9}
.cont{font-size:13px;line-height:19px;margin-top:10px;letter-spacing:-2px}
.ex_img{margin-top:24px;padding:0 8px}
.ex_img2{margin-top:24px;padding:0 30px}

#mSfClContainer{padding:95px 15px 0 15px;position:relative;max-width:960px;margin:0 auto}
#mSfClContainer2{padding:50px 15px 0 15px;position:relative;max-width:960px;margin:0 auto}
.banner_mp4{position:relative;padding:0 15px;max-width:960px;margin:0 auto}
.imgBanner{max-width:898px;width:100%;padding-top:3.1%;text-align:center;margin:0 auto}

.footer{position:fixed;left:0;right:0;bottom:15px}
.footer_txt{margin:0 auto;text-align:center;background:url(../images/help/logo_kt.png) no-repeat 50% top;background-size:62px 21px;padding-top:35px;color:#4a5054;font-size:12px}
.footer_txt span{font-weight:bold}

ul.bullet{margin-top:9px}
ul.bullet.note>li{text-align:center;color:#519be7;font-weight:bold;font-size:12px;line-height:18px;letter-spacing:-1px}
ul.bullet.note>li:before{content:"※";top:0 !important;padding-right:4px}
ul.bullet.note.black>li{text-align:left;color:#4a4646;font-weight:normal;font-size:12px;line-height:21px;letter-spacing:-1px;padding-left:30px}
ul.bullet.note.red>li{color:#d71826;font-weight:normal;font-size:12px;line-height:21px;letter-spacing:-1px}

/*button*/
[class*="btn-"]{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;letter-spacing:-0.5px;font-weight:bold;position:relative;width:100%}
[class*="btn-lager"]{font-size:15px;height:45px;padding:0 20px;line-height:45px;vertical-align:bottom}
[class*="btn-"][class*="round"]{border-radius:40px}
[class*="btn-"][class*="blue"]{border:1px solid #65b6f5;background:#65b6f5;color:#fff}
[class*="btn-"][class*="sky"]{border:1px solid #8884fa;background:#8884fa;color:#fff}
[class*="btn-"][class*="green"]{border:1px solid #40d0c1;background:#40d0c1;color:#fff}
[class*="btn-"][class*="purple"]{border:1px solid #706be9;background-color:#706be9;color:#fff}

.btn-wrap{margin:15px 0 0 0;width:100%;overflow:hidden;text-align:center;position:relative}
.btn-wrap.full{margin:20px 0 0 0;width:100%;overflow:hidden;text-align:center;position:relative}
.btn-wrap a{display:inline-block}
.btn-wrap span{float:left;width:100%}
.btn-wrap span.icon{width:27px;display:inline-block;float:none;margin:-13px 0 0 10px;position:absolute;top:50%}
.btn-wrap span.icon img{width:100%}
.btn-wrap:after{display:block;clear:both;content:""}
[class*="btn-"][class*="round"]:before{content:"";background-image:url(../images/help/icon_phone.png);background-repeat:no-repeat;background-size:23px;width:23px;height:23px;margin:-11px 0 0 -30px;position:absolute;top:50%;display:inline-block}

.ment{text-align:center;font-weight:bold;font-size:18px;line-height:27px}

.blue{color:#706be9}
.red{color:#f44d37}

@media screen and (min-width:768px){
.step{width:80px;height:80px;font-size:45px;line-height:80px;margin-top:104px}
.ex_cont{font-size:40px;line-height:55px}
.cont{font-size:35px;line-height:50px}
ul.bullet{margin-top:28px}
ul.bullet.note>li{font-size:28px;line-height:36px;letter-spacing:-1px}
.ex_img{margin-top:65px}
.ex_img2{margin-top:65px}
ul.bullet.note.red>li{color:#d71826;font-size:28px;line-height:36px}

}
@media screen and (max-width:325px){
#mSfClContainer{padding:30px 15px 0 15px}
.ment{font-size:16px;line-height:22px}
}

@media screen and (max-height:480px){
#mSfClContainer{padding:30px 15px 0 15px}
.ment{font-size:16px;line-height:22px}
[class*="btn-"]{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;letter-spacing:-0.5px;font-weight:bold;position:relative}
[class*="btn-lager"]{font-size:15px;height:40px;padding:0 20px;line-height:40px;vertical-align:bottom}
.footer_txt{background-size:60px 20px;padding-top:25px}
.btn-wrap{margin:10px 0 0 0}
.btn-wrap.full{margin:15px 0 0 0}
}