@media only screen and (min-device-width: 320px) and (max-device-width: 500px) {
	/*메인 - 쉽고 안전하고 스마트한~*/
	.about ul.about-desc li {width: 100% !important; margin-bottom: 30px;}
	.about ul.about-desc li:last-child {margin-bottom: 0;}
	.section {padding-top: 100px !important;}
}


@media only screen and (min-device-width: 501px) and (max-device-width: 1279px) {
	/*메인 - 쉽고 안전하고 스마트한~*/
	.about ul.about-desc li {width: 50% !important;}
	.about ul.about-desc li:nth-child(1), .about ul.about-desc li:nth-child(2) {margin-bottom: 50px;}
}


@media only screen and (min-device-width: 320px) and (max-device-width: 1667px) {    
   .banner-section .image-column .image {display: inline-block !important; height: 40%; text-align: center;}
	.banner-section .content-column .inner-column {padding: 50px 0 !important; text-align: center;}

   /*상단메뉴*/
	/*.header-wrap {display: none;}*/
	.header-wrap {width: 100%;}

	/*메인 슬라이드*/
	.swiper-slide__wrap {width: 100%; overflow: hidden; padding-top: 70px;}
	.swiper-slide__text {margin-right: 0 !important; top: 0 !important; text-align: center !important; padding: 0 70px 0 !important; line-height: 100%; font-size: 15px;}
	.swiper-slide__text > strong {font-size: 37px !important; text-align: center !important; margin-bottom: 10px !important; line-height: 120% !important;}
	.swiper-slide__text > p {margin-bottom: 30px;}
	.swiper-slide__img > img {width: 70%;}
	/*.swiper-slide__img > img {border:1px solid red;}*/

	/*메인 - 쉽고 안전하고 스마트한~*/
	.about .about-title,  {font-size: 30px !important; margin-bottom: 40px !important;}
	.about-title {font-size: 30px !important; margin-bottom: 30px; padding: 0 30px;}

	.about ul.about-desc {padding-left: 0;}
	.section.about {padding: 60px 0;}

	.split-wrap {flex-direction: column; width: 100%;}
	.split-wrap__left {text-align: center !important;}
	.split-wrap__left > .about-title {text-align: center !important; font-size: 30px; margin-bottom: 10px;}
	.split-wrap__left > .about-title > .m-br {display: none;}
	.banner-wrap__item {display: inline-block;}
	.banner-wrap__item > li {text-align: center; width: 100%;}
	.banner-wrap__item > li:nth-child(1) {display:none;}
	.banner-wrap__item > li:nth-child(2) > p {display:none;}
	.banner-wrap__item > li:nth-child(2) {margin: 20px 0;}
	.split-wrap__right > img {width: 800px !important; margin: auto;} 

	/*메인 / 지금바로 체험해보세요*/
	.mySwiper {width: 100% !important; padding-bottom: 20px;}
	.split-wrap__left > .text-desc {padding: 0 30px; word-break: keep-all;}
	.split-wrap__left > .text-desc > br {display:none;}
	.section {padding: 230px 0 100px;}

	.banner-wrap__item li > p {margin-bottom: 7px;}
	.swiper-button-next, .swiper-button-prev {display:none;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0;}

	/*-----------------------------------------------------------------*/
	/* 무료로 가입하고 간편하게 결제해보세요.
	/*-----------------------------------------------------------------*/
	ul.pay-table {overflow:hidden; display:block; width: 100%; margin: auto; padding-left: 0;}
	ul.pay-table li {padding: 20px 0 30px; overflow:hidden; display:inline-block; text-align: center; width: 100%;}
	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 20px rgb(0 0 0 / 10%); border-radius: 20px; font-family: GodoM; padding-bottom: 40px; height: auto;}

	.m-mb__65 {margin-bottom: 20px;}
	
	/*-----------------------------------------------------------------*/
	/* 자주하는 질문
	/*-----------------------------------------------------------------*/
	#sit_pvi {width: 90%;}
	#sit_pvi .panel p {padding: 10px 15px; font-size: 18px; word-break: keep-all;}


	/*-----------------------------------------------------------------*/
	/* footer
	/*-----------------------------------------------------------------*/
	.mw-footer {padding: 50px 20px 50px; display:none; background:none; }
	.mw-footer.mobile {display:block; font-size: 12px; line-height: 150%; color: #868e96; background-color: #f8f9fa;}
	.mw-footer.mobile > .logo {text-align: center; margin-bottom: 20px;}
	.mw-footer.mobile > .logo > img {width: 40px; margin-bottom: 7px;}
	.mw-footer.mobile > .logo > .headcopy {color: #1a3172; font-weight: bold; letter-spacing: -1.5px; font-size: 20px; margin-bottom: 0px; display:block;}
	.mw-footer.mobile > .footer-menu {margin: 15px 0 0;}
	.mw-footer.mobile .pipe {color: #ddd; padding: 0 3px;}
	.mw-footer.mobile > .appdown-icon {margin-top: 20px;}


	/*-----------------------------------------------------------------*/
	/* 서브페이지 --- 공통
	/*-----------------------------------------------------------------*/
	.container {width: 100%; letter-spacing: -1px; top: 90px; border-top: 1px solid #eee; padding-top: 50px; padding-left: 30px; padding-right: 30px; box-sizing: border-box; overflow-x: hidden;}
	.container .sub-wrap .sub-wrap__title {font-size:35px; margin-bottom: 10px; color: #193172; letter-spacing: -3px;}
	.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: -12px; top: -1px; width: 27px; height: 27px; background-color: #1ae5be; border-radius: 500px; z-index:-1;}
	.container .sub-wrap .sub-wrap__title-sub {font-size: 18px; font-weight: normal !important; padding: 0px 20px 10px; line-height: 140%; margin-bottom: 50px;}


	.block--contents {overflow:hidden; height: 420px; position: relative; width: 100%; padding-top: 0; padding-left: 20px; padding-right: 20px;}
	.block--contents.box1, .block--contents.box2, .block--contents.box3, .block--contents.box4, .block--contents.box5 {background-size: contain; padding-left: 20px; padding-right: 20px; background-position: top; margin-left: 0; margin-right: 0;}
	.block--contents .contents__textbox {position: absolute; bottom: 0; left: 0px; top: 250px;}
	.block--contents .contents__textbox .textbox--title,
	.block--contents .contents__textbox .textbox--desc {word-break: keep-all;  padding-right: 30px; letter-spacing: -1.5px;}
	.block--contents .contents__textbox .textbox--title {font-size: 23px; line-height: 140%; margin-bottom: 10px; font-weight: 500; }
	.block--contents .contents__textbox .textbox--desc {font-size: inherit;   line-height: 150%; font-weight: 300;}
	.block--contents.box2 .contents__textbox, 
	.block--contents.box3 .contents__textbox,
	.block--contents.box4 .contents__textbox,
	.block--contents.box5 .contents__textbox {left: 0;}
	.block--contents.box4 {height: 420px;}
	.block--contents.box2 .contents__textbox {top: 230px;}
	.block--contents.box4 .contents__textbox {top: 240px;}
	.block--contents.box3 .contents__textbox, 
	.block--contents.box5 .contents__textbox {top: 210px;}



	/*-----------------------------------------------------------------*/
	/* 앱다운로드, 다운로드
	/*-----------------------------------------------------------------*/
	.use-guide {padding:90px 0; overflow: hidden; box-sizing: border-box;}
	.appdown {width: 100%; padding: 0px; box-sizing: border-box; margin-top: 30px;}
	.appdown-android {margin-bottom: 30px !important;}
	.appdown-android, .appdown-ios {width: 100%; margin: auto; float: auto !important; margin-top: 0; box-sizing: border-box; padding: 50px 0;}
	.appdown-android .android-title, 
	.appdown-android .android-title, {font-size: } 
	ul.use-guide__desc {width: 100%; padding: 0 20px; box-sizing: border-box; overflow: hidden;}
	ul.use-guide__desc li {width: 100%; overflow: hidden; box-sizing: border-box; float: auto !important;}
	ul.use-guide__desc li > img {width: 100%;}
	.use-guide__desc li:nth-child(1), .use-guide__desc li:nth-child(2), .use-guide__desc li:nth-child(3) {margin-bottom: 20px;}
	.use-guide__desc li:nth-child(1)::after, 
  	.use-guide__desc li:nth-child(2)::after,
  	.use-guide__desc li:nth-child(3)::after,
  	.use-guide__desc li:nth-child(4)::after {background: none;}


  	/*-----------------------------------------------------------------*/
	/* 고객센터
	/*-----------------------------------------------------------------*/
	ul.customer-tab {overflow: hidden; box-sizing: border-box; border-bottom: 1px; width: 1000px; margin: auto; display:block;}
	ul.customer-tab li {width:94%; }
	.question-textarea {width: 98%;}
	.tabs {width: 100%;}
	ul.input-group li {width: 94%;}
	ul.input-group li:nth-child(odd) {padding-right: 0;}
	ul.input-group li:nth-child(even) {padding-left: 0;}
	
	.agree-submit {margin-top: 20px;}


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

	/*-----------------------------------------------------------------*/
	/* 로그인
	/*-----------------------------------------------------------------*/
	.login-wrap-inner {width: auto;}
	.login-wrap {padding-left: 10px; padding-right: 10px; padding-top: 50px;}
	.login-wrap .inb {display:block;}
	.pwsearch {float: left; margin-top: 0; margin-bottom: 20px;}
	.idsave {margin: 10px 0; float: left;}


	
}
 

@media only screen and (max-device-width: 767px) {
	.banner-section .image-column .image img {width: 649px !important; height: 500px !important;}
	.banner-section {background-color: #0b7285 !important;}	
	.banner-section .image-column {margin-top: 60px; height: 500px; margin-bottom: -190px !important;}
	.banner-section .content-column .inner-column h2 {font-size: 35px !important; line-height: 1.2em;}
	.banner-section .content-column .inner-column h2 br {display: block !important;}
	.banner-section .content-column .inner-column .text {line-height: 1.7em !important; letter-spacing: -1px; margin-bottom: 20px !important;}
	.banner-section .content-column .inner-column {padding: 100px 0 60px !important;}
	.app-demo-section .prod-tabs .tab-btns .tab-btn {width: 40% !important; margin-bottom: 15px !important;}
	.app-demo-section .prod-tabs .tab-btns li {font-size: 15px !important;}
	.app-demo-section .prod-tabs .tab-btns .tab-btn .icon {margin-bottom: 7px !important;}
	.app-demo-section .prod-tabs .tabs-content {margin-left: 40px !important; margin-top: -50px !important;}
	.app-demo-section .prod-tabs {margin-bottom: -230px !important;}
	.discover-section .content-column .inner-column .sec-title {text-align: center;}
	.disco1er-section .content-column .text {letter-spacing: -1px; }
	.screenshots-section .carousel-container {margin-bottom: -160px;}

	.main-footer {background-color: #0c8599 !important; text-align: center; margin-top: 40px !important;}
	.form-column  {text-align: center;}
	.main-footer .footer-upper h2, .main-footer .footer-upper .form-column h2 {text-align: center; margin-bottom: 10px;}
	.subscribe-form {margin-bottom: 40px;}
	.btn-style-one {background-color: #212121 !important; border:1px solid #fff; border-radius: 0 !important;}
	

	#showcase {padding: auto 20px !important;}
	#pricing {text-align: center; padding: 40px 10px !important;}

	.m-pb-b0 {margin-bottom: 0 !important;}
	.m-pd-tb {padding: 70px 20px !important;}
	.m-br {display: none !important;}
	.m-mb--30 {margin-bottom: -30px !important;}
	.m-pd-r0 {padding-right: 0  !important;}
	.l-h-25 {line-height: 25px !important;}
	.m-mb-20 {margin-bottom: 20px !important;}
}