@charset "utf-8";
/* CSS Document */
@import url('new_kr.css');
@import url('animate.css');
@import url('contents_old.css');
@import url('contents.css');

/*@font-face{font-family:ng; src:url('nanum.otf'); src:local('※'), url('nanum.woff') format('woff')}*/
html { overflow-y:scroll; }
body{background: #f6f6f6;}
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: 'Malgun Gothic', 'Dotum';
 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: Malgun Gothic, Dotum; 
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: inherit;
 border-spacing: 0;
 font-family: Malgun Gothic, Dotum; 
}
caption{position:absolute; left:-3000%;}
input{font-family: 'Noto Sans KR', sans-serif; transition:all 1s ease;}

li { list-style: none outside none; }

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

/* 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: #D23200;}
.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 #2287eb; box-shadow: 0 0 3px #2287eb;}
.oh{ overflow: hidden;}
.pr{ position: relative;}
.f11{ font-size: 0.9em; font-weight: 300; color: #666;}
.c2{ color: #222;}
.dno{height:0; text-indent: -9999px; overflow:hidden;}
.list_dot li strong.red{ color:#da3413;}

/* select */
select {
    padding: 5px 20px 5px 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 #d0d0d0;
    cursor: pointer;
    color: #767676;
    font-family: 'Noto Sans KR', sans-serif; 
    font-size:1em;
    border-radius: 2px;
}
select:hover, select:focus{ border: 1px solid #2287eb; box-shadow: 0 0 3px #2287eb; color: #444;}
select::-ms-expand {
    display: none; 
}

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


.contents{word-break: keep-all; }

button{ border: none; cursor: pointer;}
address{ font-style: normal;}

.mgt0 { margin-top:0; }
.mgt5 { margin-top:5px; }
.mgt10, .mt10 { margin-top:10px; }
.mgt20, .mt20 { margin-top:20px; }
.mgt30, .mt30 { margin-top:30px; }
.mgt40, .mt40 { margin-top:40px; }
.mgt50, .mt50 { margin-top:50px; }

.mgb10 { margin-bottom:10px; }
.mgb20 { margin-bottom:20px; }
.mgb25 { margin-bottom:25px; }
.mgb30 { margin-bottom:30px; }
.mgb40 { margin-bottom:40px; }
.mgb50 { margin-bottom:50px; }

.mgl10 { margin-left:10px; }
.mgl20 { margin-left:20px; }
.mgl25 { margin-left:25px; }
.mgl30 { margin-left:30px; }
.mgl40 { margin-left:40px; }
.mgl50 { margin-left:50px; }

.mgr10 { margin-right:10px; }
.mgr20 { margin-right:20px; }
.mgr30 { margin-right:30px; }
.mgr40 { margin-right:40px; }
.mgr50 { margin-right:50px; }