/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   html{
    display: block;
    height:100%;
   }
   
   body {font-size:1em; line-height: 1.4; letter-spacing:-0.02em;
    height:100%; }
   /*
    * Remove text-shadow in selection highlight: h5bp.com/i
    * These selection rule sets have to be separate.
    * Customize the background color to match your design.
    */
   
   ::-moz-selection {
       background: #b3d4fc;
       text-shadow: none;
   }
   
   ::selection {
       background: #b3d4fc;
       text-shadow: none;
   }
   
   ::-webkit-input-placeholder {
       font-size: .875em;
       -webkit-user-modify: read-write-plaintext-only;
       -webkit-writing-mode: horizontal-tb;
   }
   
   /*
    * A better looking default horizontal rule
    */
   
   
   
   /*
    * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
    */
   
   img {
       vertical-align: middle;
   }
   
   /*
    * Remove default fieldset styles.
    */
   
   fieldset {
       border: 0;
       margin: 0;
       padding: 0;
   }
   
   /*
    * Allow only vertical resizing of textareas.
    */
   
   textarea {
       resize: vertical;
   }
   
   /* ==========================================================================
      Chrome Frame prompt
      ========================================================================== */
   
   .chromeframe {
       margin: 0.2em 0;
       background: #ccc;
       padding: 0.2em 0;
   }
   
   
   /* ==========================================================================
      Helper classes
      ========================================================================== */
   /*
    * Image replacement
    */
   
   .ir {
       background-color: transparent;
       border: 0;
       overflow: hidden;
       /* IE 6/7 fallback */
       *text-indent: -9999px;
   }
   
   .ir:before {
       content: "";
       display: block;
       width: 0;
       height: 150%;
   }
   
   /*
    * Hide from both screenreaders and browsers: h5bp.com/u
    */
   
   .hidden {
       display: none !important;
       visibility: hidden;
   }
   
   /*
    * Hide only visually, but have it available for screenreaders: h5bp.com/v
    */
   
   .visuallyhidden {
       border: 0;
       clip: rect(0 0 0 0);
       height: 1px;
       margin: -1px;
       overflow: hidden;
       padding: 0;
       position: absolute;
       width: 1px;
   }
   
   /*
    * Extends the .visuallyhidden class to allow the element to be focusable
    * when navigated to via the keyboard: h5bp.com/p
    */
   
   .visuallyhidden.focusable:active,
   .visuallyhidden.focusable:focus {
       clip: auto;
       height: auto;
       margin: 0;
       overflow: visible;
       position: static;
       width: auto;
   }
   
   /*
    * Hide visually and from screenreaders, but maintain layout
    */
   
   .invisible {
       visibility: hidden;
   }
   
   /*
    * Clearfix: contain floats
    *
    * For modern browsers
    * 1. The space content is one way to avoid an Opera bug when the
    *    `contenteditable` attribute is included anywhere else in the document.
    *    Otherwise it causes space to appear at the top and bottom of elements
    *    that receive the `clearfix` class.
    * 2. The use of `table` rather than `block` is only necessary if using
    *    `:before` to contain the top-margins of child elements.
    */
   
   .clearfix:before,
   .clearfix:after {
       content: " "; /* 1 */
       display: table; /* 2 */
   }
   
   .clearfix:after {
       clear: both;
   }
   
   /*
    * For IE 6/7 only
    * Include this rule to trigger hasLayout and contain floats.
    */
   
   .clearfix {
       *zoom: 1;
   }
   
   /* ==========================================================================
      EXAMPLE Media Queries for Responsive Design.
      These examples override the primary ('mobile first') styles.
      Modify as content requires.
      ========================================================================== */
   
   @media only screen and (min-width: 35em) {
       /* Style adjustments for viewports that meet the condition */
   }
   
   @media print,
          (-o-min-device-pixel-ratio: 5/4),
          (-webkit-min-device-pixel-ratio: 1.25),
          (min-resolution: 120dpi) {
       /* Style adjustments for high resolution devices */
   }
   
   /* ==========================================================================
      Print styles.
      Inlined to avoid required HTTP connection: h5bp.com/r
      ========================================================================== */
   
   @media print {
       * {
           background: transparent !important;
           box-shadow: none !important;
           text-shadow: none !important;
       }
   
       a,
       a:visited {
           text-decoration: underline;
       }
   
       a[href]:after {
           content: " (" attr(href) ")";
       }
   
       abbr[title]:after {
           content: " (" attr(title) ")";
       }
   
       /*
        * Don't show links for images, or javascript/internal links
        */
   
       .ir a:after,
       a[href^="javascript:"]:after,
       a[href^="#"]:after {
           content: "";
       }
   
       pre,
       blockquote {
           border: 1px solid #999;
           page-break-inside: avoid;
       }
   
       thead {
           display: table-header-group; /* h5bp.com/t */
       }
   
       tr,
       img {
           page-break-inside: avoid;
       }
   
       img {
           max-width: 100% !important;
       }
   
       @page {
           margin: 0.5cm;
       }
   
       p,
       h2,
       h3 {
           orphans: 3;
           widows: 3;
       }
   
       h2,
       h3 {
           page-break-after: avoid;
       }
   }
   
   /* ==========================================================================
      Author's custom styles
      ========================================================================== */
   #wrapper { overflow:hidden;
    /*  padding:0 24px; */ }
   #wrapper .pd24 {  padding:0 24px; }
   #intro { position:fixed; width:100%; height:100%; background:#0a53e5; }
   #intro p { position:absolute; left:50%; top:50%; margin-top:-28px; margin-left:-78.5px; }
   #intro p img { width:157px; height:auto; }
   #back-top { z-index:2; position: fixed; bottom: 80px; right:20px; margin-left: 0px;}
   #back-top a { display: block;}
   #back-top span { width: 57px; height: 57px; display: block; margin-bottom: 7px; background: url("../img/btn_top.png") no-repeat center center / 57px auto;}
   header#header-m { position:relative; margin:13px 0 0; }
   header#header-m h1 { position:absolute; left:24px; top:0px; }
   header#header-m h1 img { width:46px; height:auto; }

   #menu-foot {
       position: fixed;
       bottom: 0;
       left: 0;
       width: 100%;
       z-index: 2700;
       background: #fff;
       padding-bottom: env(safe-area-inset-bottom);
       padding-bottom: constant(safe-area-inset-bottom);
   }
   #menu-foot > ul { padding-bottom:8px; border-top:1px solid #efefef;}
   #menu-foot > ul li { float:left; width:25%; text-align:center; }
   #menu-foot > ul li.menu1 { background:url('../img/ico_foot_1_off.png') no-repeat center 10px / 19px auto; }
   #menu-foot > ul li.menu2 { background:url('../img/ico_foot_2_off.png') no-repeat center 10px / 15px auto; }
   #menu-foot > ul li.menu3 { background:url('../img/ico_foot_3_off.png') no-repeat center 12px / 20px auto; }
   #menu-foot > ul li.menu4 { background:url('../img/ico_foot_4_off.png') no-repeat center 10px / 20px auto; }
   #menu-foot > ul li.menu1 a.on { background:url('../img/ico_foot_1_on.png') no-repeat center 10px / 19px auto; }
   #menu-foot > ul li.menu2 a.on { background:url('../img/ico_foot_2_on.png') no-repeat center 10px / 15px auto; }
   #menu-foot > ul li.menu3 a.on { background:url('../img/ico_foot_3_on.png') no-repeat center 12px / 20px auto; }
   #menu-foot > ul li.menu4 a.on { background:url('../img/ico_foot_4_on.png') no-repeat center 10px / 20px auto; }
   #menu-foot > ul li a { display:block; padding:34px 0 0 0px; font-size:12px; }
   #menu-foot .btn-signin.btn-red { padding:10px 0; }
   #menu-foot a { border-radius:0; border:none; }
   #menu-foot a.btn-b { padding:10px 0; }
   .footer { min-height:130px; background:#f8f8fa; }
   .footer .cont { margin:15px 24px; }
   .footer .cont .txt { text-indent:1px; padding-left:17px; background:url('../img/ico_exclamation.png') no-repeat 0 3px / 12px auto; font-size:.75em; color:#888; font-weight:300; }
   .footer .copyright { padding-top:10px; text-align:center; }
   .footer .copyright span { font-size:.813em; }
   .footer .copyright span img { width:60px; height:auto; margin-left: 10px;} 
   .footer .mid { /* margin-top:15px; */ padding-top:30px; }
   .footer .mid a.btn { display:block; padding:10px 0 17px; /* text-align:center; */ font-size:14px; }
   .footer .mid a.btn img { width:12px; height:auto; margin-left:5px; transition: all 0.4s; }
   .footer .mid a.btn.on img { /* background:url('../img/arr_gray_down.png') no-repeat right center / 12px auto; */ -webkit-transform: rotate(180deg);  transform: rotate(180deg); transition: all 0.4s; }
   /* .footer .mid .btn a.off img {  } */
   .footer .mid .btn.on strong {   -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);  }
   .footer .lst { margin:0; padding:17px 0 0 0; border-top:1px solid #ededed; }
   .footer .lst dl { overflow:hidden; width:100%; margin-bottom:5px; font-size:12px; color:#767676; } 
   .footer .lst dl dt { float:left; }
   .footer .lst dl dd { float:left; padding-left:5px;} 
   .footer .lst dl dd a { color:#1a1a1a; margin-left: 3px; } 
   .footer .lst > p { margin-bottom:17px; font-size:12px; color:#767676; }
   .footer .bot { /* margin-top:10px; */ padding:17px 0 85px 0; border-top:1px solid #ededed; }
   .footer .bot p { margin-top:10px; font-size:12px; color:#767676; line-height:1.7em; }
   .footer .bot ul { overflow:hidden; width:100%; }
   .footer .bot a.point { color:#1a1a1a; }
   .footer .bot ul li { float:left; /* width:25%; */ text-align:left; font-size:.875em; }
   .footer .bot ul li+li { margin-left:10px; }
   .footer .bot ul li a {  display:block; color:#767676; font-size:12px; }
     

   #header-sub { padding:20px 24px; background:white; }
   #header-sub a span.arr img { width:21px; height:auto; }
   #header-sub a span.close img { width:16px; height:auto; }
   #header-sub h1 { position:relative; top:3px; left:10px; font-weight:600; font-size:20px; }
   dl.lst-normal { padding-top:40px; }
   dl.lst-normal dt { font-weight:bold; font-size:20px; }
   dl.lst-normal dd { font-size:16px; color:#767676; }
   dl.lst-normal .lst li+li { padding-top:24px; }
   dl.lst-normal .lst dl dt { float:left; width:25%; font-size:14px; color:#1a1a1a; font-weight:600; }
   dl.lst-normal .lst dl dd { float:left; width:75%; /* margin-left:15px; */ font-size:14px; color:#767676; font-weight:600; }
   dl.lst-normal .txt { padding:40px 0 65px; font-weight:600; }
  
   dd.input p { font-weight:600; font-size:14px; color:#1a1a1a; }
   dd.input input { border:0; min-height:38px; }
   dd.input label { display:block; min-height:38px; padding:5px; border-radius:10px; border:1px solid #dbdbdb; }

   .radio-button, .checkbox {
       position: relative;
       margin: 20px 0;
   }
   .radio-button input, .checkbox input {
       position: absolute;
       margin: 5px;
       padding: 0;
       /* for mobile accessibility (iOS Label Bug) */
       visibility: hidden;
   }
   .radio-button .label-visible, .checkbox .label-visible {
       margin-left: 35px;
       margin-bottom: 0;
   
   }

   .radioBtn {
       position: absolute;
       display: block;
       top: 0px;
       left: 0px;
       width: 20px;
       height: 20px;
       box-sizing: border-box;
       border: 2px solid #ddd;
       background-color: white;
       -webkit-transition: all 250ms ease;
       transition: all 250ms ease;
   }
   .radioBtn:after {
       content: "";
       display: none; 
       /* opacity:0; */
       position: absolute;
       top: 50%;
       left: 50%;
       width: 10px;
       height: 10px;
       background: #0a53e5;
       -webkit-transition: all 250ms ease;
       transition: all 250ms ease;
       transform: translateX(-50%) translateY(-50%);
   }
   .radioBtn {
       border-radius: 50%;

   }
   .radioBtn:after {
       border-radius: 50%;
   }
   .radioBtn:before {
       border-radius: 50%;
   }
   input[type="radio"]:checked + span .radioBtn:after, input[type="checkbox"]:checked + span .fake-checkbox:after {
       display: block;
   }
    .on .radioBtn { border:2px solid #0a53e5; }
   .fake-checkbox {
       position: absolute;
       display: block;
       /* top: 0; */
       bottom:-2px;
       left: 3px;
       width: 18px;
       height: 18px;
       border-radius:3px;
       border: 2px solid #dbdbdb;
       background-color: white;
   }
   .fake-checkbox:after {
       content: "";
       display: none;
       position: absolute;
       top: 50%;
       left: 50%;
       width: 20px;
       height: 20px;
       /* background: navy; */
       /* border: 2px solid #dbdbdb; */
       background:url('../img/chk_on.png') no-repeat center center / 20px auto;
       transform: translateX(-50%) translateY(-50%);
   }
   .btn-blue { display:block; background:#0a53e5; border:1px solid #0a53e5; color:white; text-align:center; }
   .btn-w-blue { display:block; background:white; border:1px solid #0a53e5; color:#0a53e5; text-align:center; }
   

   @media screen and (max-width:1200px) {
   
   }
   
   @media screen and (min-width:768px) {
       /* body {	max-width: 640px;    margin: 0 auto; } */
       #wrapper { max-width: 640px;    margin: 0 auto; }
       #intro { margin:inherit; }
   }
   @media screen and (max-width:480px) {
       .footer .bot ul li { /* letter-spacing:-0.07em; */ letter-spacing:-0.1em; }
   }
   
   
   @media (max-width: 320px) {
       /* .footer .bot ul li { letter-spacing:-0.15em; } */
       .footer .bot ul li+li { margin-left:3px; }
       .footer .bot ul li:last-child { margin-left:0; }
       .p-lst .lst .bot dl dd > span { float:right; }
       /* .swipe-main1 .swiper-slide { width:73%; } */
       .p-lst .lst .bot dl dd span.en-num { margin-left:0px; }
   }


   /*###################  login.html  ##################*/

   .yesBtn{padding:13px 0; border-radius:10px;font-weight: bold;}
   .grayLine{margin:0 15px;color:#dbdbdb}
   .fs-75 {font-size:.75em;}

  /*###################  search.html  ##################*/
   .desc-box {
    padding: 20px 15px;
    border-radius: 10px;
    background: #f8f8fa;
    text-align: center;
    }
    .titleId{
        display: table-cell; 
        vertical-align: middle;
        font-size: 14px;
        font-weight: 600;

    }
    .searchedId{
        display: table-cell; 
        font-size: 28px;
        font-weight: 600;
        padding-left: 55px;
    }
    .btn-blue-login { display:inline-block; width:calc(50% - 10px); background:#0a53e5; border:1px solid #0a53e5; color:white; text-align:center; float:right; }
    .btn-blue-id{ display:block; border:1px solid #0a53e5; color:#0a53e5; text-align:center; }
    .btn-gray-password { display:inline-block; width:calc(50% - 10px); border:1px solid #a4a4a5; color:#767676; text-align:center; }
    .codeSend{ display:inline-block;height: 50px; border:1px solid #a4a4a5; background-color: #a4a4a5; color:#fff; text-align:center; float:right; line-height: 50px; box-sizing: border-box;border-radius: 10px; margin-top: 10px;font-size: .875em;  width: 30%;font-weight: 600;
    }
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
      -webkit-appearance: none;
    }
    input::placeholder {
        color: #767676;
      }
    .w70p10px{width: calc(70% - 10px) !important; box-sizing: border-box;}
    .codeDel{display: inline-block; float: right;width: 20px;margin-top:10px;padding-right:10px;}

  /*###################  signUp.html  ##################*/
    .mt450{margin-top:450px;}
    .over19{font-size:.75em !important;color:#767676 !important;margin-left:18px;margin-top:10px;}
    .signUpName{display:inline-block;font-size:.875em;font-weight: 600;color:#767676;}
    .signUpPhone{display:inline-block;font-size:.875em;font-weight: 600;color:#767676;}
    dd.chk_agree > p {font-size:14px; font-weight: 600}
    dd.chk_agree > .desc-box label span {font-size:14px; font-weight: 600;}  
    dd.chk_agree .btn-blue { line-height:50px; padding:0px 0; border-radius:10px; font-size:16px; }
    dd.chk_agree > .chk-lst { margin-top:40px; padding:0 15px; }
    dd.chk_agree > .chk-lst span { font-weight:600; }
    dd.chk_agree > .chk-lst p.tit { font-size:10px; font-weight:600; }
    dd.chk_agree > .chk-lst li { position:relative; margin-top:15px; }
    dd.chk_agree > .chk-lst li:nth-child(1){margin-top: 10px;}
    dd.chk_agree > .chk-lst li a { position:absolute; right:0; top:5px; padding-right:10px; background:url('../img/arr_r_gray.png') no-repeat right 4px / 4px auto; color:#767676; font-size:12px; }
    dd.chk_agree > .chk-lst li label{
    font-size: .875em;
    color: #767676;
    }
    @media screen and (min-width: 768px){
        .signIn{
            max-width: 592px;
        }
        .confirm{
            max-width: 592px;
        }    
        .welcomeLogin{
            max-width: 592px;
        }
    }
    .signIn{
        display: block;
        background: #0a53e5;
        border: 1px solid #0a53e5;
        color: #fff;
        text-align: center;
        padding: 13px 0;
        border-radius: 10px;
        font-weight: bold;
        margin:20px 0;
    }
    .confirm{
        display: block;
        background: #0a53e5;
        border: 1px solid #0a53e5;
        color: #fff;
        text-align: center;
        padding: 13px 0;
        border-radius: 10px;
        font-weight: bold;
        margin:20px 0;
    }
    .signBtn{
        display: inline-block;
        position: fixed;
        height: 90px;
        width: calc(100% - 48px);;
        bottom: 0px;
        background-color: #fff;
    }

    /*###################  terms.html  ##################*/
    .terms{
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
        color:#767676;
    }

    /*###################  signUp_success.html  ##################*/
    .pd28{padding:0 28px;}
    .mg28{margin:0 28px;}
    .col76{color:#767676; font-weight: 600;}
    .welcome{
        font-size: 28px;
        font-weight: 600;
    }
    .welcomeBox{
        border-top: 1px solid #ededed;
        border-bottom: 1px solid #ededed;
        font-weight: 600;
    }
    .welcomeId{
        display: inline-block;
        width: 60px;
        margin-top:5px;
        margin-bottom: 20px;
        margin-left: 20px;
        color:#767676;
        
    }
    .welcomeName{
        display: inline-block;
        width: 60px;
        margin-top: 20px;
        margin-left: 20px;
        color:#767676;
    }
    .welcomeLogin{
        display: block;
        background: #0a53e5;
        border: 1px solid #0a53e5;
        color: #fff;
        text-align: center;
        padding: 13px 0;
        border-radius: 10px;
        font-weight: bold;
        margin:20px 0;

    }
    /*myInfo.html*/
    .backgroundDiv .pd24{
        padding:0 24px;
    }
    .mb70 {margin-bottom:70px!important;}
    .infoChange{
        position: absolute;
        right: 0;
        top: 22px;
        padding-right: 10px;
        background: url(../img/arr_r_gray.png) no-repeat right 4px / 4px    auto;
        color: #767676;
        font-size: 12px;
    }
    .signOut{
        display: inline-block;
        width: calc(100% - 40px);
        border: 1px solid #a4a4a5;
        color: #767676;
        text-align: left;
        margin-bottom: 70px!important;
        padding: 13px 20px;
        border-radius: 10px;
        font-weight: 600;
        margin-top: 40px!important;
    }
    .outIco{
        height: 20px;
        float:right
    }
    
    .backgroundDiv{
        position: fixed;
        display: none;
        z-index: 2701;
        background-color: #666666;
        width: 100%;
        height: 100%;
    }
    .emailDiv{
        display: none;
    }
    .pwDiv{
        display: none;
    }
    .phoneDiv{
        display: none;
    }
    @media screen and (min-width:768px) {
        .backWrap { max-width: 640px;  margin: 0 auto; }
    }
    .changeDiv{
        background-color: #fff;
        width: calc(100% - 50px);
        height: 312px;
        margin: 27vh 25px;
        border-radius: 10px;
    }
    .changeTitle{
        font-size:18px;
        font-weight: bold;
        padding: 20px 0 0 0;
    }
    .btnClose{
        position: relative;
        float:right;
        width: 17px;
        top: 3px;
    }
    .gray-btn{
        text-align: center;
        display: block;
        background-color: #a4a4a5;
        border:1px solid #a4a4a5;
        color:#fff;
        font-weight:600;
        font-size:14px;
    }
    .backgroundDiv dd.input label{
        padding:2.5px;
    }
    .backgroundDiv .yesBtn{
        padding:12px 0;
        font-weight:600;
        font-size:14px;
    }
    .changeDiv .codeSend{
        width:35%;
        height: 45px;
        line-height:45px;
        margin-top:25px;
        box-sizing: border-box;
    }
    .backgroundDiv .over19{font-size:10px !important;}
    .pwDiv{
        height: 332px;
    }
    .phoneDiv{
        height: 260px;
    }
    @media screen and (max-width:320px) {
        .backgroundDiv .w60p10px{
            width: calc(55% - 10px);
        }
        .changeDiv .codeSend{
            width: 39%;
        }
    }
    .w60p10px{
        width: calc(60% - 10px);
    }
    dd.input .infoTitle{
        font-size:20px;
        font-weight: bold;
    }

    /*myPage.html*/
    .hr {
        border: 0;
        height: 5px;
        background: #ededed;
        margin: 0;
    }
    .mpLogin{
        position: relative;
        height: 210px;
        background-color: #0a53e5 ;
    }
    .mpMenu{
        position:relative;
        top: -50px;
        border-radius: 10px;
        box-shadow:0px 1px 5px rgba(0, 0, 0, 0.2);
        z-index: 2;
        background-color: #fff;
    }
    .loggedOut{
        display:inline-block;
        vertical-align: middle;
    }
    .loggedIn{
        display:inline-block;
        vertical-align: middle;
    }
    .loggedIn p{
        font-size:14px;
        color: #fff;
        margin-left: 10px;
    }
    .loggedIn p:nth-child(2){
        font-size:12px;
        color: #fff;
        margin-left: 10px;
    }
    .userLogin{
        display: inline-block;
        font-size:14px;
        color: #fff;
        vertical-align: middle;
        margin-left: 10px;
    }
    .ifLogin{
        float: right;
        color:#fff;
        font-size:12px;
        font-weight: 600;
        border-bottom: 1px solid #fff;
        margin-top: 25px;
        margin-right:16px;
    }
    .mpMenu li{
        height:50px;
        line-height: 50px;
        font-size:14px;
        font-weight: 600;
        border-top:1px solid #ededed;
    }
    .mpMenu a:nth-child(1) li{
        border-top:0;
    }
    .mpRightBtn{
        position: relative;
        width: 20px;
        top: 15px;
        float: right;
    }
    .mpRightBtn02{
        position: relative;
        height: 7px;
        top: 19px;
        margin-right: 3px;
        float: right;
    }
    .mpMenuIco{
        max-width:22px;
        margin-right:12px;
        margin-left:5px;
        padding-bottom:3px;
    }

    /*delaccount.html*/
    .txt-del{
        color:#ff3120;
        margin-top:5px;
    }

    .mpMenu02 li{
        display: inline-block;
        width: calc(50% - 7.5px);
        height: 45px;
        font-size:14px;
        padding:0 15px;
        line-height: 45px;
        text-align: left;
        border:1px solid #ededed;
        margin-bottom:9px;
        border-radius: 10px;
        box-sizing: border-box;
    }
    .mpMenu02 a:nth-child(2n) li{
        margin-left:10px;
    }
    dl.lst-normal .customerCenter{
        position: relative;
        top: -3px;
        display: inline-block;
        font-size:16px;
        color:#1a1a1a;
        font-weight: bold;
        
    }
    dl.lst-normal  .centerCall{
        display: inline-block;
        font-size:24px;
        font-weight: bold;
        color:#1a1a1a;
        margin-left:20px;
    }   
    dl.lst-normal .centerTime{
        font-size:12px;
        margin-left:82px;
        font-weight: normal;
        margin-top:5px;
    }
    .reason-box{
        background-color: #f1f1f5;
        height: 155px;
        font-size:12px;
        border:none;
        padding-top: 10px;
        padding-left: 10px;
        box-sizing: border-box;
    }
    .reason-box::placeholder{
        font-size:12px;
        color:#dadada;
    }
    .reason-box:focus{
        outline: 0;
    }
    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        -webkit-appearance:button;
        height: 20px;
        width: 20px;
    }
    .outReason input[type="radio"]{
        position: relative;
        top: 6px;
    }
    .outReason div{
        vertical-align: middle;
    }
    .outReason label{
        font-size:12px;
        color:#767676;
    }
    .reasonAgree input[type="checkbox"]{
        margin-left: 0px;
    }
    
    .reasonAgree .agree{
        position: relative;
        top: 2px;
        font-size:14px;
        font-weight: 600;
    }
    .outTerms .terms{
        font-weight: normal;
    }
    .outTerms .radio-button .label-visible{
        margin-left:0px;
    }
    .outTerms .gray-btn{
        font-size:16px;
    }
    .outTerms .fake-checkbox{
        width: 20px;
        height: 20px;
        box-sizing: border-box;
        left:0px;
    }
    .outTerms .checkbox .label-visible{
        margin-left:30px;
    }
    /*notice.html*/
    #container a:last-child dd.noticeList{
        border: 0;
    }
    .noticeList{
        padding-top: 14px;
        padding-bottom: 14px;
        border-bottom: 1px solid #dbdbdb;
    }
    .noticeTitle{
        font-size:16px;
        font-weight: 600;
        letter-spacing: -0.025em;
    }
    .noticeTag{
        display: inline-block;
        font-size:12px;
        color:#0a53e5;
        padding-right: 14px;
        border-right: 1px solid #dbdbdb;
    }
    .noticeDate{
        display:inline-block;
        font-size: 12px;
        padding-left: 12px;
        padding-right:8px;
        color:#767676;
    }
    .noticeImg{
        width: 15px;
    }
    /*notice_content.html*/
    .contentList{
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #dbdbdb;
    }
    .contentList .noticeDate{
        padding-left:0;
    }
    .noticeDesc{
        font-size:14px;
    }