@charset "utf-8";
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Titillium+Web:300,400,600,700');
[class^="icon-"]:before, [class*=" icon-"]:before {font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   display: inline-block;  text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} */


@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: local('Nanum Barun Gothic UltraLight'), local('Nanum Barun Gothic-UltraLight'), local('NanumBarunGothic UltraLight');
  src: url(../font/NanumBarunGothicUltraLight.eot);
  src: url(../font/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(../font/NanumBarunGothicUltraLight.woff) format('woff'),
       url(../font/NanumBarunGothicUltraLight.ttf) format('truetype');
	   
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: local('Nanum Barun Gothic Light'), local('Nanum Barun Gothic-Light'), local('NanumBarunGothic Light');
  src: url(../font/NanumBarunGothicLight.eot);
  src: url(../font/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunGothicLight.woff2) format('woff2'),
       url(../font/NanumBarunGothicLight.woff) format('woff'),
       url(../font/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(../font/NanumBarunGothic.eot);
  src: url(../font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunGothic.woff2) format('woff2'),
       url(../font/NanumBarunGothic.woff) format('woff'),
       url(../font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
  src: url(../font/NanumBarunGothicBold.eot);
  src: url(../font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunGothicBold.woff2) format('woff2'),
       url(../font/NanumBarunGothicBold.woff) format('woff'),
       url(../font/NanumBarunGothicBold.ttf) format('truetype');
}



/* CSS 리셋  */
html,body{min-height:100%;font-size:14px; -webkit-text-size-adjust: 100%; }
html{overflow-y:scroll;}
body {margin: 0; color:#333; }
body,th,td,input,select,textarea,button{font-size:1rem;line-height:1.5;;font-family: 'Nanum Barun Gothic', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕', sans-serif;color:#333;letter-spacing:-0.05em}
a{ background-color: transparent;color:#333;text-decoration:none}
a:active,a:hover{text-decoration:underline} 
a:hover{color:#1e88e5; text-decoration:none }
a:active{background-color:transparent}
hr{box-sizing: content-box; height: 0; overflow: visible;}
pre { font-family: monospace, monospace;  font-size: 1em;}
abbr[title] { border-bottom: none;  text-decoration: underline;  text-decoration: underline dotted; }
b,strong { font-weight: 500;}
code,kbd,samp { font-family: monospace, monospace; font-size: 1em;}
small { font-size: 80%;}
sub,sup { font-size: 75%; line-height: 0;  position: relative;  vertical-align: baseline;}
sub { bottom: -0.25em;}
sup { top: -0.5em;}
img { border-style: none; }
button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}
button,input {  overflow: visible;}
button,select {text-transform: none; background:#fff}
button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button; cursor:pointer}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset { padding: 0.35em 0.75em 0.625em;}
legend {  box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal}
progress { vertical-align: baseline;}
textarea {overflow: auto; resize: none;}
input::-ms-clear{display:none}
[type="checkbox"],[type="radio"] {  box-sizing: border-box;  padding: 0; }
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {  height: auto;}
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
::-webkit-file-upload-button {  -webkit-appearance: button; font: inherit;}
input[type="text"]{ -webkit-appearance: none;border-radius:0}
details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}
header,main,footer,aside,nav,section,article,details,summary,figure,figcaption,menu,command{display:block}
q,blockquote{quotes:none;content:none}
ul,ol,li,menu{list-style:none}
table{width:100%;border-collapse:collapse;border-spacing:0}
caption{text-align:left}
th,td{text-align:center;vertical-align:middle}
address{font-style:normal}
mark{border-bottom:3px solid #67C8EA;background: #A4E1F6;}
input[type="text"], input[type="password"],select{ border-radius:0}
button, input, select{ outline:none;border: 1px solid #cdcdcd; }

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select, textarea,  input {font-size: 16px !important;}
}

body{min-width:980px;}
::-webkit-scrollbar {width:8px;height:8px}
::-webkit-scrollbar-thumb {background:#888}
::-webkit-scrollbar-track {background:#ddd}

::-webkit-input-placeholder { color:#999}
::-moz-placeholder { color:#999 }
::-ms-input-placeholder { color:#999} 

.al{ text-align:left !important}
.ac{ text-align:center !important}
.ar{ text-align:right !important}
 button, input, select{ outline:none; border:1px solid #cdcdcd}
h1,h2,h3,h4,h5{ margin: 0; padding: 0; }
.hide{ margin:0; padding:0; display:none}
/* common */
.wrap{ margin:0 auto;  position: relative; max-height:none; overflow:inherit}
.breakall{ word-break:break-all}
/* 체크 박스, 라디오버튼 */
label{ position:relative; z-index:1; overflow:hidden; display:inline-block }
label{}
label input[type="checkbox"], label input[type="radio"]{ z-index:0; position:absolute; left:-200px; top:-200px}
label input[type="checkbox"] + span, label input[type="radio"] + span{ padding-left:20px}
label input[type="checkbox"] + span:before, label input[type="radio"] + span:before{ display:block;border:1px solid #dfdfdf; content:""; width:14px; height:14px; overflow:visible; position:absolute; left:0; top:50%; margin-top:-8px; box-sizing:border-box; text-align:center; border-radius:100%;background:#f4f4f4;  }

label input[type="checkbox"]:checked + span:after, label input[type="radio"]:checked + span:after{ width:8px; height:8px; content:""; display:block; position:absolute; left:3px; top:50%; background:#35a85b; border-radius:100%; margin-top:-5px  }
label input[type="checkbox"]:checked + span, label input[type="radio"]:checked + span{ }

label input[type="checkbox"]:disabled + span:before, label input[type="radio"]:disabled + span:before{ background:#ddd; border-color:#ddd}
label input[type="checkbox"]:disabled + span, label input[type="radio"]:disabled + span{ color:#aaa !important}

/* 본문 바로가기 */
.btn_skip{z-index:1000;position:fixed;width:100%;padding:10px 0;border-bottom:1px solid #000;left:0;top:-100px;text-align:center;background:#1c1c1c}
.btn_skip.on{top:0}
.btn_skip a{color:#fff;font-weight:bold}

/* 기본 버튼 */
.tdbtn{ display:inline-block; vertical-align:middle; padding:7px 12px; box-sizing:border-box; min-width:55px; background:rgba(243,243,243,1);border:1px solid rgba(205,205,205,1); color:rgba(82,82,82,1)}
.tdbtn.key1, .tdbtn.key2{ background:#fff; border-color: rgba(205,205,205,0.75);  color:rgba(82,82,82,0.87)}
.tdbtn.key2{border-color:#0195df;color:#0195df; }
.tdbtn > span{ white-space:nowrap}
/*************
header
*************/