@charset "UTF-8";
/** @Ncomz amb_layout_01  V 1.2.1 | @Ncomz Design -  @mo @joo **/

/********** amb_layout commom **********/
.rowBox {}
.rowBox:before,
.rowBox:after {display:block; content:''; clear:both;}

.unitBox {background:rgba(255,255,255,0.0); border:1px solid rgba(0,0,0,0.0); overflow:auto;}

/* grid column */
.g_column       {display:inline-block; float:left; padding-right:20px;}
.w_1_1          {width:100%;}
.w_2_1          {width:50%;}
.w_3_1          {width:33.33%; *width:33.3%; }
.w_3_2          {width:66.66%; *width:66.6%; }
.w_4_1          {width:25%;  }
.w_4_2          {width:50%;  }
.w_4_3          {width:75%;  }
.w_5_1          {width:20%;  }
.w_5_2          {width:40%;  }
.w_5_3          {width:60%;  }
.w_5_4          {width:80%;  }
.g_column:last-child {padding-right:0px;}
.g_column:last-of-type {padding-right:0px;}

.mgT0   {margin-top:0px !important;}
.mgT5   {margin-top:5px !important;}
.mgT10  {margin-top:10px !important;}
.mgT20  {margin-top:20px !important;}
.mgT30  {margin-top:30px !important;}
.mgT40  {margin-top:40px !important;}
.mgT50  {margin-top:60px !important;}
.mgT80  {margin-top:80px !important;}
.mgT100 {margin-top:100px !important;}

.pdLR10 {padding-left:10px !important; padding-right:10px !important;}
.pdLR20 {padding-left:20px !important; padding-right:20px !important;}
.pdLR30 {padding-left:30px !important; padding-right:30px !important;}
.pdLR40 {padding-left:40px !important; padding-right:40px !important;}
.pdLR50 {padding-left:50px !important; padding-right:50px !important;}
.pdLR80 {padding-left:80px !important; padding-right:80px !important;}

.pd0  {padding:0 0 0 0 !important;}
.pd10 {padding:10px 10px 10px 10px !important;}
.pd20 {padding:20px 20px 20px 20px !important;}
.pd30 {padding:30px 30px 30px 30px !important;}

.fl {float:left;}
.fr {float:right;}

.center {text-align:center !important;}
.right  {text-align:right !important;}
.left   {text-align:left !important;}

.relative {position:relative;}
.overflow {overflow:auto;}

.clear    {clear:both;}

.bold   {font-weight:500;}
.noraml {font-weight:normal !important;}

.hidden   {display:none;}
.ellipsis {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

.block  {display:block;}
.inline {display:inline-block;}

/* width */
.w5p {width:5% !important;}
.w6p {width:6% !important;}
.w7p {width:7% !important;}
.w8p {width:8% !important;}
.w9p {width:9% !important;}
.w10p {width:10% !important;}
.w11p {width:11% !important;}
.w12p {width:12% !important;}
.w13p {width:13% !important;}
.w14p {width:14% !important;}
.w15p {width:15% !important;}
.w16p {width:16% !important;}
.w17p {width:17% !important;}
.w18p {width:18% !important;}
.w19p {width:19% !important;}
.w20p {width:20% !important;}
.w21p {width:21% !important;}
.w22p {width:22% !important;}
.w23p {width:23% !important;}
.w24p {width:24% !important;}
.w25p {width:25% !important;}
.w26p {width:26% !important;}
.w27p {width:27% !important;}
.w28p {width:28% !important;}
.w29p {width:29% !important;}
.w30p {width:30% !important;}
.w31p {width:31% !important;}
.w32p {width:32% !important;}
.w33p {width:33% !important;}
.w34p {width:34% !important;}
.w35p {width:35% !important;}
.w36p {width:36% !important;}
.w37p {width:37% !important;}
.w38p {width:38% !important;}
.w39p {width:39% !important;}
.w40p {width:40% !important;}
.w41p {width:41% !important;}
.w42p {width:42% !important;}
.w43p {width:43% !important;}
.w44p {width:44% !important;}
.w45p {width:45% !important;}
.w46p {width:46% !important;}
.w47p {width:47% !important;}
.w48p {width:48% !important;}
.w49p {width:49% !important;}
.w50p {width:50% !important;}
.w51p {width:51% !important;}
.w52p {width:52% !important;}
.w53p {width:53% !important;}
.w54p {width:54% !important;}
.w55p {width:55% !important;}
.w56p {width:56% !important;}
.w57p {width:57% !important;}
.w58p {width:58% !important;}
.w59p {width:59% !important;}
.w60p {width:60% !important;}
.w61p {width:61% !important;}
.w62p {width:62% !important;}
.w63p {width:63% !important;}
.w64p {width:64% !important;}
.w65p {width:65% !important;}
.w66p {width:66% !important;}
.w67p {width:67% !important;}
.w68p {width:68% !important;}
.w69p {width:69% !important;}
.w70p {width:70% !important;}
.w71p {width:71% !important;}
.w72p {width:72% !important;}
.w73p {width:73% !important;}
.w74p {width:74% !important;}
.w75p {width:75% !important;}
.w76p {width:76% !important;}
.w77p {width:77% !important;}
.w78p {width:78% !important;}
.w79p {width:79% !important;}
.w80p {width:80% !important;}
.w81p {width:81% !important;}
.w82p {width:82% !important;}
.w83p {width:83% !important;}
.w84p {width:84% !important;}
.w85p {width:85% !important;}
.w86p {width:86% !important;}
.w87p {width:87% !important;}
.w88p {width:88% !important;}
.w89p {width:89% !important;}
.w90p {width:90% !important;}
.w91p {width:91% !important;}
.w92p {width:92% !important;}
.w93p {width:93% !important;}
.w94p {width:94% !important;}
.w95p {width:95% !important;}
.w96p {width:96% !important;}
.w97p {width:97% !important;}
.w98p {width:98% !important;}
.w99p {width:99% !important;}
.w100p {width:100% !important;}

/* 기본 animation 관련 */
@keyframes ani_down {
  0%   {opacity:0; transform: translateY(-5px);}
  100% {opacity:1; transform: translateY(0px);}
}

@keyframes ani_down2 {
  0%   {opacity:0; transform: translateY(2px);}
  50%   {opacity:1; transform: translateY(-2px);}
  100% {opacity:1; transform: translateY(0px);}
}

@keyframes ani_bounceIn{
  0%   {opacity: 0;   transform: scale(0.3) translate3d(0,0,0);}
  50%  {opacity: 0.9; transform: scale(1.1);}
  80%  {opacity: 1;   transform: scale(0.89);}
  100% {opacity: 1;   transform: scale(1) translate3d(0,0,0);}
}

@keyframes ani_bounceIn2 {
  0%, 20%, 40%, 60%, 80%, 100% {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}

  0%   {opacity: 0; -webkit-transform: scale3d(.3, .3, .3);       transform: scale3d(.3, .3, .3);}
  20%  {            -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);}
  40%  {            -webkit-transform: scale3d(.9, .9, .9);       transform: scale3d(.9, .9, .9);}
  60%  {opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}
  80%  {            -webkit-transform: scale3d(.97, .97, .97);    transform: scale3d(.97, .97, .97);}
  100% {opacity: 1; -webkit-transform: scale3d(1, 1, 1);          transform: scale3d(1, 1, 1);}
}

@keyframes ani_fadeIn {
  0%   {opacity:0;}
  100% {opacity:1;}
}

@keyframes ani_rotation90 {
  0%   {transform: rotate(0deg); }
  100% {transform: rotate(90deg); }
}