@charset "UTF-8";
/** -------------------------------- normalize 브라우저 동기화 -------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none; height: 0;}
[hidden], template {display: none;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
a:focus {outline: thin dotted;}
a:active, a:hover {outline: none;}
a:active, a:focus {outline:none;} 

b, strong {font-weight: 500;}
blockquote {margin: 1em 2.8em;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
mark {background: #1d3b7b; color: #fff;}
p, pre {margin: 0;}
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
q {quotes: none;}
q:before, q:after {content: ''; content: none;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.3em;}
sub {bottom: -0.25em;}
nav ul, nav ol {list-style: none; list-style-image: none; margin: 0; padding: 0;}
img, a img {border: 0; -ms-interpolation-mode: bicubic;}
svg:not(:root) {overflow: hidden;}
fieldset {border: 0; margin: 0;}
legend {border: 0; padding: 0; white-space: normal; *margin-left: -7px; display: block}
button, input, select, textarea {margin: 0; vertical-align: middle;}
button, input {line-height: normal;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer; *overflow: visible;}
button[disabled], html 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;}
textarea {overflow: auto; vertical-align: top;}
table {border-collapse: collapse; border-spacing: 0;}
td, th {padding: 0;}


.chromeframe {position: fixed; top: 5px; right: 5px; width: 480px; margin: 0.2em 0; border: 1px solid #cfcfcf; padding: 0.4em; background: #efefef; color: #2f2f2f; font-size: 0.8em; line-height: 1.5;}/*	크롬프레임 스타일 */

/*	==========================================================================
	초기화(옵션) 스타일 및 공통 스타일
	========================================================================== */
html {overflow-y: scroll; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: none;}
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 {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}

::-moz-selection {background: #1d3b7b; text-shadow: none;}
::selection {background: #1d3b7b; text-shadow: none; color: #fff;}
img {vertical-align: top;}
textarea {resize: vertical;}
img, video, audio, object, embed {max-width: 100%; height: auto;}
iframe {max-width: 100%;}
caption {position: absolute; clip: rect(1px); clip: rect(1px, 1px, 1px, 1px);}
h1, h2, h3, h4, h5, h6 {color: #000; font-weight: 500;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 13px;}
em{font-style: italic; line-height: inherit;}
i {font-style: normal; line-height: inherit; }
address {font-style: normal; line-height: inherit;}
a img {border: none;}
button, input, select, textarea {font-family: 'NanumGothic' ,"나눔고딕", "Helvetica Neue", Helvetica, "돋움", "돋움체", Arial, sans-serif; color: inherit;}

/* #Lists ====== */
ul, li, dl, dt, dd {list-style: none;}
dl dt {margin-bottom: 0.3em; font-weight: 400;}
dl dd {margin-bottom: 0.3em;}
hr {background: none; border: none;}
.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:after {display: block; width: 0; height: 0; content: ''; 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;}
.text-ind {text-indent: 0.6em}
.vertical-middle {vertical-align: middle;}
.vertical-top {vertical-align: top;}
.posa {position: absolute;}
.posr {position: relative;}
.dis-inb {display: inline-block;}
.text-ellips {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.multi-ellips-row2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; }
.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%;}
.lh1 {line-height: 1 !important;}
.lh1-6 {line-height: 1.6 !important;}
.lh1-8 {line-height: 1.8 !important;}
.lh2 {line-height: 2 !important;}
.box-size {box-sizing: border-box !important;}
.req {font-size: 12px; color: red;}
.cur-d {cursor: default;}
.cur-t {cursor: text;}
.cur-p {cursor: pointer;}
.w-break {word-break: break-all;}/* 영문글자 단위 내리기 */

/* - 공통 padding - margin - element- */
.no-pad{padding:0 !important;}
.no-margin{margin:0 !important;}
.row4 {margin-bottom: 4px;}
.row5 {margin-bottom: 5px;}
.row10 {margin-bottom: 10px;}
.row15 {margin-bottom: 15px;}
.row20 {margin-bottom: 20px;}
.row25 {margin-bottom: 25px;}
.row30 {margin-bottom: 30px;}
.row35 {margin-bottom: 35px;}
.row40 {margin-bottom: 40px;}
.row50 {margin-bottom: 50px;}
.row60 {margin-bottom: 60px;}
.row70 {margin-bottom: 70px;}
.row80 {margin-bottom: 80px;}
.row90 {margin-bottom: 90px;}
.row100 {margin-bottom: 100px;}
.row1em {margin-bottom: 1em}
.row1-5em {margin-bottom: 1.5em}
.row2em {margin-bottom: 2em}
.row2-5em {margin-bottom: 2.5em}
.row3em {margin-bottom: 3em}

.mr-t10 {margin-top: 10px;}
.mr-t15 {margin-top: 15px;}
.mr-t20 {margin-top: 20px;}
.mr-t25 {margin-top: 25px;}
.mr-t30 {margin-top: 30px;}
.mr-t35 {margin-top: 35px;}
.mr-t40 {margin-top: 40px;}
.mr-t50 {margin-top: 50px;}
.mr-t60 {margin-top: 60px;}
.mr-r5 {margin-right: 5px;}
.mr-r10 {margin-right: 10px;}
.mr-r15 {margin-right: 15px;}
.mr-r20 {margin-right: 20px;}
.mr-r30 {margin-right: 30px;}
.mr-r40 {margin-right: 40px;}
.mr-r50 {margin-right: 50px;}
.mr-r100 {margin-right: 100px;}

.pad5 {padding: 5px;}
.pad10 {padding: 10px;}
.pad15 {padding: 15px;}
.pad20 {padding: 20px;}
.pad25 {padding: 25px;}
.pad30 {padding: 30px;}
.pad40 {padding: 40px;}
.pad50 {padding: 50px;}

.pad-0-5em {padding: 0.5em;}
.pad-1em {padding: 1em;}
.pad-1-5em {padding: 1.5em;}
.pad-2em {padding: 2em;}

.pad-l1em {padding-left: 1em}
.pad-l2em {padding-left: 2em}
.pad-l3em {padding-left: 3em}
.pad-l4em {padding-left: 4em}
.pad-l5em {padding-left: 5em}
.pad-l6em {padding-left: 6em}
.pad-r1em {padding-right: 1em}
.pad-r2em {padding-right: 2em}
.pad-t1em {padding-top: 1em}
.pad-t2em {padding-top: 2em}
.pad-b1em {padding-bottom: 1em}
.pad-b2em {padding-bottom: 2em}

.pad-l5 {padding-left: 5px;}
.pad-l10 {padding-left: 10px;}
.pad-l15 {padding-left: 15px;}
.pad-l20 {padding-left: 20px;}
.pad-l30 {padding-left: 30px;}
.pad-l40 {padding-left: 40px;}
.pad-l50 {padding-left: 50px;}
.pad-r5 {padding-right: 5px;}
.pad-r10 {padding-right: 10px;}
.pad-r15 {padding-right: 15px;}
.pad-r20 {padding-right: 20px;}
.pad-t5 {padding-top: 5px;}
.pad-t10 {padding-top: 10px;}
.pad-t15 {padding-top: 15px;}
.pad-t20 {padding-top: 20px;}
.pad-t25 {padding-top: 25px;}
.pad-t30 {padding-top: 30px;}
.pad-t40 {padding-top: 40px;}
.pad-t50 {padding-top: 50px;}
.pad-t80 {padding-top: 80px;}
.pad-b10 {padding-bottom: 10px;}
.pad-b15 {padding-bottom: 15px;}
.pad-b20 {padding-bottom: 20px;}
.pad-tb1em {padding:1em 0 ;}
.pad-tb20 {padding:20px 0 ;}

.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%;}

.w30 {width: 30px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w130 {width: 130px;}
.w140 {width: 140px;}
.w150 {width: 150px;}
.w160 {width: 160px;}
.w170 {width: 170px;}
.w180 {width: 180px;}
.w200 {width: 200px;}
.w220 {width: 220px;}
.w230 {width: 230px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w320 {width: 320px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.w500 {width: 500px;}
.w600 {width: 600px;}
.w700 {width: 700px;}
.min-w100 {min-width: 100px;}
.min-w150 {min-width: 150px;}
.min-w200 {min-width: 200px;}

.w3em {width: 3em;}
.w4em {width: 4em;}
.w5em {width: 5em;}
.w6em {width: 6em;}
.w7em {width: 7em;}
.w8em {width: 8em;}
.w9em {width: 9em;}
.w10em {width: 10em;}

.h2em {height: 2em}
.h3em {height: 3em}
.h4em {height: 4em}
.h5em {height: 5em}

.h20 {height: 20px;}
.h25 {height: 25px;}
.h30 {height: 30px;}
.h40 {height: 40px;}
.h50 {height: 50px;}
.h60 {height: 60px;}
.h70 {height: 70px;}
.h80 {height:80px;}
.h100 {height: 100px;}
.h120 {height: 120px;}
.h100per {height: 100%}
.h50per {height: 50%}

.minh300 {min-height: 300px}
.minh400 {min-height: 400px}
.minh500 {min-height: 500px}

/* =============================== */
/* ===== Font Common style  ====== */
.fc-key {color: #1d3b7b !important;} /* key color*/
.fc-key-light {color: #336ab8 !important;}/* light key color */
.fc-point {color:#1d3b7b !important;} /* point color*/
.fc-k1 {color: #000 !important;}
.fc-k2 {color: #434343 !important;}
.fc-k3 {color: #464646 !important;}
.fc-gray1 {color: #999 !important;}
.fc-gray2 {color: #aaa !important;}
.fc-gray3 {color: #f2f2f2 !important;}
.fc-gray4 {color: #f7f7f7 !important;}
.fc-ex {color: #9f9584 !important;}

.fc-white {color: #fff !important;}
.fc-red {color: #bc3e3e !important;}
.fc-green {color: #768a76 !important;}
.fc-blue {color: #4675b3 !important;}
.fc-yellow {color: #ffed89 !important;}
.fc-orange {color: #ff8400 !important;}
.fs-st500 {color: #333333; font-weight: 500;}
.fs-st {color: #333333; font-weight: 700;}


.title-bullet {position: relative; padding-left: 0.8em; line-height: 1; margin-bottom: 8px}
.title-bullet:before {position: absolute; top:0.35em; left:0; font-size: 0.5em; content: '●'}

.fs-big1 {font-size: 15px;}
.fs-big2 {font-size: 16px;}
.fs-big3 {font-size: 17px;}
.fs-big4 {font-size: 18px;}
.fs-big5 {font-size: 19px;}
.fs-big6 {font-size: 20px;}
.fs-big7 {font-size: 22px;}
.fs-big8 {font-size: 24px;}
.fs-big9 {font-size: 30px;}
.fs-big10 {font-size: 36px;}
.fs38 {font-size: 38px}
.fs40 {font-size: 40px}
.fs42 {font-size: 42px}
.fs44 {font-size: 44px}
.fs46 {font-size: 46px}
.fs48 {font-size: 48px}

.fs-def {font-size: 14px}
.fs-small1 {font-size: 13px;}
.fs-small2 {font-size: 12px;}
.fw-normal {font-weight: normal !important;}
.fw-400 {font-weight:400;}
.fw-500 {font-weight:500;}
.fw-700 {font-weight:700;}
.letter-spacing {letter-spacing: -0.5px;}

/*다른 폰트 패밀리*/
.ff-han {font-family: 'Noto Sans SC', 'Noto Sans KR', "Helvetica Neue", Helvetica, "돋움", "돋움체", Arial, sans-serif; font-weight: 500;}
.ff-serif {font-family: 'Noto Serif KR', serif;}

/* - bg color - */
.bg-white {background: #fff !important;}
.bg-gray1 {background: #f8f8f8 !important;}
.bg-gray2 {background: #f2f2f2 !important;}
.bg-blue {background: #e9eef3 !important;}
.bg-trans {background: transparent !important;}


/* line style */
.line-gray1 {border-bottom: 1px solid #ddd;} /* gray line */
.line-gray1-2 {border-bottom: 2px solid #ddd;} 
.line-gray2 {border-bottom: 1px solid #595757;} /* dark gray line */
.line-gray2-2 {border-bottom: 2px solid #595757;}
.bdr-3-gray{border-right: 3px solid #dadbe9;}
.no-bd {border-bottom: 0 !important;}

/* scroll */
.y-scroll {overflow-y: scroll;}
.y-scroll-h500 {overflow-y: scroll; height: 500px}
.y-scroll-default {height: 400px; overflow-y: scroll;}
.x-scroll {overflow-x: scroll;}
.scroll {overflow: scroll;}

/* - box style - */
.box-def {border: 1px solid #ddd; padding: 1em; background: #fafafa; box-sizing: border-box;}
.box-def.is1 {background: #f8fbff; border: 1px solid #dbe5f1; box-sizing: border-box;}
.box-def.is2 {padding: 2em; background: #f5f9fe; box-sizing: border-box;}
.box-def.is3 {border: 1px solid #ddd; padding: 1em; background: #fff; box-sizing: border-box;}
.box-dot {border: 1px dotted #cccccc; box-sizing: border-box;}
.box-gray {background: #f7f7f7; box-sizing: border-box;}
.box-round4 {border-radius: 4px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25); box-sizing: border-box;}
.box-shadow {box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35); box-sizing: border-box;}
.box-double {border: 1px solid #e2e8e9; padding: 2px; background: #fff; box-sizing: border-box;}
.box-double >div {border: 1px solid #e2e8e9; padding: 20px; background: #f8f8f8; box-sizing: border-box;}

/* =========================================================================== */
/* =========================== ui & components =============================== */
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;}
button:focus {outline: thin dotted #eee;}
.btn-radius {border-radius: 4px;}

.btn-disable {background-color: #e5e5e5; color: #bfbfbf; border: 1px solid #bfbfbf; cursor: default;}
.btn-disable:hover {background-color: #e5e5e5;}
.btn-disable:active, .btn-disable.active {background-color: #b2b2b2; outline: 0;}
.btn-disable:focus {outline: thin dotted #eee; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.btn-disable:focus {outline: none;}
.btn-disable:active {background-color: #e5e5e5; outline: 0;}

	/* btn size */
.btn-full {width: 100%;}
.btn-xlarge {padding: 0.7em 2.5em; font-size: 18px;}
.btn-large {padding: 0.5em 2em; font-size: 16px;}
.btn-small {padding: 0 1em;  height: 24px}
.btn-mini {padding: 0.2em 0.4em; font-size: 11px;}
.btn-mini-x {padding: 0; font-size: 14px; width:16px; height: 16px; line-height: 1}

	/* 기타 디자인 버튼 */
.btn-trans {background: none; border: none; padding:0;}

	/* Stsart: btn color set */
.btn-main {background-color: #1d3b7b; color: white;}
.btn-main:hover {background-color: #245ba9;}
.btn-main:active, .btn-main.active {background-color: #2b4160; outline: 0;} /* key color dark blue */

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

.btn-gray {background-color: #d2d2d2;}

.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 */

.btn-exl {background:#f9f9f9 url(../images/img-common/ico-ex.png) 4px center no-repeat; color: #464646; border: 1px solid #bababa; border-radius: 2px; padding: 0.2em 0.6em 0.2em 24px; font-size: 12.5px; line-height: 1} /* 엑셀 */
.btn-hwp {background:#f9f9f9 url(../images/img-common/ico-hwp.png) 4px center no-repeat; color: #464646; border: 1px solid #bababa; border-radius: 2px; padding: 0.2em 0.6em 0.2em 24px; font-size: 12.5px; line-height: 1} /* 한글 */
.btn-pdf {background:#f9f9f9 url(../images/img-common/ico-pdf.png) 4px center no-repeat; color: #464646; border: 1px solid #bababa; border-radius: 2px; padding: 0.2em 0.6em 0.2em 24px; font-size: 12.5px; line-height: 1} /* PDF */
.btn-doc {background:#f9f9f9 url(../images/img-common/ico-doc.png) 4px center no-repeat; color: #464646; border: 1px solid #bababa; border-radius: 2px; padding: 0.2em 0.6em 0.2em 24px; font-size: 12.5px; line-height: 1} /* 워드 */


.btn-sub.hwp {background:#b2b2b2 url(../images/img-common/ico-ex.png) 10px center no-repeat; padding-left: 30px}

.clear { width: auto; height: auto; margin: 0; padding: 0; line-height: inherit; background: none; border: none; border-radius: 0; font-size: inherit; color: inherit }

/* =========================================================================== */
/* =========================== Form control  =============================== */
input[type="text"], input[type="password"], input[type="date"], input[type="file"], 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 #bababa; color: #858585; 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="file"]: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 #464646; color: #464646;*/ outline: none;}
input[type="checkbox"]:focus, input[type="radio"]:focus, select:focus {outline: 0}

input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="file"][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: #eaeaea; color: #a4a4a4;}
input[type="text"][readonly], input[type="password"][readonly], input[type="date"][readonly], input[type="file"][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: #fbfbfb; color: #a4a4a4;}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #a3acbd; font-size: inherit;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #a3acbd; font-size: inherit;}

input[type="checkbox"], input[type="radio"] {width: 16px; height: 16px; padding:0; vertical-align: middle; box-sizing: border-box; appearance: none; -webkit-appearance: none; border: 0; cursor: pointer; box-shadow: none;}
input[type="radio"] {background: url(../images/img-common/radio-off.png) 0 0 no-repeat;}
input[type="radio"]:checked {background: url(../images/img-common/radio-on.png) 0 0 no-repeat;}
input[type="checkbox"] {background: url(../images/img-common/checkbox-off.png) 0 0 no-repeat;}
input[type="checkbox"]:checked {background: url(../images/img-common/checkbox-on.png) 0 0 no-repeat;}

input[type="checkbox"].smaller, input[type="radio"].smaller {width: 14px; height: 14px; margin-top: -2px}
input[type="radio"].smaller {-webkit-background-size: 14px 14px;background-size: 14px 14px;}
input[type="radio"].smaller:checked {-webkit-background-size: 14px 14px;background-size: 14px 14px;}
input[type="checkbox"].smaller {-webkit-background-size: 14px 14px;background-size: 14px 14px;}
input[type="checkbox"].smaller:checked {-webkit-background-size: 14px 14px; background-size: 14px 14px;}

/* select 네이티브 외형 감추기 */
select {-webkit-appearance: none;  
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../images/img-common/arr-select.png) no-repeat 92% 50%;  /* 화살표 모양의 이미지 */
    padding: 4px 1.6em 4px 0.6em;border: 1px solid #bababa;
}
select::-ms-expand {display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */
select[disabled] {background-color: #eaeaea; color: #a4a4a4;}
select.min {min-width: 100px;}
select.narrow {padding: 1px 1.6em 1px 0.4em; height: 24px}
select.wide {height: 30px; font-size: 15px}

input.invis[type="text"], input.invis[type="password"], input.invis[type="date"], input.invis[type="datetime"], input.invis[type="datetime-local"], input.invis[type="month"], input.invis[type="week"], input.invis[type="email"], input.invis[type="number"], input.invis[type="search"], input.invis[type="tel"], input.invis[type="time"], input.invis[type="url"], textarea.invis, input.invis[type="file"]
	{border: 0;}
input.invis:focus[type="text"], input.invis:focus[type="password"], input.invis:focus[type="date"], input.invis:focus[type="datetime"], input.invis:focus[type="datetime-local"], input.invis:focus[type="month"], input.invis:focus[type="week"], input.invis:focus[type="email"], input.invis:focus[type="number"], input.invis:focus[type="search"], input.invis:focus[type="tel"], input.invis:focus[type="time"], input.invis:focus[type="url"], textarea.invis:focus{border: none; color: inherit; outline: none;}
textarea.invis {resize: none;}
input.invis[type="file"] {display: none}

/* ------------------- paging style ------------------- */
.paging {padding-top: 30px; text-align: center;}
.paging a {display: inline-block; margin-right:2px; background: #fff; min-width: 30px; height: 30px; line-height: 30px; border: 1px solid #ccc; font-size: 12px;  box-sizing: border-box;}
.paging a:hover {border: 1px solid #424242; color: #323232;}
.paging a.active {color: #323232; font-weight: 500; border: 1px solid #424242;}

/* =========================================================================== */
/* =========================== 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; padding-left: 1em !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: 0.5em 0; font-weight: 400;}
table.tb-list th:after {position: absolute; top:12px; left:0; width:1px; height: 20px; 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: 0.5em 0.4em;}
table.tb-list tr:hover > td {background: #f7f8fe;}
table.tb-list.no-hover tr:hover > td {background: none;}
table.tb-list i.fa {font-size: 13px; color:#1d3b7b; padding-right: 0.2em}

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

table.tb-basic {}
table.tb-basic th, table.tb-basic td {border: 1px solid #ccc; padding: 0.2em;}
table.tb-basic th {border-bottom: 0; padding: 0.4em 0; font-size: 15px; font-weight: 400; background: #f6f6f6; color: #333;}
table.tb-basic th.last {border-bottom: 1px solid #ccc;}

table.narrow th {padding: 0.25em; font-size: 14px;}
table.narrow td {padding: 0.2em;}
table tr.bg-gray >th, table tr.bg-gray >td, table td.bg-gray, table th.bg-gray {background: #f8f8fb !important;}

table.tb-line {}
table.tb-line th, table.tb-line td {border: 1px solid #ddd; padding: 0.2em;}
table.tb-line th {border-bottom: 0; padding: 0.4em 0; font-size: 14px; font-weight: 400;  color: #333;}
table.tb-line th.last {border-bottom: 1px solid #ddd}

table.tc th, table.tc td {text-align: center}
table.tl th, table.tl td {text-align: left; padding-left: 1em;}


table.tb-admin {}
table.tb-admin th, table.tb-admin td {border: 1px solid #ccd4da; padding: 0.2em; text-align: left; padding-left: 1em}
table.tb-admin th {border-bottom: 0; padding: 0.4em 0 0.4em 1em; font-size: 15px; font-weight: 400; background: #e8f0f6; color: #333;}
table.tb-admin th.last {border-bottom: 1px solid #ccd4da;}
table.tb-admin a {color: #1a6da7; text-decoration: underline;}