@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/*공통*/
body {
  font-family:'NanumGothic','NanumGothic','나눔고딕','Nanum Gothic', sans-serif;
}

/*웹폰트*/
@font-face {
  font-family: NanumGothic;
  src:url('../font/NanumGothic.ttf'),
      url('../font/NanumGothic.eot'),
      url('../font/NanumGothic.woff');
}

@font-face {
    font-family:'NanumGothicBold'; font-style:normal; font-weight:600;
    src: url('../font/NanumGothicBold.eot');
    src: url('../font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
    url('../font/NanumGothicBold.woff') format('woff'),
    url('../font/NanumGothicBold.ttf') format('truetype');
}




* {margin:0; padding:0; font-family: NanumGothic,'NanumGothic','나눔고딕','Nanum Gothic', "맑은고딕", 'Malgun Gothic', "돋움", dotum, "굴림", gulim, sans-serif; box-sizing:border-box;}
html,body{width:100%;height:100%;margin:0;padding:0;font-size:14px; color:#222222;letter-spacing: -0.05em;-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 {color:#222222;}
a,a:hover,a:active,a:focus{text-decoration:none;}

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; 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  !important;}
.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 !important;}
.mt_20{margin-top:20px !important;}
.mt_30{margin-top:30px;}
.mt_40{margin-top:40px;}
.mt_50{margin-top:50px;}
.pl_50{padding-left:50px !important;}
.pt_30{padding-top:30px;}
.pt_50{padding-top:50px;}

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

/*텍스트강조컬러*/
.text_blue {color:#1077c4;}
.text_red {color:#b40000;}
.text_orange {color:#cc3e06;}
.text_darkpink {color:#d21d46 !important;}
.bold {font-weight: 600 !important;}
.f_17t {font-size: 17px;}
.f_14t {font-size: 14px;}
.f_13t {font-size: 13px;}
.f_12t {font-size: 12px;}
.text_666 {color:#666;}

/* width */
.wp10 {width:10%;}
.wp15 {width:15%;}
.wp20 {width:20%;}
.wp25 {width:25%;}
.wp30 {width:30%;}
.wp35 {width:35%;}
.wp40 {width:40%;}
.wp45 {width:45%;}
.wp50 {width:50%;}
.wp60 {width:60%;}
.wp70 {width:70%;}
.wp80 {width:80%;}
.wp90 {width:90%;}
.wp100 {width:100% !important;}

/* font-size */
.f18 {font-size:18px;}

/* 내용숨김 */
.txt_non {display:none;}