/*****************************************/
/** home *******************************/
/*****************************************/
.tit-main {
  font-size: 40px;
  font-weight: 300;
  letter-spacing: -2px;
  line-height: 1.3; }
  .tit-main strong {
    font-weight: 400; }

.wrap-main-swiper {
  border-bottom: 1px solid #f2f2f2; }
  .wrap-main-swiper .content-slide {
    width: 1180px;
    height: 550px;
    padding: 114px 50px 0;
    margin: 0 auto;
    font-size: 18px;
    box-sizing: border-box; }
    .wrap-main-swiper .content-slide span.bg-round {
      display: inline-block;
      padding: 3px 9px;
      background-color: #333;
      border-radius: 20px;
      color: #fff;
      font-size: 14px;
      font-weight: 300; }
    .wrap-main-swiper .content-slide .slogan {
      font-size: 46px;
      font-weight: 400;
      letter-spacing: -3px;
      line-height: 120%; }
      .wrap-main-swiper .content-slide .slogan strong {
        font-weight: 400; }
    .wrap-main-swiper .content-slide .sub-slogan {
      font-size: 18px;
      color: #666;
      letter-spacing: -1px;
      font-weight: 300; }
    .wrap-main-swiper .content-slide .event-title {
      font-size: 18px;
      color: #f66b05;
      letter-spacing: -1px;
      font-weight: 300; }
    .wrap-main-swiper .content-slide a.btn-moreview {
      padding: 12px 42px;
      font-size: 16px; }
    .wrap-main-swiper .content-slide.invert-event .slogan, .wrap-main-swiper .content-slide.invert-event .sub-slogan {
      color: #fff; }
    .wrap-main-swiper .content-slide.invert-event .event-title {
      color: #ffC145; }
  .wrap-main-swiper .controle-wrapper {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center; }
    .wrap-main-swiper .controle-wrapper > .center-wrapper {
      display: inline-block; }
      .wrap-main-swiper .controle-wrapper > .center-wrapper:before, .wrap-main-swiper .controle-wrapper > .center-wrapper:after {
        content: " ";
        display: block; }
      .wrap-main-swiper .controle-wrapper > .center-wrapper:after {
        clear: both; }
    .wrap-main-swiper .controle-wrapper .btn-swiper-control {
      float: left;
      display: inline-block;
      width: 16px;
      height: 18px;
      margin-right: 10px; }
      .wrap-main-swiper .controle-wrapper .btn-swiper-control.stop {
        background: url("/assets/renew/images/main/btn_swiper_stop.png") no-repeat 0 0; }
      .wrap-main-swiper .controle-wrapper .btn-swiper-control.play {
        background: url("/assets/renew/images/main/btn_swiper_play.png") no-repeat 0 0; }
    .wrap-main-swiper .controle-wrapper .pagination {
      position: static;
      float: left;
      width: auto; }
    .wrap-main-swiper .controle-wrapper .swiper-pagination-switch {
      width: 18px;
      height: 18px;
      margin: 0 5px;
      border-radius: 50%;
      background-color: #d5d5d5; }
      .wrap-main-swiper .controle-wrapper .swiper-pagination-switch.swiper-active-switch {
        background-color: #2f90d5; }

.sub-banner {
  padding: 70px 0;
  font-weight: 300; }
  .sub-banner:before, .sub-banner:after {
    content: " ";
    display: block; }
  .sub-banner:after {
    clear: both; }
  .sub-banner li {
    float: left;
    width: 25%; }
    .sub-banner li dt {
      height: 40px;
      line-height: 28px;
      font-size: 24px;
      font-weight: 400; }
      .sub-banner li dt:hover {
        text-decoration: underline; }
      .sub-banner li dt > i {
        margin-left: 12px; }
    .sub-banner li dd {
      color: #676767; }

.advantage {
  padding: 70px 0;
  color: #fff;
  font-weight: 300; }
  .advantage:before, .advantage:after {
    content: " ";
    display: block; }
  .advantage:after {
    clear: both; }
  .advantage .tit-main {
    float: left;
    width: 280px;
    color: #fff; }
  .advantage .items {
    float: left; }
    .advantage .items li {
      float: left;
      width: 280px;
      padding: 40px 38px;
      background-color: #2886ca; }
      .advantage .items li:not(:first-child) {
        margin-left: 20px; }
      .advantage .items li dl {
        height: 100%;
        min-height: 278px;
        padding-bottom: 145px;
        letter-spacing: -1px; }
        .advantage .items li dl.professionalism {
          background: url("/assets/renew/images/main/ico_sla.png") no-repeat left bottom; }
        .advantage .items li dl.secutiry {
          background: url("/assets/renew/images/main/ico_security.png") no-repeat left bottom; }
        .advantage .items li dl.server-admin {
          background: url("/assets/renew/images/main/ico_fulltime.png") no-repeat left bottom; }
      .advantage .items li dt {
        font-size: 18px;
        padding-bottom: 10px;
        font-weight: 400; }
      .advantage .items li dd {
        color: #d2f0ff; }

.contact {
  padding: 85px 0;
  color: #666;
  letter-spacing: -1px;
  font-weight: 300; }
  .contact .txt-info {
    padding: 13px 0 50px; }
    .contact .txt-info .link {
      color: #333;
      border-bottom: 1px solid #333; }
  .contact .contents {
    width: auto;
    margin: 0 auto; }
    .contact .contents > div {
      text-align: left; }
      .contact .contents > div .subject {
        display: block;
        color: #333;
        font-weight: 400;
        margin-bottom: 4px; }
      .contact .contents > div dl {
        line-height: 1.3; }
        .contact .contents > div dl dt {
          width: 160px;
          font-size: 24px;
          color: #333; }
        .contact .contents > div dl dd {
          color: #0081c8;
          font-size: 30px; }
    .contact .contents .phone-number {
      padding-right: 60px;
      border-right: 1px solid #e5e5e5;
      font-weight: 400; }
    .contact .contents .time {
      padding-left: 60px; }

.free-homepage-container {
  background: url("/assets/renew/images/main/bg_freehome.jpg") no-repeat center center;
  background-size: cover; }

.free-homepage {
  padding: 85px 0;
  color: #fff;
  font-weight: 300; }
  .free-homepage h3 {
    padding-bottom: 8px;
    color: #fff;
    font-weight: 400;
    letter-spacing: -1px; }
  .free-homepage .tit-main {
    margin-bottom: 33px;
    line-height: 1.3;
    letter-spacing: -2px; }
  .free-homepage .detail-view {
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center; }
  .free-homepage .sub-title {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: -2px; }
  .free-homepage .detail {
    padding: 12px 0 35px; }

.hw-ad-block {
  background: url(https://static.gabia.com/www2/main/hw-ad-block/lsm-bg.png) center center no-repeat;
  background-size: cover;
  height: 600px; }
  .hw-ad-block .gt-display-container {
    height: 600px; }
  .hw-ad-block .gt-display-bottomright {
    bottom: 50px; }
  .hw-ad-block .box-orange {
    display: block;
    width: 280px;
    height: 180px;
    background: #f89002;
    margin-left: 18px;
    float: left;
    overflow: hidden;
    transition-duration: .3s; }
    .hw-ad-block .box-orange .size-22 {
      font-size: 22px; }
    .hw-ad-block .box-orange .fa-angle-right {
      margin-left: 8px;
      font-size: 24px; }
    .hw-ad-block .box-orange:hover {
      background: #f57503; }
    .hw-ad-block .box-orange .slogan {
      margin-top: 60px;
      color: #fff;
      font-size: 18px;
      font-weight: 300;
      line-height: 140%;
      letter-spacing: -1px; }
    .hw-ad-block .box-orange .lsm {
      float: left;
      display: block;
      margin-right: 10px; }
    .hw-ad-block .box-orange .domain {
      width: 105px;
      height: 180px;
      background: url(https://static.gabia.com/www2/main/hw-ad-block/lsm-domain.png) left bottom no-repeat; }
    .hw-ad-block .box-orange .hosting {
      width: 94px;
      height: 180px;
      background: url(https://static.gabia.com/www2/main/hw-ad-block/lsm-hosting.png) left bottom no-repeat; }
    .hw-ad-block .box-orange .homepage {
      margin-right: 0px;
      width: 117px;
      height: 180px;
      background: url(https://static.gabia.com/www2/main/hw-ad-block/lsm-homepage.png) left bottom no-repeat; }

.library {
  padding: 85px 0;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: -1px; }
  .library:before, .library:after {
    content: " ";
    display: block; }
  .library:after {
    clear: both; }
  .library h3.tit {
    padding-bottom: 50px;
    font-size: 34px;
    font-weight: 400;
    letter-spacing: -2px; }
    .library h3.tit .ico-middle {
      display: inline-block;
      width: 29px;
      height: 28px;
      margin: 0 14px -2px;
      background: url("/assets/renew/images/main/ico_middle_txt.png") no-repeat 0 0; }
  .library li {
    float: left;
    width: calc(25% - 20px);
    height: 480px;
    margin-right: 26px;
    position: relative; }
    .library li:last-child {
      margin-right: 0; }
    .library li .lib-cont {
      height: 300px;
      border-top: 2px solid #6f6f6f; }
      .library li .lib-cont .tit {
        font-size: 22px;
        padding: 22px 0 14px; }
      .library li .lib-cont .cont-info {
        color: #7e7e7e; }
    .library li .thumb-group {
      position: absolute;
      bottom: 0; }
      .library li .thumb-group .publish-time {
        padding-left: 23px;
        padding-bottom: 5px;
        background: url("/assets/renew/images/main/ico_publishtime_clock.png") no-repeat 0 2px;
        color: #999;
        font-size: 14px; }
      .library li .thumb-group .img-thumb {
        width: 100%; }

.board {
  color: #666;
  font-weight: 300; }
  .board:before, .board:after {
    content: " ";
    display: block; }
  .board:after {
    clear: both; }
  .board h3.tit {
    display: inline-block;
    font-size: 34px;
    font-weight: 400; }
  .board .notice {
    float: left;
    width: 780px; }
    .board .notice .full-view {
      color: #666;
      margin-left: 20px; }
      .board .notice .full-view .ico {
        position: relative;
        top: 1px;
        display: inline-block;
        width: 8px;
        height: 14px;
        margin-left: 5px;
        background: url("/assets/renew/images/main/ico_view_all.png") no-repeat 0 0; }
    .board .notice .item-list {
      margin-top: 20px;
      border-top: 2px solid #6f6f6f; }
      .board .notice .item-list li {
        padding: 20px 10px;
        border-bottom: 1px solid #e5e5e5; }
        .board .notice .item-list li .time {
          display: inline-block;
          color: #999;
          float: right; }
  .board .name-server {
    float: right;
    width: 380px; }
    .board .name-server .item-list {
      margin-top: 20px;
      padding: 20px 20px;
      border-top: 2px solid #6f6f6f;
      border-bottom: 1px solid #e5e5e5; }
      .board .name-server .item-list li {
        padding: 12px 0 13px; }
        .board .name-server .item-list li:last-child {
          padding-bottom: 20px; }
        .board .name-server .item-list li .label {
          margin-right: 20px;
          padding: 1px 8px;
          background: #666;
          color: #fff; }

.w-agreements h3 {
  font-weight: bold;
  margin-top: 40px;
  font-size: 18px; }
  .w-agreements h3.clause-title {
    margin-top: 0;
    font-size: 28px;
    letter-spacing: -1px; }
.w-agreements p {
  margin-top: 18px; }
.w-agreements .oneStep {
  padding-top: 18px; }
.w-agreements .oneStep > li, .w-agreements .twoStep > li {
  line-height: 18px;
  line-height: 1.8; }
.w-agreements .w-agreements .twoStep {
  padding-left: 16px; }

.agreements-2depth-nav {
  font-size: 14px;
  margin: -50px 0 80px;
  display: inline-block; }
  .agreements-2depth-nav:before, .agreements-2depth-nav:after {
    content: " ";
    display: block; }
  .agreements-2depth-nav:after {
    clear: both; }
  .agreements-2depth-nav span {
    float: left; }
    .agreements-2depth-nav span.gt-active a {
      color: #1d7abd; }
    .agreements-2depth-nav span:not(:last-child) a:after {
      content: '';
      display: inline-block;
      margin: 0 12px;
      width: 1px;
      height: 12px;
      background-color: #999; }

/*****************************************/
/** domain  *******************************/
/*****************************************/
.sub-header {
  width: 100%;
  min-height: 220px;
  max-height: 220px;
  background-size: cover;
  font-weight: 300; }
  .sub-header.search-domain {
    background: url(/assets/renew/images/domain.png) no-repeat top center;
    background-size: cover;
    max-height: none;
    padding: 80px 0 79px; }
    .sub-header.search-domain h3 {
      font-size: 46px;
      letter-spacing: -3px;
      line-height: 1.2;
      font-weight: 400; }
    .sub-header.search-domain p {
      font-size: 18px;
      letter-spacing: -1px;
      line-height: 1.4; }
    .sub-header.search-domain .link {
      color: #fff;
      text-decoration: underline; }
      .sub-header.search-domain .link:hover {
        color: #fff; }

.domain-sub-header {
  width: 100%;
  min-height: 160px;
  max-height: 160px;
  color: #fff;
  background-size: cover;
  padding-top: 60px; }
  .domain-sub-header.regist-domain {
    background: url(/assets/renew/images/regist_domain.png) no-repeat top center;
    background-size: cover; }
  .domain-sub-header.with-search {
    min-height: 240px;
    max-height: 240px; }
  .domain-sub-header h3 {
    display: inline-block;
    font-size: 32px;
    color: #fff; }
  .domain-sub-header .detail {
    display: inline-block;
    padding-left: 15px;
    font-size: 18px; }

.mgr-20 {
  margin-right: 20px; }

.functions {
  text-align: center; }
  .functions .items {
    padding-top: 65px; }
    .functions .items:before, .functions .items:after {
      content: " ";
      display: block; }
    .functions .items:after {
      clear: both; }
    .functions .items.two > li {
      width: 50%; }
    .functions .items > li {
      float: left;
      width: 33.33%;
      color: #666; }
      .functions .items > li a {
        color: #666; }
      .functions .items > li .img-thumb {
        display: inline-block;
        width: 72px;
        height: 74px;
        background-position: center 50%;
        background-repeat: no-repeat; }
        .functions .items > li .img-thumb.ico-dm-home-1 {
          background-image: url("/assets/renew/images/ico_dm_home_1.png"); }
        .functions .items > li .img-thumb.ico-dm-home-2 {
          background-image: url("/assets/renew/images/ico_dm_home_2.png"); }
        .functions .items > li .img-thumb.ico-dm-home-3 {
          background-image: url("/assets/renew/images/ico_dm_home_3.png"); }
        .functions .items > li .img-thumb.ico-dm-home-4 {
          background-image: url("/assets/renew/images/ico_dm_home_4.png"); }
        .functions .items > li .img-thumb.ico-dm-home-5 {
          background-image: url("/assets/renew/images/ico_dm_home_5.png"); }
      .functions .items > li .title {
        margin: 13px 0;
        color: #333;
        font-size: 18px;
        line-height: 1.4; }
        .functions .items > li .title a:hover {
          text-decoration: underline; }
        .functions .items > li .title .fa {
          margin-left: 12px; }
  .functions.horizon .items {
    text-align: left;
    padding-top: 65px; }
    .functions.horizon .items li .img-thumb {
      margin-right: 30px; }
    .functions.horizon .items li .title {
      margin: 0 0 13px; }
      .functions.horizon .items li .title:hover {
        text-decoration: underline; }

.tit {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 300;
  letter-spacing: -2px; }

.quick-button {
  width: 980px;
  margin: 0 auto;
  text-align: left; }
  .quick-button a {
    color: #fff;
    line-height: 1.4; }
    .quick-button a:hover, .quick-button a:link, .quick-button a:visited {
      color: #fff; }
    .quick-button a:last-child {
      margin-left: 34px; }

.domain-search {
  padding: 25px 0;
  background: #fbfaf8;
  border-bottom: 1px solid #f2f2f2; }
  .domain-search .search-wrap {
    padding-bottom: 0; }
    .domain-search .search-wrap.wide {
      border-bottom: 0; }
      .domain-search .search-wrap.wide ul .www-text {
        height: 72px;
        width: 110px;
        line-height: 72px;
        background: #fff;
        font-size: 28px;
        font-weight: 400;
        letter-spacing: -1px;
        vertical-align: middle; }
        .domain-search .search-wrap.wide ul .www-text.domain-bg {
          background: none;
          text-align: left;
          width: 90px;
          font-size: 26px;
          height: 60px;
          line-height: 60px; }
      .domain-search .search-wrap.wide ul .domain-input {
        text-align: left;
        width: calc(100% - 250px); }
      .domain-search .search-wrap.wide ul .gt-input.domain {
        height: 72px;
        font-size: 28px;
        font-weight: 400;
        color: #333;
        letter-spacing: -1px;
        margin-right: 0; }
        .domain-search .search-wrap.wide ul .gt-input.domain::placeholder {
          /* Chrome, Firefox, Opera, Safari 10.1+ */
          color: #cdcdcd;
          opacity: 1;
          /* Firefox */ }
        .domain-search .search-wrap.wide ul .gt-input.domain:-ms-input-placeholder {
          /* Internet Explorer 10-11 */
          color: #cdcdcd; }
      .domain-search .search-wrap.wide ul .search-button {
        padding-top: 0; }
        .domain-search .search-wrap.wide ul .search-button button {
          font-size: 24px;
          font-weight: 400;
          letter-spacing: -1px;
          color: #fff;
          background: #0061a7;
          width: 140px;
          height: 72px;
          padding: 0; }
          .domain-search .search-wrap.wide ul .search-button button:hover {
            background-color: #0d246a;
            transition: background-color .15s ease-in-out; }
          .domain-search .search-wrap.wide ul .search-button button.out {
            background: #3090d6; }
          .domain-search .search-wrap.wide ul .search-button button.regist-button {
            background: #3090d6;
            margin-left: 20px;
            padding: 0;
            color: #fff;
            width: 130px;
            height: 60px;
            font-size: 22px;
            font-weight: 400; }
            .domain-search .search-wrap.wide ul .search-button button.regist-button:hover {
              background-color: #34a0ef;
              transition: background-color .15s ease-in-out; }
      .domain-search .search-wrap.wide ul .regist {
        border: 1px solid #ccc;
        background: #fff;
        width: calc(100% - 240px); }
        .domain-search .search-wrap.wide ul .regist .gt-input {
          font-size: 24px;
          height: 58px;
          padding-left: 20px;
          margin-right: 0;
          line-height: 60px; }
        .domain-search .search-wrap.wide ul .regist a {
          vertical-align: middle; }

/*****************************************/
/** member *******************************/
/*****************************************/
/* placeholder */
input:-ms-input-placeholder {
  color: #999; }

input::-webkit-input-placeholder {
  color: #999; }

input::-moz-placeholder {
  color: #999; }

input::-moz-placeholder {
  color: #999; }

/* common */
.member-fullbg {
  padding: 55px 0;
  background-color: #f0f4f9; }

.detail-view {
  display: inline-block;
  height: 28px; }

input.signup-btn {
  font-size: 20px;
  padding: 20px 0; }

.btn-full {
  display: block;
  width: 100%;
  padding: 10px 0;
  min-height: 50px;
  font-size: 20px;
  text-align: center;
  transition: background-color .15s ease-in-out;
  cursor: pointer; }
  .btn-full.blue {
    background-color: #3090d6;
    color: #fff; }
    .btn-full.blue:hover {
      background-color: #34a0ef; }
    .btn-full.blue:active {
      background-color: #1479c2; }

.fa-angle-right.ico-detail-view {
  position: relative;
  top: 3px;
  padding-left: 5px;
  color: #333;
  font-size: 1.6em; }

/* login */
.login-container {
  position: relative;
  width: 420px;
  margin: 0 auto;
  text-align: center; }
  .login-container .page-title {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 40px;
    text-align: center; }
  .login-container .member-login {
    text-align: center; }
    .login-container .member-login .input-area label {
      width: 100%; }
    .login-container .member-login .input-area .input-id, .login-container .member-login .input-area .input-pwd {
      display: block;
      height: 60px;
      line-height: 60px;
      margin: 0;
      padding-left: 60px;
      width: 100%; }
    .login-container .member-login .input-area .user {
      background: url("/assets/renew/images/member/ico_id.png") no-repeat 20px center;
      width: 45px;
      height: 25px;
      position: absolute;
      top: 17px;
      left: 0; }
    .login-container .member-login .input-area .lock {
      background: url("/assets/renew/images/member/ico_pwd.png") no-repeat 20px center;
      width: 45px;
      height: 25px;
      position: absolute;
      top: 17px;
      left: 4px; }
    .login-container .member-login .captcha {
      margin: 25px 0 30px;
      border: 1px solid #ccc; }
      .login-container .member-login .captcha:before, .login-container .member-login .captcha:after {
        content: " ";
        display: block; }
      .login-container .member-login .captcha:after {
        clear: both; }
      .login-container .member-login .captcha .LBD_CaptchaImageDiv {
        float: left; }
        .login-container .member-login .captcha .LBD_CaptchaImageDiv > img {
          border-right: 1px solid #ccc; }
      .login-container .member-login .captcha .LBD_CaptchaIconsDiv {
        float: left; }
        .login-container .member-login .captcha .LBD_CaptchaIconsDiv > a {
          display: block;
          width: 205px;
          text-align: left;
          vertical-align: top;
          background: #fff;
          border-left: 1px solid #c9c9c9;
          border-right: 1px solid #c9c9c9; }
          .login-container .member-login .captcha .LBD_CaptchaIconsDiv > a.LBD_SoundLink {
            border-top: 1px solid #ccc; }
          .login-container .member-login .captcha .LBD_CaptchaIconsDiv > a span {
            color: #666;
            font-weight: 300; }
            .login-container .member-login .captcha .LBD_CaptchaIconsDiv > a span i {
              width: 16px; }
      .login-container .member-login .captcha .LBD_Placeholder {
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important; }
      .login-container .member-login .captcha .input-security-characters {
        width: 100%;
        height: 50px;
        border: none;
        border-top: 1px solid #ccc; }
    .login-container .member-login .save-id {
      text-align: left; }
    .login-container .member-login .social-link {
      margin: 0px 0 25px; }
      .login-container .member-login .social-link a {
        display: inline-block;
        height: 50px;
        line-height: 50px;
        color: #fff;
        vertical-align: middle; }
        .login-container .member-login .social-link a.login-naver {
          float: left;
          width: 210px;
          background-color: #69b235; }
        .login-container .member-login .social-link a.login-facebook {
          width: 209px;
          background-color: #4767aa;
          float: right; }
        .login-container .member-login .social-link a img {
          margin-top: -4px; }
    .login-container .member-login .etc-link a {
      display: inline-block;
      color: #666; }
      .login-container .member-login .etc-link a:after {
        content: '|';
        padding: 0 5px 0 7px;
        color: #999; }
      .login-container .member-login .etc-link a:last-child:after {
        content: ' ';
        padding: 0; }
    .login-container .member-login .warn-phishing {
      border-top: 1px solid #ccc;
      margin-top: 110px;
      padding-top: 5px;
      color: #666; }
      .login-container .member-login .warn-phishing .detail-view {
        display: inline-block;
        padding-top: 4px;
        color: #666; }
        .login-container .member-login .warn-phishing .detail-view:hover {
          color: #1d7abd; }
          .login-container .member-login .warn-phishing .detail-view:hover .fa-angle-right.ico-detail-view {
            color: #1d7abd; }
      .login-container .member-login .warn-phishing .fas.fa-lock-alt {
        position: relative;
        top: -2px;
        left: -5px;
        padding-right: 2px;
        color: #333;
        font-size: 0.8em;
        vertical-align: middle; }
      .login-container .member-login .warn-phishing .fa-angle-right.ico-detail-view {
        position: relative;
        top: -2px;
        padding-left: 4px;
        color: #333;
        font-size: 1.4em;
        vertical-align: middle; }
  .login-container .banner-container {
    display: none;
    position: absolute;
    right: -210px;
    top: 89px;
    width: 190px;
    height: 482px; }

/* join */
.join-container {
  width: 1180px;
  margin: 0 auto;
  padding: 100px 0;
  background-color: #fff; }
  .join-container .member-join {
    width: 780px;
    margin: 0 auto; }
    .join-container .member-join .page-title {
      margin-bottom: 50px;
      font-size: 46px;
      text-align: center; }
    .join-container .member-join .cont-title {
      padding: 70px 0 10px;
      font-size: 24px; }
    .join-container .member-join .gt-tab.type4 .gt-tab-nav {
      width: 100%; }
    .join-container .member-join .assential {
      color: #f66b06; }
    .join-container .member-join .input-area > label {
      width: 180px;
      margin: 0;
      line-height: 68px; }
      .join-container .member-join .input-area > label .gt-layer {
        display: inline-block;
        line-height: 1.5; }
        .join-container .member-join .input-area > label .gt-layer .gt-open-layer.position-up {
          margin-top: -3px; }
      .join-container .member-join .input-area > label .gt-tooltip {
        line-height: 1.5; }
        .join-container .member-join .input-area > label .gt-tooltip .gt-tooltip-content.align-left {
          text-align: left; }
        .join-container .member-join .input-area > label .gt-tooltip .gt-open-tooltip {
          width: 16px;
          height: 16px; }
          .join-container .member-join .input-area > label .gt-tooltip .gt-open-tooltip.position-up {
            margin-top: -3px; }
    .join-container .member-join .input-area > input {
      width: calc(100% - 200px);
      padding: 0 20px;
      height: 62px;
      line-height: 62px;
      border-top: none;
      border-right: none;
      border-bottom: 1px solid #cdcdcd;
      border-left: none; }
    .join-container .member-join .input-area select {
      padding-left: 20px;
      height: 62px;
      line-height: 62px;
      border: none;
      border-bottom: 1px solid #cdcdcd;
      color: #999; }
    .join-container .member-join .input-area + .warning-sign {
      margin: 5px 0 0 200px;
      color: #f66b06;
      font-size: 14px; }
    .join-container .member-join .input-area .ico-middle {
      display: inline-block;
      width: 40px;
      line-height: 62px;
      color: #666;
      text-align: center; }
    .join-container .member-join .input-area.email select {
      width: calc(100% - 398px); }
    .join-container .member-join .input-area.cellphone input {
      width: calc(100% - 401px); }
    .join-container .member-join .input-area.confirm > label {
      margin-top: 17px;
      height: 50px;
      line-height: 50px;
      vertical-align: bottom; }
    .join-container .member-join .input-area.confirm .btn-confirm {
      display: inline-block;
      width: 100%;
      height: 50px;
      line-height: 50px;
      margin-top: 17px;
      border: 1px solid #ccc;
      background-color: #e2e9f3;
      color: #666;
      cursor: pointer; }
    .join-container .member-join .input-area.confirm .gt-layer {
      width: calc(100% - 184px); }
    .join-container .member-join .input-area.domain .textarea-area {
      padding-top: 20px;
      display: inline-block;
      width: calc(100% - 184px);
      vertical-align: middle; }
      .join-container .member-join .input-area.domain .textarea-area textarea {
        width: 100%;
        padding: 5px;
        height: 80px;
        border: none;
        border-bottom: 1px solid #cdcdcd; }
      .join-container .member-join .input-area.domain .textarea-area p {
        padding-top: 5px;
        color: #999; }
    .join-container .member-join .input-area .auth-succ-msg {
      margin-top: 17px;
      height: 50px;
      line-height: 50px;
      vertical-align: bottom; }
    .join-container .member-join.search-id .search-id-data {
      margin-bottom: 55px; }
    .join-container .member-join.search-id .page-title {
      margin-bottom: 10px; }
      .join-container .member-join.search-id .page-title-info {
        margin-bottom: 50px;
        text-align: center; }
    .join-container .member-join.search-id .typeselect-area {
      padding: 60px 0 15px; }
      .join-container .member-join.search-id .typeselect-area:before, .join-container .member-join.search-id .typeselect-area:after {
        content: " ";
        display: block; }
      .join-container .member-join.search-id .typeselect-area:after {
        clear: both; }
      .join-container .member-join.search-id .typeselect-area li {
        float: left;
        margin-right: 30px; }
    .join-container .member-join.search-id .text-searchpw-info {
      padding-top: 20px;
      text-align: center; }
      .join-container .member-join.search-id .text-searchpw-info a {
        margin-left: 15px;
        color: #666; }
  .join-container .terms-title .cont-title {
    display: inline-block; }
    .join-container .terms-title .cont-title + label {
      margin-left: 25px;
      color: #666; }
  .join-container .agree-all label {
    font-weight: bold;
    margin: 20px 0 0; }
  .join-container .agree-lists {
    margin-bottom: 55px; }
    .join-container .agree-lists li label {
      margin: 30px  0 10px 0; }
    .join-container .agree-lists li input {
      margin-right: 5px; }
    .join-container .agree-lists li .detail-view {
      margin-left: 15px;
      color: #666; }
    .join-container .agree-lists li:last-child label:nth-of-type(n + 2) {
      color: #666; }
    .join-container .agree-lists .scrollable {
      height: 163px;
      overflow: auto;
      border: 1px solid #cdcdcd; }
      .join-container .agree-lists .scrollable .agreeBox {
        padding: 20px; }
        .join-container .agree-lists .scrollable .agreeBox h3 {
          font-weight: 400; }
      .join-container .agree-lists .scrollable .oneStep > li, .join-container .agree-lists .scrollable .twoStep > li {
        line-height: 1.5; }
      .join-container .agree-lists .scrollable .w-table td.leftLine {
        border-left: 1px solid #ebebeb; }
  .join-container .authentication-layerconts .form-wrap {
    margin-bottom: 30px;
    padding: 15px 0 50px;
    border-bottom: 1px solid #eaeaea; }
    .join-container .authentication-layerconts .form-wrap .radio-wrap label {
      margin-right: 30px; }
    .join-container .authentication-layerconts .form-wrap .gt-btn-ghost {
      float: right;
      padding: 7px 0;
      width: 80px;
      text-align: center; }
    .join-container .authentication-layerconts .form-wrap .send-view {
      padding: 20px 0;
      line-height: 40px; }
      .join-container .authentication-layerconts .form-wrap .send-view:before, .join-container .authentication-layerconts .form-wrap .send-view:after {
        content: " ";
        display: block; }
      .join-container .authentication-layerconts .form-wrap .send-view:after {
        clear: both; }
    .join-container .authentication-layerconts .form-wrap .input-wrap:before, .join-container .authentication-layerconts .form-wrap .input-wrap:after {
      content: " ";
      display: block; }
    .join-container .authentication-layerconts .form-wrap .input-wrap:after {
      clear: both; }
    .join-container .authentication-layerconts .form-wrap .assential {
      padding-top: 5px; }
  .join-container .authentication-layerconts .text-info {
    color: #666; }
    .join-container .authentication-layerconts .text-info .list-title {
      padding: 32px 0 10px;
      color: #333; }
    .join-container .authentication-layerconts .text-info .w-list li {
      padding-bottom: 8px; }

/* sns interlock */
.snsinterlock-step {
  line-height: 80px;
  background: #f0f4f9;
  color: #666;
  font-size: 18px;
  text-align: center; }
  .snsinterlock-step ul:before, .snsinterlock-step ul:after {
    content: " ";
    display: block; }
  .snsinterlock-step ul:after {
    clear: both; }
  .snsinterlock-step ul li {
    float: left;
    width: 33.3%; }
    .snsinterlock-step ul li.on {
      color: #1d7abd; }
    .snsinterlock-step ul li i {
      float: right;
      line-height: 80px;
      font-size: 1.6em; }

.snsinterlock-conts {
  width: 580px;
  margin: 0 auto 100px; }
  .snsinterlock-conts .sns-contents .msg-sns {
    padding: 100px 0 60px;
    text-align: center; }
    .snsinterlock-conts .sns-contents .msg-sns dt {
      padding-bottom: 7px;
      font-size: 36px; }
  .snsinterlock-conts .sns-contents .box-tit {
    padding-bottom: 20px; }
  .snsinterlock-conts .sns-contents .box-snstype {
    padding: 40px;
    border: 1px solid #c7cbcc; }
    .snsinterlock-conts .sns-contents .box-snstype li {
      line-height: 30px; }
      .snsinterlock-conts .sns-contents .box-snstype li.is-disabled {
        color: #999; }
    .snsinterlock-conts .sns-contents .box-snstype.complete li:before, .snsinterlock-conts .sns-contents .box-snstype.complete li:after {
      content: " ";
      display: block; }
    .snsinterlock-conts .sns-contents .box-snstype.complete li:after {
      clear: both; }
    .snsinterlock-conts .sns-contents .box-snstype.complete li > span {
      float: left;
      width: 150px; }
    .snsinterlock-conts .sns-contents .box-snstype.complete li > p {
      float: left;
      width: calc(100% - 150px);
      color: #666; }
  .snsinterlock-conts .sns-contents .input-pwd {
    padding-top: 30px;
    color: #666; }
    .snsinterlock-conts .sns-contents .input-pwd .cont-title {
      padding-bottom: 20px; }
    .snsinterlock-conts .sns-contents .input-pwd .link-pwdsearch {
      margin-left: 25px;
      color: #666; }
  .snsinterlock-conts .sns-contents .btn-bottom {
    margin: 30px 0 50px;
    padding: 13px 0;
    font-size: 16px; }
  .snsinterlock-conts .sns-contents .list-info li {
    line-height: 25px; }
  .snsinterlock-conts .sns-contents .list-info a.link {
    border-bottom: 1px solid #1d7abd;
    color: #1d7abd; }

/* pw change */
.change-pw-container {
  width: 1180px;
  margin: 0 auto;
  padding: 100px 0;
  background-color: #fff; }
  .change-pw-container .member-pwchange {
    width: 600px;
    margin: 0 auto; }
    .change-pw-container .member-pwchange .page-title {
      padding-bottom: 80px;
      text-align: center; }
      .change-pw-container .member-pwchange .page-title .title {
        padding-bottom: 10px;
        font-size: 36px;
        font-weight: 300; }
  .change-pw-container .input-area {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eaeaea; }
    .change-pw-container .input-area li {
      margin-bottom: 15px; }
      .change-pw-container .input-area li .pw-input {
        width: 100%;
        height: 48px;
        line-height: 48px;
        margin-bottom: 3px;
        padding: 0 20px;
        border: 1px solid #cdcdcd; }
        .change-pw-container .input-area li .pw-input + p {
          margin-left: 20px; }
  .change-pw-container .w-list {
    margin-bottom: 60px;
    font-size: 14px; }
    .change-pw-container .w-list li {
      padding-bottom: 10px; }
  .change-pw-container .btn-area button {
    width: 289px;
    line-height: 34px; }
    .change-pw-container .btn-area button.gt-btn-blue {
      margin-right: 18px; }

textarea.multi-domain-search {
  margin-top: 35px;
  margin-left: 20px;
  min-width: 535px;
  height: 160px;
  border-color: #cdcdcd; }

.id-search-result .page-title > p {
  font-size: 18px; }

.id-list-wrap {
  padding-top: 30px; }
  .id-list-wrap .id-list {
    float: right;
    width: 600px;
    padding: 0 20px; }
    .id-list-wrap .id-list .gt-blue-text, .id-list-wrap .id-list i {
      color: #1d7abd; }
  .id-list-wrap .id-list:last-child {
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 30px; }

.id-list-bottom .detail-view {
  margin-left: 10px; }

.id-list-bottom {
  padding-top: 30px; }

.join-complete .user-id-is {
  font-size: 22px;
  padding-bottom: 80px;
  color: #1d7abd;
  text-align: center; }
  .join-complete .user-id-is span.border-bottom {
    border-bottom: 1px solid #1d7abd;
    padding-bottom: 4px; }
.join-complete .join-complete-message div {
  padding-bottom: 50px; }
.join-complete .join-complete-message div:last-child {
  padding-bottom: 0; }
.join-complete .join-complete-message ._tit {
  font-size: 24px;
  padding: 20px 0; }

.authentication-layerconts .form-wrap {
  margin-bottom: 30px;
  padding: 15px 0 50px;
  border-bottom: 1px solid #eaeaea; }
  .authentication-layerconts .form-wrap .radio-wrap label {
    margin-right: 30px; }
  .authentication-layerconts .form-wrap .gt-btn-ghost {
    float: right;
    padding: 7px 0;
    width: 80px;
    text-align: center; }
  .authentication-layerconts .form-wrap .send-view {
    padding: 20px 0;
    line-height: 40px; }
    .authentication-layerconts .form-wrap .send-view:before, .authentication-layerconts .form-wrap .send-view:after {
      content: " ";
      display: block; }
    .authentication-layerconts .form-wrap .send-view:after {
      clear: both; }
  .authentication-layerconts .form-wrap .input-wrap:before, .authentication-layerconts .form-wrap .input-wrap:after {
    content: " ";
    display: block; }
  .authentication-layerconts .form-wrap .input-wrap:after {
    clear: both; }
  .authentication-layerconts .form-wrap .assential {
    padding-top: 5px; }
.authentication-layerconts .text-info {
  color: #666; }
  .authentication-layerconts .text-info .list-title {
    padding: 32px 0 10px;
    color: #333; }
  .authentication-layerconts .text-info .w-list li {
    padding-bottom: 8px; }

.ml20 {
  padding-left: 20px; }

/*****************************************/
/** event *******************************/
/*****************************************/
.event-list-head {
  margin: 80px 0 20px; }
  .event-list-head .event-status {
    margin: 10px 0 0; }
    .event-list-head .event-status > li {
      float: left; }
      .event-list-head .event-status > li:not(:first-child):before {
        float: left;
        margin: 7px 0 0;
        content: '';
        width: 1px;
        height: 12px;
        background-color: #999; }
      .event-list-head .event-status > li a {
        margin: 0 20px; }
      .event-list-head .event-status > li.gt-active a {
        color: #1d7abd; }
      .event-list-head .event-status > li:first-child a {
        margin-left: 0; }

.event-list-board .w-table.type-board {
  border-top-width: 1px; }
  .event-list-board .w-table.type-board th, .event-list-board .w-table.type-board td {
    padding: 15px 20px; }
  .event-list-board .w-table.type-board th {
    text-align: center; }
  .event-list-board .w-table.type-board td {
    color: #666;
    text-align: center; }
    .event-list-board .w-table.type-board td:nth-child(2) {
      text-align: left; }
    .event-list-board .w-table.type-board td a {
      color: #666; }

.event-board-detail {
  margin-top: 100px; }
  .event-board-detail .article-head {
    padding: 30px;
    border-top: 2px solid #6f6f6f;
    border-bottom: 1px solid #e5e5e5; }
    .event-board-detail .article-head li:nth-child(1) {
      font-size: 32px; }
    .event-board-detail .article-head li:nth-child(2) {
      margin-top: 6px;
      color: #666; }
    .event-board-detail .article-head li:nth-child(3) {
      margin-top: 9px; }
      .event-board-detail .article-head li:nth-child(3) a {
        margin-right: 10px; }
  .event-board-detail .article-body {
    padding: 30px 30px 145px;
    color: #666; }
  .event-board-detail > nav {
    margin-bottom: 30px;
    border-top: 1px solid #999; }
    .event-board-detail > nav dl {
      display: table;
      width: 100%;
      border-bottom: 1px solid #e5e5e5; }
      .event-board-detail > nav dl dt, .event-board-detail > nav dl dd {
        display: table-cell;
        padding: 16px 20px; }
      .event-board-detail > nav dl dt {
        width: 180px;
        background-color: #f8fafc;
        border-right: 1px solid #e5e5e5;
        text-align: center; }
      .event-board-detail > nav dl dd a {
        color: #666; }

/*****************************************/
/** no login extend **********************/
/*****************************************/
.subtop {
  width: 100%;
  height: 300px;
  padding-top: 100px;
  background: #1d7abd;
  background-size: cover;
  color: #fff; }
  .subtop .sub-info {
    font-size: 18px;
    font-weight: 300; }
    .subtop .sub-info .service-name {
      font-size: 42px;
      color: #fff;
      letter-spacing: -1px; }

.extend-step {
  background: #f0f3f8; }
  .extend-step ol:before, .extend-step ol:after {
    content: " ";
    display: block; }
  .extend-step ol:after {
    clear: both; }
  .extend-step ol li {
    padding: 30px 0;
    float: left;
    width: 400px;
    font-weight: 300;
    font-size: 18px; }
    .extend-step ol li:last-child {
      width: 380px; }
    .extend-step ol li.active {
      color: #1d7abd;
      font-weight: 400; }
    .extend-step ol li .fa {
      margin-left: 130px;
      color: #333; }
.extend-select {
  padding-top: 70px;
  padding-bottom: 100px; }
  .extend-select .search-wrap {
    margin-top: 40px; }
  .extend-select .search-guide {
    padding-top: 10px;
    color: #999; }
  .extend-select textarea {
    height: 192px; }
  .extend-select button {
    vertical-align: top; }
.extend-list {
  border-top: 1px solid #f0f3f8;
  padding: 80px 0; }
  .extend-list h3 {
    font-size: 28px;
    font-weight: 300;
    letter-spacing: -1px;
    padding-bottom: 12px; }
  .extend-list .service-table,
  .extend-list .extend-table {
    padding-bottom: 60px; }
    .extend-list .service-table th, .extend-list .service-table td,
    .extend-list .extend-table th,
    .extend-list .extend-table td {
      padding: 20px; }
      .extend-list .service-table th .gt-checkbox, .extend-list .service-table td .gt-checkbox,
      .extend-list .extend-table th .gt-checkbox,
      .extend-list .extend-table td .gt-checkbox {
        width: 24px;
        height: 24px; }
      .extend-list .service-table th.gt-center, .extend-list .service-table td.gt-center,
      .extend-list .extend-table th.gt-center,
      .extend-list .extend-table td.gt-center {
        text-align: center; }
      .extend-list .service-table th.gt-right, .extend-list .service-table td.gt-right,
      .extend-list .extend-table th.gt-right,
      .extend-list .extend-table td.gt-right {
        text-align: right; }
  .extend-list .service-table th {
    padding: 20px 0;
    text-align: center; }
  .extend-list .extend-table {
    font-weight: 300; }
    .extend-list .extend-table tbody {
      display: none; }
    .extend-list .extend-table .cont {
      padding-right: 20px;
      position: relative; }
    .extend-list .extend-table th:first-child {
      font-size: 18px; }
    .extend-list .extend-table th:last-child,
    .extend-list .extend-table td:last-child {
      color: #1d7abd; }
      .extend-list .extend-table th:last-child .cont,
      .extend-list .extend-table td:last-child .cont {
        width: 200px; }
    .extend-list .extend-table th:last-child .cont {
      padding-top: 13px; }
    .extend-list .extend-table .print-btn {
      margin-top: 10px; }
    .extend-list .extend-table button {
      width: 170px; }
    .extend-list .extend-table .price {
      font-size: 24px;
      font-weight: 400; }
      .extend-list .extend-table .price.total {
        color: #1d7abd; }
      .extend-list .extend-table .price.discount {
        color: #cc0000; }
    .extend-list .extend-table .minus {
      display: inline-block;
      background: #fff;
      color: #999;
      font-weight: bold;
      font-size: 24px;
      line-height: 1;
      width: 30px;
      height: 30px;
      border: 1px solid #eee;
      border-radius: 50%;
      text-align: center;
      position: absolute;
      top: 15px;
      right: -36px; }
    .extend-list .extend-table .equal {
      display: inline-block;
      background: #fff;
      color: #999;
      font-weight: bold;
      font-size: 24px;
      line-height: 1;
      width: 30px;
      height: 30px;
      border: 1px solid #eee;
      border-radius: 50%;
      text-align: center;
      position: absolute;
      top: 15px;
      right: -36px; }
    .extend-list .extend-table .extend {
      display: inline-block;
      background: #fff;
      color: #999;
      font-weight: bold;
      font-size: 24px;
      line-height: 1;
      width: 30px;
      height: 30px;
      border: 1px solid #eee;
      border-radius: 50%;
      text-align: center;
      float: left;
      cursor: pointer;
      margin-top: 28px; }
    .extend-list .extend-table .total-num {
      display: inline-block;
      text-align: center;
      font-size: 16px;
      width: 28px;
      height: 28px;
      line-height: 1.5;
      border: 1px solid #eee;
      color: #1d7abd;
      background: #fff; }
    .extend-list .extend-table .service-num {
      margin-top: 8px;
      margin-right: 15px;
      display: inline-block;
      text-align: center;
      font-size: 16px;
      width: 28px;
      height: 28px;
      line-height: 1.5;
      border: 1px solid #eee;
      color: #999;
      background: #f0f3f8; }
.extend-summary {
  width: 100%;
  height: 500px;
  padding: 100px 0 140px;
  background: url("/assets/renew/images/extend/img_nologin_subtop.png") no-repeat 0 0;
  background-size: cover;
  color: #fff; }
  .extend-summary h3 {
    font-size: 46px;
    color: #fff; }
  .extend-summary ul {
    padding-top: 70px; }
    .extend-summary ul:before, .extend-summary ul:after {
      content: " ";
      display: block; }
    .extend-summary ul:after {
      clear: both; }
  .extend-summary li {
    float: left;
    width: 33.33%;
    font-weight: 300; }
    .extend-summary li .title {
      color: #ffd56c;
      font-size: 22px;
      line-height: 1.2;
      padding-bottom: 10px;
      font-weight: 400; }
    .extend-summary li .link {
      padding-top: 10px; }
      .extend-summary li .link a {
        color: #fff;
        font-size: 16px; }
.extend-text {
  padding: 125px 0; }
  .extend-text h3 {
    font-size: 46px;
    padding-bottom: 50px; }
  .extend-text h4 {
    font-size: 18px;
    padding-bottom: 10px; }
  .extend-text ul {
    padding-bottom: 30px; }
  .extend-text li {
    color: #333;
    font-weight: 300; }

/*****************************************/
/** notice *******************************/
/*****************************************/
.notice-list-head {
  margin: 80px 0 20px; }
  .notice-list-head .notice-status {
    margin: 10px 0 0; }
    .notice-list-head .notice-status > li {
      float: left; }
      .notice-list-head .notice-status > li:not(:first-child):before {
        float: left;
        margin: 7px 0 0;
        content: '';
        width: 1px;
        height: 12px;
        background-color: #999; }
      .notice-list-head .notice-status > li a {
        margin: 0 20px; }
      .notice-list-head .notice-status > li.gt-active a {
        color: #1d7abd; }
      .notice-list-head .notice-status > li:first-child a {
        margin-left: 0; }

.notice-list-board .w-table.type-board {
  border-top-width: 1px; }
  .notice-list-board .w-table.type-board th, .notice-list-board .w-table.type-board td {
    padding: 15px 20px; }
  .notice-list-board .w-table.type-board th {
    text-align: center; }
  .notice-list-board .w-table.type-board td {
    color: #666;
    text-align: center; }
    .notice-list-board .w-table.type-board td:nth-child(3) {
      text-align: left; }
    .notice-list-board .w-table.type-board td a {
      color: #666; }

.notice-board-detail {
  margin-top: 100px; }
  .notice-board-detail .article-head {
    padding: 30px;
    border-top: 2px solid #6f6f6f;
    border-bottom: 1px solid #e5e5e5; }
    .notice-board-detail .article-head li:nth-child(1) {
      font-size: 32px; }
    .notice-board-detail .article-head li:nth-child(2) {
      margin-top: 6px;
      color: #666; }
    .notice-board-detail .article-head li:nth-child(3) {
      margin-top: 9px; }
      .notice-board-detail .article-head li:nth-child(3) a {
        margin-right: 10px; }
  .notice-board-detail .article-body {
    padding: 30px 30px 145px;
    color: #666; }
  .notice-board-detail > nav {
    margin-bottom: 30px;
    border-top: 1px solid #999; }
    .notice-board-detail > nav dl {
      display: table;
      width: 100%;
      border-bottom: 1px solid #e5e5e5; }
      .notice-board-detail > nav dl dt, .notice-board-detail > nav dl dd {
        display: table-cell;
        padding: 16px 20px; }
      .notice-board-detail > nav dl dt {
        width: 180px;
        background-color: #f8fafc;
        border-right: 1px solid #e5e5e5;
        text-align: center; }
      .notice-board-detail > nav dl dd a {
        color: #666; }

/*# sourceMappingURL=page.css.map */