@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: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(font/MaterialIcons-Regular.eot); /* For IE6-8 
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(font/MaterialIcons-Regular.woff2) format('woff2'),
       url(font/MaterialIcons-Regular.woff) format('woff'),
       url(font/MaterialIcons-Regular.ttf) format('truetype');
}
*/

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}


/* reset */

body,div,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,ul, ol, li {margin:0;padding:0;box-sizing: border-box;}
body, input, textarea, select, table, p, a, span ,button {font-family:'NanumSquare', '나눔스퀘어', 'Malgun Gothic';line-height:1;font-size:13px;color:#5b6770; font-weight: 400;}
body{-webkit-text-size-adjust:none}
strong, th, h1, h2, h3, h4, h5, h6 {font-family:'NanumSquare', '나눔스퀘어','NotoSansKR', 'Malgun Gothic'; font-weight: 700;}
table{width:100%;border-collapse:collapse}
img, fieldset{border:0;}
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;outline: 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;}

/*common*/
html, body {height: 100%; background:#fff;}
.wrap {width:100%; height: 100%; min-width:1240px;}

input[type="text"], input[type="password"]{border: 1px solid #dcdcdc; border-color:#9c9c9c #c5c5c5 #c7c7c7 #a09f9f; height: 30px; padding: 0 9px; line-height:28px; -webkit-appearance: none; vertical-align:middle; background:#fff; border-radius:4px;
-webkit-box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.05);
-moz-box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.05);}
:-ms-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-webkit-input-placeholder{color:#999}
.disable {-webkit-appearance:none; background-color:#efefef !important; }

input[type=checkbox]{position: absolute; left:-9999px; opacity: 0; }
input[type=checkbox] + label{position: relative; line-height: 14px; vertical-align: middle; cursor: pointer}
input[type=checkbox] + label:before{ display: inline-block; width: 15px; height: 15px; margin-top:-1px; margin-right:3px; vertical-align: middle;background:url('../images/bg_spr.png') no-repeat -50px 0; content: "";}
input[type=checkbox]:checked + label:before{ background-position: 0 0;}

.inp_check {display: inline-block; width:15px; height:15px;}
.inp_check input[type=checkbox] + label:before {magin-right:0;}

input[type=radio]{position: absolute; left:-9999px; opacity: 0; }
input[type=radio] + label{position: relative; line-height: 14px; vertical-align: middle; cursor: pointer}
input[type=radio] + label:before{ display: inline-block; width: 15px; height: 15px; margin-top:-1px; margin-right:3px; vertical-align: middle;background:url('../images/bg_spr.png') no-repeat -50px -23px; content: "";}
input[type=radio]:checked + label:before{ background-position: 0 -23px;}

.ta_right {text-align: right;}
.ta_left {text-align: left;}
.ta_center {text-align: center;}

/*margin*/
.ma_b10{margin-bottom: 10px;}


/*width*/
.w100per {width:100% !important;}
.w100per20 {width:calc(100% - 20px) !important;}
.w100per63 {width:calc(100% - 78px) !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:75px !important;}
.w80 {width:80px !important;}
.w70 {width:70px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w115 {width:115px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w150 {width:150px !important;}
.w170 {width:170px !important;}
.w230 {width:230px !important;}
.w250 {width:250px !important;}
.w500 {width:500px !important;}
.w650 {width:650px !important;}



/* margin-top */
.mt3{margin-top: 3px !important}
.mt5{margin-top: 5px !important}
.mt6{margin-top: 6px !important}
.mt7{margin-top: 7px !important}
.mt8{margin-top: 8px !important}
.mt10{margin-top: 10px !important}
.mt13{margin-top: 13px !important}
.mt15{margin-top: 15px !important}
.mt16{margin-top: 16px !important}
.mt17{margin-top: 17px !important}
.mt18{margin-top: 18px !important}
.mt20{margin-top: 20px !important}
.mt22{margin-top: 22px !important}
.mt27{margin-top: 27px !important}
.mt29{margin-top: 29px !important}
.mt30{margin-top: 30px !important}
.mt31{margin-top: 31px !important}
.mt33{margin-top: 33px !important}
.mt41{margin-top: 41px !important}
.mt42{margin-top: 42px !important}
.mt50{margin-top: 50px !important}
.mt54{margin-top: 54px !important}
.mt55{margin-top: 55px !important}
.mt56{margin-top: 56px !important}
.mt60{margin-top: 60px !important}
.mt62{margin-top: 62px !important}
.mt63{margin-top: 63px !important}
.mt80{margin-top: 80px !important}
.mt90{margin-top: 90px !important}


/* margin-right */
.mr3{margin-right: 3px !important}
.mr4{margin-right: 4px !important}
.mr6{margin-right: 6px !important}
.mr7{margin-right: 7px !important}
.mr8{margin-right: 8px !important}
.mr10{margin-right: 10px !important}
.mr12{margin-right: 12px !important}
.mr13{margin-right: 13px !important}
.mr14{margin-right: 14px !important}
.mr15{margin-right: 15px !important}
.mr16{margin-right: 16px !important}
.mr17{margin-right: 17px !important}
.mr18{margin-right: 18px !important}
.mr19{margin-right: 19px !important}
.mr20{margin-right: 20px !important}
.mr26{margin-right: 26px !important}
.mr44{margin-right: 44px !important}
.mr70{margin-right: 70px !important}
.mr74{margin-right: 74px !important}
.mr77{margin-right: 77px !important}

/* margin-bottom */
.mb4{margin-bottom: 4px !important}
.mb6{margin-bottom: 6px !important}
.mb7{margin-bottom: 7px !important}
.mb10{margin-bottom: 10px !important}
.mb12{margin-bottom: 12px !important}
.mb13{margin-bottom: 13px !important}
.mb14{margin-bottom: 14px !important}
.mb15{margin-bottom: 15px !important}
.mb16{margin-bottom: 16px !important}
.mb18{margin-bottom: 18px !important}
.mb19{margin-bottom: 19px !important}
.mb20{margin-bottom: 20px !important}
.mb21{margin-bottom: 21px !important}
.mb23{margin-bottom: 23px !important}
.mb24{margin-bottom: 24px !important}
.mb25{margin-bottom: 25px !important}
.mb26{margin-bottom: 26px !important}
.mb28{margin-bottom: 28px !important}
.mb30{margin-bottom: 30px !important}
.mb31{margin-bottom: 31px !important}
.mb33{margin-bottom: 33px !important}
.mb34{margin-bottom: 34px !important}
.mb35{margin-bottom: 35px !important}
.mb36{margin-bottom: 36px !important}
.mb38{margin-bottom: 38px !important}
.mb40{margin-bottom: 40px !important}
.mb44{margin-bottom: 44px !important}
.mb45{margin-bottom: 45px !important}
.mb46{margin-bottom: 46px !important}
.mb47{margin-bottom: 47px !important}
.mb50{margin-bottom: 50px !important}
.mb53{margin-bottom: 53px !important}
.mb54{margin-bottom: 54px !important}
.mb57{margin-bottom: 57px !important}
.mb60{margin-bottom: 60px !important}
.mb63{margin-bottom: 63px !important}
.mb64{margin-bottom: 64px !important}
.mb67{margin-bottom: 67px !important}
.mb68{margin-bottom: 68px !important}
.mb77{margin-bottom: 77px !important}
.mb80{margin-bottom: 80px !important}
.mb95{margin-bottom: 95px !important}
.mb100{margin-bottom: 100px !important}
.mb104{margin-bottom: 104px !important}
.mb109{margin-bottom: 109px !important}
.mb113{margin-bottom: 113px !important}
.mb123{margin-bottom: 123px !important}
.mb250{margin-bottom: 250px !important}

/* margin-left */
.ml0{margin-left: 0px !important}
.ml2{margin-left: 2px !important}
.ml3{margin-left: 3px !important}
.ml7{margin-left: 7px !important}
.ml9{margin-left: 9px !important}
.ml10{margin-left: 10px !important}
.ml12{margin-left: 12px !important}
.ml14{margin-left: 14px !important}
.ml18{margin-left: 18px !important}
.ml20{margin-left: 20px !important}
.ml23{margin-left: 23px !important}
.ml30{margin-left: 30px !important}
.ml40{margin-left: 40px !important}
.ml74{margin-left: 74px !important}
.ml75{margin-left: 75px !important}
.ml170{margin-left: 170px !important}

/* padding-top */
.pt2{padding-top: 2px !important}
.pt4{padding-top: 4px !important}
.pt8{padding-top: 8px !important}
.pt10{padding-top: 10px !important}
.pt15{padding-top: 15px !important}
.pt20{padding-top: 20px !important}
.pt21{padding-top: 21px !important}
.pt22{padding-top: 22px !important}
.pt23{padding-top: 23px !important}
.pt27{padding-top: 27px !important}
.pt28{padding-top: 28px !important}
.pt29{padding-top: 29px !important}
.pt30{padding-top: 30px !important}
.pt31{padding-top: 31px !important}
.pt36{padding-top: 36px !important}
.pt42{padding-top: 42px !important}
.pt47{padding-top: 47px !important}
.pt52{padding-top: 52px !important}
.pt54{padding-top: 54px !important}
.pt56{padding-top: 56px !important}
.pt57{padding-top: 57px !important}
.pt60{padding-top: 60px !important}
.pt81{padding-top: 81px !important}
.pt108{padding-top: 108px !important}
.pt290{padding-top: 290px !important}

/* padding-right */
.pr16{padding-right: 16px !important}
.pr22{padding-right: 22px !important}
.pr23{padding-right: 23px !important}
.pr26{padding-right: 26px !important}
.pr28{padding-right: 28px !important}

/* padding-left */
.pl10{padding-left: 10px !important}
.pl14{padding-left: 14px !important}
.pl15{padding-left: 15px !important}
.pl17{padding-left: 17px !important}
.pl20{padding-left: 20px !important}
.pl22{padding-left: 22px !important}
.pl23{padding-left: 23px !important}
.pl24{padding-left: 24px !important}
.pl27{padding-left: 27px !important}
.pl37{padding-left: 37px !important}
.pl39{padding-left: 39px !important}

/* padding-bottom */
.pb20{padding-bottom: 20px !important}
.pb30{padding-bottom: 30px !important}
.pb95{padding-bottom: 95px !important}