@charset "utf-8";
/* @import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); */

/* @font-face {
    font-family: "NanumG";
    font-weight: 400;
    src: url("../font/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), url("../font/NanumBarunGothic.woff") format("woff");
} */
@font-face {
  font-family: 'NanumBarunGothic';
  src: url('/font/NanumBarunGothic.eot');
  src: url('/font/NanumBarunGothic.woff2') format('woff2'),
       url('/font/NanumBarunGothic.woff') format('woff'),
       url('/font/NanumBarunGothic.ttf') format('truetype'),
       url('/font/NanumBarunGothic.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

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

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

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

@font-face {
font-family : "NanumMyeongjoBoldWeb";
    src: url('/font/NanumMyeongjoBold.eot');
    src: url('/font/NanumMyeongjoBold.eot?#iefix') format('embedded-opentype'), 
	url('/font/NanumMyeongjoBold.woff') format('woff'), 
	url('/font/NanumMyeongjoBold.ttf') format('truetype');
}

@font-face {
font-family : "KoPubDotumLight";
    src: url('/font/KoPubDotumLight.eot');
    src: url('/font/KoPubDotumLight.eot?#iefix') format('embedded-opentype'), 
	url('/font/KoPubDotumLight.woff') format('woff'), 
	url('/font/KoPubDotumLight.ttf') format('truetype');
}

@font-face {
font-family : "KoPubDotumMedium";
    src: url('/font/KoPubDotumMedium.eot');
    src: url('/font/KoPubDotumMedium.eot?#iefix') format('embedded-opentype'), 
	url('/font/KoPubDotumMedium.woff') format('woff'), 
	url('/font/KoPubDotumMedium.ttf') format('truetype');
}

@font-face {
font-family : "KoPubDotumBold";
    src: url('/font/KoPubDotumBold.eot');
    src: url('/font/KoPubDotumBold.eot?#iefix') format('embedded-opentype'), 
	url('/font/KoPubDotumBold.woff') format('woff'), 
	url('/font/KoPubDotumBold.ttf') format('truetype');
}




/* reset */
html, body, div, object,iframe, h1, h2, h3, h4, h5, h6, p, blockquote,address, dl, dt, dd, ol, ul,li, fieldset, form, legend, table, cation, tbody, tfoot, thead, tr, th, td, input, seclect, textarea{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
img, fieldset{border:none;}
table{border-collapse:collapse;}
ul, ol, li{list-style:none;}
address, em, optgroup, i{font-style:normal;}
li img, object{vertical-align:top;}
input, select, textarea, form img{vertical-align:middle;}

/* -----base------ */
/* font */
body{color:#555; letter-spacing: -1px; font:15px 'KoPubDotumLight', '나눔바른고딕','NanumBarunGothic', 'NanumGothic',NanumGothic,'Malgun Gothic','맑은고딕',dotum,Helvetica,"돋움",Dotum,"굴림",Gulim,Arial,sans-serif;/*overflow-y:scroll; _overflow-y:hidden; *overflow-y:hidden;*/ }
input, select, textarea{color:#444; font:100%  'KoPubDotumLight','나눔바른고딕','NanumBarunGothic','Nanum Gothic',NanumGothicWeb,NanumGothic, 'Malgun Gothic','맑은고딕',dotum,Helvetica,"돋움",Dotum,"굴림",Gulim,Arial,sans-serif;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* anchor */
a{color:#555; text-decoration:none;}
a:hover, a:active, a:focus{color:#000;text-decoration:none;}

/* skip */
.screen_out{display: block;font-size: 0;height: 1px;left: -9999px;line-height: 0;overflow: hidden;position: absolute;text-indent: -9999px;width: 1px;}
.screen_hide{font-size:0;line-height:0;visibility:hidden;}

/* skipNavi */
#skipNavi{width:100%; position:absolute; left:0; top:0; z-index:2;}
#skipNavi li{width:100%; position:absolute; left:0; top:0; z-index:2;}
#skipNavi a{display:block; height:0; overflow:hidden;}
#skipNavi a:active, #skipNavi a:focus{top:1px; width:100%; height:20px; padding-top:4px; text-align:center; font-size:1em; font-weight:bold; background-color:#8285ec; color:#fff; text-decoration:none; position:absolute; top:0; left:0; }
 

/* select */
select{width:100%;height:45px;line-height:45px;text-indent: 10px; -webkit-appearance:none;-moz-appearance:none;appearance:none; border:1px solid #d7d7d7; background-color:#fff; background-image:url('../images/boad/blet_select.png');background-origin:content-box;background-position:right -1rem center;background-repeat:no-repeat;/* background-size:9px 6px; */padding-right:1.5rem;-webkit-transition:border-color .25s ease-in-out,-webkit-box-shadow .5s;transition:box-shadow .5s,border-color .25s ease-in-out}
select:focus{outline:none; -webkit-transition:border-color .25s ease-in-out,-webkit-box-shadow .5s;transition:box-shadow .5s,border-color .25s ease-in-out}
select:disabled{background-color:#e6e6e6;cursor:not-allowed}
select::-ms-expand{display:none}
select[multiple]{height:auto;background-image:none}