/* 웹폰트 임포트 */
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900');

/* Noto Sans */
@font-face {
    font-family: 'NotoThin';
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/noto/NotoSansKR-Thin.eot);
    src: url(../fonts/noto/NotoSansKR-Thin.eot?#iefix) format('embedded-opentype'),
    url(../fonts/noto/NotoSansKR-Thin.woff) format('woff'),
    url(../fonts/noto/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
    font-family: 'NotoLight';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/noto/NotoSansKR-Light.eot);
    src: url(../fonts/noto/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
    url(../fonts/noto/NotoSansKR-Light.woff) format('woff'),
    url(../fonts/noto/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
    font-family: 'NotoDemi';
    font-style: normal;
    font-weight: 350;
    src:  url(../fonts/noto/NotoSansKR-DemiLight.eot);
    src: url(../fonts/noto/NotoSansKR-DemiLight.eot?#iefix) format('embedded-opentype'),
    url(../fonts/noto/NotoSansKR-DemiLight.woff) format('woff'),
    url(../fonts/noto/NotoSansKR-DemiLight.otf) format('opentype');
}

@font-face {
    font-family: 'NotoReg';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/noto/NotoSansKR-Regular.eot);
    src: url(../fonts/noto/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/noto/NotoSansKR-Regular.woff) format('woff'),
    url(../fonts/noto/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'NotoMed';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/noto/NotoSansKR-Medium.eot);
    src: url(../fonts/noto/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
    url(../fonts/noto/NotoSansKR-Medium.woff) format('woff'),
    url(../fonts/noto/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'NotoBold';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/noto/NotoSansKR-Bold.eot);
    src: url(../fonts/noto/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/noto/NotoSansKR-Bold.woff) format('woff'),
    url(../fonts/noto/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'NotoBlack';
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/noto/NotoSansKR-Black.eot);
    src: url(../fonts/noto/NotoSansKR-Black.eot?#iefix) format('embedded-opentype'),
    url(../fonts/noto/NotoSansKR-Black.woff) format('woff'),
    url(../fonts/noto/NotoSansKR-Black.otf) format('opentype');
}

/* Futura */

@font-face {
  font-family: 'Futura-EB';
  src: url('../fonts/futura/Futura-EB.eot');
  src: url('../fonts/futura/Futura-EB.eot?#iefix') format('embedded-opentype'),
       url('../fonts/futura/Futura-EB.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Futura-HV';
  src: url('../fonts/futura/Futura-Heavy.eot');
  src: url('../fonts/futura/Futura-Heavy.eot?#iefix') format('embedded-opentype'),
       url('../fonts/futura/Futura-Heavy.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Futura-BD';
  src: url('../fonts/futura/Futura-Bold.eot');
  src: url('../fonts/futura/Futura-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/futura/Futura-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Futura-MD';
  src: url('../fonts/futura/Futura-Medium.eot');
  src: url('../fonts/futura/Futura-Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/futura/Futura-Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Futura-BK';
  src: url('../fonts/futura/Futura-Book.eot');
  src: url('../fonts/futura/Futura-Book.eot?#iefix') format('embedded-opentype'),
       url('../fonts/futura/Futura-Book.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Futura-LT';
  src: url('../fonts/futura/Futura-Light.eot');
  src: url('../fonts/futura/Futura-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/futura/Futura-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* 기본 */
.clearBoth {clear:both;padding:0;margin:0;}

.floatLeft {float:left;}
.floatRight {float:right;}

.identColor1 {color:#005851 !important;}
.identColor2 {color:#4bb000 !important;}
.blueColor {color:#0019d6 !important;}

.respImg {width:100%;}
.outLine {border:1px solid #eee;}

.mt0 {margin-top:0 !important;}
.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;}
.mt80 {margin-top:80px !important;}

.mb0 {margin-bottom:0 !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;}
.mb80 {margin-bottom:80px !important;}

.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.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;}

.pb0 {padding-bottom:0 !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;}

.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !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;}

.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !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;}

.pl0 {padding-left:0 !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}

.pr0 {padding-right:0 !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;}

.pad0 {padding:0 !important;}
.pad30 {padding:30px !important;}

.mrg0 {margin:0 !important;}

.txtCenter {text-align:center !important;}
.txtRight {text-align:right !important;}
.txtLeft {text-align:left !important;}
.txtJustify {text-align:justify !important;}

.txtBold {font-family: 'Futura-BD','NotoBold', sans-serif;font-weight:700;}
.txtSmall {font-size:12px !important;line-height:160%;}
.txtBig {font-size:18px !important;}
.txtNormal {font-family: 'Futura-BK', 'NotoReg', sans-serif; font-weight:400;}

.txtBox {padding:20px;background:#d6f2f5;border:1px solid #bee1e5;}

.txtWhite{color:#fff !important;}
.txtBlack{color:#000 !important;}
.txtOrange {color:#f98d00 !important;}
.txtBgreen {color:#00c1cd !important;}
.txtViolet {color:#bc00cd !important;}
.txtGreen {color:#3b9c00 !important;}
.txtBlue {color:#005cce !important;}
.txtRed{color:#ce2700 !important;}

.txtWhite60p {color:rgba(255, 255, 255, 0.6);}
.txtWhite30p {color:rgba(255, 255, 255, 0.3);}
.txtBlack30p {color:rgba(0, 0, 0, 0.3);}

.positionRel {position:relative !important;}

.partition {color:#ccc;margin:0 5px;}
.partitionW {color:#fff; opacity:0.2; margin:0 5px;}
.partitionB {color:#000; opacity:0.2; margin:0 5px;}

/* 추가 */
table th {font-weight:normal !important;}

.bg_trBlack {background:#000; opacity:.8;}

.txtShadowB {text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);}
.txtShadowS {text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);}

.btnChatWrap {
	display:inline-block;
}

.btnChatWrap span{
	display:inline-block;
	margin: 0 2px;
}

.btnChat {
	display: block;
	position: relative;
	width: auto;
	height: 44px;
	padding: 0 20px;
	border-radius: 22px;
	border: 1px solid #ffeeb7;
	font-size: 14px;
	line-height: 42px;
	background: #ffeeb7;
	color: #b2963e;
	text-decoration: none;
	text-align:center;
}

.btnChat:after {
	position: absolute;
	bottom: 2px;
	right: 0;
	width: 15px;
	height: 15px;
	background: #ffeeb7;
	-webkit-transform: rotate(90deg) skew(-15deg, -15deg);
	-moz-transform: rotate(90deg) skew(-15deg, -15deg);
	-ms-transform: rotate(90deg) skew(-15deg, -15deg);
	transform: rotate(90deg) skew(-15deg, -15deg);
	content: '';
}

.btnChatWrap .on {
	border: 1px solid #fbc200;
	background: #fbc200;
	color: #fff;
	box-shadow: 10px 5px 12px rgba(0,0,0,0.1);
}

.btnChatWrap .on:after {
	background: #fbc200;
}

/* 테이블 */

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    caption-side: bottom
}

th {
    text-align: inherit
}

.table {
    width: 100%;
	font-size: 14px;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
	border-bottom: 1px solid #dee2e6;
}

.table td,
.table th {
    padding: .75rem;
    border-top: 1px solid #dee2e6;
	text-align: center;
}

.table thead th {
    border-bottom: 2px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6
}


.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table .table {
    background-color: #fff
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #212529
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #32383e
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-responsive>.table-bordered {
    border: 0
}