@charset "utf-8";
/* webfont setting */
@font-face {font-family: 'Noto_DemiLight'; font-style: normal; font-weight: 350; src : url(../font/NotoSansCJKkr-DemiLight.eot), url(../font/NotoSansCJKkr-DemiLight.eot?#iefix) format('embeded-opentype'), url(../font/NotoSansCJKkr-DemiLight.woff2) format('woff2'), url(../font/NotoSansCJKkr-DemiLight.woff) format('woff'), url(../font/NotoSansCJKkr-DemiLight.otf) format('opentype');}
@font-face {font-family: 'Noto_Regular'; font-style: normal; font-weight: 400; src :url(../font/NotoSansCJKkr-Regular.eot) , url(../font/NotoSansCJKkr-Regular.eot?#iefix) format('embeded-opentype'), url(../font/NotoSansCJKkr-Regular.woff2) format('woff2'), url(../font/NotoSansCJKkr-Regular.woff) format('woff'), url(../font/NotoSansCJKkr-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto_Medium'; font-style: normal; font-weight: 500; src :url(../font/NotoSansCJKkr-Medium.eot) , url(../font/NotoSansCJKkr-Medium.eot?#iefix) format('embeded-opentype'), url(../font/NotoSansCJKkr-Medium.woff2) format('woff2'), url(../font/NotoSansCJKkr-Medium.woff) format('woff'), url(../font/NotoSansCJKkr-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto_blod'; font-style: normal; font-weight: 700; src :url(../font/NotoSansCJKkr-Bold.eot) , url(../font/NotoSansCJKkr-Bold.eot?#iefix) format('embeded-opentype'), url(../font/NotoSansCJKkr-Bold.woff2) format('woff2'), url(../font/NotoSansCJKkr-Bold.woff) format('woff'), url(../font/NotoSansCJKkr-Bold.otf) format('opentype');}

/* reset */
html,body {font-family: Meiryo UI , "Noto_Regular" , MSPgothic , Hiragino Kaku Gothic Pro , sans-serif; font-size:13px; color:#555; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
body {-webkit-user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow-y: visible !important;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,a,select,div,label {margin:0; padding:0;}
p,ul,ol,li,dl,dt,dd,form {list-style-image:none; list-style-position:outside; list-style-type:none; border:0;}
table {width:100%; border-collapse:collapse; word-break:break-all; border-spacing:0;}
img {border:0; vertical-align:top;}
button {background:none; border:0; cursor:pointer; *overflow:visible; border-radius:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
fieldset,iframe {border:0;}
input , textarea {border:1px solid #c4ccd3; font-family: "Noto_Regular" , Meiryo UI , MSPgothic , Hiragino Kaku Gothic Pro , sans-serif; color:#555; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
textarea {resize:none; min-height:70px;}
input[type='image'] , input[type='submit'] {border:0;}
input,select,textarea,label {vertical-align:middle;}
input::-ms-clear , input::-ms-reveal {display:none;}
legend, hr {display:none;}
em,address {font-style:normal;}
a {text-decoration:none; color:#555;}
a:hover,a:active,a:focus {text-decoration:none;}
frameset, frameborder, frame {border:0;}
iframe {overflow-x:hidden; overflow-y:auto; outline:none;}
caption {position:relative; margin-top:0; overflow:hidden; text-indent:-9999px; line-height:0;}

/* skipnavigation */
#skip {position:relative;}
#skip a {display:block; height:0; width:0; overflow:hidden; text-align:center; color:#fff; white-space:nowrap;}
#skip a:active , #skip a:focus {position:absolute; height:auto; width:100%; padding:5px; background:#000; z-index:150;}

/* input type */
.txtBox {padding:0;}
::-webkit-input-placeholder {color:#999;}
:-ms-input-placeholder {color:#999 !important;}
:-moz-placeholder {color:#999;}
input[type="text"]:disabled , input[type="password"]:disabled , textarea:disabled {border-color:#dedede; background:#f6f6f6; color:#a5a5a5;}
.comInpt .act .it:-ms-input-placeholder, .comInpt .it:focus:-ms-input-placeholder, .comInpt .it:active:-ms-input-placeholder {color:#b3bbc5;}

/* common class */
.both {clear:both;}
.clearfix {width:100%;}
.clearfix:after {content:''; clear:both; display:block;}
.blind {position:relative; overflow:hidden; text-indent:-9999px; line-height:0;}
.br {display:block;}
.flright {float:right;}
.txtSmall {font-size:14px; }
.mt_1{ display:block; margin-top:18px !important;}
.mt_2{ display:block; margin-top:24px !important;}
.mt_3{ display:block; margin-top:36px;}
.mt_4{ display:block; margin-top:48px;}
.mt_5{ display:block; margin-top:54px;}
.mt_6{ display:block; margin-top:60px;}
.mt_7{ display:block; margin-top:68px;}
.mb_1{ display:block; margin-bottom:18px;}
.mb_2{ display:block; margin-bottom:24px;}
.mb_3{ display:block; margin-bottom:36px;}
.mb_4{ display:block; margin-bottom:48px;}
.mb_5{ display:block; margin-bottom:54px;}
.mb_6{ display:block; margin-bottom:60px;}
.mb_7{ display:block; margin-bottom:68px;}

/*lang setting*/
.ja , .ja body , .ja input , .ja textarea , .ja .subTit , .ja .left .gnb > li a , .ja .left .mGnb > li a , .ja .signUpWrap .radioCheck .btnAllLnk , .ja .downList li .titName , .ja .pwReStepBox .stepNum , .ja .malwareTop h3 {font-family: "Meiryo UI" , MSPgothic , Hiragino Kaku Gothic Pro , sans-serif;}

/* common layout */
body {position:relative;  min-height:100%; background:#fff; }
.wrap { margin:0 auto; width:100%; max-width:750px; }
.wrap img { max-width:100%; }

/* header */
.header { position:relative; width:100%; padding:11.47% 3.2% 12% 7%; background-color:#16a0e8; box-sizing: border-box; }
.header:after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; display:block; background-color:#16a0e8; z-index:-1;}
.header .logo { margin-bottom:6.2%; }
.header .logo a { display:block; }
.header .slogan { font-size:30px; color:#fff; }

/* contents */
.contents{ background:#fff; width:100%; }
.contents .cardWrap{ position:relative; background:#fff; z-index:1; padding:0 3.2%; box-sizing:border-box; }
.contents .cardWrap:first-child { background:#16a0e8; padding-bottom:24px; }
.contents .cardWrap.type1 {background:#fff !important; padding-bottom:0 !important; margin-top:-14px;}
.contents .cardWrap.type1:after { position:absolute; content:''; top:0; left:0; width:100%; height:240px; background:#16a0e8; z-index:-1;}
.contents .card { background:#fff; border-radius:16px; box-shadow:0 0 24px 0 rgba(0, 0, 0, 0.2); padding:6.84% 3.42% 0; margin-bottom:6%;  z-index:1;}
.contents .card.type1 { padding-bottom:18px; }
.contents .card.type2 { padding-bottom:60px; }
.contents h2.text_1{ font-weight: bold; font-size: 36px; line-height: 1; text-align: center; color: #16a0e8; margin:20px 0 60px; }
.contents h2.text_1.type1 { margin:0 0 36px; }
.contents h3.text_3 { text-align:center !important; font-weight:normal; }
.contents .text_3 .line_bot {text-decoration:underline;} 
.contents .card ul { font-size:0; }
.contents .card .features { padding-bottom:24px;}
.contents .card .features li { display:table; width:100%; margin-bottom:24px; }
.contents .card .features li:before { content:''; display:table-cell; width:120px; height:120px; overflow:hidden; background:url(../images/icon_1.png) no-repeat;}
.contents .card .features li span { position:relative; display:table-cell; font-size:26px; line-height:1.15; color:#434343; vertical-align:middle; padding:24px; box-sizing:border-box; letter-spacing:1.2px; }
.contents .card .features li.icon_2 > span { padding-right:80px;}
.contents .card .features li.icon_4 > span { padding-right:100px;}
.contents .card .features li.icon_2:before { background-image:url(../images/icon_2.png);}
.contents .card .features li.icon_3:before{ background-image:url(../images/icon_3.png);}
.contents .card .features li.icon_4:before { background-image:url(../images/icon_4.png);}
.contents .card .features li.icon_5:before { background-image:url(../images/icon_5.png);}
.contents .card .features li.icon_6:before { background-image:url(../images/icon_6.png);}
.contents .cardTxt { margin:36px; font-size: 24px; line-height: 1.25; text-align: center; color: #ffffff;}
.contents .card + .cardTxt {margin-top:-12px;}
.contents .lineBox { border-top:2px solid #e0e0e0; padding-top:36px; margin-bottom:24px; }
.contents .lineBox .text_3 { margin:48px 0 0; padding-right:5px !important; letter-spacing: normal !important;}
/* .contents .lineBox .btnArea { padding-bottom:48px; } */
.contents .step { margin:36px 0 60px; border-bottom:2px solid #e0e0e0; }
.contents .step.last, .contents .card > .step:last-child { border-bottom:0; margin-bottom:0; padding-bottom:60px; }
.contents .step.last > dl > dd, .contents .card > .step:last-child > dl > dd { margin-bottom:0; }
.contents .step.last > dl > dd + .btnArea, .contents .card > .step:last-child > dl > dd + .btnArea{ margin-top:36px; }
.contents .step.last .btnArea { padding-bottom:0; }
.contents .step dt {font-size:0; }
.contents .step .devMark { float:left; display:inline-block; width: 156px; height: 48px; line-height:48px; border-radius: 24px; background-color: #16a0e8; font-weight: bold; font-size: 20px; text-align: center; color: #ffffff; margin-right:18px; }
.contents .text_3 {font-size: 26px; line-height: 1.38; text-align: left; color: #434343; letter-spacing:1.2px;}
.contents .text_3 em { font-weight:bold; color:#ff6363; }
.contents .text_3 strong { font-weight:bold; }
.contents .text_3 p { margin-top:36px; letter-spacing: normal;}
.contents .text_3 a { word-break:break-all;}
.contents .text_3 img {display:block; margin:0 auto; }
.contents .text_4 {margin:18px 0 !important; font-size: 20px; line-height: 1.5; text-align: left; color: #aaaaaa;}
.contents .text_5 {font-size: 20px; text-align: right; color: #aaaaaa; padding-top:10px; }
.contents .text_5.type1 { margin-top:18px !important; padding-top:0; text-align:left; }
.contents .text_5.type2 { padding-bottom:60px !important; }
.contents .text_6 {font-weight: bold; font-size: 30px; color: #16a0e8;margin:48px 0 24px;}
.contents .text_7 {font-size:26px; color:#16a0e8; padding-bottom:2px; border-bottom:1px solid #16a0e8;}
.contents .step .text_2 { display:inline-block; max-width:70%; min-height:30px; font-weight: bold; font-size: 30px; line-height: 1; text-align: left; color: #434343; padding:10px 0 36px; }
.contents .step .text_3 {margin-bottom:36px;}
.contents .step dt { padding-bottom:36px; margin-bottom:54px; }
.contents .step .step2_1 { background:url(../images/step2_1.png) no-repeat bottom center;}
.contents .step .step2_2 { background:url(../images/step2_2.png) no-repeat bottom center;}
.contents .step .step2_3 { background:url(../images/step2_3.png) no-repeat bottom center;}
.contents .step .step3_1 { background:url(../images/step3_1.png) no-repeat bottom center;}
.contents .step .step3_2 { background:url(../images/step3_2.png) no-repeat bottom center;}
.contents .step .step3_3 { background:url(../images/step3_3.png) no-repeat bottom center;}
.contents .step .step4_1 { background:url(../images/step4_1.png) no-repeat bottom center;}
.contents .step .step4_2 { background:url(../images/step4_2.png) no-repeat bottom center;}
.contents .step .step4_3 { background:url(../images/step4_3.png) no-repeat bottom center;}
.contents .step .step4_4 { background:url(../images/step4_4.png) no-repeat bottom center;}
.contents .step em { font-weight:bold; color:#ff6363}
.contents .step .info { margin:6.4% 58px; max-width:100%; text-align:center; background-color:#fafafa; border:2px solid #E0E0E0;}
.contents .step .info img, .contents .code img { max-width:100%; }
.contents .code.members img {max-width:50%; }
.contents .code { margin:36px 58px 24px; text-align:center; }
.contents .codeImg { margin:36px 58px 60px; text-align:center; }
.contents .card .codeImg {margin-bottom:48px;}
.contents .policyDate { float:right; font-size:15px; }
.contents .card.type2 .text_3 { padding-right:0; }
.contents .codeImg > img { max-width:100%; }

.mtiCode { padding:3%; background:#ffffdf; margin:5.12% 8.262% 6.83%; text-align:center; max-width:586px; min-height:150px; border:4px solid #e0e0e0; box-sizing:border-box;}
.mtiCode h3 { position:relative; display:inline-block; font-weight:normal; font-size:40px; letter-spacing:1.5px; color:#4d4d4c; min-height:30px; z-index:10; }
.mtiCode h3:after { content:''; position:absolute; width:100%; height:12px; top:38px; left:0; background:rgba(255,255,65,.3); z-index:1; border-radius:2px; }
.mtiCodeBox {padding:2%; margin-top:2%; background:#e8e8e8; border:1px solid #797979; font-size:18px; color:#484747; line-height:1.2; text-align:center; word-break:break-all;}
.mtiCodeDesc {margin-top:2%; text-align:center;}
.mtiCodeDesc p {font-size:16px; color:#ff0000; line-height:1.1; letter-spacing:-0.3px;}
.contents .card.type1 .mtiCode { margin-bottom:30px;}

.contents .boxWrap { background:#fff; text-align:center; margin:68px 24px 110px;}
.contents .boxWrap .text_3 { text-align:center; margin:54px 0 36px; } /* prima2 boxWrap margin bottom 36px */
.contents ol.bookMark > li { position:relative; margin-bottom:24px; }
.contents ol.bookMark > li:last-child { margin-bottom:0; }
.contents ol.bookMark > li:after { clear:both; content:''; display:block; }
.contents ol.bookMark > li > span { float:left; width:50%; font-size:28px; box-sizing:border-box; }
.contents ol.bookMark > li > img { float:right; }
.contents .delAccWrap { margin:120px 0 0; text-align:center; }
.contents .delAccWrap .text_3 { text-align:center; margin:120px 24px;}
.contents .delAccWrap .btn_2 { height:110px; margin-bottom:60px;}
.contents .policyList li { margin:60px 0; }
.contents .policyList li > a {font-weight:bold; font-size:26px; color:#16a0e8; padding-bottom:2px; border-bottom:2px solid #72b7e1;}
/* button */
.contents .btnArea { width:100%; text-align:center; padding-bottom:60px; }
.contents .btnArea.type1 { padding-bottom:0; }
.contents .btn_1 { display:inline-block; width:100%; padding:34px 0 35px; box-sizing:border-box; border-radius: 16px; box-shadow: 0px 6px 0 0 #cc4b4b; background-color: #ff6363;border: solid 2px #cc4b4b; font-weight: bold; font-size: 30px; text-align: center; color: #ffffff; margin-bottom:24px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.contents .btn_2, .btnArea button { display:inline-block; width:100%; height:120px; padding:37px 0; box-sizing:border-box;  border-radius: 16px; background-color: #ff6363; font-weight: bold; font-size: 30px;text-align: center; color: #ffffff; border:0; vertical-align:middle; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.contents .btn_2.type1 { margin-top:24px; }
.contents .btn_2.type2 { height:110px; padding:8px 0;}
.contents .btn_2.type3 { height:120px; padding:20px 0; line-height:1.3;}
.contents .lineBox .btnArea .btn_2, .contents .lineBox .btnArea button {margin-top:36px; }
.contents .tit { font-size:26px; font-weight:normal; margin-bottom:18px; }
.contents .tit + p, .contents .tit + div, .contents .tit + ul { margin:24px !important; }
.contents .claw .tit { margin-bottom:0; }
.contents .claw .tit + p { margin: 0 !important; }
.contents h5 { margin:18px 0; }
.contents .card.type1+.cardTxt+.btnArea, .contents .boxWrap .btnArea, .policyList+.btnArea{ padding-bottom:0 !important; }
.contents .mtiCode + .btnArea, .contents .mtiCode + .btnArea .btn_2.type1 { margin-top:0; }

/*error page*/
.errorBox {max-width:700px; margin:100px auto 0; padding:50px 20px  0; background:#fff; border:1px solid #d3d6db; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; text-align:center;}
.errorIco {position:relative; display:block; width:131px; height:111px; margin:0 auto;}
.errorBox h3 {padding:45px 0 7px; font-size:32px; color:#2684dc; line-height:1.2;}
.errorBox p {margin-top:13px; font-size:14px; color:#5d6777; line-height:1.2;}
.errorBox .btnArea {margin:60px auto 0;}
.errorBox .errorIco {
  background: url(../images/img_split.png) no-repeat transparent;
  background-image: -webkit-image-set(url(../images/img_split.png) 1x, url(../images/img_split@2x.png) 2x);
  background-image: -moz-image-set(url(../images/img_split.png) 1x, url(../images/img_split@2x.png) 2x);
  background-image: -o-image-set(url(../images/img_split.png) 1x, url(../images/img_split@2x.png) 2x);
  background-image: -ms-image-set(url(../images/img_split.png) 1x, url(../images/img_split@2x.png) 2x);
  background-size: 700px 700px;
  text-indent: -9999px;
  line-height: 0;
  overflow: hidden;
  background-position:-309px -324px;
}

.errorBox .btnArea .btnW, .errorBox .btnArea .btnlb {display: inline-block; padding: 14px 5%; border: 1px solid #d5dce2; font-size: 15px; line-height: 1.2; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; vertical-align: middle;}
.errorBox .btnArea .btnSignUp {margin-left: 7px; background: #2684dc; border-color: #2684dc; color: #fff;}

.mtiBtns {width:90%; margin:0 auto 5%;}
.mtiBtns a {display:block; width:100%; padding:9px 15px; margin-top:15px; background:#2a88c8; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:26px; color:#fff; line-height:1.2; text-align:center; overflow:hidden; box-sizing:border-box; }
.mtiBtns a:first-child {margin:0;}
.mtiSubTit { margin-bottom: 15px; border-bottom: 2px solid #ff0000; color: #484747; font-size:26px; }
.mtiList li { font-size:26px; }


/* footer */
.footer { width:100%; text-align:center; background:#d0edff; margin:110px auto 0; box-sizing:border-box; }
.footer div, .footer > ul:first-child { font-size:0; padding:2% 0 0; margin:0 auto; }
.footer ul li { position:relative; display:inline-block;}
.footer div p a, .footer ul > li > a{ display:inline-block; width:auto; font-size:26px; text-align:center; color:#2a88c8; margin:6px 0; }
.footer div p a:before, .footer ul > li > a:before { content:'|'; padding:0 6px; }
.footer div p a:first-child:before, .footer ul> li:first-child > a:before { content:''; }
.footer .copyright { width:100%; font-size:26px; margin-top:2%; padding:20px 0; background:#16a0e9; color:#fff; }

/*ahamo */
.ahamoNotice2 { padding: 0 3%; color: #cf06c0; font-size: 22px; margin-top: 0px; margin-bottom: 50px; font-weight: bold; text-align:center;}
.ahamoNotice2:hover, .ahamoNotice2:focus {color: #cf06c0; text-decoration: underline;}

/* provider notice1*/
.newNotice{line-height:40px;font-size:25px;}
.newNotice h2{font-size:36px;}
.newNotice a{word-break:break-word;}
.newNotice a:link, .newNotice a:visited{color:#00b050;}
.newNotice a:hover, a:active{color:#00b050;text-decoration:underline;}
.providerNotice p span{color:#ff0000;font-size:26px;}
.providerNotice p a{color:#00b050;}
.ahamoUser, .povoUser, .linemoUser{font-size:26px;}
.colred{color:#ff0000;}

.precautions p:first-child{ margin-top:0 !important;}
.precautions p:last-child{ padding-bottom:60px;}
.linkUnderline{ text-decoration:underline; color:#3a8dc0;}

@media all and (max-width:767px) {
  .wrap { min-width:320px; max-width:100%; }
  /* header */
  .header .logo a {width:85%; }
  .header .slogan { font-size:15px; }

  /* contents */
  .contents .cardWrap:first-child { padding-bottom:12px; }
  .contents .cardWrap.type1 { margin-top:-7px; }
  .contents .cardWrap.type1:after { height:120px;}
  .contents .card { border-radius:8px;}
  .contents .card.type1 { padding-bottom:9px; }
  .contents .card.type2 { padding-bottom:30px; }
  .contents h2.text_1{ font-size: 18px; margin:10px 0 30px; }
  .contents h2.text_1.type1 { margin-bottom:9px; }
  .contents .card .features { padding-bottom:12px;}
  .contents .card .features li { margin-bottom:12px; font-size:13px; }
  .contents .card .features li span { font-size:13px; padding:12px; letter-spacing: normal; }
  .contents .card .features li:before { width:60px; height:60px; overflow:hidden; background-size:contain;}
  .contents .card .features li.icon_2 > span, .contents .card .features li.icon_4 > span{ padding-right:12px;}
  .contents .card + .cardTxt { margin-top:-6px;}
  .contents .cardTxt { margin:18px 9px; font-size: 12px;}
  .contents .lineBox { border-top:1px solid #e0e0e0; padding-top:18px; margin-bottom:12px; }
  .contents .lineBox .text_3 { margin:24px 0 0; }
  .contents .step { margin:18px 0 27px; border-bottom:1px solid #e0e0e0; }
  .contents .step.last, .contents .card > .step:last-child { padding-bottom:24px; }
  .contents .step .devMark { width: 78px; height: 24px; line-height:24px; border-radius: 12px; font-size: 12px; margin-right:9px; }
  .contents .text_3 {font-size: 13px;}
  .contents .text_3 p { margin-top:18px; }
  .contents .text_4 {margin:9px 0 !important; font-size: 12px; line-height: 1.5;}
  .contents .text_5 {font-size: 12px; padding-top:5px; }
  .contents .text_5.type1 { margin-top:9px !important; padding-top:0;}
  .contents .text_6 {font-size: 13px; margin:24px 0 12px;}
  .contents .text_7 {font-size:13px;}
  .contents .step .text_2 {min-height:15px; font-size: 13px; padding:5px 0 18px; }
  .contents .step .text_3 {margin-bottom:18px; padding-right:0;}
  .contents .step dt { padding-bottom:18px; margin-bottom:27px; max-width:340px; background-size:auto 12px !important; }
  .contents .step .info { border:1px solid #E0E0E0;}
  .contents .code { margin:18px 29px 12px;}
  .contents .codeImg { margin:18px 29px 30px;}
  .contents .card .codeImg {margin-bottom:24px;}
  .contents .boxWrap { margin:34px 12px 55px;}
  .contents .boxWrap .text_3 { margin:27px 0 24px; }
  .contents ol.bookMark > li { margin-bottom:12px; text-align:center;}
  .contents ol.bookMark > li > span { width:100%; font-size:14px; text-align:left; }
  .contents ol.bookMark > li > img {float:none; margin-top:10px;  }
  .contents .delAccWrap { margin:60px 0 0;}
  .contents .delAccWrap .text_3 {margin:60px 12px;}
  .contents .delAccWrap .btn_2 { height:55px; margin-bottom:30px;}
  .contents .policyList li { margin:30px 0; }
  .contents .policyList li > a {font-size:13px; padding-bottom:2px; border-bottom:1px solid #72b7e1;}
  .contents .delAccWrap img, .contents .code > img, .contents .info > img { max-width:50%; }
  .contents .code.members img {max-width:40%; }

  /* button */
  .contents .btnArea {padding-bottom:30px;}
  .contents .btn_1 { padding:17px 0 18px; border-radius: 8px; border: solid 1px #cc4b4b; font-size: 15px; margin-bottom:12px;}
  .contents .btn_2, .btnArea button { height:60px; padding:18px 0; border-radius: 8px;font-size: 15px;}
  .contents .btn_2.type1 { margin-top:12px; }
  .contents .btn_2.type2 { height:55px; padding:4px 0;}
  .contents .btn_2.type3 { height:60px; padding:10px 0; }
  .contents .lineBox .btnArea .btn_2, .contents .lineBox .btnArea button {margin-top:18px; }
  .contents .tit {font-size:13px; margin-bottom:9px; }
  .contents .tit + p, .contents .tit + div, .contents .tit + ul { margin:12px !important; }
  .contents h5 { margin:9px 0; }
  .contents .policyDate { font-size:12px; }
  .contents .step.last > dl > dd + .btnArea, .contents .card > .step:last-child > dl > dd + .btnArea{ margin-top:18px; }
  .errorBox {width:80%; margin:30px auto 0; border:0;}
  .errorBox h3 { font-size:18px; }

  .mtiCode { min-height:auto; margin:5.12% 4% 6.83%; border:2px solid #e0e0e0; }
  .mtiCode h3 {font-size:16px;}
  .mtiCode h3:after {top:18px; height:6px; }
  .mtiCodeBox { font-size:13px; }
  .mtiCodeDesc p { font-size:12px;}
  .mtiSubTit { font-size:15px; }
  .mtiList li { font-size:13px;}
  .mtiBtns a {font-size:13px;}
  .contents .card.type1 .mtiCode { margin-bottom:15px; }
  .precautions p:last-child{ padding-bottom:30px;}

  .mt_1{ display:block; margin-top:9px !important;}
  .mt_2{ display:block; margin-top:12px !important;}
  .mt_3{ display:block; margin-top:18px;}
  .mt_4{ display:block; margin-top:24px;}
  .mt_5{ display:block; margin-top:27px;}
  .mt_6{ display:block; margin-top:30px;}
  .mt_7{ display:block; margin-top:34px;}
  .mb_1{ display:block; margin-bottom:9px;}
  .mb_2{ display:block; margin-bottom:12px;}
  .mb_3{ display:block; margin-bottom:18px;}
  .mb_4{ display:block; margin-bottom:24px;}
  .mb_5{ display:block; margin-bottom:27px;}
  .mb_6{ display:block; margin-bottom:30px;}
  .mb_7{ display:block; margin-bottom:34px;}

  /* footer */
  .footer { margin-top:55px;}
  .footer div { max-width:3750px;}
  .footer div p a, .footer ul > li > a{ font-size:13px; margin:3px 0; }
  .footer div p a:before, .footer ul > li > a:before {padding:0 3px; }
  .footer .copyright { font-size:13px; padding:10px 0;}
  
  /* provider notice2*/
  .newNotice{line-height:22px;font-size:13px;}
  .newNotice h2{font-size:18px;}
  .newNotice a{word-break:break-word;}
  .newNotice a:link, .newNotice a:visited{color:#00b050;}
  .newNotice a:hover, a:active{color:#00b050;text-decoration:underline;}
  .providerNotice p span{color:#ff0000;font-size:14px;}
  .providerNotice p a{color:#00b050;}
  .ahamoUser, .povoUser, .linemoUser{font-size:14px;}
}

