@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Exo+2');
@font-face {
  font-family: LatoR;
  src: url(../font/Lato-Regular.ttf);
}
@font-face {
  font-family: LatoSB;
  src: url(../font/Lato-Semibold.ttf);
}


* {margin:0; padding:0; font-family:"나눔고딕", 'Nanum Gothic', 'Noto Sans KR', "맑은고딕", 'Malgun Gothic', "돋움", dotum, "굴림", gulim, sans-serif; box-sizing:border-box;}
html,body{width:100%;margin:0;padding:0;font-size:14px; color:#222222;-webkit-text-size-adjust: 100%;}
html,body,div,p,ul,li,ol,dl,dt,dd,input,textarea,select,p,hr,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li,ol,dl,dd,dt{list-style:none;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a,a:hover,a:active,a:focus{text-decoration:none;color:#222222;}

caption{width:1px;height:1px;overflow:hidden;display:none}
table{margin:0px;border-collapse:collapse;-ms-word-break: keep-all;word-break: keep-all;}
/*td,th,p,span {letter-spacing: -0.05em;}/*-ms-word-break: keep-all;word-break: keep-all;*/
.hidden{position: absolute; left:-9999px;}
.overflow{overflow:hidden}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

form{display:block;}
fieldset{margin:0px;padding:0px;border:0px;}
input{padding:0px;vertical-align:middle;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;}
input[type='text']{padding:4px;border:1px solid #ccc;  font-size: 12px;}
input[type='password']{padding:4px;border:1px solid #ccc;  font-size: 12px;}
input[type='file']{padding:2px 0px 2px 5px;border:1px solid #eaeaea;}
input[type='checkbox'],input[type~='radio']{margin:-1px 0px;padding:2px 5px 2px 5px;-webkit-appearance:radio;-moz-appearance:radio;}
input[type='button'],input[type~='submit']{padding-top:3px;cursor:pointer;}
input[type='image']{margin:0px;padding:0px;cursor:pointer;}
/*select{padding:0px;vertical-align:middle; padding:1px;border:1px solid #ccc; font-size: 11px; height: 20px;}*/
textarea{padding:2px 0px 2px 5px;border:1px solid #ccc;}

img{margin:0px;padding:0px;border:0;}

.hand {cursor:pointer;}
.clear{clear:both;}
.float_l{float:left;}
.float_r{float:right;}
.align_l{text-align:left}
.align_c{text-align:center !important}
.align_r{text-align:right}
.valign_t{vertical-align:top;}
.valign_m{vertical-align:middle;}
.valign_b{vertical-align:bottom;}

.nobg{background:none !important;}
.noline{border:none !important;}
.nomargin{margin:0px !important;}
.nopadding{padding:0px !important;}

.ml_10{margin-left:10px}
.ml_20{margin-left:20px}
.ml_30{margin-left:30px}
.ml_40{margin-left:40px}
.mb_10{margin-bottom:10px}
.mb_20{margin-bottom:20px}
.mt_10{margin-top:10px;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}
.mt_40{margin-top:40px;}
.mt_50{margin-top:50px;}
.pt_30{padding-top:30px;}
.pt_50{padding-top:50px;}

.wd_10{width: 10%;}
.wd_15{width: 15%;}
.wd_20{width: 20%;}
.wd_25{width: 25%;}
.wd_30{width: 30%;}
.wd_35{width: 35%;}
.wd_40{width: 40%;}
.wd_45{width: 45%;}
.wd_50{width: 50%;}
.wd_55{width: 55%;}
.wd_60{width: 60%;}
.wd_65{width: 65%;}
.wd_70{width: 70%;}
.wd_75{width: 75%;}
.wd_80{width: 80%;}
.wd_85{width: 85%;}
.wd_90{width: 90%;}
.wd_95{width: 95%;}


.col-1 {width: 8.33%; float:left; box-sizing: border-box;}
.col-2 {width: 16.66%; float:left; box-sizing: border-box;}
.col-3 {width: 25%; float:left; box-sizing: border-box;}
.col-4 {width: 33.33%; float:left; box-sizing: border-box;}
.col-5 {width: 41.66%; float:left; box-sizing: border-box;}
.col-6 {width: 50%; float:left; box-sizing: border-box;}
.col-7 {width: 58.33%; float:left; box-sizing: border-box;}
.col-8 {width: 66.66%; float:left; box-sizing: border-box;}
.col-9 {width: 75%; float:left; box-sizing: border-box;}
.col-10 {width: 83.33%; float:left; box-sizing: border-box;}
.col-11 {width: 91.66%; float:left; box-sizing: border-box;}
.col-12 {width: 100%; float:left; box-sizing: border-box;}




.h3{font-size:18px; font-weight:600;}
.h4{font-size: 15px; font-weight: 400;}

/*텍스트강조컬러*/
.text_blue {color:#1077c4;}
.text_red {color:#b40000}
.bold {font-weight: 600;}