/* 웹폰트 임포트 */
@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');

@import url('//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css');

/* Noto Sans */
@font-face {
    font-family: 'NotoThin';
    font-style: normal;
    font-weight: 100;
	text-rendering: optimizeLegibility;
    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;
	text-rendering: optimizeLegibility;
    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;
	text-rendering: optimizeLegibility;
    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;
	text-rendering: optimizeLegibility;
    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;
	text-rendering: optimizeLegibility;
    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;
	text-rendering: optimizeLegibility;
    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;
	text-rendering: optimizeLegibility;
    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;
  text-rendering: optimizeLegibility;
}

@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;
  text-rendering: optimizeLegibility;
}

@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;
  text-rendering: optimizeLegibility;
}

@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;
  text-rendering: optimizeLegibility;
}

@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;
  text-rendering: optimizeLegibility;
}

@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;
  text-rendering: optimizeLegibility;
}

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

.absolute {position:absolute;}

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

.noLine {border: 0;}
.noLine tbody tr{border: 0;}
.noLine tbody td{border: 0;}

.noBorder {border: 0 !important;}
.noBorderRad {border-radius: 0 !important;}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !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;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !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;}
.pad50 {padding:50px !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:11px !important;line-height:160%;}
.txtBig {font-size:18px !important;}
.txtNormal {font-family: 'Futura-BK', 'NotoReg', sans-serif; font-weight:400;}

.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font20 {font-size: 20px;}
.font22 {font-size: 22px;}
.font24 {font-size: 24px;}

.txtBox {padding:20px;background:#f3f3f3;border:1px solid #eee;}

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

.txtPrice{color:#990000 !important;font-family: 'Futura-BD','NotoBold', sans-serif;}

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

.opacity60p {opacity:0.6;}
.opacity100p {opacity:1;}

/* 텍스트 애니메이션 */
.txtBgAni { 
	position:fixed;
	top:340px;
	left:0;
	width:100%;
	display:flex;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	overflow:hidden;
	gap:1rem;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	z-index:0;
}

.scroll {
	display:flex;
	-ms-flex-negative:0;
	flex-shrink:0;
	-ms-flex-pack:distribute;
	justify-content:space-around;
	gap:1rem;
	-webkit-animation:scroll 300s linear infinite;
	-moz-animation:scroll 300s linear infinite;
	animation:scroll 300s linear infinite;
}

.txtBgAni span {
	display:block;
	white-space:nowrap;
	font-size:18rem;
	font-family: 'Futura-BD','NotoBlack', sans-serif;
	letter-spacing:-0.075em;
	color: #fff;
	opacity:0.03;
}

.txtBgAni span:after {
	content:" ";
	display:inline-block;
	padding:0 0.5rem 0 1.5rem;
}

.marquee-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 1rem;
}

@-webkit-keyframes scroll {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(calc(-100% - 1rem));
            transform: translateX(calc(-100% - 1rem));
  }
}

@-moz-keyframes scroll {
  from {
    -moz-transform: translateX(0);
         transform: translateX(0);
  }
  to {
    -moz-transform: translateX(-moz-calc(-100% - 1rem));
         transform: translateX(calc(-100% - 1rem));
  }
}

@keyframes scroll {
  from {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(calc(-100% - 1rem));
       -moz-transform: translateX(-moz-calc(-100% - 1rem));
            transform: translateX(calc(-100% - 1rem));
  }
}
.scroll {
  -webkit-animation: scroll 300s linear infinite;
     -moz-animation: scroll 300s linear infinite;
          animation: scroll 300s linear infinite;
}

/* 텍스트 애니메이션 */

.positionRel {position:relative !important;}

.partition {color:#ccc;margin:0 5px;}

.border5pxB {border-bottom-left-radius:5px !important;border-bottom-right-radius:5px !important;}
.border15pxB {border-bottom-left-radius:15px !important;border-bottom-right-radius:15px !important;}

.boxWhite5r {border-radius: 5px;background: #fff;padding: 40px;}
.boxWhite15r {border-radius: 15px;background: #fff;padding: 40px;}

.boxBlack5r {border-radius: 5px;background: #222;padding: 40px;}
.boxBlack15r {border-radius: 15px;background: #222;padding: 40px;}

.lineH {clear:both;width:100%;height:1px;background:#ddd;margin:10px 0;}

/* 추가 */

.mIcon1 {display:inline-block;font-size:10px;color:#fff;padding:1px 5px;background:#004736;opacity:0.8;margin-right:1px;}
.mIcon2 {display:inline-block;font-size:10px;color:#fff;padding:1px 5px;background:#6eb92b;opacity:0.8;margin-right:1px;}
.mIcon3 {display:inline-block;font-size:10px;color:#fff;padding:1px 5px;background:#efb400;opacity:0.8;margin-right:1px;}
.mIcon4 {display:inline-block;font-size:10px;color:#fff;padding:1px 5px;background:#3349d0;opacity:0.8;margin-right:1px;}
.mIcon5 {display:inline-block;font-size:10px;color:#fff;padding:1px 5px;background:#d03333;opacity:0.8;margin-right:1px;}

.identityColor {color:#fbc200;}

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

/* 배지 */
.m_badge {
	font-size: .5em;
    margin-right: 5px;
    margin-top: -8px;
    transition: -webkit-transform .5s cubic-bezier(.215,.61,.355,1);
    transition: transform .5s cubic-bezier(.215,.61,.355,1);
    transition: transform .5s cubic-bezier(.215,.61,.355,1), -webkit-transform .5s cubic-bezier(.215,.61,.355,1);
	line-height: 1em;
    pointer-events: none;
    position: absolute;
    right: -18px;
    top: 2px;
    width: 100%;
}

.m_badge .m_badge_wrap {
    display: flex;
    justify-content: center;
    min-width: 100%;
    position: relative;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    white-space: nowrap;
}

.m_badge .m_badge_wrap .m_badge_item.in {
    -webkit-animation: none;
    animation: none;
    opacity: 1;
    -webkit-transform: auto;
    transform: auto;
}

}
.m_badge .m_badge_wrap .m_badge_item.more {
    background-color: hsla(0, 0%, 67%, .7);
    border: 1px solid hsla(0, 0%, 67%, .7);
	color: transparent;
    padding: 0;
}

.m_badge .m_badge_wrap .m_badge_item.more i {
    position: relative;
    -webkit-transform: scale(.35);
    transform: scale(.35);
    width: 2.7em;	
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
    color: transparent;
    display: inline-block;
    padding: .291em .5em;
}

.m_badge .m_badge_wrap .m_badge_item.more i span:first-child {
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    left: -30%;
}

.m_badge .m_badge_wrap .m_badge_item.more i span {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: moreButtonDot;
    animation-name: moreButtonDot;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    background-color: #fff;
    border-radius: 9999px;
    display: inline-block;
    height: 1em;
    left: calc(50% - .5em);
    position: absolute;
    top: calc(50% - .5em);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 1em;
}

.m_badge .m_badge_wrap .m_badge_item {
    background-color: rgba(219, 16, 16, .9);
    border: 1px solid red;
    border-radius: 2000em;
    box-shadow: .1em .1em .2em rgba(0, 0, 0, .2);
    color: #fff;
    display: inline-block;
    opacity: 0;
    padding: calc(.25em + 1px) .53em .25em;
    pointer-events: auto;
}

/* 말풍선 */
.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: 12px;
	line-height: 42px;
	background: #ffeeb7;
	color: #b2963e;
	text-decoration: none;
	text-align:center;
}

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

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

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

/* 말풍선 2 */

.btnChatWrap2 {
	display:inline-block;
}

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

.btnChat2 {
	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;
	opacity:0.6;
}

.btnChat2:before {
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 15px;
	height: 15px;
	background: #000;
	-webkit-transform: rotate(180deg) skew(-15deg, -15deg);
	-moz-transform: rotate(180deg) skew(-15deg, -15deg);
	-ms-transform: rotate(180deg) skew(-15deg, -15deg);
	transform: rotate(180deg) skew(-15deg, -15deg);
	content: '';
}

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

.btnChatWrap2 .on:after {
	background: #000;
}


/* 툴팁 */

.tooltips
{
  position: relative;
  /* background: #eaeaea;
  cursor: help; */
  display: inline-block;
  text-decoration: none;
  color: #000;
  outline: none;
  font-size: 11px;
}

.tooltips .tooltipIn
{
  visibility: hidden;
  position: absolute; 
  bottom: 20px;
  left: 0;
  z-index: 9999;
  /* width: 230px; */
  min-width: 200px;
  margin-left: 0;
  padding: 10px 15px;
  border: 1px solid #ccc;
  opacity: .9;
  background-color: #fff;                     
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  
  /* -moz-border-radius: 4px;
  border-radius: 4px;  */
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;  
  text-shadow: 0 1px 0 rgba(255,255,255,.4); 
}

.tooltips:hover
{
  border: 0; /* IE6 fix */
}

.tooltips:hover .tooltipIn
{
  visibility: visible;
}

.tooltips .tooltipIn:before,
.tooltips .tooltipIn:after
{
  content: "";
  position: absolute;
  z-index: 10000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;  
  /*
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;        
  border-bottom: 0;  
  */
}

.tooltips .tooltipIn:before
{
  border-top-color: #ccc;
  bottom: -8px;
}

/* Yellow */

.yellow-tooltip .tooltipIn
{

  border-color: #e1ca82;
  background-color: #ffeaa6;                     
}

.yellow-tooltip .tooltipIn:after
{ 
  border-top-color: #ffeaa6;
}

.yellow-tooltip .tooltipIn:before
{
  border-top-color: #e1ca82;
}

/* Navy */

.navy-tooltip .tooltipIn
{
  color: #fff;
  text-shadow: 0 1px 0 #000;  
  border-color: #161a1f;
  background-color: #1e2227;
}

.navy-tooltip .tooltipIn:after
{ 
  border-top-color: #1e2227;
}

.navy-tooltip .tooltipIn:before
{
  border-top-color: #161a1f;
}

/* Blue */

.blue-tooltip .tooltipIn 
{
  border-color: #59add4;
  background-color: #61bde7;
}

.blue-tooltip .tooltipIn:after
{ 
  border-top-color: #61bde7;
}

.blue-tooltip .tooltipIn:before
{
  border-top-color: #59add4;
}

/* Pink */

.pink-tooltip .tooltipIn 
{
  border-color: #ce4378;
  background-color: #ea4c88;
}

.pink-tooltip .tooltipIn:after
{ 
  border-top-color: #ea4c88;
}

.pink-tooltip .tooltipIn:before
{
  border-top-color: #ce4378;
}



/* 샘플보기 */
.link_icon {
	position:absolute;
	right: 15px;
	bottom: 15px;
	z-index:9999;
	margin: 0;
	
}

.link_icon a { display:block; color: #fff; padding:5px 10px; opacity:1; border-radius:32px; background: #000; font-size: 11px;}
.link_icon a:link { color: #fff; }
.link_icon a:visited { color: #fff; }
.link_icon a:hover { color: #fff !important; }

.ani_btn {
	display: inline;
}
.ani_btn_sign { 
	position: relative;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	border: 0;
	font-family: 'Futura-BD','NotoBold', sans-serif;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	color: #fff;
	white-space: nowrap;
	-webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

.ani_btn_sign:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-border-radius: inherit;
	-moz-border-radius: inherit;
	border-radius: inherit;
	background: #fff;
	opacity: 0.1;
	-webkit-transition: background .4s,-webkit-transform 1s cubic-bezier(.19,1,.22,1);
	transition: background .4s,-webkit-transform 1s cubic-bezier(.19,1,.22,1);
	-o-transition: background .4s,-o-transform 1s cubic-bezier(.19,1,.22,1);
	-moz-transition: background .4s,transform 1s cubic-bezier(.19,1,.22,1),-moz-transform 1s cubic-bezier(.19,1,.22,1);
	transition: background .4s,transform 1s cubic-bezier(.19,1,.22,1);
	transition: background .4s,transform 1s cubic-bezier(.19,1,.22,1),-webkit-transform 1s cubic-bezier(.19,1,.22,1),-moz-transform 1s cubic-bezier(.19,1,.22,1),-o-transform 1s cubic-bezier(.19,1,.22,1)
}

.ani_btn_sign_bound {
    display: block;
    overflow: hidden;
    width: 100%;
}

.ani_btn_sign_bound span {
    position: relative;
    display: inline-block;
	padding:0 25px;
	-webkit-animation: ani_btn_sign_marquee 2s linear infinite;
	-moz-animation: ani_btn_sign_marquee 2s linear infinite;
	-o-animation: ani_btn_sign_marquee 2s linear infinite;
	animation: ani_btn_sign_marquee 2s linear infinite;
}

.ani_btn_sign_bound span:after {
	content:attr(data-text);
	position: absolute;
	left: 100%;
	padding: 0 25px
}

 .ani_btn_sign:hover {
	color: #fff !important;
}

.ani_btn_sign:hover:before {
	background: #990000;
	opacity: 1;
	border: 0;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

@-webkit-keyframes ani_btn_sign_marquee {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-moz-keyframes ani_btn_sign_marquee {
    0% {
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-o-keyframes ani_btn_sign_marquee {
    0% {
        transform: translate3d(0,0,0)
    }

    100% {
        transform: translate3d(-100%,0,0)
    }
}

@keyframes ani_btn_sign_marquee {
    0% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}


/* 상세 설명 */

.dalbit_main { margin-bottom: 100px; max-width:800px; margin:0 auto; word-break:keep-all; }
.dalbit_main .clearBoth {clear:both;padding:0;margin:0;}

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

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

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

.dalbit_main .mt0 {margin-top:0 !important;}
.dalbit_main .mt10 {margin-top:10px !important;}
.dalbit_main .mt20 {margin-top:20px !important;}
.dalbit_main .mt30 {margin-top:30px !important;}
.dalbit_main .mt40 {margin-top:40px !important;}
.dalbit_main .mt50 {margin-top:50px !important;}

.dalbit_main .mb0 {margin-bottom:0 !important;}
.dalbit_main .mb10 {margin-bottom:10px !important;}
.dalbit_main .mb20 {margin-bottom:20px !important;}
.dalbit_main .mb30 {margin-bottom:30px !important;}
.dalbit_main .mb40 {margin-bottom:40px !important;}
.dalbit_main .mb50 {margin-bottom:50px !important;}
.dalbit_main .mb80 {margin-bottom:80px !important;}

.dalbit_main .pt0 {padding-top:0 !important;}
.dalbit_main .pt10 {padding-top:10px !important;}
.dalbit_main .pt20 {padding-top:20px !important;}
.dalbit_main .pt30 {padding-top:30px !important;}
.dalbit_main .pt40 {padding-top:40px !important;}
.dalbit_main .pt50 {padding-top:50px !important;}

.dalbit_main .pb0 {padding-bottom:0 !important;}
.dalbit_main .pb10 {padding-bottom:10px !important;}
.dalbit_main .pb20 {padding-bottom:20px !important;}
.dalbit_main .pb30 {padding-bottom:30px !important;}
.dalbit_main .pb40 {padding-bottom:40px !important;}
.dalbit_main .pb50 {padding-bottom:50px !important;}

.dalbit_main .ml0 {margin-left:0 !important;}
.dalbit_main .ml5 {margin-left:5px !important;}
.dalbit_main .ml10 {margin-left:10px !important;}
.dalbit_main .ml20 {margin-left:20px !important;}
.dalbit_main .ml30 {margin-left:30px !important;}
.dalbit_main .ml40 {margin-left:40px !important;}
.dalbit_main .ml50 {margin-left:50px !important;}

.dalbit_main .mr0 {margin-right:0 !important;}
.dalbit_main .mr5 {margin-right:5px !important;}
.dalbit_main .mr10 {margin-right:10px !important;}
.dalbit_main .mr20 {margin-right:20px !important;}
.dalbit_main .mr30 {margin-right:30px !important;}
.dalbit_main .mr40 {margin-right:40px !important;}
.dalbit_main .mr50 {margin-right:50px !important;}

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

.dalbit_main .pr0 {padding-right:0 !important;}
.dalbit_main .pr10 {padding-right:10px !important;}
.dalbit_main .pr20 {padding-right:20px !important;}
.dalbit_main .pr30 {padding-right:30px !important;}
.dalbit_main .pr40 {padding-right:40px !important;}
.dalbit_main .pr50 {padding-right:50px !important;}

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

.dalbit_main .txtBold {font-family: 'Titillium Web','NotoBold', sans-serif;font-weight:700;}
.dalbit_main .txtSmall {font-size:0.8em !important;line-height:150%;}
.dalbit_main .txtBig {font-size:18px !important;}

.dalbit_main .txtBox {padding:20px;background:#f3f3f3;border:1px solid #eee;}

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

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


.dalbit_main *{ letter-spacing:-0.05em; }
.dalbit_main a { text-decoration: none; }
.dalbit_main strong, .dalbit_main b { font-family: 'Futura-HV','NotoBold', sans-serif; }
.dalbit_main h2{ font-size:30px; font-family: 'Futura-EB','NotoBlack', sans-serif; margin-top:30px; margin-bottom:50px; color:#000; letter-spacing:-0.1em; line-height: 1.2 !important; }
.dalbit_main h3{ font-size:22px; font-family: 'Futura-EB','NotoBlack', sans-serif; margin-top:60px; margin-bottom:10px; color:#000; letter-spacing:-0.1em; }
.dalbit_main h4{ display: inline-block; font-size:18px; font-family: 'Futura-HV','NotoBold', sans-serif; margin-top:40px; margin-bottom:10px; color:#000; letter-spacing:-0.1em; }
.dalbit_main h3 a{  font-family: 'Futura-EB','NotoBlack', sans-serif; }
.dalbit_main p { margin-bottom:20px; line-height: 1.5 !important; }
.dalbit_main ul{ list-style-type:none; padding-left: 0; }
.dalbit_main li{ list-style-type:none; line-height: 1.8; }
.dalbit_main li:before { content:"-"; color:#ccc; margin-right:10px; }

.dalbit_main .boxWrap { clear:both; width:100%; display:inline-block; margin-top:80px; border-top:2px solid #000; border-bottom:1px solid #000; padding: 30px 0; }

.dalbit_main .boxWrap2 { clear:both; width:100%; display:inline-block; margin-top:80px; padding: 30px 0; }

.dalbit_main .boxLeft { float:left; width: 50%; }
.dalbit_main .boxRight { float:left; width: calc(50% - 30px); padding-left:30px; }
.dalbit_main .boxRight h3 { }

.dalbit_main .box2Left { float:left; width: 20%; }
.dalbit_main .box2Right { float:left; width: calc(80% - 30px); padding-left:30px; }
.dalbit_main .box2Right h3 { }

.dalbit_main .boxWrap { clear:both; width:100%; display:inline-block; margin-top:80px; border-top:2px solid #000; border-bottom:1px solid #000; padding: 30px 0; }
.dalbit_main .box3Left { float:left; width: 30%; margin-right:5%; border-right:1px solid #000; }
.dalbit_main .box3Center { float:left; width: 30%; margin-right:5%; border-right:1px solid #000; }
.dalbit_main .box3Right { float:left; width: 30%;  margin-right:0; }

.dalbit_main .btnOrder {
	display: inline-block;
	position: relative;
	width: auto;
	height: 60px;
	padding: 0 40px;
	border-radius: 60px;
	line-height: 60px;
	background: #000;
	color: #fff;
	text-align:center;
}

.dalbit_main .btnOrder a { color: #fff; text-decoration: none; }



	/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
	
	.dalbit_main h2 { font-size: 30px; }
	
	.dalbit_main .boxLeft { float:none; width: 100%; }
	.dalbit_main .boxRight { float:none; width: 100%; padding-left:0; }

	.dalbit_main .box2Left { float:none; width: 100%; }
	.dalbit_main .box2Right { float:none; width: 100%; padding-left:0; }

	.dalbit_main .box3Left { float:none; width: 100%; margin-right:0; border:0; }
	.dalbit_main .box3Center { float:none; width: 100%; margin-right:0; border:0; }
	.dalbit_main .box3Right { float:none; width: 100%;  margin-right:0; }

}