*{/*font-family: 'Noto Sans KR','Apple_SDG','GmarketSans','dotum', sans-serif;*/-webkit-tap-highlight-color: transparent;}
.gmarkets{ font-family: 'GmarketSans', sans-serif; }

span{color:#3e3a39;}

img{vertical-align: middle;}
.hidden{display: none;}
.show{display: block;}
.relative{position: relative;}



/* Common div */

body{max-width:100%;}
header{max-width: 100%;margin:0 auto;;}

.fl{float:left;}
.fr{float:right;}
.inblock{display: inline-block;}
.nopd{padding:0!important;margin:0!important;}
.Aclear::after{content:"";display: block;clear: both;}

.tc{text-align: center;}
.tr{text-align: right;}
.tl{text-align: left!important;}

::-moz-selection {
  background: #2faee4;
  color: #fff;
}
::selection {
  background: #2faee4;
  color: #fff;
}



/* layouts */
.justify{text-align: justify;font-size: 0;}
.justify::after{content: "";width:100%;display: inline-block;}

/* flexbox */
.flexbox_row_sb{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.flexbox_row_ct{display: flex;flex-direction: row;justify-content: center;align-items: center;}
.flexbox_row_st{display: flex;flex-direction: row;justify-content: start;align-items: center;}

/* backgroun-color */
.backg_gray{background-color: #f5f5f5;}
.backg_w{background-color: #fff;}

/* fonts */


.ftw100{font-weight: 100;;}
.ftw200{font-weight: 200;;}
.ftw300{font-weight: 300!important;;}
.ftw400{font-weight: 400!important;;}
.ftw500{font-weight: 500!important;;}
.ftw600{font-weight: 600!important;;}
.ftw700{font-weight: 700;;}
.ftw800{font-weight: 800!important;;}

.lineH1{line-height: 1;}
.lineH12{line-height: 1.2;}
.lineH13{line-height: 1.3;}
.lineH14{line-height: 1.4;}
.lineH15{line-height: 1.5;}

.fs65{font-size: 65px;}
.fs50{font-size: 50px;}
.fs48{font-size: 48px;}
.fs20{font-size: 20px;}
.fs18{font-size: 18px;}
.fs16{font-size: 16px;}
.fs15{font-size: 15px;;}
.fs14{font-size: 14px;;}
.fs13{font-size: 13px;;}
.fs12{font-size: 12px;;}

.fcblue{color:#084A99;}
.fcjade{color:#38b7ab;}
.fcjade_light{color:#ccedea;}
.fcblack{color:#000;}
.fcgray{color:#3e3a39;}
.fcgray_light{color:#727171;}
.fcgray_light2{color:#d2d2d3;}
.fcgray_light3{color:#e5e5e6;}
.fcgray_light4{color:#f4f4f4;}
.fcyellow{color:#ffe200;}
.fcred{color:#ff0000;}
.fcwhite{color:#fff!important;}
.fctit{color:#161414;font-weight: 600;font-size: 22px;font-family: 'GmarketSans';}
.fctit2{color:#3e3a39;font-weight: 600;font-size: 18px;}
.fctit3{color:#3e3a39;font-weight: 400;font-size: 18px;}

.submitBtn{height: 50px;width: 120px;margin-left: 15px;background: #2faee4;border: 0px;color: #fff;border-radius: 7px;font-size: 18px;font-weight: 100;font-family: 'Apple_SDG';}

.fontred{color: #ff0000;}
.fontred.nored{color:transparent}

.textunder{text-decoration: underline;}

.lsp05{letter-spacing: -0.5px;}
.lsp1{letter-spacing: -1px;}


.btn_full {width: 100%;height: 40px;margin: 5px 0;box-sizing: border-box;}
.btn_blue {background-color: #084A99;color: #fff;border: 0px solid #084A99;}
.btn_wline {background-color: transparent;color: #000;border: 2px solid #000;}
.btn_white {background-color: transparent;color: #000;border: 1px solid #000;background-color: #fff;}
.btn_jade {background-color: transparent;color: #fff;border: 1px solid #38b7ab;background-color: #38b7ab;font-family: "GmarketSans";}
.btn_gray{background-color: #8e8d8d;color: #fff;border: 1px solid #8e8d8d;}

.btn_normal{width:70px;height:23px;border-radius:6px;}

.nopad{padding:0!important;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}


/* loading */
/* keyframes 정의 */
@keyframes circleLeft {
  0%{
    transform: translateX(-20px);
  }
  50%{
    transform: translateX(20px);
  }
  100%{
    transform: translateX(-20px);
  }
}
@keyframes circleRight {
  0%{
    transform: translateX(20px);
  }
  50%{
    transform: translateX(-20px);
  }
  100%{
    transform: translateX(20px);
  }
}
.loader-moving{
  position: fixed;
  width:100%;
  height: 100%;
  left:0;
  top:0;
  background: #fff;
  z-index:100;
  transition:all 1s;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -ms-transition:all 1s;
  -o-transition:all 1s;
  text-align: center;
}
.loader-moving > span{
  position: absolute;
  top:50%;
  left:calc(50% - 10px);
  width:20px;
  height:20px;
  border-radius: 100%;
  margin:-10px 0 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}
.loder-gif{width:150px;
position: absolute;
  top:calc(50% - 70px);
  left:calc(50% - 30px);  
  border-radius: 100%;
  margin:-10px 0 0;
  transform: translateX(-30px);

}
.loader-moving > span.left{
  background: #35c5f0;
  transform: translateX(-30px);
  animation:circleLeft 1s cubic-bezier(.645,.045,.355,1) infinite;
}
.loader-moving > span.right{
  background: #fccd0f;
  transform: translateX(30px);
  animation:circleRight 1s cubic-bezier(.645,.045,.355,1) infinite;
}
.loader-moving.end{
  opacity: 0;
  z-index:-1;
}

  /* radio_btns */

input[type="radio"] {
    display:none;
  }
  
  input[type="radio"] + label {
    color:#444;
    letter-spacing: -1px;
    margin-right: 20px;
    cursor:pointer;
    
  }
  
  input[type="radio"] + label span {
    display:inline-block;

    width: 16px;
    height: 16px;
    border-radius:100%;
    margin:0 8px 0px 0;
    vertical-align:middle;
    background-size:contain;
    background-color: #eeeeee;
    border: 1px solid #e5e5e5;
    cursor:pointer;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    -ms-border-radius:100%;
    -o-border-radius:100%;
    transition:0.2s ease-in;
}
  
  input[type="radio"]:checked + label span {
    
    position: relative;
    border: 1px solid #2faee4;
    transition:0.2s ease-in;
  
  
  }


  input[type="radio"]:hover + label span {
    position: relative;

}


  input[type="radio"]:hover + label span::after {
    content: "";
    border-radius:100%;
    width: 10px;
    height: 10px;
    background-color: #aac9f3;
    position: absolute;
    top: 2px;
    left: 2px;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    -ms-border-radius:100%;
    -o-border-radius:100%;

}
  
  input[type="radio"]:checked + label span::after {
    content: "";
    border-radius:100%;
    
    width: 10px;
    height: 10px;
    background-color: #2faee4;
    position: absolute;
    top: 2px;
    left: 2px;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    -ms-border-radius:100%;
    -o-border-radius:100%;
    transition:0.2s ease-in;
}



/* checkbox_btns */

input[type="checkbox"] {
  display:none;
}

input[type="checkbox"] + label {
  color:#333;
  font-family:nanumsquare;
  font-size:12px;
  letter-spacing: -1px;
      margin-right: 20px;
      cursor:pointer;
  
}

input[type="checkbox"] + label span {
  display:inline-block;
  width:17px;
  height:17px;
  margin:-1px 10px 0 0;
  vertical-align:middle;
  border: 1px solid #e5e5e5;
  /*background-color: #fff;
  border: 1px solid #808080;*/
    cursor:pointer;

}

input[type="checkbox"]:checked + label span {
  
  position: relative;
  border: 1px solid #EA5924;
  transition:0.2s ease-in;
  position:relative;


}
input[type="checkbox"]:hover + label span {
  position: relative;
  

}
 input[type="checkbox"]:hover + label span::after {
  content: "";
  width: 9px;
  height: 9px;
  background-color: #aac9f3;
  position: absolute;
  top: 3px;
  left: 3px;

} 


input[type="checkbox"]:checked + label span::after {
  content: "";
  width: 9px;
  height: 9px;
  background-color: #EA5924;
  position: absolute;
  top: 3px;
  left: 3px;

  transition:0.2s ease-in;


}


   /* radio txt btn */
   .radio_txtbtn input[type="radio"] + label {
    color:#444;
    letter-spacing: -1px;
    margin-right: 0px;
    border:1px solid #ddd;
    border-radius: 5px;;
    padding:4px 10px;
    cursor:pointer;
    display: inline-block;
    
  }

  
  .radio_txtbtn input[type="radio"]:checked + label {
    
    position: relative;
    border: 1px solid #25b7aa;
    background-color: #25b7aa;
    color:#fff;
    transition:0.2s ease-in;
  
  
  }

  /* radio check btn */

  .radio_chkbtn input[type="radio"] + label span {
    display:inline-block;
    width:22px;
    height:22px;
    margin:0px 0px 0 0;
    vertical-align:text-top;
    border: 0px solid #e5e5e5;
    background-color: transparent;
    transition:0.1s ease-in;
    cursor:pointer;
    background-image: url(../img/icons/check_off.png);
    background-position: center;
    background-size: contain;

  }
  
  .radio_chkbtn input[type="radio"]:checked + label {  color:#38b7ab;     }

  .radio_chkbtn input[type="radio"]:checked + label span {
    
    position: relative;
    border: 0px solid #407bff;
    transition:0.1s ease-in;
    position:relative;
    background-image: url(../img/icons/check_on.png);
    background-position: center;
    background-size: contain;
  
  
  }