@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);*/
/** -------------------------------- 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: 0;}
b, strong {font-weight: 700;}
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
mark {background: #1672bb; 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% !important;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
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: #5cc5e5; text-shadow: none;}
::selection {background: #5cc5e5; 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: 700;}
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: 14px;}
em{font-style: italic; line-height: inherit;}
i {font-style: normal; line-height: inherit; }
address {font-style: normal; line-height: inherit;}
strong, b {font-weight: 700; line-height: inherit;}
a img {border: none;}
button, input, select, textarea {font-family: "Nanum Gothic", "Helvetica Neue", Helvetica, "돋움", "돋움체", Arial, sans-serif, "새굴림"; color: inherit;}

/* #Lists ====== */
ul, li, dl, dt, dd {list-style: none;}
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: 700;}
dl dd {margin-bottom: 5px;}
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;}
.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;}
.lh1-6 {line-height: 1.6;}
.lh1-8 {line-height: 1.8;}
.lh2 {line-height: 2;}
.box-size {box-sizing: border-box !important;}
.link-txt {text-decoration: underline; color: #497bc5;}

/* - 공통 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;}

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

.pad30-20 {padding: 30px 20px;}

.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-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-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-l1-5em {padding-left: 1.5em}
.pad-l2em {padding-left: 2em}
.pad-l3em {padding-left: 3em}
.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%;}
.w95per {width: 95%;}
.w90per {width: 90%;}
.w85per {width: 85%;}
.w80per {width: 80%;}
.w75per {width: 75%;}
.w70per {width: 70%;}
.w60per {width: 60%;}
.w50per {width: 50%;}
.w45per {width: 45%;}
.w40per {width: 40%;}
.w35per {width: 35%;}
.w33per {width: 33%;}
.w30per {width: 30%;}
.w25per {width: 25%;}
.w20per {width: 20%;}
.w18per {width: 18%;}
.w17per {width: 17%;}
.w15per {width: 15%;}
.w13per {width: 13%;}
.w12per {width: 12%;}
.w10per {width: 10%;}
.w7per {width: 7%;}
.w6per {width: 6%;}
.w5per {width: 5%;}
.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;}
.w150 {width: 150px;}
.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;}

.h24 {height: 24px;}
.h29 {height: 29px;}
.h30 {height: 30px;}
.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}
.minh600 {min-height: 600px}
.minh800 {min-height: 800px}
.rect20 {width:20px; height: 20px;}

/* - font  - */
.fc-key1 {color: #004386 !important;} /* key color dark blue */
.fc-key2 {color: #1273bb !important;} /* key color mid blue */
.fc-key3 {color: #38a1db !important;} /* key color  default blue */
.fc-key4 {color: #7ecef4 !important;} /* key color  light blue */
.fc-key5 {color: #a6d3e1 !important;} /* key color  lighter  blue */
.fc-white {color: #fff !important;}
.fc-red {color: #e74a3f !important;}
.fc-black1 {color: #000 !important;}
.fc-black2 {color: #222 !important;}
.fc-black3 {color: #333 !important;}
.fc-gray {color: #999 !important;}
.fc-gray1 {color: #ccc !important;}
.fc-gray2 {color: #f2f2f2 !important;}
.fc-gray3 {color: #f7f7f7 !important;}

.fc-blue {color: #497bc5 !important;}
.fc-green {color: #78b752 !important;}
.fc-yellow {color: #ffed89 !important;}
.fc-orange {color: #ff8400 !important;}
.fs-st {color: #333333; font-weight: 700;}

.title1 {font-size: 15px; color: #000;}
.title2 {font-size: 16px; color: #000;}
.title3 {font-size: 17px; color: #000;}
.title4 {font-size: 18px; color: #000;}
.title5 {font-size: 20px; color: #000;}

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

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


/* - bg color - */
.bg-white {background: #fff !important;}
.bg-gray1 {background: #f7f7f7 !important;}
.bg-gray2 {background: #f2f2f2 !important;}
.bg-blue {background: #1673bb !important;}

/* line style */
.line-gray1 {border-bottom: 1px solid #ddd;} /* default line */
.line-gray1-2 {border-bottom: 2px solid #ddd;} 
.line-gray2 {border-bottom: 1px solid #595757;} /* 포인트 라인*/
.line-gray2-2 {border-bottom: 2px solid #595757;}
.line-blue1 {border-bottom: 1px solid #1273bb;}
.line-blue2 {border-bottom: 1px solid #38a1db;}

/* 기본 라인 : #ddd */
.bd-t {border-top: 1px solid #ddd !important;}
.bd-b {border-bottom: 1px solid #ddd !important;}
.bd-l {border-left: 1px solid #ddd !important;}
.bd-r {border-right: 1px solid #ddd !important;}

/* scroll */
.y-scroll {overflow-y: scroll;}
.y-scroll-default {height: 300px; overflow-y: scroll;}
.x-scroll {overflow-x: scroll;}
.y-scroll.h600 {height: 600px}
.scroll {overflow: scroll;}

/* - box style - */
.box-dot {border: 1px dotted #cccccc;}
.box-gray {background: #f7f7f7;}
.box-bd-gray {border: 1px solid #e5e5e5; background: #fff;}
.box-round4 {border-radius: 4px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);}
.box-blue {background: #dbeafa; border: 1px solid #cad8e1;}
.box-green {background: #d3eabc; border: 1px solid #c2daa9;}
.box-shadow {box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35);}

/* ===========================ui & components=============================== */
button {display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 9px 25px; margin-bottom: 0; font-size: 14px; line-height: 1; text-align: center; vertical-align: middle; cursor: pointer; border: none;}
button:focus {outline: thin dotted #eee;}
	/* btn color set */
.btn-main {background-color: #004386; color: white;}
.btn-main:hover {background-color: #004e9c;}
.btn-main:active, .btn-main.active {background-color: #003b75; outline: 0;} /* key color dark blue */

.btn-dkblue {background-color: #0c5ba1; color: white;}
.btn-dkblue:hover {background-color: #0e64b0;}
.btn-dkblue:active, .btn-dkblue.active {background-color: #0b5290; outline: 0;} /* dkblue color */

.btn-blue {background-color: #33a1db; color: white;}
.btn-blue:hover {background-color: #38ace9;}
.btn-blue:active, .btn-blue.active {background-color: #3098ce; outline: 0;} /* blue color */

.btn-dkgray {background-color: #d0d3dc; color: #024287;}
.btn-dkgray:hover {background-color: #dcdfe7;}
.btn-dkgray:active, .btn-dkgray.active {background-color: #c3c6ce; outline: 0;} /* dark gray color, 로그인, 회원가입... */

.btn-gray {background-color: #ccc; color: #fff;}
.btn-gray:hover {background-color: #d8d8d8;}
.btn-gray:active, .btn-gray.active {background-color: #bebebe; outline: 0;} /* 취소 */

.btn-red {background-color: #e74a3f; color: #fff;}
.btn-red:hover {background-color: #f86359;}
.btn-red:active, .btn-red.active {background-color: #d94237; outline: 0;} /*  */

.btn-simple {background-color: #f2f2f2; color: #767676; border: 1px solid #ddd;}
.btn-simple:hover {background-color: #fefefe;}
.btn-simple:active, .btn-simple.active {background-color: #ebebeb; outline: 0;} /* gray border simple button */

.btn-simple-blue {background-color: #f2f2f2; color: #767676; border: 1px solid #ddd; padding: 7px 10px; font-size: 12px} 
.btn-simple-blue:hover {background-color: #fefefe;} 
.btn-simple-blue:active, .btn-simple-blue.active {background-color: #33a1db; color:#fff; border: 1px solid #33a1db;} 

.btn-simple-white {background-color: #fff; color: #767676; border: 1px solid #ddd; padding: 7px 10px; font-size: 12px} 
.btn-simple-white:hover {background-color: #fefefe;} 
.btn-simple-white:active, .btn-simple-white.active {background-color: #33a1db; color:#fff; border: 1px solid #33a1db;} 

.btn-ex {background:url(/images/img-common/ico-ex.png) 4px 4px no-repeat; color: #464646; border: 1px solid #bababa; border-radius: 2px; padding: 0.5em 0.6em 0.5em 24px; font-size: 12px;} /* 엑셀 */
.btn-print {background:url(/images/img-common/ico-print.png) 4px 4px no-repeat; color: #464646; border: 1px solid #bababa; border-radius: 2px; padding: 0.5em 0.6em 0.5em 24px; font-size: 12px;} /* 프린트 */

	/* color border button */
.btn-bd-red {border: 1px solid #e74a3f; background: #fff;}
.btn-bd-black {border: 1px solid #222; background: #fff;}
.btn-bd-blue {border: 1px solid #33a1db;  background: #fff;}
.btn-bd-dkblue {border: 1px solid #0c5ba1; background: #fff;}
.btn-bd-green {border: 1px solid #78b752; background: #fff;}
.btn-bd-yellow {border: 1px solid #fff150; background: #fff;}
.btn-bd-orange {border: 1px solid #ff8400;  background: #fff;}
.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: 16px 50px; font-size: 18px;}
.btn-large {padding: 13px 50px; font-size: 16px;}
.btn-small {padding: 6px 13px; font-size: 12px;}
.btn-mini {padding: 4px 8px; font-size: 11px;}
	/* 디자인 버튼 */
.btn-close {padding: 0; width:13px; height:13px; line-height: 13px; text-align: center; background: #ccc url(/images/img-common/ico-x-white.png) center center no-repeat; text-indent: -9999px}
.btn-more1 {border: 1px solid #ddd; border-bottom: 0; background: #fff; width: 120px; padding: 8px 0; color: #999}
.btn-helper-blue {width:20px; height: 20px; text-align: center; background: #0c5ba1; padding:0; line-height: 20px; border-radius: 10px; color: #a6d3e1; font-size: 13px; font-weight: 700;}
.btn-trans {background: none; border: none; padding:0;}

/* ------------------- 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: #000; display: inline-block; padding: 4px 6px; 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 
	{-webkit-box-shadow: 0 0 5px #e2e2e2; box-shadow: 0 0 5px #e2e2e2; 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: #f8f8f8; color: #bfbfbf;}
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: #f8f8f8; color: #bfbfbf;}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999; font-size: 12px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999; 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;}

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

/* Normalize file input width */
input[type="file"] {width: 100%;}
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
	{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;}


/* ------------------- 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 #ddd; font-size: 12px;  box-sizing: border-box;}
.paging a:hover {border: 1px solid #595757; color: #595757;}
.paging a.active {color: #595757; font-weight: 700; border: 1px solid #595757;}

/* ------------------- table style define ------------------- */
table {width: 100%; background: #fff;}
table th {font-weight: 700; text-align: center;}
table td {text-align: center;}
table th.fw-normal {font-weight: normal}
table td.text-left, table th.text-left {text-align: left !important;}
table td.text-right, table th.text-right {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}
table td.date {font-size: 13px; color:#767676;}
table td.strong {color: #000}
table tr.active {background: #f5f9fc;}

/* 마이페이지 리스트 */
table.tb-default {}
table.tb-default thead tr {border-top: 2px solid #595757;}
table.tb-default th, table.tb-default td {border-bottom: 1px solid #ddd;}
table.tb-default th {background: #f7f7f7; color: #333; padding: 11px 8px; position: relative;}
table.tb-default th:after {position: absolute; right:0; top:11px; width:1px; height: 24px; background: #ddd; content:'';}
table.tb-default th.last:after {display: none}
table.tb-default td {padding: 12px 8px; vertical-align: top}
table.tb-default td.text-left {padding: 12px 0;}
table.tb-default td.line-r {border-right: 1px solid #ddd;}

table.tb-line {border: 1px solid #e5e5e5;}
table.tb-line tr {border: 0;}
table.tb-line th, table.tb-default.tb-line td {border: 1px solid #e5e5e5; border-top: 0;}

table.data-over {font-size: 12px; letter-spacing: -0.5px}
table.data-over td {padding: 9px 4px;}

table.tb-stripe tbody > tr:nth-child(2n) {background: #f8f8f8;}
table.tb-stripe tbody > tr:hover {background: #e4ebf2;}

table.tb-deg1 tr {border-bottom: 1px solid #d3d3d3;}
table.tb-deg1 th.tit {background: #ededed; color: #5183c3; text-align: left; vertical-align: top; padding: 25px 0;  text-align: center;}
table.tb-deg1 td.br-line {border-right: 1px solid #d3d3d3; font-weight: 700; font-size: 14px; text-align: center; padding-top: 30px;}

table.tb-deg2 {border: none;}
table.tb-deg2 tr, table.tb-deg2 th, table.tb-deg2 td {border: none;}

table.tb-deg3 {border: none;}
table.tb-deg3 tr, table.tb-deg3 th, table.tb-deg3 td {border: none; text-align: left; padding: 6px 0 !important;}

.no-bd {border-bottom: none !important;}
table.innertb {border-top: 0; border-bottom: 0;}
table.innertb tr:last-child {border-bottom: 0;}

table.tb-left td{text-align: left;}

.no-data {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 1em 0; text-align: center; color: #ccc;}