@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/fonts/NotoSansKR-Thin.woff2) format('woff2'),
       url(/fonts/NotoSansKR-Thin.woff) format('woff'),
       url(/fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(/fonts/NotoSansKR-Light.woff) format('woff'),
       url(/fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(/fonts/NotoSansKR-Regular.woff) format('woff'),
        url(/fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(/fonts/NotoSansKR-Medium.woff) format('woff'),
        url(/fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(/fonts/NotoSansKR-Bold.woff) format('woff'),
        url(/fonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(/fonts/NotoSansKR-Black.woff) format('woff'),
        url(/fonts/NotoSansKR-Black.otf) format('opentype');
 } 
/*-----------------------------------------------------------------*/
/* 초기화
/*-----------------------------------------------------------------*/
* {font-family: 'Noto Sans KR', sans-serif;}

html,body {
  position: relative;
  height: 100%;
  margin: 0;
  font-size: 18px;
  letter-spacing: -1px;
}
ul li {list-style: none;}

a:link {
  color : black;
  text-decoration: none;
}
a:visited {
  color : black;
  text-decoration: none;
}
a:hover {
  color : black;
  text-decoration: none;
}
a:active {
  color : black;
  text-decoration: none;
}

div {word-break: keep-all !important;}
.clear {clear: both !important;}

/*-----------------------------------------------------------------*/
/* 메인카피
/*-----------------------------------------------------------------*/
.banner-section .content-column .inner-column {margin-top: 30px !important;}

/*-----------------------------------------------------------------*/
/* 간격
/*-----------------------------------------------------------------*/
.pt-0 {padding-top: 0px;}
.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pt-40 {padding-top: 40px !important;}
.pt-50 {padding-top: 50px !important;}
.pt-70 {padding-top: 70px !important;}
.pb-60 {padding-bottom: 60px;}

.mb-0 {margin-bottom: 0 !important;}

.mr-120 {margin-right: 120px;}

.mt-30 {margin-top: 30px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-35 {margin-top: 25px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-60 {margin-top: 60px !important;}


/*-----------------------------------------------------------------*/
/* 텍스트 정렬
/*-----------------------------------------------------------------*/
.t-l {text-align: left;}
.t-r {text-align: right;}
.t-c {text-align: center;}

/*-----------------------------------------------------------------*/
/* 정렬
/*-----------------------------------------------------------------*/
.fl-r {float: right;}
.fl-l {float: left;}

/*-----------------------------------------------------------------*/
/* 형태
/*-----------------------------------------------------------------*/
.inb {display: inline-block;}

/*-----------------------------------------------------------------*/
/* 라인
/*-----------------------------------------------------------------*/
.brd-t1 {border-top: 1px solid #dcdcdc;}



/*-----------------------------------------------------------------*/
/* 폰트컬러
/*-----------------------------------------------------------------*/
.txt-white {color: #fff !important;}
.txt-black {color: #000 !important;}
.fnt-black {color:#1b3452 !important;}
.fnt444 {color:#444;}
.flaticon-responsive-design-symbol:before {content: "\f015";}

.banner-section {background-position: bottom !important;}
.main-footer {background-size: cover !important; padding-top: 200px;}
.sec-title.medium h2 {font-size: 30px; letter-spacing: -1.5px;}
.services-section {padding-bottom: 0 !important;}
.screenshots-section {padding: 90px 0px 0px; background-color: #0c8599 !important;}
.news-section {padding:70px 0 0px !important;}
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif !important;}
.banner-section .content-column .inner-column h2 {font-size: 52px !important; font-weight: 900;}
b, strong {letter-spacing: -1.25px;}

.screenshots-section .carousel-container:before, .screenshots-section .carousel-container:after {background-color: #0c8599 !important;}
.pricing-section .title-column h2 {letter-spacing: -3px;}
.pricing-section {padding: 80px 0px 70px !important; background-color: #0c8599 !important;}
.price-block {margin-bottom: 0 !important;}
.price-block .inner-box ul li {margin-bottom: 3px !important;}
.price-block .inner-box ul {margin-bottom: 20px !important;}
.price-block .inner-box .theme-btn {font-size: 16px !important; letter-spacing: -1px;}
.price-block .inner-box {padding: 25px 0 25px !important;}
.price-block .inner-box .title, .price-block .inner-box .price {margin-bottom: 20px !important; letter-spacing: -1px;  color: #0c8599 !important;}
.app-demo-section {padding: 70px 0px 80px !important; background-color: #0c8599 !important;}
.screenshots-section .carousel-outer {height: 650px !important;}
.sec-title .text {margin-top: 0 !important;}
.testimonial-section {padding: 90px !important;}
.discover-section {padding: 90px 0px 30px !important;}
.sec-title .icon-box {margin-bottom: 10px !important; color: #0c8599 !important;}
.news-block-one .lower-box h4 {margin-bottom: 10px !important;}
.news-block-one .lower-box h4:before {background-color: #fff1 !important;}
.news-block-one .lower-box .read-more-btn {margin-top: 10px;}
.banner-section .image-column .image img {width: 649px !important;}
.screenshots-section .slide .image img {border-radius: 4px !important; box-sizing: border-box; overflow: hidden; box-shadow: 0 22px 70px rgba(0, 0, 0, .50);}
.app-demo-section .prod-tabs .tab-btns .tab-btn .icon {color: #0c8599 !important;}

.btn-style-one, .news-block-one .inner-box .lower-box .date {background-color: #0b7285 !important;}
.news-block-one .lower-box .post-meta span {color: #5c7cfa !important;}
.services-block .inner-box:after {background-color: #0c8599 !important;}
.btn-style-two {background-color: #0c8599 !important;}


/*-----------------------------------------------------------------*/
/* 로그인
/*-----------------------------------------------------------------*/
.login-wrap {background-color: #f0f0f0; height: 60vh; max-width: 100%; padding-top: 120px;}
.login-wrap-inner {width:460px; margin:auto; text-align: center; padding: 30px 40px 61px; border-radius: 17px; box-shadow: rgba(161, 162, 161, 0.2) 6px 6px 16px 0px, rgb(255, 255, 255) -6px -6px 16px 0px; border: 3px solid rgb(255, 255, 255); background-color: rgb(245, 245, 245); opacity: 1;}
.login-wrap-inner .logo {margin-bottom: 35px;}
.login-wrap-inner .input-typeA {height: 38px; font-size: 16px; font-weight: 400; line-height: 44px; padding: 0px 0.9em; background-color: #fff; border-radius: 8px; width: 90%; margin-bottom: 10px; border:1px solid #e7e7e7;}
.login-wrap-inner .desc-forgotpass {color: #373839; text-decoration: underline;}
.login-wrap-inner > form {overflow:hidden;}
.login-title {font-size: 20px; font-weight: bold; color:#333;}
.input-wrap > .input-typeA {width: 100px; display: inline-block; float: left; font-size: 16px; border:1px solid #e7e7e7; color:#fff !important;}
.input-wrap > .button-typeB {width: 100px; display: inline-block; float: left; height: 38px; font-size: 16px; font-weight: 400; line-height: 36px; padding: 0px 10px; background-color: #fff; border-radius: 8px; margin-bottom: 10px; border:1px solid #e7e7e7; color:#333; margin-left: 3px;}
.savingYn {border:1px solid #e7e7e7 !important; width: 20px; height: 20px; position: relative; top: -2px;}
.idsave {float: left;}
.pwsearch {float: right;}


/*-----------------------------------------------------------------*/
/* 버튼
/*-----------------------------------------------------------------*/
.button-typeA {border-radius: 8px; width: 100%; padding: 0px; height: 45px; line-height: 45px; font-size: 15px; font-weight: bold; margin-bottom: 15px; margin-top:25px; background-color: rgb(36, 50, 204); color:#fff; box-shadow: 0 2px 10px 0 rgb(0 0 0 / 23%); display: block; cursor: pointer; }
.button-typeA:hover {background-color: hsl(235deg 82% 57%); cursor: pointer; color:#fff; }
.desc-join {text-align: center;}


/*-----------------------------------------------------------------*/
/* 메인메뉴
/*-----------------------------------------------------------------*/
.header-wrap {position: fixed; padding:0; overflow: hidden; width: 100%; z-index: 999; background-color: #EDF1FD;}
h1.logo {position: absolute; left: 25px; top: -14px;} 
ul.gnb1 {display:flex; flex-wrap:wrap; justify-content:center; height:30px; padding:5px 270px 0; text-align:center; box-sizing:border-box;}
ul.gnb1 li {float: left; text-align: center; letter-spacing: -1px; width:120px; }
ul.gnb1 li > a {color:#333; font-size: 18px; font-weight: 500; display: block; width: 90px; height: 30px; margin: auto;}
ul.gnb1 li > a:hover {color:#556cf5;}
ul.gnb1 li > a.active-1 {color: #556cf5; border-bottom: 3px solid #556cf5;}
ul.gnb2 {position: absolute; right: 40px; top: 3px;}
ul.gnb2 li {float: left; margin-left: 10px;}
ul.gnb2 li .button-join {font-size: 16px; font-weight: bold; color:#556cf5; border:1px solid #556cf5; border-radius: 50px;padding:8px 25px 8px;}
ul.gnb2 li .button-join:hover {background-color: #556cf5; color:#fff; border-color: 1px solid #556cf5;}


.vlog-table {
	border-spacing: 0;
	text-align: center;
	margin-bottom: 1rem;
	background-color: #fff;
	border-top: 1px solid #BEC2C3;
   border-left: 1px solid #BEC2C3; }
	.vlog-table th, .vlog-table td {
		height: 1rem;
      padding: 1rem;
      border-right: 1px solid #BEC2C3;
      border-bottom: 1px solid #BEC2C3; 
	}
   .vlog-table th {
      background-color: #E6F0F2; 
	}
   .vlog-table td {
      font-size: 90%; 
	}
   @media (max-width: 59.99em) {
      .vlog-table th,
      .vlog-table td {
        padding: 0.5rem; } 
	}
   @media (min-width: 60em) {
      .vlog-table {
			margin-bottom: 1rem; } 
	}
}	
/*-----------------------------------------------------------------*/
/* 메인 슬라이드
/*-----------------------------------------------------------------*/
/*
.swiper-container {width: 100%; background-color: #f8f8fb; height: calc(var(--vh, 1vh) * 100);}
*/
.swiper-container {width: 100%; background-color: #f8f8fb; height: 100%; top: 0px;}

.swiper-slide {text-align: center; font-size: 18px; background: #f8f8fb;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center;
-webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.section {text-align: center; padding: 130px 0;}
.section .d-b {display: block;}
.section .m0auto {margin: auto;}
.section.bg1 {background:url(/images/main/bg1.png) center left no-repeat;}

.bg-white {background-color: #ffffff;}
.bg-blue0 {background-color: #eff5ff;}
.bg-blue1 {background-color: #1a3172;}
.bg-gray1 {background-color: #f6f8f9;}
.bg-gray2 {background-color: #F4F7FA;}

.section.bg2 {background:url(/images/main/bg2.png) center left repeat-x:auto;}
.section.bg3 {background:url(/images/main/bg3.png) bottom left no-repeat;}

.swiper-slide__text, .swiper-slide__img {display: inline-block;}
.swiper-slide__wrap {}
.swiper-slide__text {position: relative; top: -70px; font-size: 18px; font-weight: normal; color: #111; text-align: left; line-height: 160%;}
.swiper-slide__text > strong {font-size: 70px; font-weight: bold; color: #193172; text-align: left; display: block; line-height: 120%; margin-bottom: 25px;}
.swiper-slide__text > p {line-height: 140%; font-weight: normal !important; color: #888;}


/*-----------------------------------------------------------------*/
/* 메인 / 쉽고 안전하고 스마트한 미트윈을 소개합니다.
/*-----------------------------------------------------------------*/
.about {overflow: hidden; box-sizing: border-box;}
.about-title-eng {font-size: 20px; color: #193172; text-align: center; margin-bottom: 10px; position: relative; display: inline-block; z-index: 10;}
.about-title-eng::after {content: '';  position: absolute; left: -11px; top: -6px; width: 20px; height: 20px; background-color: #1ae5be; border-radius: 500px; z-index:-1;}
.about-title {font-size: 50px; font-weight: bold; color: #193172; text-align: left; display: block; line-height: 135%; margin-bottom: 50px; text-align: center; letter-spacing: -2px; position: relative; margin-bottom: 50px;}
.about ul.about-desc {max-width: 1200px; margin: auto; overflow: hidden; padding-left: 0;}
.about ul.about-desc li {width: 25%; display: inline-block; float: left;}
.about ul.about-desc li p.title {font-size: 22px; color: #333; margin-bottom: 0px; line-height: 135%;}
.about ul.about-desc li p.title-desc {font-size: inherit; color: #888; line-height: 140%; margin-top: 10px; font-weight: normal;}


/*-----------------------------------------------------------------*s/
/* 메인 - 자주하는 질문 
/*-----------------------------------------------------------------*/
.accordion {
    background-color: #fff;
    color: #333;
    cursor: pointer;
    padding: 30px 0;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
    border-bottom: 1px solid #ddd;
    padding-right: 2px;
  }
  
  .active, .accordion:hover {
    background-color: #fff;
  }
  
  .accordion:after {
    content: '\002B';
    color: #333;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  .active:after {
    content: "\2212";
    font-size: 16px;
  }
  
  .panel {
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  .panel p {padding:20px; line-height: 20px;  background-color: #fff; text-align:left; line-height: 180%;}
  button:hover {border-bottom: 1px solid #333; }
  
 
  #sit_pvi {width: 1000px; margin: auto; margin-top: 30px; margin-bottom: 20px;}
  
  .button-more {font-size:18px; display: inline-block; margin: auto; padding:15px 45px 13px; text-align: center; color:#333; border:1px solid #333; border-radius: 50px;;}

/*-----------------------------------------------------------------*/
/* 모바일 서브메뉴
/*-----------------------------------------------------------------*/
h1.logo-m {position: absolute; left: 25px; top: -20px; z-index: 2;}
input[id="menuicon"] {display:none;}
input[id="menuicon"] + label {display:block; width:27px; height: 23px; position:fixed; cursor:pointer; z-index:20; top: 16px; right: 15px; background-color: rgba(255,255,255,0.5); padding: 7px 10px; border-radius: 4px;}
input[id="menuicon"] + label span {display:block;position:absolute;width:26px;height:2px;border-radius:30px;background:#000;transition:all .35s;}
input[id="menuicon"] + label span:nth-child(1) {top:9px;}
input[id="menuicon"] + label span:nth-child(2) {top:18px;transform:translateY(-50%);} 
input[id="menuicon"] + label span:nth-child(3) {top:25px;}
input[id="menuicon"]:checked + label {z-index:21; position: fixed; background-color: transparent;}
input[id="menuicon"]:checked + label span {background:#fff;}
input[id="menuicon"]:checked + label span:nth-child(1) {top:50%;transform:translateY(-50%) rotate(45deg); color: #fff;}
input[id="menuicon"]:checked + label span:nth-child(2) {opacity:0;}
input[id="menuicon"]:checked + label span:nth-child(3) {top:44%;transform:translateY(50%) rotate(-45deg); color: #fff;}
div[class="sidebar"] {width:300px;height:100%;background:#fff;position:fixed;top:0;right:-400px;z-index:1;transition:all .35s; display: block; box-shadow: 20px 5px 50px 5px rgb(0 0 0 / 0.2); padding: 60px 0 0 60px; }
input[id="menuicon"]:checked + label + div[class="sidebar"] {right:0; padding: 0; overflow-y: auto; z-index: 20;}

div[class="sidebar"] .logo > img {width: 200px; margin-bottom: 30px;} 
div[class="sidebar"] ul.gnb {font-size: 18px; width: 73%; line-height: 30px;}
div[class="sidebar"] ul.gnb li {text-align: left; line-height: 55px;}
div[class="sidebar"] ul.gnb li:nth-child(8), div[class="sidebar"] ul.gnb li:nth-child(8) {font-size: 18px;}
div[class="sidebar"] ul.gnb li:nth-child(8) {margin-top: 30px;}
div[class="sidebar"] ul.gnb li a {color: #495057; display:block; padding-left: 7px; border-bottom: 1px solid #ddd;}
div[class="sidebar"] ul.gnb li:hover a {cursor: pointer; animation: pulse 0.5s forwards;color:#0c3386;}
div[class="sidebar"] ul.gnb li a.active {color:#0c3386; position: relative; font-weight: 800;}
div[class="sidebar"] ul.gnb li a.active:before {content: ""; width: 5px; height: 5px; background-color: #0c3386; top: 9px; left: -2px; position: absolute; border-radius: 500px;}

/*-----------------------------------------------------------------*/
/* 메인 - footer
/*-----------------------------------------------------------------*/
.mw-footer {padding: 30px 10px 40px 70px; overflow:hidden;  background:url(/images/main/footer-bglogo.png) right bottom no-repeat; clear: both; background-color: #f8f8fb; border-top: 1px solid #fff;}
.mw-footer .left {display: inline-block; float: left;}
.mw-footer .left img {display: block; margin: 40px 0;}
.mw-footer .right {display: inline-block; float: right; padding-right: 40px;}
.mw-footer .right img {display: block;}

.mw-footer-m {padding: 10px 10px 10px 10px; overflow:hidden; background:url(/images/main/footer-bglogo.png) right bottom no-repeat; clear: both; background-color: #f8f8fb; border-top: 1px solid #fff;}
.mw-footer-m .center {display: inline-block; float: center;}
.mw-footer-m .left {display: inline-block; float: left;}
.mw-footer-m .right {display: inline-block; float: right; padding-right: 40px;}

/*-----------------------------------------------------------------*/
/* 시스템소개
/*-----------------------------------------------------------------*/
.container { box-sizing: border-box; width: 1000px; margin: auto; position: relative; top: 120px; clear: both; padding-top: 10px; padding-bottom: 100px;}
.container .sub-wrap .sub-wrap__title {font-size: 50px; font-weight: bold; text-align: center; margin-bottom: 0;}
.container .sub-wrap .sub-wrap__title-sub {font-size: 20px; text-align: center; font-weight: 300;}

.container .sub-wrap .sub-wrap__title {font-size:50px; margin-bottom: 10px; color: #193172; letter-spacing: -3px; font-weight: 600;}
.container .sub-wrap .sub-wrap__title > span {display: inline-block; text-align: center; position: relative;}
.container .sub-wrap .sub-wrap__title > span::after {content: '';  position: absolute; right: -19px; top: -7px; width: 27px; height: 27px; background-color: #1ae5be; border-radius: 500px; z-index:-1;}
.container .sub-wrap .sub-wrap__title-sub {font-size: 20px; font-weight: normal !important; padding: 0px 20px 10px; line-height: 140%; margin-bottom: 20px;}

.split-wrap {display: flex; width: 1200px; margin: auto; }
.split-wrap__left, .split-wrap__right {}
.split-wrap__left {flex: 1; text-align: left;  position: relative;}
.split-wrap__left > .about-title {text-align: left; margin-bottom: 130px; }
.split-wrap__left > .text-desc {font-weight: normal; line-height: 160%;}
.split-wrap__right {flex: 1;}
.split-wrap__right > img {width: 650px;}

.banner-wrap__item {padding-left: 0; overflow:hidden; box-sizing: border-box;}
.banner-wrap__item li {float: left; display: inline-block; margin-right: 20px;}
.banner-wrap__item li > p {color: #a8adc1;}

.mySwiper {width: 670px;}
.swiper-slide {background-color: transparent !important;}

/*-----------------------------------------------------------------*/
/* 무료로 가입하고 간편하게 결제해보세요.
/*-----------------------------------------------------------------*/
ul.pay-table {overflow:hidden; display:block; width: 1200px; margin: auto;}
ul.pay-table li {padding: 20px 0; overflow:hidden; display:inline-block; text-align: center; width: 31%;}
ul.pay-table li > .pay-table__box {display:inline-block; width: 320px; background-color:#fff; text-align: center; font-size: inherit; box-shadow: 0px 5px 17px rgb(0 0 0 / 20%); border-radius: 20px; height: 550px; font-family: GodoM;}
ul.pay-table li:nth-child(3) .pay-table__box {margin-right: 0;}
ul.pay-table li > .pay-table__box > p {font-weight: normal;}
ul.pay-table li > .pay-table__box > .eng {font-size: 35px; font-weight: bold; margin-bottom: 7px; color: #333; text-transform: uppercase;}
ul.pay-table li > .pay-table__box > .grade-kor {font-size: 18px; font-weight: normal !important; color: #999; margin-top: 7px;}
ul.pay-table li > .pay-table__box > .pay {background-color: #f3f3f3; padding: 30px 20px; text-align: center; color: #5066e7; font-weight: bold; font-size: 35px;}
ul.pay-table li > .pay-table__box > .pay > .won {font-size: 25px; font-weight: normal; margin-left: -5px;}
ul.pay-table li > .pay-table__box > .btn-payment {background-color: #5066e7; color: #fff; font-weight: bold; text-align: center; border-radius: 30px; padding: 15px 60px; margin-top: 10px; display:inline-block;}
ul.pay-table li > .pay-table__box > p > .blue {color: #5066e7;}

.m-mb__65 {margin-bottom:65px;}

/*-----------------------------------------------------------------*/
/* 시스템 소개
/*-----------------------------------------------------------------*/
.block--contents {overflow:hidden; height: 550px; position: relative; width: 933px; margin: auto; padding-top: 100px; margin-bottom: 80px;}

.block--contents.box1 {background: url(/images/intro-img-01.png) center center no-repeat;}
.block--contents.box2 {background: url(/images/intro-img-02.png) center center no-repeat;}
.block--contents.box2 .contents__textbox {left: 300px;}
.block--contents.box3 {background: url(/images/intro-img-03.png) center center no-repeat;}
.block--contents.box3 .contents__textbox {left: 120px;}
.block--contents.box4 {background: url(/images/intro-img-04.png) center center no-repeat; height: 650px;}
.block--contents.box4 .contents__textbox {left: 300px;}
.block--contents.box5 {background: url(/images/intro-img-05.png) center center no-repeat;}
.block--contents.box5 .contents__textbox {left: 120px;}

.block--contents .contents__textbox {position: absolute; bottom: 0; left: 150px;}
.block--contents .contents__textbox .textbox--title {font-size: 30px; line-height: 150%; margin-bottom: 17px; font-weight: 500;}
.block--contents .contents__textbox .textbox--desc {font-size: inherit;   line-height: 180%; font-weight: 300;}

/*-----------------------------------------------------------------*/
/* 
/*-----------------------------------------------------------------*/
  .appdown {width: 915px; margin: auto; text-align: center; margin-top: 70px; padding: 0 50px; overflow-x: hidden; padding-bottom: 100px;}
  .appdown-android, .appdown-ios {text-align: center; padding: 90px 0;}
  .appdown-android {background-color: #fefff9; border:1px solid #d8deb9; border-radius: 25px; width: 400px; float: left;}
  .appdown-android .android-title {font-size: 50px; font-weight: 500; margin:40px 0 10px;}
  .appdown-android .android-desc {margin-bottom: 50px;}
  .appdown-ios {background-color: #f2f3f8; border:1px solid #dcdee8; border-radius: 25px; width: 400px; float: right;}
  .appdown-ios .ios-title {font-size: 50px; font-weight: 500; margin:40px 0 10px;}
  .appdown-ios .ios-desc {margin-bottom: 50px;}

  .use-guide {background-color: #F4F7FA; padding: 50px 0; margin-top: 30px; text-align: center;}
  .use-guide__desc {overflow: hidden; width: 900px; margin: auto;}
  .use-guide__desc li {width: 50%; float: left; position: relative;}
  .use-guide__desc li:nth-child(1), .use-guide__desc li:nth-child(2) {margin-bottom: 50px;}
  .use-guide__desc li:nth-child(1)::after, 
  .use-guide__desc li:nth-child(2)::after,
  .use-guide__desc li:nth-child(4)::after {content: '';  position: absolute; right: -14px; top: 50%; width: 25px; height: 48px; background: url(/images/use-guide-arrow.png) no-repeat; z-index:1;}
  .use-guide__desc li:nth-child(2)::after {top: 477px; left: 50%; transform: rotate(90deg);}
  .use-guide__desc li:nth-child(4)::after {top: 50%; left: -14px; transform: rotate(180deg);}

  .use-guide2 {background-color: #FFFFFF; padding: 50px 0; margin-top: 30px; text-align: center;}
  .use-guide2__desc {overflow: hidden; width: 900px; margin: auto;}
  .use-guide2__desc li {width: 50%; float: left; position: relative;}
  .use-guide2__desc li:nth-child(1), .use-guide__desc li:nth-child(2) {margin-bottom: 50px;}
  .use-guide2__desc li:nth-child(1)::after, 
  .use-guide2__desc li:nth-child(2)::after,
  .use-guide2__desc li:nth-child(4)::after {content: '';  position: absolute; right: -14px; top: 50%; width: 25px; height: 48px; background: url(/images/use-guide-arrow.png) no-repeat; z-index:1;}
  .use-guide2__desc li:nth-child(2)::after {top: 477px; left: 50%; transform: rotate(90deg);}
  .use-guide2__desc li:nth-child(4)::after {top: 50%; left: -14px; transform: rotate(180deg);}

/*-----------------------------------------------------------------*/
/* 고객센터 탭메뉴
/*-----------------------------------------------------------------*/
  .tabs {
  margin-top: 50px;
  background-color: #ffffff;
  width: 1000px;
  margin: 0 auto;
  margin-top: 50px;
}

/* 탭 스타일 */
.tab_item {
  width: calc(100%/2);
  height: 65px;
  line-height: 50px;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  color: #aaa;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  border-bottom: 1px solid #eee;
}
.tab_item:hover {
  opacity: 0.75;
}

/* 라디오 버튼 UI삭제*/
input[name="tab_item"] {
  display: none;
}

/* 탭 컨텐츠 스타일 */
.tab_content {
  display: none;
  padding: 10px 0;
  clear: both;
  overflow: hidden;
}

/* 선택 된 탭 콘텐츠를 표시 */
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/* 선택된 탭 스타일 */
.tabs input:checked + .tab_item {
  color: #000;
  border-bottom: 3px solid #000;
}

/*-----------------------------------------------------------------*/
/* 고객센터 - 문의하기
/*-----------------------------------------------------------------*/
ul.input-group {display:block; overflow:hidden; box-sizing: border-box; width: 100%; margin: 0; margin-left: 0; padding-left: 0;}
ul.input-group li {width: 49%; float: left; box-sizing: border-box;}
ul.input-group li:nth-child(odd) {padding-right: 20px;}
ul.input-group li:nth-child(even) {padding-left: 20px;}
ul.input-group li > p {margin-bottom: 10px;}
ul.input-group li > input {width: 100%; border: 1px solid #e2e7ef; background-color: #f8f9fb;}
.company-info .title {font-size: 25px; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #333; margin-top: 50px;}
.question-textarea {width: 99.50%; margin-top: 20px; border: 1px solid #e2e7ef; background-color: #f8f9fb;}
.agree-box {border: 1px solid #e2e7ef; padding: 30px; box-sizing: border-box; font-size: 14px; margin-bottom: 10px;}
.agree-check {width: 20px; height: 20px; border: 1px solid #e2e7ef; position: relative; top: 3px;}
.agree-submit {background-color: hsl(235deg 82% 57%); color:#fff; font-weight: 700; text-align: center; height: 55px; line-height: 55px; padding: 0 50px; margin: auto; display:block; border-radius: 100px; width: 100px;}
.agree-submit:hover {background-color: hsl(235deg 82% 57%); cursor: pointer; color:#fff; }

/*-----------------------------------------------------------------*/
  /* input box 그림자 없애기
  /*-----------------------------------------------------------------*/
  input[type=text] {   
      /* Remove */
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      
      /* Optional */
      border: solid;
      box-shadow: none;
      /*etc.*/
  }