@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
/* ===================reset================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}/* Corrects `block` display not defined in IE 8/9.*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, object, embed {margin:0;padding:0;border:0;outline:0;font-size:14px; color: #3A3A3A; letter-spacing: 0px;}

hr {display: none; }
caption {position: absolute;clip: rect(1px, 1px, 1px, 1px)}  
a:active,
a:hover {outline: 0}
pre {word-wrap: break-word;}
small {font-size: 80%}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em}
sub {bottom: -0.25em}
mark {background: #ff6868;}
img {border: 0; vertical-align:middle}
input, select {vertical-align:middle}
button,input,select,textarea {font-family: inherit; font-size: inherit;  margin: 0; }
button,input {line-height: normal}
button, html input[type="button"], input[type="reset"],input[type="submit"] {
    -webkit-appearance: button; cursor: pointer; }
button[disabled],input[disabled] {cursor: default}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="search"] {-webkit-appearance: textfield;  -moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,
input::-moz-focus-inner {border: 0;padding: 0;}
input:focus {outline: none}
textarea {overflow: auto; vertical-align: top;}
table {border-collapse: collapse;border-spacing: 0;}
ul, ol, li, dl, dt, dd{list-style:none}
td {word-break:break-all; word-wrap:break-word}
img {max-width:100%;height:auto}
video, audio, object, embed{max-width:100%;height:auto}

/* -------------------
 * common style define
 * ------------------- */

/* Default Link Styles */
a { color: #3b3b3b; text-decoration: none; line-height: inherit; }
a:hover, a:focus { color: #3A3A3A; }
a img { border: none; }

/* #Lists
================================================== */
ul, li, dl, dt, dd { list-style: none; }
ul { list-style: none outside; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
dl dt { margin-bottom: 5px; font-weight: bold; }
dl dd { margin-bottom: 5px; }

/* Abbreviations */
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #d0d0d0; border-bottom: 1px dotted #d7d7d7; cursor: help; }
abbr { text-transform: none; }

/* Blockquotes */
blockquote { margin: 0 0 20px; padding: 9px 20px 0 14px; line-height: 1.6; color: #a2a2a2; border-left: 1px solid #d7d7d7; }
blockquote cite { display: block; font-size: 13px; color: #d0d0d0; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #d0d0d0; }

.fl { float: left; *zoom: 1; }
.fl:after { display: table; content: ""; line-height: 0; clear: both; }

.fr { float: right; *zoom: 1; }
.fr:after { display: table; content: ""; line-height: 0; clear: both; }

ul.fl > li { float: left; }
ul.fl:after { display: table; content: ""; line-height: 0; clear: both; }

.ir { overflow: hidden; text-indent: -9999em; }
.hidden { display: none !important; }
.hide-text { position: absolute; clip: rect(1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }
.pos-relative { position: relative; }
.pos-absolute { position: absolute; }
.posa-lb {position: absolute; left: 0; bottom: 0;}
.posa-rb {position: absolute; right: 0; bottom: 0;}
.posa-lt {position: absolute; left: 0; top: 0;}
.posa-rt {position: absolute; right: 0; top: 0;}
.posa-lc {position: absolute; left: 0; top: 50%;}
.posa-rc {position: absolute; right: 0; top: 50%;}

/* font color*/
.text-right{text-align: right: ;}


/* 간격 */
.pad-v30 { padding: 30px 0; }
.pad-v20 { padding: 20px 0; }
.pad-v15 { padding: 15px 0; }
.pad-v10 { padding: 10px 0; }
.pad-t30 { padding-top: 30px;}
.pad-t20 { padding-top: 20px;}
.mrg-t20 { margin-top: 20px; }
.mrg-t30 { margin-top: 30px; }
.mrg-t40 { margin-top: 40px; }
.mrg-b10 { margin-bottom: 10px; }


.w100per {width: 100%;}
.w99per {width: 99%;}
.w95per {width: 95%;}
.w90per {width: 90%;}
.w85per {width: 85%;}
.w80per {width: 80%;}
.w75per {width: 75%;}
.w70per {width: 70%;}
.w66per {width: 66%;}
.w65per {width: 65%;}
.w60per {width: 60%;}
.w50per {width: 50%;}
.w55per {width: 55%;}
.w45per {width: 45%;}
.w40per {width: 40%;}
.w35per {width: 35%;}
.w33per {width: 33.3333333%;}
.w30per {width: 30%;}
.w25per {width: 25%;}
.w23per {width: 23%;}
.w20per {width: 20%;}
.w19per {width: 19%;}
.w18per {width: 18%;}
.w17per {width: 17%;}
.w16per {width: 16%;}
.w15per {width: 15%;}
.w14per {width: 14%;}
.w13per {width: 13%;}
.w12per {width: 12%;}
.w11per {width: 11%;}
.w10per {width: 10%;}
.w9per {width: 9%;}
.w8per {width: 8%;}
.w7per {width: 7%;}
.w6per {width: 6%;}
.w5per {width: 5%;}
.w4per {width: 4%;}
.w3per {width: 3%;}


/* 스크롤 생성 */


/* 레이아웃 */
.w65per { width: 65%;}
.w30per { width: 30%;}

/* 디자인 버튼 */
.btn-main {background-color: #3792e3; color: white;}
.btn-main:hover {background-color: #2583d6;}
.btn-main:active, .btn-main.active {background-color: #2583d6; outline: 0;} /* key color dark blue */

.btn-sub {background-color: #b2b2b2; color: #fff;}
.btn-sub:hover {background-color: #939393;}
.btn-sub:active, .btn-sub.active {background-color: #939393; outline: 0;} 

.btn-simple {background-color: #f6f8fb; color: #5a5a5a; border: 1px solid #abafb6;}
.btn-simple:hover {background-color: #e3e6ec;}
.btn-simple:active, .btn-simple.active {background-color: #e3e6ec; outline: 0;} /* gray border simple button */

/* Form control */
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"], textarea 
	{background-color: white; font-family: inherit; font-size: inherit; border: 1px solid #ccc; color: #656565; display: inline-block; padding: 0.3em 0.6em; vertical-align: middle; outline: none; margin: 0; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out;}
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 
	{border: 1px solid #989898; color: #424242; outline: none;}

input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] 
	{background-color: #edeff2; color: #a4a4a4;}
input[type="text"][readonly], input[type="password"][readonly], input[type="date"][readonly], input[type="datetime"][readonly], input[type="datetime-local"][readonly], input[type="month"][readonly], input[type="week"][readonly], input[type="email"][readonly], input[type="number"][readonly], input[type="search"][readonly], input[type="tel"][readonly], input[type="time"][readonly], input[type="url"][readonly], textarea[readonly] 
	{background-color: #edeff2; color: #a4a4a4;}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #aeaeae; font-size: 12px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #aeaeae; font-size: 12px;}

.grp-form input, .grp-form button, .grp-form select {margin-right: 2px; vertical-align: middle;}

input[type="checkbox"], input[type="radio"] {width: 16px; height: 16px; vertical-align: middle;}

.pad-l1em > input[type="checkbox"]{
  /*width:1px; 
  height:1px; 
  padding:0; 
  border:0 none; 
  margin:0; 
  position:absolute; 
  left:0; 
  top:0; 
  overflow:hidden;
  clip:rect(0 0 0 0);*/
  display: none;
}

.pad-l1em > label{
  height:16px; 
  margin-right: 5px;
  line-height:16px; 
  padding-left:20px; 
  display:inline-block; 
  background:url(../img/img-sub/check.png) no-repeat 0 0; 
  font-size:15px; 
  vertical-align:middle; 
  cursor:pointer;
}

.pad-l1em > input[type="checkbox"]:checked + label{
  background-position: 0 -15px;

}


select {padding: 4px 4px 3px 4px; vertical-align: middle; border: 1px solid #ccc; color: #656565; background-color: #fff;}
select[disabled] {background-color: #edeff2; color: #a4a4a4;}
select.min {min-width: 100px;}
select.narrow {height: 23px;}
select.wide {height: 30px; font-size: 16px}



/* paging style  */
.pageing {padding-top: 30px; text-align: center;}
.pageing a {display: inline-block; margin-right:1px; background: #fff; min-width: 28px; height: 28px; line-height: 28px; border: 1px solid #ddd; color: #999; font-size: 12px;  box-sizing: border-box;}
.pageing a:hover {border: 1px solid #999; color: #3A3A3A;}
.pageing a.active {color: #3A3A3A; border: 1px solid #999;}


button {display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; height: 35px; padding: 0.5em 1.5em; margin-bottom: 0; font-size: 14px; line-height: 1; text-align: center; vertical-align: middle; cursor: pointer; border: none; font-weight: 300;}

/* Table style */
table {width: 100%; background: #fff;}
table th {text-align: center;}
table td {text-align: center;}
table td.tl, table th.tl {text-align: left !important;}
table td.tr, table th.tr {text-align: right !important;}
table td.vt, table th.vt {vertical-align: top !important;}
table td.vm, table th.vm {vertical-align: middle !important;}
table tr.vm>td {vertical-align: middle !important;}
table img {vertical-align: middle}

/* Star: table */
table.tb-list{border-top: 2px solid #595757;}
table.tb-list th {position: relative; background: #fff; color: #333; font-size: 15px; padding: 10px 0; font-weight: 400;}
table.tb-list th:after {position: absolute; top:14px; left:0; width:1px; height: 14px; background: #ddd; content:'';}
table.tb-list th:first-child:after {display: none;}
table.tb-list th, table.tb-list td {border-bottom: 1px solid #ddd;}
table.tb-list td { padding: 10px 8px; font-size: 13px}
table.tb-list tr:hover > td {background: #f8f8fb;}
table.tb-list.no-hover tr:hover > td {background: none;}
table.tb-list i.fa {font-size: 13px; color:#444c8f; padding-right: 0.2em}

table.tb-list.narrow th {padding: 0.25em;}
table.tb-list.narrow td {padding: 0.2em;}
table tr.bg-blue >th, table tr.bg-blue >td {background: #f4fafd !important;}

table.tb-write tbody {border-top: 2px solid #595757;}
table.tb-write th {border-bottom: 1px solid #ddd; color: #333; font-size: 16px; padding: 10px; font-weight: 400;}
table.tb-write td {border-bottom: 1px solid #ddd;}
table.tb-write th.border-none ,table.tb-write td.border-none {border-bottom: none;}
table.tb-write td {text-align: left; padding: 10px}
table.tb-write.narrow th, table.tb-write.narrow td {padding: 0.3em;}
table.tb-write .bodypad{padding: 30px 10px}

table.tc th, table.tc td {text-align: center}