@charset "utf-8";


@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700);


/* font */
@font-face {
    font-family: 'notokr-regular';
    src: url('fonts/notokr-regular.eot');
    src: url('fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/notokr-regular.woff2') format('woff2'),
         url('fonts/notokr-regular.woff') format('woff'),
         url('fonts/notokr-regular.ttf') format('truetype'),
         url('fonts/notokr-regular.svg#notokr-regular') format('svg');
}

@font-face {
    font-family: 'notokr-medium';
    src: url('fonts/notokr-medium.eot');
    src: url('fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/notokr-medium.woff2') format('woff2'),
         url('fonts/notokr-medium.woff') format('woff'),
         url('fonts/notokr-medium.ttf') format('truetype'),
         url('fonts/notokr-medium.svg#notokr-medium') format('svg');
}

@font-face {
    font-family: 'notokr-bold';
    src: url('fonts/notokr-bold.eot');
    src: url('fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/notokr-bold.woff2') format('woff2'),
         url('fonts/notokr-bold.woff') format('woff'),
         url('fonts/notokr-bold.ttf') format('truetype'),
         url('fonts/notokr-bold.svg#notokr-bold') format('svg');
}

@font-face {
    font-family: 'notokr-demilight';
    src: url('fonts/notokr-demilight.eot');
    src: url('fonts/notokr-demilight.eot?#iefix') format('embedded-opentype'),
         url('fonts/notokr-demilight.woff2') format('woff2'),
         url('fonts/notokr-demilight.woff') format('woff'),
         url('fonts/notokr-demilight.ttf') format('truetype'),
         url('fonts/notokr-demilight.svg#notokr-demilight') format('svg');
}


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, input,
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: 13px;
	font: inherit;
	vertical-align: baseline;
	font-family: 'notokr-medium',sans-serif !important;
	font-weight: 300 !important;
	color: #444;
    line-height: 22px;
    letter-spacing: -0.3px;
}

ul, ol {margin:0; padding:0; list-style:none;}
legend {position:absolute ;margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden;}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0; padding:0; font-family: 'notokr-medium',sans-serif; font-size:13px;}
button {cursor:pointer;}

textarea, select {font-family: 'notokr-medium',sans-serif; font-size:13px;}
select {margin:0}
p {margin:0; padding:0; word-break:break-all;}
hr {display:none;}
pre {overflow-x:scroll; font-size:13px;}
a:link, a:visited {color:#000; text-decoration:none;}
a:hover, a:focus, a:active {color:#000; text-decoration:underline;}

.blind {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
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;
}

a:link {text-decoration: none;}

/* 위치정렬 */
.leftfix {text-align:left !important;}
.rightfix {text-align:right !important;}
.centerfix {text-align:center !important;}
.justfix {text-align:justify !important;}
.clearfix::after {content: '';display: table;clear: both !important;}
.floatLeft {float: left !important;}
.floatRight {float: right !important;}

/* 폰트크기 */
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs18 {font-size:18px !important;}
.fnBold {font-weight:bold;}

/* 행간 */
.fh18 {line-height:1.6em !important;}


/*
h5.htitle {font-size:15px; background:url(../img/bullet.gif) 1px center no-repeat; padding-left:12px; font-weight:normal; color:#323b4c;}
h5.htitle2 {font-size:15px; background:url(../img/bullet.gif) 20px center no-repeat; padding-left:35px; font-weight:normal; color:#323b4c; line-height:40px; width:130px; float:left;}
*/
.alert {color:#e12a37;}

/* 테이블 */
table.prd {border-top: 2px solid #5e5e5e;font-size: 13px;}
table.prd th {border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;background: #f3f3f3;text-align: center;font-weight: normal;line-height: 1.4em;vertical-align: middle;}
table.prd td {border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1; text-align: center;vertical-align: middle;}
caption, summury {display:none;}
.btnone {border-top:none !important;}
.brnone {border-right:none !important;}
.bbnone {border-bottom:none !important;}
.blnone {border-left:none !important;}
.noarticle {text-align:center; padding:150px 0; text-align: center; border-bottom:1px solid #dfe0e0; width: 100%;}
.bordernone {border:none;}

/* padding */
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt43 {padding-top:43px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}

.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pr60 {padding-right:60px !important;}
.pr70 {padding-right:70px !important;}
.pr80 {padding-right:80px !important;}
.pr90 {padding-right:90px !important;}
.pr100 {padding-right:100px !important;}

.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb43 {padding-bottom:43px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}

.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl23 {padding-left:22px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}
.pl90 {padding-left:90px !important;}
.pl100 {padding-left:100px !important;}

/* margin */
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt43 {margin-top:43px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}

.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}

.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb43 {margin-bottom:43px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}