@charset "utf-8";
/* CSS Document */
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/
@import url('main.css');
@import url('layout.css');
@import url('contents.css');

@font-face{font-family:ng; src:url('nanum.eot'); src:local('※'), url('nanum.woff') format('woff')}
html { overflow-y:scroll; }


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: ng;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-family: ng;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption{position:absolute; left:-3000%;}
input{font-family: ng; transition: all 1s ease;}

li { list-style: none outside none; }

a { text-decoration:none; color:#666; transition:all 0.5s ease;}
a:hover{color: #ff0000;}

address{ font-style: normal;}
/* common */
.text_l {text-align:left !important; }
.text_r, .right {text-align:right !important; }
.text_c {text-align:center !important; }
.cb { clear:both; }
.fl{float: left;}
.fr{float: right;}
.org, .red{ color: #ed561a;}
.dark{ color: #222;}
.input, .inputwrite, .readOnlyClass, .inputtext{ font-size: 1em; border-radius: 3px; border: 1px solid #dedede; line-height: 1.6em; padding: 3px 5px;}
.input:hover, .input:focus, .inputwrite:hover, .inputwrite:focus, .inputtext:hover, .inputtext:focus{ border: 1px solid #999; box-shadow: 0 0 3px #999;}
.oh{ overflow: hidden;}
.dno{ display:none;}


/* select */
select {
    padding: 4px 25px 3px 10px; /* 여백으로 높이 설정 */
    font-family: inherit;  /* 폰트 상속 */
    background: #fff url(../images/common/selectbox_arrow.png) no-repeat right 50%; /* 네이티브 화살표 대체 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #d7d7d7;
    cursor: pointer;
    color: #777;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 0.9em;
    font-weight: 300;
}
select:hover, select:focus{ border: 1px solid #2287eb; box-shadow: 0 0 3px #2287eb; color: #444; font-weight: 400;}
select::-ms-expand {
    display: none;  /* IE 10, 11의 네이티브 화살표 숨기기 */
}

.skip{ position: absolute; z-index: 10000; }
.skip dl { position: relative; }
.skip dl dt { display: none; }
.skip dl dd a{position: absolute; top:-300px; left: 0;  line-height: 30px; text-align: center; width: 300px; background: #000; color: #fff; display: block; font-size: 1em; }
.skip dl dd a:FOCUS {top:0; left: 0; }

.img{ background: #eaeaea url(../images/no_img.png) no-repeat center center;}

@media screen and (max-width:980px){
.input, .inputwrite, .readOnlyClass, .inputtext{
	    box-sizing: border-box;
}
}