@charset "utf-8";

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

/* 초기화 */
html {overflow-y:scroll;}
body {margin:0; padding:0; font-family: 'Roboto', sans-serif; font-size:15px; line-height:1.5em; color:#595959; font-weight:300;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0; padding:0; border:0;}
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

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: ; font-size:13px;}
button {cursor:pointer;}

textarea, select {font-family: 'Roboto', sans-serif;}
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;}

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

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

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

h2.title {font-size:45px; color:#0b2b6c; font-weight:300;}
h3.title {font-size:30px; font-weight:300; color:#333333; line-height:40px;}
/*
h4.htitle {font-size:16px; background:url(../img/bullet.gif) 1px center no-repeat; padding-left:12px; font-weight:normal; color:#323b4c;}
*/
h4.htitle {font-size:16px; padding-left:7px; font-weight:normal; color:#323b4c; border-left:4px solid #003; line-height:1.3em;}
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:13px; background:url(../img/bullet.gif) 5px center no-repeat; padding-left:15px; font-weight:normal; color:#323b4c; line-height:40px; width:140px; float:left;}

.alert {color:#e12a37;}

/* 테이블 */
table.prd {border-top:2px solid #5e5e5e; font-size:15px;}
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; height:60px;}
table.prd td {border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center; height:50px;}
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;}
.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;}
.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;}
.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;}
.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;}