/*******************************************/
/* Default Style */
/******************************************/
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 14px; color: #222; word-break:keep-all!important; overflow-wrap: break-word; font-family: 'Noto Sans KR', sans-serif!important; letter-spacing: -0.01em!important;}
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../common/fonts/noto-sans-kr-v13-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../common/fonts/noto-sans-kr-v13-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../common/fonts/noto-sans-kr-v13-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../common/fonts/noto-sans-kr-v13-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../common/fonts/noto-sans-kr-v13-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../common/fonts/noto-sans-kr-v13-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../common/fonts/noto-sans-kr-v13-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../common/fonts/noto-sans-kr-v13-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('../common/fonts/noto-sans-kr-v13-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../common/fonts/noto-sans-kr-v13-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../common/fonts/noto-sans-kr-v13-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../common/fonts/noto-sans-kr-v13-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../common/fonts/noto-sans-kr-v13-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('../common/fonts/noto-sans-kr-v13-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../common/fonts/noto-sans-kr-v13-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

/*body { }*/
header, footer, section, aside, nav, article { display: block; }
input, select, div, textarea { vertical-align: middle; }
img { vertical-align: middle; }
img, fieldset { border: none;  }
ul, li, ol, dl, dt, dd { list-style: none; }
strong { font-weight: bold; }
em { font-style: oblique; }

/* Link Style */
a { text-decoration: none; color: #333; /*font-weight: 800;*/ /*transition: color 0.2s ease-in-out;*/ }
 a:active {-webkit-tap-highlight-color : rgba(0,0,0,0); }
/*a:link { text-decoration: none; color: #fff; }
a:visited { text-decoration: none; color: #fff; }
a:active { text-decoration: none; color: #fff; }*/

/* From Style */
input, select, textarea {
    width: 100%;
    /*height: 100%;*/
    color: #222;
    padding: 10px;
    border: 1px solid #ccc;
    background: none;
    border-radius:10px; margin:10px 0;
}
button { border: none; background: none; }
button:focus{outline:none;}
textarea { padding: 5px; }
input[type=checkbox], input[type=radio] { width: 15px; height: 15px; border: 1px solid #eaeaea; }
input[type=text], input[type=password] { /*padding: 0;*/ }
/*input[type=text], input[type=password], textarea, select {  }*/
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { border: 1px solid #ccc; outline: none; }
input[type=text]::-ms-clear { display:none; }
label { cursor: pointer; }
input[disabled], select[disabled] { background-color: #eaeaea; cursor: not-allowed; }
input[readonly] { background-color: #eaeaea; cursor: not-allowed; }
input[readonly].txtRight, input.txtRight, input[readonly].txtR, input.txtR, .txtR { text-align: right; }
input[readonly].txtC, input.txtC, .txtC { text-align: center!important; }
/*input::placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder,
textarea::placeholder,
textarea::-webkit-input-placeholder,
textarea::-moz-placeholder {
	color: #979797;
}*/

input[type="date"]::-webkit-clear-button, input[type="time"]::-webkit-clear-button{ display: none; }
input[type="date"]::-webkit-inner-spin-button, input[type="time"]::-webkit-inner-spin-button { display: none; }
input[type="date"], input[type="time"] { appearance: none; -webkit-appearance: none; }
input[type="date"]:focus, input[type="time"]:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: none; }
input[type="date"] { background: url(/images/icon/ic_cal.png) no-repeat center; }
input[type="date"].none { background: none; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #979797; }
::-moz-placeholder { /* Firefox 19+ */ color: #979797; }
:-ms-input-placeholder { /* IE 10+ */ color: #979797; }
:-moz-placeholder { /* Firefox 18- */ color: #979797; }

.required, input.required, select.required, textarea.required { border: 1px solid #1e8fbe; }

/* Table Style */
table { border-collapse: collapse; border-spacing: 0; width: 100%; text-align: center; }
table td img { vertical-align: middle; }
th { padding: 10px; white-space: nowrap; }
td { padding: 10px; word-break:break-all; }
td.nowrap { white-space:nowrap; }
th.thL, td.tdL { text-align: left; }
th.thR, td.tdR { text-align: right; }
th.thChk { padding: 0; }
td.tdC { text-align:center; }

/* font size */
.ftSize10 { font-size: 10px; }
.ftSize11 { font-size: 11px; }
.ftSize12 { font-size: 12px; }
.ftSize13 { font-size: 13px; }
.ftSize14 { font-size: 14px; }
.ftSize16 { font-size: 16px; }
.ftSize18 { font-size: 18px; }
.ftSize20 { font-size: 20px; }
.ftSize24 { font-size: 24px; }
.ftNormal { font-weight: normal; }
.ftBold { font-weight: 500; }

/*color*/
.colGray { color: #666; }
.colGray2 { color: #999; }
.colBlue { color: #1d6fb5; }
.colBlue2 { color: #0266c1; }
.colWhite { color: #FFFFFF; }
.colRed { color: #e23321; }
.colGreen { color: #487A38; }
.colGreen2 { color: #1fd11f; }
.colOrange { color: #fa7d1b; }
.colOrange2 { color: #ff4800; }
.colBlack { color: #333; }
.colPink { color: #D66C7B; }
.colPurple { color: #7D2A8B; }
.colYellow { color: #abab13; }
.colWhite { color: #FFFFFF; }
.colBrown { color: #b75013; }
.colSky { color: #02a6a6; }
.colNavy { color: #2e6b97; }
.colPoint{color:#6291C6;}

/* button */
.btn, a.btn { display: inline-block; background: #fff; border-radius:5px; padding: 12px; background-color:#6291C6; width: 100%; font-size: 14px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; font-weight:bold;}
.btn.btnGray, a.btn.btnGray { background: #eee; border: 1px solid #ccc; color: #494949; }
.btn.ftB, a.btn.ftB { font-weight: bold; }
.btn.btnS, a.btn.btnS { font-size: 11px; width: initial; padding: 4px 7px; }
.btn2, a.btn2{display:inline-block; width:47.5%; padding:10px; text-align:center; font-size:16px; border:1px solid #434E5F; background-color:#fff; color:#434E5F; margin:20px 0;}
.btn2:first-child, a.btn:first-child{margin-right:3.5%;}
.btn3, a.btn3{display:inline-block; width:47.5%; padding:10px; text-align:center; font-size:16px; border:1px solid #6291C6; background-color:#6291C6; color:#fff; margin:20px 0;}
.btn3:first-child, a.btn:first-child{margin-right:4%;}


.btnPoint{background-color:#6291C6!important; color:#fff!important; border:1px solid #6291C6!important;}

.StorageBtn{margin:15px 0;}

/* margin */
.mgT3 {
	margin-top: 3px;
}
.mgT5 { margin-top: 5px; }
.mgT10 { margin-top: 10px; }
.mgT20 { margin-top: 20px; }
.mgB3 { margin-bottom: 3px; }
.mgB5 { margin-bottom: 5px; }
.mgB10 { margin-bottom: 10px; }
.mgTB5 { margin-top: 5px; margin-bottom: 5px; }
.mgTB10 { margin-top: 10px; margin-bottom: 10px; }
.mgTB20 { margin-top: 20px; margin-bottom: 20px; }

/* padding */
.pdT3 { padding-top: 3px; }
.pdT5 { padding-top: 5px; }
.pdT10 { padding-top: 10px; }
.pdT20 { padding-top: 20px; }
.pdB3 { padding-bottom: 3px; }
.pdB5 { padding-bottom: 5px; }
.pdB10 { padding-bottom: 10px;}
.pdB20 { padding-bottom: 20px;}
.pdTB5 { padding-top: 5px; padding-bottom: 5px; }
.pdTB10 { padding-top: 10px; padding-bottom: 10px; }
.pdTB20 { padding-top: 20px; padding-bottom: 20px; }
.pdR20 { padding-right: 20px; }
.pd10 { padding: 10px; }

.btnCenter { display: block; text-align: center; }
.btnRight { display: block; text-align: right; }
.btnPointer { cursor: pointer; }

txtR{text-align:right;}
txtC{text-align:center;}
txtL{text-align:left;}
.Rbtn{float:right;}
.Rbtn > img{margin-top: -1.5px;}

.text-ellipsis { display: table; table-layout: fixed; width: 100%; white-space: nowrap; }
.text-ellipsis > * { display: table-cell; overflow: hidden; text-overflow: ellipsis; }

.overBox{overflow:hidden;}

.Nodada{padding:30px 0; font-size:16px; color:#999; border:0; width:100%; border:0!important; height:auto!important;}

/* Paging Style */
.ListPaging { width: 100%; text-align: center; padding: 10px 0;}
.ListPaging a { display: inline-block; font-size: 16px; text-decoration: none; margin-right:10px; }
.ListPaging a.direction {font-family: Georgia, Arial; }
.ListPaging a.directionNo {font-family: Georgia, Arial; color: #808080;}
.ListPaging a.on {color: #6291C6; padding:5px 10px; border:1px solid #6291C6;}