@charset "utf-8";
@import url("../comm/webFont.css"); /* 웹폰트 로드 */


/* --------------------------------------------------------- basic ------------------------------------------------------------------ */
/* html, body */
* {
	margin: 0; padding: 0; color: #444141; font-weight: 400;
	font-family:"Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
html {
  font-size: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {background-color: #fff; overflow-x: hidden;}


/* html5 default */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
address {font-style: normal;}


/* normal */
img {vertical-align: middle; border: none;}
ul li, dl dt dd, ol li {list-style: none;}
a {text-decoration: none; border: none; cursor: pointer;}
a:link {}
a:visited {}
a:hover {text-decoration: underline;}
a:active {}
a.hideLink {width: 0px; height: 0px; font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px;} /* 웹접근성 링크에 따른 추가 (약관) */

h1, h2, h3, h4, h5, h6 {color: #161213; font-weight: 700;}
h1 {font-size: 20px; font-size: 1.25rem;}
h2 {font-size: 18px; font-size: 1.125rem;}
h3 {font-size: 16px; font-size: 1rem;}
h4 {font-size: 14px; font-size: 0.875rem;}
h5 {font-size: 12px; font-size: 0.750rem;}
h6 {font-size: 10px; font-size: 0.625rem;}

input, textarea, button {outline: none;}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
select,
textarea {background: #fff;}
input[type="file"] {padding: 0; border: none;}
input[type="image"] {border: none;}
input[type="radio"] {border: none;}
input[type="checkbox"] {border:none;}

/* padding 영역 벗어나는거 잡아주기 위한 css */
input, textarea, select {    
  -webkit-box-sizing: border-box; /* Safari, Chrome et al */
     -moz-box-sizing: border-box; /* Firefox */
          box-sizing: border-box; /* Opera/IE 8+ */
}

/* select style */
select {
  -webkit-border-radius: 1px;
    -webkit-appearance: none;
       -moz-appearance: none;
  appearance: none;  
  background: url("../../images/eng/icon/basic/select.png") no-repeat right 8px center #fff; /* 화살표 모양의 이미지 */
  /*background-size: 12px 6px; */
  padding-left: 8px; padding-right: 35px;
  border-radius: 0px; /* iOS 둥근모서리 제거 */
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display: none;
}


button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0; border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}


/* default content style */
strong {font-weight:700;}
table, table tr th, table tr td {border:none;}
label.dNone {background:none/* repeat scroll 0 0 transparent*/; width:0; height:0; font-size:0; line-height:0; margin:0; padding:0; position:absolute; visibility:hidden;}

.show {display: block !important;}
.hide {display: none !important;}
.hidden {visibility: hidden;}
.bold {font-weight: bold;}
.clear {clear: both;}
.tableCaption {width: 0px; height: 0px; font-size: 0; line-height: 0; overflow: hidden;}
.skip-content {
  overflow: hidden;
  border: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0;
  line-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: -9999px;
}



/* align */
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.text-justify {text-align: justify !important;}



/* margin */
.margin {margin: 0;}
.margin-top0 {margin-top: 0px !important;}
.margin-top5 {margin-top: 5px;}
.margin-top10 {margin-top: 10px;}
.margin-top15 {margin-top: 15px;}
.margin-top20 {margin-top: 20px;}
.margin-top25 {margin-top: 25px;}
.margin-top30 {margin-top: 30px;}
.margin-top35 {margin-top: 35px;}
.margin-top40 {margin-top: 40px;}
.margin-top45 {margin-top: 45px;}
.margin-top50 {margin-top: 50px;}
.margin-top55 {margin-top: 55px;}
.margin-top60 {margin-top: 60px;}
.margin-top65 {margin-top: 65px;}
.margin-top70 {margin-top: 70px;}
.margin-top75 {margin-top: 75px;}
.margin-top80 {margin-top: 80px;}
.margin-top85 {margin-top: 85px;}
.margin-top90 {margin-top: 90px;}
.margin-top95 {margin-top: 95px;}
.margin-top100 {margin-top: 100px;}
.margin-bottom5 {margin-bottom: 5px;}
.margin-bottom10 {margin-bottom: 10px;}
.margin-bottom15 {margin-bottom: 15px;}
.margin-bottom20 {margin-bottom: 20px;}
.margin-left5 {margin-left: 5px;}
.margin-left10 {margin-left: 10px;}
.margin-left20 {margin-left: 20px;}
.margin-right5 {margin-right: 5px;}
.margin-right10 {margin-right: 10px;}
.margin-right20 {margin-right: 20px;}



/* padding */
.padding {padding: 0;}
.padding-top0 {padding-top: 0px;}
.padding-top5 {padding-top: 5px;}
.padding-top10 {padding-top: 10px;}
.padding-top20 {padding-top: 20px;}
.padding-bottom5 {padding-bottom: 5px;}
.padding-bottom10 {padding-bottom: 10px;}
.padding-bottom20 {padding-bottom: 20px;}
.padding-left5 {padding-left: 5px;}
.padding-left10 {padding-left: 10px;}
.padding-left20 {padding-left: 20px;}
.padding-right5 {padding-right: 5px;}
.padding-right10 {padding-right: 10px;}
.padding-right20 {padding-right: 20px;}



/* width */
.width10 {width: 10%;}
.width15 {width: 15%;}
.width20 {width: 20%;}
.width25 {width: 25%;}
.width30 {width: 30%;}
.width35 {width: 35%;}
.width40 {width: 40%;}
.width45 {width: 45%;}
.width50 {width: 50%;}
.width55 {width: 55%;}
.width60 {width: 60%;}
.width65 {width: 65%;}
.width70 {width: 70%;}
.width75 {width: 75%;}
.width80 {width: 80%;}
.width85 {width: 85%;}
.width90 {width: 90%;}
.width95 {width: 95%;}
.width100 {width: 100%;}
/* --------------------------------------------------------- //basic ------------------------------------------------------------------ */