@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@charset "utf-8";
@import url('bbs.css');
@font-face {   
	font-family: 'Malgun Gothic';

    src: url('../fonts/NanumGothicLight.ttf')
	url('../fonts/NanumGothicLight.ttf') format('truetype');
}


* {font-family:'Malgun Gothic', sans-serif;}

body{margin:0px; padding:0px;overflow-x:hidden;}/*overflow:hidden; width:640px;*/
#kmh {overflow:hidden;}
#body {position:relative;}


form , p , h1 , h2 , h3 , h4 , h5 , h6 
{
	margin				: 0px ;
	border				: 0px ;
	padding				: 0px ;
}

dl , dd , dt
{
	margin				: 0px ;
	border				: 0px ;
	padding				: 0px ;
}

img
{
	border				: none ;
	vertical-align		: top;
}

ul
{
	list-style-type			: none ; 
	margin				: 0px ;
	border				: 0px ;
	padding			: 0px ;
}

table
{
	border-collapse		: collapse ;
	width				: 100% ;
}

tr , td
{
	padding			: 0px;
	margin				: 0px;
	vertical-align			: top ;
}

input , select,button
{
	vertical-align			: top ;
	margin				: 0px ;
}
input , button , select , textarea
{ /*  Google Chrome  인풋트  라인제거  */
		outline			: none ;
		padding		: 0px ;
}

button
{
	cursor				: pointer; 
}

textarea
{
	resize				: none ;
}

.hide ,caption
{
	display				: none ;
}

.visibility
{
	visibility			: hidden;
}

ul.noline li
{
	font				: 0/0 arial ;
}

ul.ufl li
{
	float				: left ;
}

a,
a:hover
{
	text-decoration		: none ;
	color				: #636363;
}


/* 정렬 관련 */
.normal    {font-weight:normal!important}
.al        {text-align:left!important}
.ac        {text-align:center!important}
.ar        {text-align:right!important}
.vt        {vertical-align:top!important}
.vm        {vertical-align:middle!important}
.vb        {vertical-align:bottom!important}

.fl        {float:left}
.fr        {float:right}
.cl        {clear:left}
.cr        {clear:right}
.cb        {clear:both}
.blno      {border-left:none!important}


/* padding */
.l02     {padding-left:2px!important}
.l05     {padding-left:05px!important}
.l10     {padding-left:10px!important}
.l20     {padding-left:20px!important}
.l25     {padding-left:25px!important}
.l30     {padding-left:30px!important}
.l40     {padding-left:40px!important}
.l50     {padding-left:50px!important}
.l60     {padding-left:60px!important}
.l70     {padding-left:70px!important}
.l80     {padding-left:80px!important}
.l100    {padding-left:100px!important}
.ml05    {margin-left:5px!important}
.ml10    {margin-left:10px!important}
.ml20    {margin-left:20px!important}
.ml30    {margin-left:30px!important}
.ml35    {margin-left:35px!important}
.ml40    {margin-left:40px!important}
.ml45    {margin-left:45px!important}
.ml50    {margin-left:50px!important}




.t03     {padding-top:3px!important}
.t05     {padding-top:5px!important}
.t06     {padding-top:5px!important}
.t07     {padding-top:5px!important}
.t08     {padding-top:8px!important}
.t09     {padding-top:9px!important}
.t10     {padding-top:10px!important}
.t12     {padding-top:12px!important}
.t15     {padding-top:15px!important}
.t20     {padding-top:20px!important}
.t25     {padding-top:25px!important}
.t30     {padding-top:30px!important}
.t32     {padding-top:32px!important}
.t35     {padding-top:35px!important}
.t40     {padding-top:40px!important}
.t50     {padding-top:50px!important}
.t60     {padding-top:60px!important}
.t65     {padding-top:65px!important}
.t70     {padding-top:70px!important}
.t80     {padding-top:80px!important}
.t90     {padding-top:90px!important}
.t100     {padding-top:100px!important}
.t110    {padding-top:110px!important}
.t150    {padding-top:150px!important}
.mt20    {margin-top:20px!important}
.mr10    {margin-right:10px!important}
.mr20    {margin-right:20px!important}
.mr25    {margin-right:25px!important}
.mr28    {margin-right:28px!important}
.mr30    {margin-right:30px!important}
.mr35    {margin-right:35px!important}
.mr40    {margin-right:40px!important}
.mr45    {margin-right:45px!important}
.mr50    {margin-right:50px!important}
.mr55    {margin-right:55px!important}
.mr57    {margin-right:57px!important}
.mr60    {margin-right:60px!important}
.mr65    {margin-right:65px!important}



.b10     {padding-bottom:10px!important}
.b20     {padding-bottom:20px!important}
.b30     {padding-bottom:20px!important}
.b40     {padding-bottom:40px!important}
.b50     {padding-bottom:50px!important}
.b60     {padding-bottom:60px!important}
.b100    {padding-bottom:100px!important}



.r10     {padding-right:10px!important}
.r20     {padding-right:20px!important}



.brd1 {border:1px solid #;}
.line1 {border-top:1px solid #eeeeee;}

.b, strong
{
	font-weight			: 700!important;
}


@media screen and (max-width: 992px) {
	.pc_b{display:none;}
}


@media (min-width: 992px) {
	.pd_b{display:none;}
}



/* video */

.main
{
	position			: relative;
	/*overflow			: hidden; */
}

.sub
{
	position			: relative;
	/*overflow			: hidden; */
}


.transparent
{
	display: none;
}



.main_bg1
{
	position			: relative;
	z-index				: 2;
	width				: 100%;
	height				: 100%;
	top					: 0px;
}

.main_bg2
{
	position			: absolute;
	width				: 100%;
	top					: 0px;
}


.move .visibility 
{
	visibility : visible;
}






.sub10_img10
{
	background			: #fff;
	border-radius		: 8px;
	width				: 220px;
	height				: 170px;
	text-align			: center;
	box-shadow			: 0px 1.2px 3.6px rgb(0 0 0 / 10%), 0px 2px 14.4px rgb(0 0 0 / 13%);
}


.sub40_img10
{
	background			: #fff;
	border-radius		: 8px;
	overflow 			: hidden;
	box-shadow			: 0px 1.2px 3.6px rgb(0 0 0 / 10%), 0px 2px 14.4px rgb(0 0 0 / 13%);
}









@keyframes txtToRight { 0% {margin-left:-15px;opacity:0;}  100% {margin-left:0px; opacity:1;} }
@keyframes txtToLeft { 0% {padding-left:15px;opacity:0;}  100% {padding-left:0px; opacity:1;} }
@keyframes txtToTop { 0% {padding-top:15px;opacity:0;}  100% {padding-top:0px; opacity:1;} }
@keyframes txtToBottom { 0% {margin-top:-30px;opacity:0;}  100% {margin-top:0px; opacity:1;} }

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


@keyframes txtScaleL { 0% {transform: scale(0,1); opacity:0; margin-left: -90px;}  100% {transform: scale(1,1); opacity:1; left: 0px;} }
@keyframes txtScale { 0% {transform: scale(0,0); opacity:0;}  100% {transform: scale(1,1); opacity:1;} }








.demo1,
.demo2,
.demo3
{
	position			: relative;/*sticky;relative*/
	top					: 0px;
}









/* main */
.move .main1_bg1 {animation:txtOpacity 2s 0s backwards;}
.move .main1_tit1 {animation:txtToTop 1s 0.3s backwards;}
.move .main1_text1 {animation:txtToTop 1s 1s backwards;}

.move .main1_tit2 {animation:txtToTop 1s 4.5s backwards;}
.move .main1_text2 {animation:txtToTop 1s 5s backwards;}

.move .main1_tit3 {animation:txtToTop 1s 9.5s backwards;}
.move .main1_text3 {animation:txtToTop 1s 10s backwards;}

.move .main1_btn1 .button1:nth-child(1) {animation:txtOpacity 0.8s 1.5s backwards;}
.move .main1_btn1 .button1:nth-child(2) {animation:txtOpacity 0.8s 1.8s backwards;}
.move .main1_btn1 .button1:nth-child(3) {animation:txtOpacity 0.8s 2.1s backwards;}









/* 플랫폼 소개 */
.move .sub1_bg1 {animation:txtOpacity 2s 0s backwards;}
.move .sub1_text1 {animation:txtToLeft 1s 0.3s backwards;}
.move .sub1_text2 {animation:txtToLeft 1s 0.8s backwards;}
.move .sub1_text3 {animation:txtOpacity 1s 1s backwards;}
.move .sub1_text3_line1 {animation:txtScaleL 0.5s 1.2s backwards;}
.move .sub1_text3_img1 {animation:txtOpacity 1.8s 1.5s backwards;}
.move .sub1_tit1 {animation:txtScale 0.5s 2s backwards;}



.move .sub10_image1 li:nth-child(1){animation:txtScale 0.7s 2.2s backwards;}
.move .sub10_image1 li:nth-child(2){animation:txtScale 0.7s 2.3s backwards;}
.move .sub10_image1 li:nth-child(3){animation:txtScale 0.7s 2.4s backwards;}

.sub10_image1 li{ width: 33.33%;background-color: rgba(255, 255, 255, 0); }
.sub10_image1 li img { box-shadow: 0 0 20px rgba(0,0,0,0.15); background-color: rgba(255, 255, 255, 0); border-radius: 10px; }








/* 주요특징 */
.move .sub2_bg1 {animation:txtOpacity 2s 0s backwards;}
.move .sub2_text1 {animation:txtToTop 1s 0.3s backwards;}
.move .sub2_tit1 {animation:txtToTop 1s 0.8s backwards;}


.move .sub20_image1 {animation:txtScale 0.7s 1s backwards;}
.move .sub20_image2 {animation:txtOpacity 1.3s 1.4s backwards;}
.move .sub20_image3 {animation:txtToTop 1s 1.6s backwards;}
.move .sub20_image4 {animation:txtToTop 1s 1.9s backwards;}
.move .sub20_image5 {animation:txtToTop 1s 2.1s backwards;}
.move .sub20_image6 {animation:txtToTop 1s 2.4s backwards;}













/* 진행과정 */
.move .sub3_bg1 {animation:txtOpacity 2s 0s backwards;}
.move .sub3_text1 {animation:txtToTop 1s 0.3s backwards;}
.move .sub3_tit1 {animation:txtToTop 1s 0.8s backwards;}


.move .sub30_image1 {animation:txtScale 1s 1.2s backwards;}
.move .sub30_image2 {animation:txtScale 0.5s 1.6s backwards;}
.move .sub30_image3 {animation:txtScale 1s 1.8s backwards;}
.move .sub30_image4 {animation:txtToRight 1s 2s backwards;}
.move .sub30_image5 {animation:txtScale 0.7s 2.2s backwards;}
.move .sub30_image6 {animation:txtScale 1s 2.3s backwards;}

.sub30 img{box-shadow: 0 0 20px rgba(0,0,0,0.15); border-radius: 10px;}










/* 통관방식 */
.move .sub4_bg1 {animation:txtOpacity 2s 0s backwards;}
.move .sub4_text1 {animation:txtToTop 1s 0.3s backwards;}
.move .sub4_tit1 {animation:txtToTop 1s 0.8s backwards;}
.move .sub4_tit1_line1 {animation:txtScaleL 0.5s 1.0s backwards;}


.move .sub40_image10 {animation:txtOpacity 1s 1.2s backwards;}
.move .sub40_image1 {animation:txtToBottom 0.5s 1.4s backwards;}
.move .sub40_text1 {animation:txtOpacity 1.2s 1.6s backwards;}
.move .sub40_text2 {animation:txtOpacity 1.2s 1.8s backwards;}

.move .sub40_tit1 {animation:txtScale 0.5s 2s backwards;}
.move .sub40_image2 {animation:txtOpacity 1s 2.4s backwards;}
.move .sub40_tit2 {animation:txtScale 0.5s 2.7s backwards;}
.move .sub40_image3 {animation:txtOpacity 1s 3s backwards;}







/* 홍보자료 */
.move .sub5_bg1 {animation:txtOpacity 2s 0s backwards;}
.move .sub5_tit1 {animation:txtToTop 1s 0.8s backwards;}
.move .sub5_tit1_line1 {animation:txtScaleL 0.5s 0.5s backwards;}
.move .sub5_text1 {animation:txtToTop 1s 1.3s backwards;}

.move .sub50_image1 {animation:txtOpacity 0.5s 1.0s backwards;}
.move .sub50_btn1 {animation:txtToTop 1s 2s backwards;}











/* 입점문의 */
.move .sub6_bg1 {animation:txtOpacity 2s 0s backwards;}
.move .sub6_tit1 {animation:txtToTop 1s 0.3s backwards;}

.move .sub60_image10 {animation:txtToLeft 0.8s 1s backwards;}
.move .sub60_image11 {animation:txtToLeft 0.8s 1.2s backwards;}
.move .sub60_image12 {animation:txtToLeft 0.8s 1.4s backwards;}

.move .sub60_image20 {animation:txtOpacity 0.8s 1.3s backwards;}
.move .sub60_image21 {animation:txtToLeft 0.8s 1.5s backwards;}
.move .sub60_image22 {animation:txtToLeft 0.8s 1.7s backwards;}



.move .sub60_image30 {animation:txtOpacity 0.8s 1.8s backwards;}
.move .sub60_image31 {animation:txtToTop 1s 2s backwards;}
.move .sub60_image32 {animation:txtOpacity 0.8s 2.5s backwards;}
.move .sub60_btn1 {animation:txtOpacity 0.8s 2.8s backwards;}










/* 입점문의 */
.move .sub7_bg1 {animation:txtOpacity 2s 0s backwards;}
.move .sub7_tit1 {animation:txtToTop 1s 0.3s backwards;}

.move .sub70_image10 {animation:txtToLeft 0.8s 1s backwards;}
.move .sub70_image11 {animation:txtToLeft 0.8s 1.2s backwards;}
.move .sub70_image12 {animation:txtToLeft 0.8s 1.4s backwards;}







/* 입점문의 */
.move .sub8_bg1 {animation:txtOpacity 2s 0s backwards;}
.move .sub8_tit1 {animation:txtToTop 1s 0.3s backwards;}

.move .sub80_image10 {animation:txtToLeft 0.8s 1s backwards;}
.move .sub80_image11 {animation:txtToLeft 0.8s 1.2s backwards;}
.move .sub80_image12 {animation:txtToLeft 0.8s 1.4s backwards;}








/* 입점문의 */
.move .sub9_bg1 {animation:txtOpacity 2s 0s backwards;}
.move .sub9_tit1 {animation:txtToTop 1s 0.3s backwards;}

.move .sub90_image10 {animation:txtToLeft 0.8s 1s backwards;}
.move .sub90_image11 {animation:txtToLeft 0.8s 1.2s backwards;}
.move .sub90_image12 {animation:txtToLeft 0.8s 1.4s backwards;}















/* bottom */
.move .footer_img1 {animation:txtToLeft 1s 0s backwards;}
.move .footer_text1 {animation:txtOpacity 0.8s 0.5s backwards;}
.move .footer_text2 {animation:txtOpacity 1s 0.8s backwards;}

.move .footer_text4 {animation:txtOpacity 0.8s 1.0s backwards;}
.move .footer_text5 {animation:txtOpacity 1s 1.3s backwards;}

.move .footer_text6 {animation:txtOpacity 0.8s 1.5s backwards;}
.move .footer_text7 {animation:txtOpacity 1s 1.8s backwards;}

.move .footer_img1 {animation:txtOpacity 0.8s 2s backwards;}
.move .footer_text3 {animation:txtOpacity 1s 2.4s backwards;}