/*Spoqa font*/
@font-face {
    font-family: 'Spoqa-Bold';
    src: url('../font/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Spoqa-Light';
    src: url('../font/SpoqaHanSansNeo-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Spoqa-Medium';
    src: url('../font/SpoqaHanSansNeo-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Spoqa-Regular';
    src: url('../font/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Spoqa-Thin';
    src: url('../font/SpoqaHanSansNeo-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../font/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../font/Montserrat-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../font/Montserrat-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../font/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url('../font/Montserrat-Light.ttf') format('truetype');
}


body{font-family:'Spoqa-Light', sans-serif; color:#888888; font-size:18px; line-height:1.8; word-break: break-all;}


/*Layout*/
.wrap{position: relative; overflow-x: hidden; }

/*Basic_style*/
*{padding: 0; margin: 0; box-sizing: border-box; word-break: keep-all;}
a:link{text-decoration: none; color:#fff; }
a:hover{color:#fff; text-decoration: underline;}
a:visited{color:#fff;}
ul,li{list-style: none;}
input, textarea{border: 0; font-family:'Spoqa-Regular', sans-serif; outline: 0;}

/**커서 선택 시 텍스트 사라지도록**/
input:focus::placeholder{color: transparent;}
textarea:focus::placeholder{color: transparent;}

/*텍스트 정렬*/
.text_center{text-align: center;}
.text_right{text-align: right;}

/*메인컬러*/
.smeffi_color{color:#6A52ED;}
.sub_txt_color{color:#e6e6e6;}

/*공통*/
h1{font-family:'Montserrat-Bold', sans-serif; font-size:80px; line-height:95px; letter-spacing: -0.2px;}
h2{font-family:'Spoqa-Medium', sans-serif; font-size:44px; line-height:64px; letter-spacing: -0.5px;}
h3{font-family:'Spoqa-Medium', sans-serif; font-size:40px; }
h4{font-family:'Spoqa-Medium', sans-serif; font-size:28px; }
h5{font-family:'Spoqa-Regular', sans-serif; font-size:24px; }
h6{font-family:'Spoqa-Regular', sans-serif; font-size:20px;}
.eng{font-family:'Montserrat-Medium', sans-serif; font-size:14px; padding-left: 4px;}

.t_bold{font-weight: bold;}
/*media queries*/
@media all and (max-width:1280px){
    h1{font-family:'Montserrat-Bold', sans-serif; font-size:70px; line-height:1.3;}
    h2{font-family:'Spoqa-Medium', sans-serif; font-size:38px; line-height:60px; letter-spacing: -0.5px;}
    h3{font-family:'Spoqa-Medium', sans-serif; font-size:36px; }
    h4{font-family:'Spoqa-Regular', sans-serif; font-size:24px; }
    h5{font-family:'Spoqa-Regular', sans-serif; font-size:20px;}
}

@media all and (max-width:1024px){
	body{font-family:'Spoqa-Light', sans-serif; color:#888888; font-size:16px; line-height:1.8; word-break: break-all;}
    h1{font-family:'Montserrat-Bold', sans-serif; font-size:64px; line-height:-0.5px;}
    h2{font-family:'Spoqa-Medium', sans-serif; font-size:32px; line-height:58px; letter-spacing: -1px;}
    h3{font-family:'Spoqa-Medium', sans-serif; font-size:28px; }
    h4{font-family:'Spoqa-Regular', sans-serif; font-size:22px; }
    h5{font-family:'Spoqa-Regular', sans-serif; font-size:18px;}
	h6{font-family:'Spoqa-Regular', sans-serif; font-size:16px;}
}

@media all and (max-width:768px){
	body{font-size:14px; line-height: 18px;}
	h2{font-family:'Spoqa-Medium', sans-serif; font-size:26px; line-height:42px; letter-spacing: -1px;}
	h4{font-family:'Spoqa-Regular', sans-serif; font-size:20px; }
	h5{font-family:'Spoqa-Regular', sans-serif; font-size:16px; line-height: 20px;}
	.eng{font-family:'Montserrat-Medium', sans-serif; font-size:12px; padding-left: 4px;}

}

@media all and (max-width:640px){
	body{font-size:16px; line-height: 2.2;}
	h1{font-family:'Montserrat-Bold', sans-serif; font-size:48px; line-height:60px;}
	h2{font-family:'Spoqa-Medium', sans-serif; font-size:40px; line-height:56px; letter-spacing: -1.4px;}
	h3{font-family:'Spoqa-Medium', sans-serif; font-size:38px; line-height:50px !important; letter-spacing: -1.4px;}
	h4{font-family:'Spoqa-Medium', sans-serif; font-size:40px; line-height:60px !important; letter-spacing: -1.4px; }
	h5{font-family:'Spoqa-Regular', sans-serif; font-size:18px; line-height: 20px;}
	.eng{font-family:'Montserrat-Medium', sans-serif; font-size:12px; padding-left: 4px;}
	h6{font-family:'Spoqa-Regular', sans-serif; font-size:22px;}
}



/*header*/
header{position:relative; z-index: 1000;}
.header_wrap{ width:1200px; position: relative; margin: 0 auto;}
.visual_text{ width:1200px; position: relative; margin: 0 auto;}
.header_logo {position:absolute; top:60px; left:2px; }
.header_logo img{width:162px;}
.visual_text h1{position: absolute; color:#fff; top:596px;}
.visual_text h5{position: absolute; color:#fff; top:820px;}

/*section-visual*/
.visual_wrap{height: 1020px; background:url('../images/slide01.png') no-repeat; background-position: right top; background-size:80%; }
.visual01{background:url('../images/slide01.png');}

/*media queries*/
@media all and (max-width:1280px){
    .header_wrap{ width:1024px; position:relative; margin:0 auto; }
    .visual_text{ width:1024px; position:relative; margin:0 auto;}
    .header_logo {position:absolute; top:50px; left:0;}
	.header_logo img{width:120px;}
	.visual_text h1{position: absolute; color:#fff; top:620px;}
	.visual_text h5{position: absolute; color:#fff; top:840px;}
	
    .visual_wrap{background-position: 80% top !important; background-size:cover;}
    .visual01{background-position: 80% top !important;}
}

@media all and (max-width:1024px){
    .header_wrap{ width:auto !important; position:relative; margin:0 32px;}
    .visual_text{ width:auto; margin:0 32px; position: relative; }
	.visual_text h1{position: absolute; color:#fff; top:640px; }
	.visual_text h5{position: absolute; color:#fff; top:840px;}
}

@media all and (max-width:768px){
 
}

@media all and (max-width:640px){
	.visual_wrap{height:780px;  background-size:80% !important;}
	.header_logo {position:absolute; top:32px; left:0;}
	.header_logo img{width:100px;}
	.visual01{background-position: 47% top !important;}
	.visual_text h1{position: absolute; color:#fff; top:510px;}
	.visual_text h5{position: absolute; color:#fff; top:660px; letter-spacing: -1.4px;}
}



/**ㅁㅏ음편히 일상을 고하세요 We are**/
.we_warp{position: relative;}
.we_area{width: 1200px; padding:140px 0 160px 0; margin: 0 auto; overflow: hidden;}
.slogan {font-family:'Montserrat-Regular'; padding-top:42px; padding-left: 5px; font-size: 13px;}
.we_left{float:left; width:calc(100% - 600px); text-align: left;}   
.we_left h4{padding-top:40px; padding-left:2px;} 
.we_top ul{float:left; width:600px; padding-top: 72px;}
.we_top li{text-align: left; line-height:2.22;}
.we_top li:nth-child(1){font-family:'Spoqa-Medium'; color:#484848; font-size:20px; line-height: 48px; letter-spacing: -0.5px; padding-bottom: 32px; }
.we_top li:nth-child(5){font-family:'Montserrat-ExtraBold', sans-serif !important; color:#c6cace; font-size:24px; letter-spacing:2;  word-break:break-all; padding-top: 32px;}


/*media queries*/
@media all and (max-width:1280px){
    .we_area{width:1024px; padding:120px 0;}
	.slogan{padding-top:20px;}
	.we_top li:nth-child(1){padding-bottom: 28px;}
}

@media all and (max-width:1024px){
	.we_area{width:auto; margin:0 32px;}
	.we_left{float:left; width:calc(100% - 450px);}   
	.we_top ul{float:left; width:450px; }
	.we_top li:nth-child(1){padding-bottom: 28px; font-size:18px !important;}
	.we_top li{font-size:16px !important;}
}

@media all and (max-width:768px){
	.we_left{width:calc(100% - 250px);}   
	.we_top ul{width:250px; padding-top: 52px;}
}

@media all and (max-width:640px){
	.we_left{clear:both; width:100%; text-align: left;}   
	.we_top ul{clear:both; padding-top: 64px; width:94%; line-height:2;}
	.we_top li{line-height:2;}
	.we_top li:nth-child(1){line-height:2.2;}
}


/**퀵서비스솔루션 insight**/
.insight_wrap{position: relative; clear: both; background-color:#6A52ED; color:#f0f0f0;}
.insight_area{max-width: 1200px;overflow: hidden; border-top: 1px solid #383a3e;  margin: 0 auto; padding:40px 0;}
.insight p{font-family:'Montserrat-SemiBold', sans-serif; font-size: 24px; line-height: 1.2;}
.insight ul{padding-top:16px;}
.insight li{float: left; font-family:'Spoqa-Light', sans-serif; font-size:16px; margin-right: 16px;}
.insight li:nth-child(1){font-family:'Spoqa-Regular', sans-serif;}

/*media queries*/
@media all and (max-width:1280px){
    .insight_area{width:1024px; padding:32px 0;}
	.insight ul{padding-top:8px !important;}
	.insight p{font-size: 18px !important;}
}

@media all and (max-width:1024px){
    .insight_area{width:auto; padding:44px 0; }
    .insight{padding-left: 32px;}
	.insight p{font-size: 16px !important;}
}

@media all and (max-width:768px){
	.insight_area{padding:32px 0;}
	.insight li{clear:both; font-size:14px !important;}

}

@media all and (max-width:640px){
	.insight ul{display: none;}
	.insight p{font-size: 14px !important;}
}

/**insight img**/

.insight_area1{height:400px; background:url('../images/insight01.png') no-repeat; background-attachment: fixed; background-size:cover; background-position: 40% 20px; z-index: 5;}
.insight_txt{display: none;/*position: relative; max-width: 1200px; margin:0 auto; padding:200px 2%; color:#fff;*/}
.insight_txt ul{float:left;}
.insight_txt li{line-height:2.2; font-size: 16px;}
.insight_txt li:nth-child(1){font-weight: bold; padding-bottom: 32px;}
.insight_txt ul:nth-child(1){width:34%;}
.insight_txt ul:nth-child(2){width:44%;}
.insight_txt ul:nth-child(3){padding-right:0; }

/*media queries*/
@media all and (max-width:1280px){
    .insight_area1{height:300px; background-position: 55% 30%; background-attachment: fixed; background-size:cover; }
    .insight_txt{display: none;}
}

@media all and (max-width:1024){
	.insight_txt ul:nth-child(3){padding-top:0px;}	
}

@media all and (max-width:768px){
	.insight_txt ul:nth-child(3){padding-top:12px;}

}

@media all and (max-width:640px){
	.insight_area1{height: 200px; background: url('../images/insight01_m.png') no-repeat; background-size: cover !important; z-index: 5;}
}

/**b2b 중계망 product**/
.product01_wrap{position: relative; clear: both;}
.product01_area{max-width: 1200px; padding:140px 0 180px 0; margin:0 auto; overflow: hidden;} 
.product01_txt{ position: relative; margin: 32px auto 160px auto; overflow: hidden;}
.product01_txt h2{float:left; width:calc(100% - 600px); text-align: left; }
.product01_txt ul{float:left; width:600px; text-align: left; padding-top:10px; line-height: 2; color:#787981;}
.product01_txt ul li:nth-child(1){font-family:'Spoqa-Bold', sans-serif; color:#484848; padding-bottom: 32px; font-size:24px;}
.product01_img {
    clear:both;
    background:url('../images/solution01.png'); 
    background-position-x: center;
    background-repeat: no-repeat;
	background-size: contain;
    height: 400px;
}
.demo_view {position:relative; clear: both;}
.demo_area{overflow: hidden; margin:0 auto; padding: 44px 0 32px 0; text-align: center; width:100%; }
.demo_area p{padding: 12px 12px; background-color: #6A52ED; color:#fff; width:200px; margin: 0 auto;}
.demo_area p a, a:hover{font-family:'Spoqa-Medium', sans-serif; }

/*media queries*/
@media all and (max-width:1280px){
    .product01_area{width: 1024px; padding:120px 0;}
    .product01_txt{ position: relative; padding:16px 0 0 0; overflow: hidden; margin: 32px auto 120px auto; } 
	.product01_img {height: 380px;}
}

@media all and (max-width:1024px){
	.product01_wrap{position: relative; clear: both; margin:0 32px;}
	.product01_area{width: auto; padding:100px 0;}
    .product01_txt{ position: relative; padding:16px 0 0 0; overflow: hidden; margin: 32px auto 120px auto; } 
	.product01_txt h2{width:calc(100% - 450px); }
	.product01_txt ul{width:450px; font-size: 16px; line-height: 2.4;  padding-top:0;}
	.product01_txt ul li:nth-child(1){font-family:'Spoqa-Bold', sans-serif; color:#484848; padding-bottom: 24px; font-size:20px;}
	.product01_img {height: 280px;}
}

@media all and (max-width:768px){
	.product01_txt{ margin: 32px auto 60px auto; } 
	.product01_txt h2{width:calc(100% - 300px); }
	.product01_txt ul{width:300px; padding-top:0;}
	.product01_img {height: 200px;}
	.product01_txt ul li:nth-child(1){font-family:'Spoqa-Bold', sans-serif; color:#484848; padding-bottom: 24px; font-size:18px;}
}

@media all and (max-width:640px){
	.product01_txt{ margin: 16px auto 64px auto; } 
	.product01_txt h2{width:100%; clear: both;}
	.product01_txt ul{width:100%; clear: both; padding-top:40px; line-height:2;  }
	.product01_txt ul li:nth-child(1){font-family:'Spoqa-Bold', sans-serif; color:#484848; padding-bottom: 24px; font-size:20px;}
	
	.demo_area p{padding: 24px 12px; background-color: #6A52ED; color:#fff; width:200px; margin: 0 auto;}
	.demo_area p a, a:hover{font-family:'Spoqa-Medium', sans-serif; }

}

/**benefit**/
.benefit_wrap{position: relative; background-color:#f0f0f0; color:#484848;}
.benefit_area{max-width: 1200px; margin:0 auto; overflow: hidden; height:596px;}

.benefit_ban01{background:url('../images/benefit01.png') no-repeat; background-size: contain !important; background-position: right top !important; padding-top: 120px;}
.benefit_ban02{background:url('../images/benefit02.png') no-repeat;  background-size: contain !important; background-position: right top !important; padding-top: 120px;}
.benefit_ban03{background:url('../images/benefit03.png') no-repeat; background-size: contain !important; background-position: right top !important; padding-top: 120px;}
.benefit_ban04{background:url('../images/benefit04.png') no-repeat; background-size: contain !important; background-position: right top !important; padding-top: 120px;}
	
.benefit_ban01 .eng{padding-bottom:56px;}
.benefit_ban02 .eng{padding-bottom:56px;}
.benefit_ban03 .eng{padding-bottom:56px;}
.benefit_ban04 .eng{padding-bottom:56px;}

	
.benefit_ban01 h5{text-align: left; line-height: 1.8; padding: 24px 0 0 0; letter-spacing: -1px;}
.benefit_ban01 h3{text-align: left; line-height: 1.6; padding-top: 8px; }
.benefit_ban01 p{width:500px; line-height: 2; padding-top:32px; }

.benefit_ban02 h5{text-align: left; line-height: 1.8; padding: 24px 0 0 0;  letter-spacing: -1px;}
.benefit_ban02 h3{text-align: left; line-height: 1.6; padding-top: 8px; }
.benefit_ban02 p{width:400px; line-height: 2; padding-top: 32px;  }

.benefit_ban03 h5{text-align: left; line-height: 1.8; padding: 24px 0 0 0;  letter-spacing: -1px;}
.benefit_ban03 h3{text-align: left; line-height: 1.6; padding-top: 8px; }
.benefit_ban03 p{width:400px; line-height: 2; padding-top: 32px;  }

.benefit_ban04 h5{text-align: left; line-height: 1.8; padding: 24px 0 0 0;  letter-spacing: -1px;}
.benefit_ban04 h3{text-align: left; line-height: 1.6; padding-top: 8px; }
.benefit_ban04 p{width:400px; line-height: 2; padding-top: 32px; }

/*media queries*/
@media all and (max-width:1280px){
	.benefit_area{width: 1024px; } 
	.benefit_ban03{background-size: 80% !important; background-position: right bottom !important; }
}

@media all and (max-width:1024px){
	.benefit_area{width: auto; margin:0 auto; overflow: hidden; height:480px;}
	.benefit_area{margin:0 0 0 64px;} 
	
	.benefit_ban01{background-size: 50% !important; background-position: right bottom !important; padding-top: 100px;}
	.benefit_ban01 p{width:320px; line-height: 2; padding-top:32px; font-size: 14px; }
	
	.benefit_ban02{background-size: 52% !important; background-position: right top !important; padding-top: 100px;}
	.benefit_ban02 p{width:320px; line-height: 2; padding-top:32px; font-size: 14px;}
	
	.benefit_ban03{padding-top: 100px;}	
	.benefit_ban03 p{width:320px; line-height: 2; padding-top:32px; font-size: 14px;}

	.benefit_ban04{background-size: 52% !important; background-position: right bottom !important; padding-top: 100px;}
	.benefit_ban04 h5{font-size:16px !important;}
	.benefit_ban04 p{width:300px; line-height: 2; padding-top:32px; font-size: 14px;}

}

@media all and (max-width:768px){
	.benefit_area{height:440px;}
	
	.benefit_ban01{padding-top: 60px; background-size: 60% !important; }
	.benefit_ban01 .eng{padding-bottom:0;}
	.benefit_ban01 h5{width:160px; }
	.benefit_ban01 h3{width:200px;}
	.benefit_ban01 p{width:220px; line-height: 2; padding-top:20px; font-size: 14px; }

	
	.benefit_ban02{padding-top: 60px; background-size: 60% !important; }
	.benefit_ban02 .eng{padding-bottom:20px;}
	.benefit_ban02 h5{width:160px; }
	.benefit_ban02 h3{width:200px;}
	.benefit_ban02 p{width:200px; line-height: 2; padding-top:24px; font-size: 14px; }
	
	.benefit_ban03{padding-top: 60px; background-size: 90% !important; }
	.benefit_ban03 .eng{padding-bottom:20px;}
	.benefit_ban03 h5{width:320px; }
	.benefit_ban03 h3{width:200px;}
	.benefit_ban03 p{width:200px; line-height: 2; padding-top:24px; font-size: 14px; }
	
	.benefit_ban04{padding-top: 60px; background-size: 60% !important; }
	.benefit_ban04 .eng{padding-bottom:20px;}
	.benefit_ban04 h5{width:200px; }
	.benefit_ban04 h3{width:200px;}
	.benefit_ban04 p{width:200px; line-height: 2; padding-top:24px; font-size: 14px; }

}

@media all and (max-width:640px){
	.benefit_wrap{position: relative; background-color:#6A52ED; color:#fff;}	
	.benefit_area{height:660px; margin:0 auto; text-align: center;}

	.benefit_ban01 .eng{padding-bottom:16px; color:#fff;}
	.benefit_ban02 .eng{padding-bottom:16px; color:#fff;}
	.benefit_ban03 .eng{padding-bottom:16px; color:#fff;}
	.benefit_ban04 .eng{padding-bottom:16px; color:#fff;}
	
	.benefit_ban01{background-size: 60% !important; background-position: center bottom !important; padding-top: 64px; margin: 0 auto; text-align: center;}
	.benefit_ban02{background-size: 60% !important; background-position: center bottom !important; padding-top: 64px; margin: 0 auto; text-align: center;}
	.benefit_ban03{background:url('../images/benefit03_m.png') no-repeat; background-size: 78% !important; background-position:center bottom !important; padding-top: 64px; margin: 0 auto; text-align: center;}
	.benefit_ban04{background-size: 60% !important; background-position: center bottom !important; padding-top: 64px; margin: 0 auto; text-align: center;}
	
		
	.benefit_ban01 .m_txt{margin:0 auto; text-align: center;}
	.benefit_ban02 .m_txt{margin:0 auto; text-align: center;}
	.benefit_ban03 .m_txt{margin:0 auto; text-align: center;}
	.benefit_ban04 .m_txt{margin:0 auto; text-align: center;}
	
	.benefit_ban01 h3{margin: 0 auto;  line-height: 1.6; padding-top: 8px;  width:70%; text-align: center !important; font-size: 36px !important;}
	.benefit_ban02 h3{margin: 0 auto;  line-height: 1.6; padding-top: 8px;  width:70%; text-align: center !important; font-size: 36px !important;}
	.benefit_ban03 h3{margin: 0 auto;  line-height: 1.6; padding-top: 8px;  width:80%; text-align: center !important; font-size: 36px !important;} 
	.benefit_ban04 h3{margin: 0 auto;  line-height: 1.6; padding-top: 8px;  width:60%; text-align: center !important; font-size: 36px !important;}
		
	
	.benefit_ban01 h5{line-height: 1.8; padding-top: 16px; letter-spacing: -1px; width:100%; text-align: center !important;}
	.benefit_ban02 h5{line-height: 1.8; padding-top: 16px; letter-spacing: -1px; width:100%; text-align: center !important;}
	.benefit_ban03 h5{line-height: 1.8; padding-top: 16px; letter-spacing: -1px; width:100%; text-align: center !important;}
	.benefit_ban04 h5{line-height: 1.8; padding-top: 16px; letter-spacing: -1px; width:100%; text-align: center !important; font-size: 20px !important;} 
	
	.benefit_ban01 p{margin: 0 auto;  width:80%; line-height: 2; padding-top:16px; font-size: 16px; }
	.benefit_ban02 p{margin: 0 auto;  width:80%; line-height: 2; padding-top:16px;  font-size: 16px; }
	.benefit_ban03 p{margin: 0 auto;  width:80%; line-height: 2; padding-top:16px;  font-size: 16px; }
	.benefit_ban04 p{margin: 0 auto;  width:80%; line-height: 2; padding-top:16px;  font-size: 16px; }
}


/**solution02**/
.solution02_wrap{position: relative; clear: both; background-color: #1C1C1C; padding-bottom: 140px;}
.solution02_area{max-width: 1200px; padding:140px 0 120px 0; margin:0 auto; overflow: hidden;} 
.solution02_area p{padding-left: 2px;}
.solution_t_txt{margin-top: 44px; overflow:hidden;}
.solution_t_txt .l_t{width:25%; color:#C6CACE;  line-height:32px; float:left;}
.solution_t_txt .l_t h3{line-height:56px; padding-top: 20px; color:#fff;}
.solution_t_txt .r_t{width:75%; float:left; padding-left:40px;}
.solution_t_txt .r_t li{line-height: 2;}
.solution_t_txt .r_t li:nth-child(1){width:45%; float:left; }
.solution_t_txt .r_t li:nth-child(2){width:55%; float:left; padding-left:40px; }
.b_img{clear:both; margin-top:98px;}
.solution02_area ul li span{color:#A8A8A8; text-decoration: underline; font-family:'Spoqa-Medium';}


/**product02**/
.product02_detail{max-width: 1200px; margin:0 auto; overflow: hidden; clear: both; background:linear-gradient(90deg,#fff 50%, #000 50%);}

.product02_01{width:50%; float:left;  color:#484848;}
.product02_01 img{width:100%; float:left;}
.product02_01_con{line-height: 1.8; padding:80px 64px 64px 64px; background-color: #fff; float:left;}
.product02_01_con h4{line-height: 1.8; padding-bottom: 70px; letter-spacing: -0.5px;}
.product02_01_con h6{padding-bottom: 18px; text-decoration: underline; letter-spacing: -0.5px;}
.product02_01_con li{font-size:20px; line-height: 39px;  margin-top: 24px; background: url('../images/icon_list.png') no-repeat; background-position: left 16px; padding-left: 16px;}
.product02_01_con ul li span{font-family: 'Spoqa-Medium'; text-decoration: underline;}

/*media queries*/
@media all and (max-width:1280px){
	.solution02_area{width: 1024px;} 
    .product02_detail{width:1024px;}

}

@media all and (max-width:1024px){
	.solution02_area{width: auto; padding:120px 0 120px 0; margin:0 32px;} 
	.solution_t_txt .l_t{width:30%;}
	.solution_t_txt .r_t{width:70%;}
	.solution_t_txt .l_t h3{line-height:40px; padding-top: 16px;}
	.product02_01_con li{margin-top: 20px;}

    .product02_detail{width:auto; margin: 0 32px;}
	.product02_01_con{padding:64px 32px;}
	.product02_01_con h4{padding-bottom: 64px;}
	.product02_01_con li{font-size:16px; line-height: 30px;}

}

@media all and (max-width:768px){
	.solution02_wrap{padding-bottom: 100px;}
	.solution02_area{width: auto; padding:100px 0 80px 0;} 
	.product02_detail{overflow: hidden; clear: both; }
	.product02_01{width:100%; clear: both;}
	.b_img{clear:both; margin-top:60px;}
	.product02_01_con{padding:64px 44px; width:100%;}	
	
	.solution_t_txt .l_t{width:calc(100% - 400px); color:#C6CACE;  line-height:24px; float:left;}
	.solution_t_txt .r_t{width:400px; float:left; padding-left:40px;}
	.solution_t_txt .r_t li{line-height: 2;}
	.solution_t_txt .r_t li:nth-child(1){width:100%; clear:both; }
	.solution_t_txt .r_t li:nth-child(2){width:100%; clear:both; padding-left:0; padding-top: 16px;}
}

@media all and (max-width:640px){
	.product02_01_con{padding:64px 32px 64px 32px; background-color: #fff; float:left;}
	.product02_01_con h4{ font-size: 32px; letter-spacing: -1.4px; line-height:54px !important;}
	.solution_t_txt .l_t{width:100%;  clear: both; font-size: 20px !important; line-height:36px !important; float:left;}
	.solution_t_txt .l_t h3{line-height:56px; padding-top: 20px; color:#fff; width:80%;}
	.solution_t_txt .r_t{width:100%;  clear: both;  padding-left:0; padding-top: 64px;}

}

.product02_02{width:50%; float:left; color:#484848;}
.product02_02_con{line-height: 1.8; padding:140px 64px 120px 64px;}

.product02_02_01{ background:url('../images/mobile01.png') no-repeat;  background-size: contain !important;  background-position: center top !important; color:#fff;}
.product02_02_02{ background:url('../images/mobile02.png') no-repeat;  background-size: contain !important;  background-position: center top !important; color:#fff;}
.product02_02_03{ background:url('../images/mobile03.png') no-repeat;  background-size: contain !important;  background-position: center top !important; color:#fff;}


.product02_02_01 h4{padding-top:760px; line-height: 1.8; }
.product02_02_02 h4{padding-top:760px; line-height: 1.8; }
.product02_02_03 h6{padding-top:740px; line-height: 1.8; }
.product02_02_03 h4{padding-top:16px; line-height: 1.8; }

.product02_02_01 p{font-size:20px; padding-top: 32px; color:#888;   line-height:2; }
.product02_02_02 p{font-size:20px; padding-top: 32px; color:#888;  line-height:2; }
.product02_02_03 p{font-size:20px; padding-top: 32px; color:#888;  line-height:2; }



/*media queries*/
@media all and (max-width:1280px){
	.product02_02_con{line-height: 1.8; padding:120px 64px 80px 64px;}
	
	.product02_02_01 h4{padding-top:660px; line-height: 1.8; }
	.product02_02_02 h4{padding-top:660px; line-height: 1.8; }
	.product02_02_03 h6{padding-top:660px; line-height: 1.8; }
	
}

@media all and (max-width:1024px){
	.product02_02_con{line-height: 1.8; padding:60px 44px 40px 44px;}
	.product02_02_01{background-size: contain !important;  background-position: center top !important; color:#fff;}
	
	.product02_02_01 h4{padding-top:560px; line-height: 1.8; }
	.product02_02_02 h4{padding-top:560px; line-height: 1.8; }
	.product02_02_03 h6{padding-top:560px; line-height: 1.8; }
	
	.product02_02_02 p{font-size:16px; padding-top: 32px; color:#888;  line-height:2; }
	.product02_02_01 p{font-size:16px; padding-top: 32px; color:#888;  line-height:2; }
	.product02_02_03 p{font-size:16px; padding-top: 32px; color:#888;  line-height:2; }
}

@media all and (max-width:768px){
	.product02_02{width:100%; clear:both; color:#484848; background-color: #000;}
	.product02_02_con{line-height: 1.8; padding:120px 44px 80px 44px;}

	.product02_02_01{background-size: 80% !important;}
	.product02_02_02{background-size: 80% !important;}
	.product02_02_03{background-size: 80% !important;}
	

}

@media all and (max-width:640px){
	.product02_02_con{line-height: 1.8; padding:64px 44px 64px 44px;}

	.product02_02_01{background-size: 90% !important;  background-position: center top !important; color:#fff;}
	.product02_02_02{background-size: 90% !important;  background-position: center top !important; color:#fff;}
	.product02_02_03{background-size: 90% !important;  background-position: center top !important; color:#fff;}
	
	.product02_02_01 h4{padding-top:360px; font-size: 28px; letter-spacing: -1.4px; line-height:42px !important;}
	.product02_02_02 h4{padding-top:360px; font-size: 28px; letter-spacing: -2px !important; line-height:42px  !important; width:100%;}
	.product02_02_03 h6{padding-top:360px; line-height: 1.8;  font-size:20px;}
	.product02_02_03 h4{font-size: 28px; letter-spacing: -1.4px; line-height:42px  !important; padding-top:24px !important;}

}


/**partner**/
.partner_warp{position: relative; clear: both; background-color: #F0F0F0; }
.partner_area{max-width: 1200px; margin:0 auto; overflow: hidden;  background:url('../images/partner_img2.png');  background-size: 40%; background-repeat: no-repeat; background-position:right 70px; height:720px; padding-top: 120px;}
.partner_txt{position: relative;}
.partner_txt h3{padding: 32px 0 32px 0; width:43%; letter-spacing: -1px; line-height: 1.6;}
.partner_txt p{text-align: left; line-height:1.8; width:40%; color:#777;}

/*media queries*/
@media all and (max-width:1280px){
    .partner_area{width:1024px;} 
	.partner_area{background-size: 42%; height:660px;  padding-top: 100px;}
}

@media all and (max-width:1024px){
	.partner_area{height:560px; }
    .partner_area{width:auto; padding:0 64px; background-repeat: no-repeat; background-position: right 60px; background-size: 40%; } 
    .partner_txt{ margin: 100px auto 0 auto; padding-bottom: 400px;}
}

@media all and (max-width:768px){
	.partner_area{width:auto; padding:0 64px;  background-repeat: no-repeat; background-position: right 70px; background-size: 50%; } 
	.partner_area{height:480px; }
	.partner_txt{ margin: 80px auto 0 auto; padding-bottom: 0;}
	.partner_txt h3{padding: 32px 0; width:45%; letter-spacing: -1px; line-height: 1.6;}
}

@media all and (max-width:640px){
	.partner_warp{padding-bottom: 64px; background-color: #F0F0F0; }
	.partner_area{width:auto; height:600px; padding:64px 32px; background-repeat: no-repeat; background-position: center bottom; background-size: 60%; } 
	.partner_txt{ margin: 0 auto; padding-bottom: 0;}
	.partner_txt h3{width:100%; padding: 16px 0; font-size: 28px; letter-spacing: -1.4px; line-height:42px  !important; }
	.partner_txt p{width:100%; text-align: left; line-height:1.8; color:#777;}

}



.contact_warp{position: relative; background-color: #6A52ED;}
.contact_area{max-width: 1200px; margin:0 auto; overflow: hidden; padding: 60px 0;} 
.contact_txt{color:#fff; float:left;}
.contact_txt p{padding-top: 4px;}
.logo_motion{color:#fff; float:right; padding-top: 16px; }
.logo_motion img{width:140px; }

/*media queries*/
@media all and (max-width:1280px){
	.contact_area{width: 1024px;}

}
	
@media all and (max-width:1024px){
	.contact_area{width: auto; margin:0 32px; } 
	
}
	
@media all and (max-width:768px){
	.contact_txt p{padding-top: 16px;}
	.logo_motion{color:#fff; float:right; padding-top: 0px; }
	.logo_motion img{visibility: hidden; height:0;}
}

@media all and (max-width:640px){
	.contact_warp{position: relative; background-color: #6A52ED;}
	.contact_area{padding:120px 0 !important;} 
	.contact_txt{color:#fff; clear:both; width:100%;}
	.contact_txt h4{ font-size: 28px; letter-spacing: -1.4px; line-height:42px  !important; width:80%;}
	.contact_txt p{padding-top:16px;}
	.logo_motion{display:none;}

}

.copyright_warp{position: relative; }
.copyright_area{max-width: 1200px; margin:0 auto; overflow:hidden;}
.copyright_txt{position: relative; margin:80px 0; overflow: hidden;}
.copyright_txt h6{ letter-spacing: -0.5px;}
.copyright_txt ul{padding-top:16px;}
.copyright_txt ul li{font-size:14px; color:#787981; line-height: 2;}

/*media queries*/
@media all and (max-width:1280px){
    .copyright_area{width: 1024px;}
}

@media all and (max-width:1024px){
    .copyright_area{width: auto; margin:0 32px;}
}

@media all and (max-width:768px){
	
}

@media all and (max-width:640px){
	.copyright_area{width: auto; margin:0 32px;}
	.copyright_txt{margin:64px 0; overflow: hidden;}
	.copyright_txt h6{font-size:14px !important; letter-spacing: -0.5px;}
	.copyright_txt ul{width:100% !important;  clear:both; }
	.copyright_txt ul li{font-size:12px !important; color:#787981; line-height: 2;}

}