@charset "UTF-8";

/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(font/NanumGothic-Regular.eot);
  src: url(font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
url(font/NanumGothic-Regular.woff2) format('woff2'),
url(font/NanumGothic-Regular.woff) format('woff'),
url(font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(font/NanumGothic-Bold.eot);
  src: url(font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
url(font/NanumGothic-Bold.woff2) format('woff2'),
url(font/NanumGothic-Bold.woff) format('woff'),
url(font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(font/NanumGothic-ExtraBold.eot);
  src: url(font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
url(font/NanumGothic-ExtraBold.woff2) format('woff2'),
url(font/NanumGothic-ExtraBold.woff) format('woff'),
url(font/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cafe24Oneprettynight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Oneprettynight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cafe24Simplehae';
    src: url(font/Cafe24Simplehae.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* reset */

body,div,section,nav,article,aside, dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code, p,blockquote,th,td,input,select,textarea,button,fieldset,form,legend, a, span {margin:0;padding:0;box-sizing: border-box;}
body, input, textarea, select, table, p, a, span ,button {font-family:'Nanum Gothic',Helvetica,'AppleSDGothicNeo','돋움',dotum,Tahoma,sans-serif;line-height:1;font-size:12px;color:#333; font-weight: 400;}
/* body{-webkit-text-size-adjust:none} */
body{
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: -0.5px;
    font-family: 'Nanum Barun Gothic', sans-serif;
    color: #666;
}
strong, th, h1, h2, h3, h4, h5, h6 {font-family:'Nanum Gothic',Helvetica,'AppleSDGothicNeo','돋움',dotum,Tahoma,sans-serif; font-weight: 700;}
table{width:100%;border-collapse:collapse}
img, fieldset{border:0;vertical-align:top}
ul, ol{list-style:none}
em, address{font-style:normal}
caption,legend {font-size:0;line-height:0;width:0;height:0;visibility:hidden;overflow:hidden}
button{cursor:pointer;margin:0;padding:0;background:none;border:0}
a{text-decoration:none}
a:hover, a:active, a:focus{text-decoration:none}
ul, ol{zoom:1}
ul:after, ol:after{content:'';clear:both;display:block}
textarea, input {-webkit-apperence: none;}
input:focus {outline: none;}
:before, :after {margin:0;padding:0;box-sizing: border-box;}
/*common*/
html, body {height: 100%; width: 100%}
.wrap {position:relative; width:100%; height: 100%; background:#ffffff;}


/* input[type="text"], input[type="password"], input[type="number"] {border: 1px solid #d9d9d9; height: 40px; padding: 0 9px; font-size:15px; line-height:38px; -webkit-appearance: none;} */
/*input[type="password"], input[type="number"]{border: 1px solid #d9d9d9; height: 40px; padding: 0 9px; font-size:15px; line-height:38px; -webkit-appearance: none;}*/
select, input[type=text], input[type="password"], input[type="number"] { height:26px; border: 1px solid #aaaaaa; background: #FFFFFF; color: #666666; font-size: 14px; vertical-align: middle; }
:-ms-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-webkit-input-placeholder{color:#999}

.lnb input[type=checkbox]{position: absolute; left:-9999px; opacity: 0; }
.lnb input[type=checkbox]:disabled + label{position: relative; padding-left:60px; font-size:14px; top:2px; line-height: 19px; vertical-align: middle; cursor: no-drop; color: #818c90}
.lnb input[type=checkbox] + label{position: relative; padding-left:35px; font-size:14px; top:2px; line-height: 19px; vertical-align: middle; cursor: pointer;}

/* input[type=checkbox] + label { */
/* 	display:inline-block; */
/*     position:relative; */
/*     top:12px; */
/*     width:16px; */
/*     height:16px; */
/*     float:left; */
/*     background:url('../../images/icon_unselected.png')no-repeat;  */
/* } */
.lnb input[type=checkbox] + label:before{ display: inline-block; position:absolute; top:2px; left:0; width: 19px; height: 19px;margin-right:3px; vertical-align: middle; background: url('../../images/icon_unselected.png') no-repeat; content: "";}
.lnb input[type=checkbox]:checked + label:before{top: 2px; background:url('../../images/icon_selected.png')no-repeat;}
/* input[type=checkbox]:checked + label{ */
/* 	background:url('../../images/icon_selected.png')no-repeat; */
/* } */

input[type=radio]{position: absolute; left:-9999px; opacity: 0; }
input[type=radio] + label{position: relative; line-height: 17px; vertical-align: middle; cursor: pointer}
input[type=radio]:not([disabled]) + label:before{ display: inline-block; width: 17px; height: 17px; margin-top:-1px; margin-right:10px; vertical-align: middle;background:url('../../images/bg_spr.png') no-repeat 0 -240px; background-size:300px 300px; content: "";}
input[type=radio]:not([disabled]):checked + label:before{ background-position: -30px -240px;}
input[type=radio]:disabled + label:before{ display: inline-block; width: 17px; height: 17px; margin-top:-1px; margin-right:10px; vertical-align: middle;background:url('../../images/bg_spr.png') no-repeat 0 -240px; background-size:300px 300px; content: "";}
input[type=radio]:disabled + label:before{ background-position: -61px -240px;}
	
.fl_left {float: left;}

:focus {outline: none;}

/*버튼*/
button, input[type="button"]:disabled {
  cursor: no-drop;
}
button, input[type="button"] {
  cursor: pointer;
}

.btn_sm {
  height:26px;
  font-size:14px;
  border:1px solid #007BC8;
}
.btn_m {
  height:30px;
  font-size:16px;
  border:1px solid #007BC8;
}
button.white {
  background:white;
  color:#0093D3;
}
button.blue {
  background:#0093D3;
  color:white;
}
button.red {
  background: #d33700;
  color:white;
  border-color: #fff;
}
.btn_lg {
  height:50px;
  color:white;
  border:0;
  font-size:16px;
}
button.deepblue {
  background:#007BC8;
}
button.orange {
  background:#EC6C00;
}