/*bxslider custom*/
    .bx-wrapper .bx-pager .bx-pager-item,
    .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	    display: inline-block;
	    *zoom: 1;
	    *display: inline;
    }
    .bx-wrapper .bx-pager.bx-default-pager label {
	    background: #dee0e0;
	    text-indent: -9999px;
	    display: block;
	    width: 10px;
	    height: 10px;
	    margin: 0 5px;
	    outline: 0;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
    }

    .bx-wrapper .bx-pager.bx-default-pager label.active {
	    background: #006cd1;
    }

  /*intro-header*/
  .intro-header .main-banner-img {
    padding-left:0px;
    padding-right:0px;
  }
  .intro-header .main-banner-img > img {
    position: relative;
  }
  .intro-header .app-intro-content {
    position: absolute;
    top: 28%;
    width: 100%;
    left: 0px;
  }

  .intro-header .app-intro-content .intro-title {
    font-family:NanumGothicBold;
    font-size: 11px;
    color:#ffffff;
  }
.intro-header .app-intro-content .intro-content {
    margin-top:-10px;
    font-family:NanumGothic;
    font-size:11px;
    color:#ffffff;
    display:none;
}

.intro-header .app-intro-content .intro-content_m {
    margin-top:-10px;
    font-family:NanumGothic;
    font-size:11px;
    color:#ffffff;
    display:block;
}

  .intro-header .app-intro-content .app-mobiledown-btns > img {
    width: 75px;
    margin-top:-10px;
  }
  .intro-header .app-intro-content .app-pcdown-btn > img{
    display:none;
  }
  .intro-header .app-intro-content .app-iphone-btn {
    margin-left: 4px;
  }

  /*content-section-a*/
  .content-section-a .app-section-a-content {
    position: absolute;
    top: 8%;
    width: 100%;
    left: 0px;
  }


  .content-section-a .number-send-area {
    display:none;
  }

  /*common font size*/
  .section-title-text {
    font-size:11px;
  }

  .section-content-text {
    font-family:NanumGothic;
    font-size:10px;
  }

  .section-content-smalltext {
    font-family:NanumGothic;
    font-size:10px;
  }

  .content-section-a .app-section-a-content .section-a-line {
    border-color: #7fb9fa;
    width: 90px;
    margin-left: 0px;
    margin-top: -5px;
    margin-bottom: 5px;
  }

  /*content-section-b*/
  .content-section-b .main-banner-img {
    padding-left:0px;
    padding-right:0px;
  }

  .content-section-b .app-section-b-content {
    position: absolute;
    top: 25%;
    width: 100%;
    left: 0px;
    text-align:center;
  }

  .content-section-b .app-section-b-content .section-b-line {
    border-color: #7fb9fa;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 15px;
  }

  /*content-section-c*/
  .content-section-c .app-section-c-content {
    position: absolute;
    top: 20%;
    width: 100%;
    left: 0px;
    text-align:right;
  }
  .content-section-c .app-section-c-content .app-detail-btn {
    margin-left:auto;margin-right:0px;
  }
  .content-section-c .app-section-c-content .app-detail-btn > img{
    width:90px;
  }

  .content-section-c .app-section-c-content .section-c-line {
    border-color: #7fb9fa;
    width: 100px;
    margin-left: auto;
    margin-right: 0px;
    margin-top: -5px;
    margin-bottom: 5px;
  }


    /*content-section-d*/
    .content-section-d {
        text-align:center;
        background-color:#edf0f0;
        padding-top: 50px;
        padding-bottom: 55px;
        display:none;
    }

    .content-section-d .app-icon {
        margin-left: auto;
        margin-right: auto;
    }

    .app-secction-d-title {
        font-size:20px;
        color:#373737;
    }

    .app-secction-d-content {
        font-family:NanumGothic;
        font-size:12px;
        color:#373737;
    }

    .app-section-d-last {
        margin-top:50px;
    }

    .content-section-d .app-pc-contents {
        display:none;
    }

    .content-section-d .app-m-contents {
        text-align:left;
        display:block;
    }

    .content-section-d .app-m-contents .app-section-d-title {
        font-size:15px;
    }

    .content-section-d .app-m-contents .app-section-d-content {
        font-size:11px;
    }

    .content-section-d .icon-wrap {
        float: left;
    }

    .content-section-d .icon-wrap img {
        width: 45px;
        margin-bottom: 48px;
    }

    /*content-section-e*/
  .content-section-e .main-banner-img {
    padding-left:0px;
    padding-right:0px;
  }

  .content-section-e .app-section-e-content {
    position: absolute;
    top: 25%;
    width: 100%;
    left: 0px;
    text-align:center;
  }

  .content-section-e .app-section-e-content .section-e-line {
    border-color: #7fb9fa;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 15px;
  }

  /*content-section-f*/
  .content-section-f .app-left-content {
    text-align:right;
    display:none;
  }
  .content-section-f .app-right-content {
    text-align:left;
    display:none;
  }

  .content-section-f .app-mobile-content {
    display:block;
  }

  .content-section-f .app-phone-wrap {
    text-align:center;
  }
  .content-section-f .phone-wrap {
    position: relative;
  }

  .content-section-f .phone-banner-wrap-1200 {
    display:none;
  }

  .content-section-f .phone-banner-wrap-992 {
    display:none;
  }

  .content-section-f .phone-banner-wrap-768 {
    display:none;
  }

  .content-section-f .phone-banner-wrap-325 {
    position: absolute;
    top: 124px;
    left: 50%;
    margin-left: -78px;
    display: block;
  }

  .content-section-f .phone-img {
    width:290px;
    height:527px;
  }

  .content-section-f .phone-banner-wrap-325 .banner_container {
    width:152px;
    height:272px;
    overflow:hidden;
    position:relative;
  }

  .content-section-f .phone-banner-wrap-325 .banner_wrapper {
    width:1075px;
    position:absolute;
  }

  .content-section-f .phone-banner-wrap-325 .banner_wrapper img{
    width:152px;
    float:left;
  }



/*content-section-g*/
  .content-section-g {
    background-color:#eef2f3;
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
  }


  .content-section-g .bx-pager {
    margin-top:15px;
  }
  
  /*iphone 4~5 < */
  @media (min-width: 325px) {
    .intro-header .app-intro-content {
      position: absolute;
      top: 30%;
      width: 100%;
      left: 0px;
    }
    .intro-header .app-intro-content .intro-title {
      font-family:NanumGothicBold;
      font-size:11px;
      color:#ffffff;
    }

  .intro-header .app-intro-content .intro-content {
    margin-top:-10px;
    font-family:NanumGothic;
    font-size:10px;
    color:#ffffff;
  }

  /*content-section-a*/
  .content-section-a .app-section-a-content {
    top: 20%;
    width: 100%;
    left: 0px;
  }




  /*common font size*/
  .section-title-text {
    font-size:11px;
  }
  .section-content-text {
    font-family:NanumGothic;
    font-size:10px;
  }

  .section-content-smalltext {
    font-family:NanumGothic;
    font-size:12px;
  }

  .content-section-a .app-section-a-content .section-a-line {
    border-color: #7fb9fa;
    width: 120px;
    margin-left: 0px;
    margin-top: -5px;
    margin-bottom: 5px;
  }
}
/* PC & Tablet */

  @media (min-width: 768px) {
    /*intro header*/
/*    .logo-img {
      width:100%;
    }
*/

    .intro-header .app-intro-content {
      position: absolute;
      top: 20%;
      width: 100%;
      left: 0px;
    }
    .intro-header .app-intro-content .intro-title {
      font-family:NanumGothicBold;
      font-size:40px;
      color:#ffffff;
      
    }
    .intro-header .app-intro-content .intro-content {
      margin-top:0px;
      font-family:NanumGothic;
      font-size:14px;
      color:#ffffff;
      display:block;
    }

    .intro-header .app-intro-content .intro-content_m {
      display:none;
    }
    .intro-header .app-intro-content .app-mobiledown-btns > img {
      width: 120px;
      margin-top: 0px;
    }
    .intro-header .app-intro-content .app-pcdown-btn > img{
      display:block;
      width: 249px;
      margin-top: 7px;
    }
    .intro-header .app-intro-content .app-iphone-btn {
      margin-left: 4px;
    }

    /*number-section*/
    .content-section-a .app-number-content {
      position: absolute;
      top: 14%;
      width: 100%;
      left: 258px;
      font-size:12px;
    }




    .content-section-a .app-number-content .btn-default {
        color: white;
        background-color: #8f8f8f;
    }
    .content-section-a .app-number-content .app-textbox {
        width: 161px;
    }

    .content-section-a .app-number-content .app-number-bold {
      font-weight:bold;
      font-size:17px;
    }

    /*content-section-a*/
    .content-section-a .app-section-a-content {
      position: absolute;
      top: 30%;
      width: 100%;
      left: 0px;
    }

  .content-section-a .number-send-area {
    display:block;
  }

    /*common font size*/
    .section-title-text {
      font-size:35px;
    }
    .section-content-text {
      font-family:NanumGothic;
      font-size:14px;
    }



    .content-section-a .app-section-a-content .section-a-line {
      border-color: #7fb9fa;
      width: 225px;
      margin-left: 0px;
      margin-right: auto;
      margin-top: 0px;
      margin-bottom: 15px;
    }

    /*content-section-b*/
    .content-section-b .app-section-b-content {
      position: absolute;
      top: 40%;
      width: 100%;
      left: 0px;
      text-align:center;
    }

    .content-section-b .app-section-b-content .section-b-line {
      border-color: #7fb9fa;
      width: 375px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 0px;
      margin-bottom: 15px;
    }

    /*content-section-c*/
    .content-section-c .app-section-c-content {
      position: absolute;
      top: 30%;
      width: 100%;
      left: 0px;
      text-align:right;
    }
    .content-section-c .app-section-c-content .app-detail-btn {
      margin-left:auto;margin-right:0px;
    }

    .content-section-c .app-section-c-content .app-detail-btn > img{
      width:100%;
    }

    .content-section-c .app-section-c-content .section-c-line {
      border-color: #7fb9fa;
      width: 225px;
      margin-left: auto;
      margin-right: 0px;
      margin-top: 0px;
      margin-bottom: 15px;
    }
    /*content-secction-d*/
    .app-secction-d-title {
      font-size:26px;
      color:#373737;
    }
    .app-secction-d-content {
      font-family:NanumGothic;
      font-size:17px;
      color:#373737;
    }
    .app-section-d-last {
      margin-top:0px;
    }

    .content-section-d .app-pc-contents {
        display:block;
    }

    .content-section-d .app-m-contents {
        text-align:left;
        display:none;
    }

    /*content-section-e*/
    .content-section-e .app-section-e-content {
      position: absolute;
      top: 40%;
      width: 100%;
      left: 0px;
      text-align:center;
    }

    .content-section-e .app-section-e-content .section-e-line {
      border-color: #7fb9fa;
      width: 375px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 0px;
      margin-bottom: 15px;
    }


    /*content-section-f*/

    .content-section-f .app-section-f-title {
      font-size:20px;
      color:#373737;
    }

    .content-section-f .app-section-f-content {
      font-size:14px;
      color:#373737;
    }

    .content-section-f .phone-wrap {
      position: relative;
    }

    .content-section-f .phone-banner-wrap-1200 {
      display:none;
    }

    .content-section-f .phone-banner-wrap-992 {
      display:none;
    }

    .content-section-f .phone-banner-wrap-768 {
      position: absolute;
      top: 95px;
      left: 50%;
      margin-left: -58px;
      display: block;
    }

    .content-section-f .phone-banner-wrap-325 {
      display:none;
    }

    .content-section-f .phone-img {
      width:220px;
      height:400px;
    }

    .content-section-f .app-left-content {
        display:block;
    }

    .content-section-f .app-right-content {
        display:block;
    }

    .content-section-f .app-mobile-content {
        display:none;
    }
    .content-section-f .phone-banner-wrap-768 .banner_container {
      width:115px;height:202px;overflow:hidden;position:relative;
    }

    .content-section-f .phone-banner-wrap-768 .banner_wrapper {
      width:805px;position:absolute;
    }

    .content-section-f .phone-banner-wrap-768 .banner_wrapper img{
      width:115px;float:left;
    }

  }


  /* PC Only */
  @media (min-width: 992px) {
    /*intro header*/
    .intro-header .app-intro-content {
      position: absolute;
      top: 30%;
      width: 100%;
      left: 0px;
    }
    .intro-header .app-intro-content .intro-title {
      font-family:NanumGothicBold;
      font-size:54px;
      color:#ffffff;
      font-weight:bold;
    }
    .intro-header .app-intro-content .intro-content {
      font-family:NanumGothic;
      font-size:22px;
      color:#ffffff;
    }
    .intro-header .app-intro-content .app-mobiledown-btns > img {
      width: 172px;
      margin-top: 0px;
    }
    .intro-header .app-intro-content .app-pcdown-btn > img{
      display:block;
      width: 353px;
      margin-top: 7px;
    }
    .intro-header .app-intro-content .app-iphone-btn {
      margin-left: 4px;
    }

    /*content-section-a*/
    .content-section-a .app-section-a-content {
      position: absolute;
      top: 25%;
      width: 100%;
      left: 0px;
    }

    /*number-section*/
    .content-section-a .app-number-content {
        position: absolute;
        top: 25%;
        width: 100%;
        left: 340px;
    }

    .content-section-a .app-number-content .app-textbox {
        width: 205px;
    }

     /*content-section-c*/
    .content-section-c .app-section-c-content .app-detail-btn {
      margin-left:auto;
      margin-right:0px;
    }

    /*content-section-f*/

    .content-section-f .phone-wrap {
      position: relative;
    }

    .content-section-f .phone-banner-wrap-1200 {
      display:none;
    }

    .content-section-f .phone-banner-wrap-992 {
      position: absolute;
      top: 126px;
      left: 50%;
      margin-left: -78px;
      display:block;
    }

    .content-section-f .phone-banner-wrap-768 {
      display:none;
    }

    .content-section-f .phone-banner-wrap-325 {
      display:none;
    }

    .content-section-f .phone-img {
      width:293px;
      height:533px;
    }

    .content-section-f .phone-banner-wrap-992 .banner_container {
      width:151px;
      height:272px;
      overflow:hidden;
      position:relative;
    }

    .content-section-f .phone-banner-wrap-992 .banner_wrapper {
      width:1075px;
      position:absolute;
    }

    .content-section-f .phone-banner-wrap-992 .banner_wrapper img{
      width:152px;
      float:left;
    }

    /*common font size*/
    .section-title-text {
      font-size:44px;
    }

    .section-content-text {
      font-family:NanumGothic;
      font-size:20px;
    }

    .section-content-smalltext {
      font-family:NanumGothic;
      font-size:14px;
    }

  }

  @media (min-width: 1200px) {

    /*number-section*/
    .content-section-a .app-number-content {
        position: absolute;
        top: 30%;
        width: 100%;
        left: 450px;
    }

    .content-section-f .phone-wrap {
      position: relative;
    }

    .content-section-f .phone-banner-wrap-1200 {
      position: absolute;
      top: 154px;
      left: 50%;
      margin-left: -96px;
      display:block;
    }
    .content-section-f .phone-banner-wrap-992 {
      display:none;
    }

    .content-section-f .phone-banner-wrap-768 {
      display:none;
    }

    .content-section-f .phone-banner-wrap-325 {
      display:none;
    }

    .content-section-f .phone-img {
      width:360px;
      height:655px;
    }

    .content-section-f .phone-banner-wrap-1200 .banner_container {
      width:190px;
      height:336px;
      overflow:hidden;
      position:relative;
    }

    .content-section-f .phone-banner-wrap-1200 .banner_wrapper {
      width:1350px;
      position:absolute;
    }

    .content-section-f .phone-banner-wrap-1200 .banner_wrapper img{
      width:190px;
      float:left;
    }

  }
  

    /*모달 관련 style*/
    .btn-small {
      padding: .75em 1em;
      font-size: 0.8em;
    }

    .modal-title {
      text-align: center;
      font-weight: bold; 
      font-size: 1.2em; 
      color: #6A757E;
    }

    .pinArea {
    text-align: center;
    background: #fcfcfc;
    }

    .txt-captcha {
    text-align: center;
    }

    .txtimgcode {
      width: 100%; 
      height: 32px; 
      font-size: 14px; 
      padding-left: 5px;
    }

    .modal-box {
      display: none;
      position: absolute;
      z-index: 999999999999999;
      width: 98%;
      background: white;
      border: 1px solid #aaa;
      border-radius: 4px;
      box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
      border: 1px solid rgba(0, 0, 0, 0.1);
      background-clip: padding-box;
    }

    @media (min-width: 32em) {

      .modal-box {
        width: 282px;
      }
    }

    .modal-box header,
    .modal-box .modal-header {
      padding: 0.25em 0em;
      border-bottom: 1px solid #ddd;
    }

      .modal-box header h3,
      .modal-box header h4,
      .modal-box .modal-header h3,
      .modal-box .modal-header h4 {
        margin: 0;
      }

    .modal-box .modal-body {
      padding: 1em 1.5em;
    }

    .modal-box footer,
    .modal-box .modal-footer {
      padding: 1em;
      border-top: 1px solid #ddd;
      background: rgba(0, 0, 0, 0.02);
      text-align: right;
    }

    .modal-overlay {
      opacity: 0;
      filter: alpha(opacity=0);
      position: absolute;
      top: 0;
      left: 0;
      z-index: 999999999;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3) !important;
    }

    a.close {
      line-height: 1;
      position: absolute;
      top: 5%;
      right: 2%;
    }

    a.close:hover {
      color: #222;
      -webkit-transition: color 1s ease;
      -moz-transition: color 1s ease;
      transition: color 1s ease;
    }

    .app_download_submit {
      color: #fff;
      background-color: #559cdd;
      width: 75px;
      font-weight: 800;
      cursor: pointer;
      height: 40px;
      border-radius: 0;
    }

    .app_download_cancel {
      color: #fff;
      background-color: #a8a8a8;
      width: 75px;
      font-weight: 800;
      cursor: pointer;
      height: 40px;
      border-radius: 0;
    }

    a.app_refresh_txt:hover {
      color: #5f5f5f;
      font-size: 11px;
    }

    a.app_refresh_txt:active {
      color: #5f5f5f;
      font-size: 11px;
    }

    a.app_refresh_txt:link {
      color: #5f5f5f;
      font-size: 11px;
    }

    .app-sms-util {
      display:none;
    }
    /*// 모달 관련 style*/