@charset "UTF-8";

/* font */

/*******************************
*    NotoSans
********************************/
@font-face {
  font-family: 'Noto Sans';
  src: url('font/NotoSansKR-Thin-Hestia.eot'); /* IE9 Compat Modes */
  src: url('font/NotoSansKR-Thin-Hestia.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/NotoSansKR-Thin-Hestia.woff') format('woff'); /* Modern Browsers */
  font-style:   normal;
  font-weight:  300;
}

@font-face {
  font-family: 'Noto Sans';
  src: url('font/NotoSansKR-Light-Hestia.eot'); /* IE9 Compat Modes */
  src: url('font/NotoSansKR-Light-Hestia.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/NotoSansKR-Light-Hestia.woff') format('woff'); /* Modern Browsers */
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Noto Sans';
  src: url('font/NotoSansKR-Regular-Hestia.eot'); /* IE9 Compat Modes */
  src: url('font/NotoSansKR-Regular-Hestia.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/NotoSansKR-Regular-Hestia.woff') format('woff'); /* Modern Browsers */
  font-style:   normal;
  font-weight:  600;
}

@font-face {
  font-family: 'Noto Sans';
  src: url('font/NotoSansKR-Medium-Hestia.eot'); /* IE9 Compat Modes */
  src: url('font/NotoSansKR-Medium-Hestia.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/NotoSansKR-Medium-Hestia.woff') format('woff'); /* Modern Browsers */
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'Noto Sans';
  src: url('font/NotoSansKR-Bold-Hestia.eot'); /* IE9 Compat Modes */
  src: url('font/NotoSansKR-Bold-Hestia.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/NotoSansKR-Bold-Hestia.woff') format('woff'); /* Modern Browsers */
  font-style:   normal;
  font-weight:  800;
}

@font-face {
  font-family: 'Noto Sans';
  src: url('font/NotoSansKR-Black-Hestia.eot'); /* IE9 Compat Modes */
  src: url('font/NotoSansKR-Black-Hestia.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/NotoSansKR-Black-Hestia.woff') format('woff'); /* Modern Browsers */
  font-style:   normal;
  font-weight:  900;
}


@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 600;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.ttf) format('truetype');
}

/* reset */

*{color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
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}
dl,ul,ol,menu,li {list-style:none}
address, caption, cite, code, dfn, em, var {font-style:normal;font-weight:normal}
img,fieldset,iframe {border:0 none}
img {max-width: 100%;height: auto;-webkit-backface-visibility: hidden;vertical-align: top;}
input,select,textarea,button {vertical-align:middle}
textarea {resize:none}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
button, input[type='button'], input[type='submit'], input[type='reset'], input[type='file'] {border-radius:0;-webkit-appearance:button}
input[type="image"], input[type="text"], input[type="submit"], input[type="password"], input[type='search'] {border-radius:0;-webkit-appearance:none}
input:checked[type='checkbox'] {-webkit-appearance:checkbox;background-color:transparent}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
table {width:100%;border-collapse:collapse; border-spacing: 0px;}
caption,legend {position:absolute;top:-9999px;left:-9999px;font-size:0px;line-height:0}
a {text-decoration:none;select-dummy:expression(this.hideFocus=true)}
body,h1,h2,h3,h4,h5,h6,th,td,input,select,textarea,button {font-family:"Malgun Gothic", "Nanum Gothic", Dotum;font-size:14px;color:#333;letter-spacing:-1px}
hr {display:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,main {display:block}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
sup, sub{line-height: 0;}
html, body {width:100%;background-color: #fff;}
html.locked-scroll {overflow:hidden}
body.locked-scroll {overflow-y:scroll}
ul, ol{zoom:1}
ul:after, ol:after{content:'';clear:both;display:block}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset !important; border-radius:0; background: transparent;}
.blind {display:block;overflow:hidden;visibility:hidden;text-indent:-9999px;font-size:0;line-height:0}
.ir {display:block;overflow:hidden;text-indent:-9999px;font-size:0;line-height:0}
.fl {float:left}
.fr {float:right}
.clearfix {*zoom:1}
.clearfix:after {display:block;content:'';clear:both}

/*common*/

html, body{height: 100%;}
textarea, input{-webkit-apperence: none;}
textarea{resize: none;}
img {max-width: 100%;height: auto;-webkit-backface-visibility: hidden;vertical-align: bottom;}
sup, sub{line-height: 0;}

input:focus,
textarea:focus {outline: none;}
textarea,
input[type="text"]{border: 1px solid #c6c8ca;}
input[type="password"]{border: 1px solid #c6c8ca;}

/* font style */
#wrapper *{font-family: 'Noto Sans', sans-serif;}
#wrapper{height: 100%;}

.clearfix{*zoom:1}
.clearfix:after{display:block;clear:both;content:'';}
.text_hide{position: absolute;font-size: 0;text-indent:-9999px;}





.form-spr:before, .form-spr:after{display:inline-block;overflow:hidden;background-image:url(../images/spr_global_icon.png);background-repeat:no-repeat;white-space:nowrap;}

.radiobox {display: inline-block;}
.radiobox input[type=radio] {position:absolute;top:0;left:0;z-index:-1;opacity:0;filter:alpha(opacity=0)}
.radiobox label {cursor:pointer;}
.radiobox label:before{content:'';position:absolute;top:0;left:0;background-position:-486px -201px;width:15px;height:15px;}
.radiobox label.active:before{content:" ";background-position: -535px -201px;}

.checkbox {}
.form-chk{display:inline-block;position:relative;padding-right:10px;  padding-right:20px;}
.form-chk input[type=radio], .form-chk input[type=checkbox]{position:absolute;top:0;left:0;z-index:-1;opacity:0;filter:alpha(opacity=0)}
.checkbox label {cursor:pointer; }
.checkbox label:before{content:'';background-position: -352px -201px;width:15px;height:15px;margin:0 6px 0 0}
.checkbox label.active:before{content:'';background-position: -302px -201px;}