﻿@charset "UTF-8";

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Nanum Gothic'),
       url(font/NanumGothic-Regular.eot),
       url(font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
	   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: local('Nanum Gothic Bold'),
  	   url(font/NanumGothic-Bold.eot),
  	   url(font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
	   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: local('Nanum Gothic EB'),
  	   url(font/NanumGothic-ExtraBold.eot),
  	   url(font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
	   url(font/NanumGothic-ExtraBold.woff) format('woff'),
	   url(font/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquare';
 font-style: normal;
 src: url(font/NanumSquare.eot),
 	  url(font/NanumSquare.eot?#iefix) format('embedded-opentype'),
	  url(font/NanumSquare.woff) format('woff'),
	  url(font/NanumSquare.ttf) format('truetype');
}

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-family: sans-serif;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}
body,th,td,input,select,textarea,button{font-size: 14px; line-height:1.5;font-family:'Nanum Gothic', sans-serif; color:#111111;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block; vertical-align: baseline; }
dl,ul,ol,menu,li{list-style:none}
audio:not([controls]),[hidden],template {display: none;height: 0;}
em{font-style: normal;}
a{color:inherit;text-decoration:none; background-color: transparent;}
a:active,a:hover {outline: 0;text-decoration:none;}
abbr[title] {border-bottom: 1px dotted;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;}
pre{overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 0 none;}
textarea {overflow: auto;}
optgroup { font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th { padding: 0;}
hr {display: none;}
.blind,legend,caption{width:0px; height:0px; position:absolute; overflow:hidden; font-size:0px; line-height:0px; z-index:-1; visibility:hidden;}



/*uniform*/
div.uploader,div.uploader span.action,div.button,div.button span,div.selector,div.selector span,div.checker span,div.radio span {/*background-image: url("../images/common/uniform-sprite.png");*/background-repeat: no-repeat;-webkit-font-smoothing: antialiased;}
div.selector,div.checker,div.button,div.radio,div.uploader {display: -moz-inline-box;display: inline-block;*display: inline;zoom: 1;vertical-align: middle;}
div.selector:focus,div.checker:focus,div.button:focus,div.radio:focus,div.uploader:focus {outline: 0;}
div.selector,div.radio,div.checker,div.uploader,div.button {margin: 0;padding: 0;}
div.selector *,div.radio *,div.checker *,div.uploader *,div.button * {margin: 0;padding: 0;}

div.checker input {-moz-appearance: none;-webkit-appearance: none;}
div.selector {position: relative;height: 12px;line-height: 12px;vertical-align: top;color: #9a9a9a; overflow: hidden;}
div.selector span {display: block;padding-right: 30px;width: 100%;text-overflow: ellipsis;box-sizing: border-box;-webkit-box-sizing: border-box;background-position: right 3px;white-space: nowrap;cursor: pointer;overflow: hidden;}
div.selector.fixedWidth {width: 190px;}
div.selector.fixedWidth span {width: 155px;}
div.selector select {opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;border: none;background: none;position: absolute;height: 100%;top: 0px;left: 0px;width: 100% !important;padding-left: 8px;padding-right: 30px;box-sizing: border-box;}

div.checker {position: relative;width: 14px;height: 14px;line-height: 14px;vertical-align: -3px;}
div.checker span, div.checker input {width: 14px;height: 14px;line-height: 14px;}
div.checker span {display: -moz-inline-box;display: inline-block;*display: inline;zoom: 1;text-align: center;background: url('../images/bg/check.png') 0 -50px no-repeat;}
div.checker span.checked {background-position: 0 0;}
div.checker input {opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;border: none;background: none;display: -moz-inline-box;display: inline-block;*display: inline;zoom: 1;}
.checkbox-wrap.type2 div.checker span{background-position: 0 -30px;}
.checkbox-wrap.type2 div.checker span.checked {background-position: -30px -30px;}


div.radio {margin-right: 0;position: relative;width: 19px;height: 19px;line-height: 19px;margin-right: 5px;}
div.radio span, div.radio input {width: 19px;height: 19px;line-height: 19px;}
div.radio span {display: -moz-inline-box;display: inline-block;*display: inline;zoom: 1;text-align: center;background: url('../images/bg/radio.png') 0 -50px no-repeat;}
div.radio span.checked {background-position: 0 0;}
div.radio input {opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;border: none;background: none;display: -moz-inline-box;display: inline-block;*display: inline;zoom: 1;text-align: center;vertical-align: top;}
.radio-wrap.type2 div.radio{width: 30px; height: 30px}
.radio-wrap.type2 div.radio span, .radio-wrap.type2 div.radio input{width: 30px; height: 30px}
.radio-wrap.type2 div.radio span{background-position: 0 0;}
.radio-wrap.type2 div.radio span.checked {background-position: -30px 0;}



/* INPUT & TEXTAREA */
input.uniform-input, select.uniform-multiselect, textarea.uniform {font-size: 14px;font-weight: normal;color: #777;border-top: solid 1px #636365;border-left: solid 1px #636365;border-bottom: solid 1px #636365;border-right: solid 1px #636365;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
input.uniform-input.hover, input.uniform-input.focus, select.uniform-multiselect.hover, select.uniform-multiselect.focus, textarea.uniform.hover, textarea.uniform.focus {-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);border-color: #999;}

/* PRESENTATION */

/* Select */
div.selector {font-size: 14px;}
div.selector span {color: #9a9a9a;}
div.selector select {font-size: 14px;}
div.selector.disabled span,
div.selector.disabled.active span {color: #bbb;}
div.checker {margin-right: 5px;}
div.radio {vertical-align: middle;}

/* uploader */
div.uploader {*zoom: 1;background: none; height: 45px;min-width: 180px;cursor: pointer;position: relative;overflow: hidden;}
div.uploader:after {display: block;content: '';clear: both;}
div.uploader input {opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;border: none;background: none;position: absolute;top: 0;right: 0;float: right;cursor: default;width: 100%;height: 100%; padding: 0}
div.uploader span.action {height: 41px;line-height: 41px;width: 130px; padding-right: 20px;text-align: center; float: right;display: inline;overflow: hidden; cursor: pointer; background: #ffffff url("../images/common/ico_file.png") 98px center no-repeat; border: 2px solid #6e6e6e; }
div.uploader span.filename {text-overflow: ellipsis;display: block;overflow: hidden;white-space: nowrap;float: left;cursor: default;height: 43px;line-height: 43px;padding: 0 15px;border: 1px #d3d3d3 solid; margin-right: 10px;}