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

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button{margin:0;padding:0}
html,body{width:100%;height:100%}
body{font-family:"Noto Sans KR", "Noto Sans CJK KR", "Noto Sans","돋움",dotum,tahoma,sans-serif;font-size:14px;line-height:1;color:#333;font-weight:300;}
fieldset,img{border:0 none;vertical-align:top}
dl,ul,ol,menu,li{list-style:none}
button{overflow:visible;border:0 none;background-color:transparent;cursor:pointer;font-family:"Noto Sans KR", "Noto Sans CJK KR", "Noto Sans","돋움",dotum,tahoma,sans-serif;font-size:14px;outline: none;}
button::-moz-focus-inner{padding:0;border:0}
address,caption,em{font-style:normal}
a{color:#333;text-decoration:none;}
a:focus,a:active,a:hover{color:#333;text-decoration:none;}
table{border-collapse:collapse;table-layout:fixed;border-spacing:0}
caption {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:100px;white-space:nowrap}

/* common */
.clearfix {*zoom:1;}
.clearfix:after {clear:both; display:block; content:"";}

/* common style */
.fll {float: left;}
.flr {float: right;}
.posr {position: relative;}
.posa {position: absolute;}
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}
.w2per {width: 2%;}
.w4per {width: 4%;}
.w5per {width: 5%;}
.w7per {width: 7%;}
.w8per {width: 8%;}
.w9per {width: 9%;}
.w10per {width: 10%;}
.w11per {width: 11%;}
.w12per {width: 12%;}
.w13per {width: 13%;}
.w14per {width: 14%;}
.w15per {width: 15%;}
.w16per {width: 16%;}
.w17per {width: 17%;}
.w20per {width: 20%;}
.w22per {width: 22%;}
.w24per {width: 24%;}
.w30per {width: 30%;}
.font-normal {font-weight: normal;}
.font-bold {font-weight: bold;}
.font-blue, td.font-blue {color: #2489b0;}
.font-gray {color: #999;}
.font-red {color: #e41b1b;}
.font-redb {color: #e41b1b; font-weight: bold;}
.font-13 {font-size: 13px;}
.input-w100 {width: 100px;}
.input-w140 {width: 140px;}

/* form style */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"] {margin: 0; border: 0; background-color: #fff; vertical-align: middle; outline: none; box-sizing: border-box;}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {background: #fafafa;}
input[type="text"], input[type="password"], select {width: 100%; height: 100%; border: 1px solid #ccc; outline: 0; box-sizing: border-box;}
input[type="checkbox"] {width: 16px; height: 16px; vertical-align: middle;}
textarea {width: 100%; padding: 10px; border: 1px solid #cfcfcf; outline: none; box-sizing: border-box;}

/* table style */
table {width: 100%;}
th {font-weight: normal;}
.table-basic th {height: 53px; line-height: 53px; border-top: 2px solid #595757; border-bottom: 1px solid #ddd; text-align: center; font-size: 16px; color: #000; font-weight: 400; position: relative;}
.table-line {position: absolute; right: 0; top: 50%; margin-top: -11px; width: 1px; height: 23px; background-color: #ddd;}
.table-basic td {height: 50px; border-bottom: 1px solid #eee; color: #666; text-align: center;}
.table-basic td a {color: #666;}
.table-type10 tr {height: 50px; border-bottom: 1px solid #eee;}
.table-type10 th {padding-left: 30px; background-color: #f7f7f7; color: #000; text-align: left;}
.table-type10 td {padding: 0 20px;}
.table-type11 tr {border-bottom: 1px solid #ddd;}
.table-type11 thead tr {height: 50px;}
.table-type11 th, .table-type11 td {border-left: 1px solid #ddd;}
.table-type11 thead th {border-bottom: 0; background-color: #425059; font-size: 16px; color: #fff;}

td.table-textl, .table-tal td {text-align: left;}
td.table-tac, tr td.table-tac {text-align: center;}
td.table-tar {text-align: right;}
td.bdb0, tr.bdb0 {border-bottom: 0;}
th.bdl0, td.bdl0 {border-left: 0;}
tr.bdt0 td, tr.bdt0 th {border-top: 0;}
.table-vtct {vertical-align: top; padding-top: 20px;}
.tr-bdt {border-top: 1px solid #eee;}
.table-gray th {border-top: 2px solid #ccc;}

/* button style */
.btn-gray {background-color: #7a848a; color: #fff;}
.btn-gray1 {background-color: #b3b9bd; color: #fff;}
.btn-navy {background-color: #425059; color: #fff;}
.btn-skyblue {background-color: #498fb3; color: #fff;}
.btn-red {background-color: #e41b1b; color: #fff;}

/* paging style */
.paging {width: 420px; margin: 0 auto; text-align: center;}
/*.paging li {float: left; }*/
/*.paging a:first-child {border-left: 1px solid #ddd;}*/
.paging a {display: inline-block; width: 30px; height: 30px; line-height: 30px; border: 1px solid #ddd; font-family: "나눔고딕", NanumGothic, "Nanum Gothic"; font-size: 11px; box-sizing: border-box;}
.paging a:hover, .paging a.active {font-weight: bold; border-bottom: 2px solid #838383;}

/* common */
.pdl10 {padding-left: 10px;}
.pdl30 {padding-left: 30px;}
.pdl50 {padding-left: 50px;}
.pdr15 {padding-right: 15px;}
.pdr20 {padding-right: 20px;}
.pdr30 {padding-right: 30px;}
.pdr40 {padding-right: 40px;}
.pdt30 {padding-top: 30px;}
.pdt40 {padding-top: 40px;}
.pdb40 {padding-bottom: 40px;}
.pdb50 {padding-bottom: 50px;}
.pdlr10 {padding: 0 10px;}
.pdlr20 {padding: 0 20px;}
.pdlr25 {padding: 0 25px;}
.mgr5 {margin-right: 5px}
.mgr10 {margin-right: 10px;}
.mgr15 {margin-right: 15px;}
.mgr30 {margin-right: 30px;}
.mgr90 {margin-right: 90px;}
.mgl1 {margin-left: 1px;}
.mgl3 {margin-left: 3px;}
.mgl5 {margin-left: 5px;}
.mgl6 {margin-left: 6px;}
.mgl10 {margin-left: 10px;}
.mgl20 {margin-left: 20px;}
.mgl25 {margin-left: 25px;}
.mglr5 {margin: 0 5px;}
.mgt5 {margin-top: 5px;}
.mgt6 {margin-top: 6px;}
.mgt7 {margin-top: 7px;}
.mgt10 {margin-top: 10px;}
.mgt20 {margin-top: 20px;}
.mgt30 {margin-top: 30px;}
.mgt40 {margin-top: 40px;}
.mgt60 {margin-top: 60px;}
.mgt80 {margin-top: 80px;}
.mgb5 {margin-bottom: 5px;}
.mgb10 {margin-bottom: 10px;}
.mgb15 {margin-bottom: 15px;}
.mgb20 {margin-bottom: 20px;}
.mgb30 {margin-bottom: 30px;}
.mgb35 {margin-bottom: 35px;}
.mgb40 {margin-bottom: 40px;}
.mgb50 {margin-bottom: 50px;}
.mgb55 {margin-bottom: 55px;}
.mgb80 {margin-bottom: 80px;}
.ellipsis800 {width: 800px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis680 {width: 680px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis540 {width: 540px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis490 {width: 490px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis440 {width: 440px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis420 {width: 420px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis390 {width: 390px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis340 {width: 340px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis300 {width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis290 {width: 290px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis250 {width: 250px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis230 {width: 230px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis200 {width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis150 {width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis100 {width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis90 {width: 90px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.vtc-m {vertical-align: middle;}