/*-----------공통으로 들어가는 css-----------------------------------------------------------------------------------------------*/
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,th,td,input,select,textarea,button{margin:0;padding:0;}
html,body{width:100%;height:100%;}
body{font-family:'malgun Gothic',dotum,tahoma,sans-serif;font-size:12px;color:#000; overflow-x:hidden; overflow-y:auto;}
fieldset,img{border:0 none;vertical-align:top; }
dl,ul,ol,menu,li{list-style:none}
/*button{overflow:visible;border:0 none;background-color:transparent;cursor:pointer} */
button::-moz-focus-inner{padding:0;border:0}
address,caption,em{font-style:normal}
a{color:#000;text-decoration:none}
a:focus,a:active,a:hover{color:#fff;text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
hr{display:none}



/*-----------뉴스&공지사항(리스트&내부)-----------------------------------------------------------------------------------------------*/

#sub_visual {position:relative; width:1200px; width:100%;}
#sdu_img{ width:100%; height:350px; background-color:#17467e;}
.sub_text {position:absolute; top:0%; left:0px; width:100%; text-align:center; color:#000; }
.sub_line {width:113px; height:4px; margin:0px auto 0px auto;}
.sub_visual_main {font-size:30px; font-family: 'NanumGothicBold'; margin-top:200px; color:#ffffff;}
.sub_visual_text01 {font-size:23px; font-family: 'NanumGothicBold'; margin-top:193px;;  color:#ffffff;}
.sub_visual_text02 {font-size:16px; margin-top:18px; color:#ffffff;}
.sub_visual_text03 {font-size:40px; font-family: 'NanumGothicBold'; margin-top:14%;}

#container {position:relative; width:100%; overflow:hidden;}
.sub_content {width:100%; margin:0 auto;}
.sub_content_board {width:1200px; margin:0 auto; padding-top:100px;}
.sub_content_board_mobile {width:95%; margin:0 auto;}

.merchant_content {background:none;}
.board_table {width:100%; border-top:2px solid #17467e; margin-top:30px; }
.board_table tr th {padding:15px 0px; text-align:center; font-weight:400; font-family: 'NanumGothicBold'; border-bottom:1px solid #17467e; }
.board_table tr td {padding:10px 0px; text-align:center; padding:15px 0px;}
.board_table tr td.border_td02 {text-align:left;  letter-spacing:0px;}
.board_table tr th.border_th02 {text-align:left;}
.board_table tr td.board_view_td {text-align:left; padding:20px 20px;}
.board_table_mobile {width:100%; border-top:2px solid #17467e; margin-top:30px; border-bottom:1px solid #17467e;}
.board_table_mobile tr th {	padding:15px 0px; text-align:center; font-family: 'NanumGothicBold'; border-bottom:1px solid #17467e; }
.board_table_mobile tr td {	padding:10px 0px; text-align:center; border-top:1px solid #dddddd; padding:15px 0px;}
.board_table_mobile tr td.border_td02 {	text-align:left;  letter-spacing:0px;}
.board_table_mobile tr th.border_th02 {	text-align:left;}
.board_table_mobile tr td.board_view_td {text-align:left; padding:20px 20px;}
.board_view_img  img {	width:100%;}


	
/*-----------회사소개 푸터-----------------------------------------------------------------------------------------------*/
.company_footer-wrap {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.company_footer-content-row2-wrap {
    margin: 0 auto;
    width: 29.9%;
}
.company_footer-section5-Plus {
    margin: 10px;
}
.company_footer-section5-Plus img {
    width: 50px;
}
.company_footer-content-row1-wrap {
    text-align: center;
    padding: 10px 0 0 0;
    line-height: 27px;
}
.company_footer-content-row1-wrap>li>p{
    font-size: 15px;
    color: #838383;
    font-family: malgun Gothic;
    font-weight: 600;
}
.company_footer-content-row1-wrap>li>p>a {color: #717171;}
.company_footer-content-row1-wrap>li>p>a:hover {color: #fff;}
.company_Copyright {font-size: 15px;
    color: #838383;
    font-family: malgun Gothic;
    font-weight: 600;}



/*-----------홈페이지 메인-----------------------------------------------------------------------------------------------*/
/*홈페이지 섹션01_메인------------------------*/
 .header_pc{
	display: block;
}
 
 
 .header_moblie{
	display: none; 
 }


  
/*홈페이지 섹션02_마케팅 메인------------------------*/



.index_banner {position:relative;
	width:300px;
	height:650px;
	overflow:hidden;
	float:right;
	margin-top:-37%;}
.index_banner_text {font-size:19px;
	text-align:center;
	font-weight:700;
	margin:10px 0;
	color:#2a2a2a;}
.index_banner ul {position: absolute;
	margin: 0px;
	padding:0;
	list-style:
	none; }
.index_banner ul li {float: left;
	width:300px;
	height: 650px;
	margin:0;
	padding:0;}
.index_banner ul li img{width:300px;
	height:580px;}







/*-----------회사소개-----------------------------------------------------------------------------------------------*/


/*section1 (회사소개 - 메인)*/
#company_section1{height:100vh; width:100%;}

.company_section1-replace {
  /* replace text with image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}

.company_section1_maintext{
	top: 37%;
    position: relative;
}



.company_section1_text01{
    text-align: center;
    font-size: 37px;
    font-weight: 600;
    color: #fff;
    display: block;
    bottom: -50px;
    position: relative;
    opacity: 0;
    font-family: malgun Gothic;
    margin-bottom: 30px;
    margin-top: 0;
}

.company_section1_text02{
    text-align: center;
    font-size: 21px;
    font-weight: 500;
    color: #fff;
    display: block;
    bottom: 0;
    position: relative;
    opacity: 0;
    font-family: malgun Gothic;
    line-height: 38px;
    margin: 0;
}


.company_section1_bg{
	position: absolute;
    left: 0px;
    min-width: 100%;
    width: 100%;
    height: 100%;
    height: 100%;
    height: 100vh;
    overflow: hidden;
    background: url(../img/main/hero-bg1.jpg) no-repeat 50% 26% fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}

.xyalign05{
	position: absolute;
    top: 47%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}



/*section1_공지&뉴스*/
#section1_2 {
    position: absolute;
    width: 100%;
	}
.section2-left  { 
	float:left; 
	text-align:right; 
	width:50%; 
	height:62px; 
	background:#000; }
.section2-left .section2-left-wrap {
	position:relative; 
	display:inline-block; 
	width:580px; 
	height:62px; }
.section2-left .section2-left-wrap h2 { 
	float:left; 
	font-size:17px;
	padding:11.5px 0; 
	color:#fff; 
	font-weight:600; 
	width:80px; 
	margin:0;}
.section2-left .section2-left-wrap div { 
	float:left; 
	text-align:left; 
	margin-top:10px; 
	height:40px; 
	width:85%; 
	overflow:hidden; }
.section2-left .section2-left-wrap div ul { 
	position:relative; 
	top:0; 
	margin-top:0px; 
	padding-top:5px;
	padding-left:15px;
	margin-bottom:0;}
.section2-left .section2-left-wrap div ul li { 
	font-size:14px; 
	font-weight:bold; 
	padding: 0px 0 9px 0;
	width:350px;
	font-family: NanumGothic;}
.section2-left .section2-left-wrap div ul li a { color:#fff;  }
.section2-left .section2-left-wrap span.section2-Plus { 
	display:inline-block; 
	position:absolute; 
	right:50px; 
	top:0; 
	width:36px; 
	padding:13px 0; 
	height:36px; 
	background:#000; }
.section2-left .section2-left-wrap span.section2-Plus a { 
	display:inline-block; }
.section2-left .section2-left-wrap span.section2-Plus a img { 
	width:36px;  }                       

.section2-right  { 
	float:left; 
	width:50%; 
	height:62px; 
	background:#fff; }
.section2-right .section2-right-wrap { 
	position:relative; 
	display:inline-block; 
	width:580px; 
	height:62px; 
	float:left; 
	padding-left:80px; }
.section2-right .section2-right-wrap h2 { 
	float:left; 
	font-size:17px; 
	padding:11.5px 0; 
	color:#000; 
	font-weight:600; 
	width:40px; 
	margin:0;}
.section2-right .section2-right-wrap div { 
	float:left; 
	text-align:left; 
	margin-top:10px; 
	height:40px; 
	width:85%; 
	overflow:hidden; }
.section2-right .section2-right-wrap div ul { 
	position:relative; 
	margin-top:0px; 
	padding-top:5px; 
	padding-left:15px; 
	margin-bottom:0;}
.section2-right .section2-right-wrap div ul li { 
	font-size:14px; 
	font-weight:bold; 
	padding: 0px 0 9px 0;
	width:350px;
	font-family: NanumGothic;}
.section2-right .section2-right-wrap div ul li a { color:#000;  }
.section2-right .section2-right-wrap span.section2-Plus { 
	display:inline-block; 
	position:absolute; 
	right:50px; 
	top:0; 
	width:36px; 
	padding:13px 25px; 
	height:36px; 
	background:#fff; }
.section2-right .section2-right-wrap span.section2-Plus a { display:inline-block; width:36px;  }
.section2-right .section2-right-wrap span.section2-Plus a img { width:36px;  }



/*section2(회사 플랫폼)*/
#company_section2{
	height:900px; width:100%;}
.company_section2_bg {background:#0a2e88;
	width:100%;
	height:900px;}
.xyalign06{position:relative;
	top:30%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);}
.company_section2-wrap {vertical-align: middle;
	width:1200px;}
.company_section2_h2{text-align:center;
	color:#fff;
	font-size:35px;
	padding-bottom:50px;
	font-weight:700;
	margin: 0 auto;}
.company_section-wrap  { }
.company_section2-content-wrap {
	color: #fff;
    font-size: 30px;
    width: 100%;
    margin: 0 auto;
}
.company_section2-content-wrap>li>h5 {
	font-size:22px;
	font-weight:600;
	font-family:malgun Gothic;
	color:#fff;

	}
.company_section2-content-wrap>li>h6 {
	font-family: malgun Gothic;
    color: #fff;
    letter-spacing: -0.6px;
    margin: 0;
    font-size: 16px;
    line-height: 34px;
	}
.company_section2-content-wrap>li {float:left;
	width:33%;
	text-align:center;
	font-size: 15px;
	line-height: 27px;
	padding:0 20px;
	font-family:malgun Gothic;}
.company_section2-content-wrap>li>a {display:inline-block;
	font-size:13px;
	padding:10px 35px;
	background:transparent;
	color:#fff;
	font-weight:600;
	font-family:malgun Gothic;
    border:1px solid #fff;
	transition:all 0.3s;
	margin:10px 0 0 0 ;
	width:250px;}
.company_section2-content-wrap>li>a:hover {background:#fff;
	color:#0a2e88;
	font-weight:600; }



/*section3(회사 연혁)*/
#company_section3_bg {background:#fff; 
	width:100%;
	height:auto;}
.company_section3_h2{color:#666;
	font-size:35px;
	padding-bottom:50px;
	font-weight:700;
	text-align:center;}	
.company_con02 {text-align: center; }
.company_con03 {display: inline-block;
	width: 1200px;
	padding-top:70px; }
.company_con03 li {
	float: left;
    padding: 0;
    font-size: 16px;
    line-height: 33px;
    color: #666666;
}
.company_con03 .yu01 {width: 10%;
	padding-left: 2%;
	font-weight: 600;
	font-family:malgun Gothic;}
.company_con03 .yu02 {width: 86%;
	padding-left: 2%;
	text-align: left;
	font-family:malgun Gothic;}


/*section3(파트너쉽)*/




/*section4(오시는길) + 솔루션 마지막 단락에도 추가됨*/

#company_section4{
	background:#000;
	width:100%;
	height:100%;}
.company_section4_bg
.company_section4_maintext>p>img {
	position: relative;
	width: 15%;
	top: 180px;
	left: 20%; }
.company_section4_sudtext {
	width: 40%;
	top: -160px;
	position: relative;
	left: 55%;}
.company_section4_text01 {
	font-size:24px;
	color:#000;
	font-weight:600;
	padding-bottom:10px;}
.company_section4_text02 {
	font-size:17px;
	color:#000;
	font-weight:500;
	letter-spacing:1px;
	line-height:150%;
	padding-bottom:40px;}
.company_section4_btn>a {
	cursor:pointer;
	padding:15px 30px;
	background:transparent;
	border:3px solid #000;
	color:#000;
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	transition:all 0.6s;}
.company_section4_btn>a:hover{
	background:#000;
	color:#fff;
	transition:all 0.6s}
.section4_comig {
    width: 50%;
    padding: 45px 0;
    margin: 10px auto;
	}
.comig01_bigtext {
	font-size: 30px;
    color: #fff;
    font-family: malgun Gothic;
    font-weight: 700;
    text-align: center; 
	}
.comig_box{margin:20px 0 10px 0;}
.section4_comig .comig_call 
{display: inline-block;
    padding: 10px 0px;
    width: 49%;
    border: 2px solid #fff;
    border-radius: 10px;
    margin-top: 10px;
    text-align: center;
    line-height: 22px;
    margin-bottom: 20px;
    background-color: #fff;
    transition: all 0.3s;
    background: transparent;
    color: #fff;
    margin-right: 7px;
	}
.section4_comig .comig_call:hover {
	background-color:#fff;
	color:#000; 
	}
.section4_comig .comig_ad {
	display: inline-block;
    padding: 10px 0px;
    width: 49%;
    border: 2px solid #fff;
    border-radius: 10px;
    margin-top: 10px;
    text-align: center;
    line-height: 22px;
    margin-bottom: 20px;
    background-color: #fff;
    transition: all 0.3s;
    background: transparent;
    color: #fff;
	}
.section4_comig .comig_ad:hover {
	background-color:#fff;
	color:#000;	
	}
.comig01_text{
	font-size:15px;
	font-family:malgun Gothic;
	margin: 10px 0;
	}
.comig02_text{
	font-weight:700;
	font-family:malgun Gothic;

	}
.company_foot_section4{
	margin:0;
	}
.company_foot_section4_li
{color:#d3d3d3;
	font-size:1.2rem;
	margin:15px 0;
	}
.company_foot_section4_li02{
	color:#fff;
	font-size:1.8rem;
	margin: 0;
	font-weight:500;
	text-align: center;
	font-family: NanumGothic;
	padding: 10px 0 0 0;
	}
	
	
.adress_icon{
	width: 17px;
    margin: 5px 10px 0 10px;
}
.company_foot_section4_li>a{color:#d3d3d3;
	font-size:1.2rem;
	}
.company_foot_section4_li>a:hover{color:#fff;
	font-weight:600;
	}




/*-----------마케팅 메인-----------------------------------------------------------------------------------------------*/

/*----*/
.merchant_section3{display: none;}
.merchant_section4{display: none;}
.merchant_section5{display: none;}
.merchant_section6{display: none;}




/*section1(메인)*/
.merchant_section1_bg {position:relative;
	left: 0px;
	min-width:100%;
	width:100%;
	height:100%;
	height:100vh;
	overflow: hidden; 
	background:url("../img/main/hero-bg3.jpg") no-repeat 50% 61% fixed;}
.xyalign08{position:relative;
	top:27%; 
	left: 50%; 
	-moz-transform: translate(-50%,-50%); 
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);}
.merchant_section1_wrap {
	position: absolute;
	width:950px;
	margin:0 auto 0 auto;
	} 
.merchant_section1_wrap img {
	width:100%;
	display: block;
	margin: 0px auto;
	}
.merchant_banner {
	position:absolute;
	width:300px;
	height:650px;
	top:-90px;
	margin:0 0 0 650px;
	padding:0;
	overflow: hidden;
	}
.merchant_banner ul {
	position: absolute;
	margin: 0;
	padding:0;
	list-style: none; 
	
	}
.merchant_banner ul li {
	float: left;
	width:300px;
	height:650px;
	margin:0;
	padding:0;
	}
.merchant_banner ul li img{
	width:300px;
	height:580px;
	margin:0;
	}
.merchant_banner_text{
	font-size:19px;
	text-align:center;
	font-weight:700;
	color:#fff;
	font-family: NanumGothic;
	margin:0;
	}
.merchant_section1_sudtext_mobile{display:none;}
.merchant_section1_sudtext_pc {
	margin-top:-20px;
	display:block;
	}
.merchant_section1_group01{
    font-size: 32px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 600;
    display: block;
    position: relative;
    left: -100px;
    opacity: 0;
    font-family: malgun Gothic;
    letter-spacing: -1px;}
.merchant_section1_group02 {
    font-size: 32px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 600;
    display: block;
    position: relative;
    left: -80px;
    opacity: 0;
    font-family: malgun Gothic;
    letter-spacing: -1px;
	}
.merchant_section1_text{font-size:18px;
	color:#fff;
	margin-bottom:30px;
	opacity:0;
	font-family:malgun Gothic;
letter-spacing: -1px;
}
.merchant_section1_text01>a {    
	font-size: 18px;
    color: #fff;
    width: 250px;
    height: 45px;
    display: block;
    margin: 10px 0;
    border: 1px solid #fff;
    background-color: #ffffff00;
    text-align: center;
    padding-top: 8px;
    font-family: malgun Gothic;
    font-weight: 400;
	}
.merchant_section1_text01>a:hover {cursor: pointer;
	background: transparent;
	transition: all 0.6s;
	background-color:#FFF;
	color:#000;
	font-weight:400;
	}




/*section2(유튜브 - 홍보)*/
#merchant_section2_bg {
	background:#5b45e3; 
	width:100%; 
	height:1000px;
	}
.merchant_section2_sudtext{
	width: 50%; 
	position: relative; 
	left:580px; 
	top:300px; 
	font-family:malgun Gothic;
	margin:0;
	}
.merchant_section2_text01 {
	font-size:24px;
	color:#fff;
	font-weight:600;
	padding-bottom:10px; 
	font-family:malgun Gothic;
	}
.merchant_section2_text02 {
	font-size:17px;
	color:#fff;
	font-weight:500;
	letter-spacing:1px;
	line-height:150%;
	padding-bottom:40px; 
	font-family:malgun Gothic;
	}
.merchant_section2_buttons>a{
    cursor: pointer;
    padding: 5px 0px;
    background: transparent;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    transition: all 0.6s;
    width: 250px;
    text-align: center;
    font-family: malgun Gothic;
    border: 1px #fff solid;
    float: left;
    height: 50px;
	}
.merchant_section2_buttons>a:hover{cursor: pointer;
    background: transparent;
    transition: all 0.6s;
    background-color: #FFF;
    color: #000;
    font-weight: 400;}
/*탭메뉴안에 슬라이드 css*/
.outer {width: 1000px; margin:0 auto;}
.tabs {margin-top:50px;}
.tab {display:none;}
.tab.active {display:block;
	top:300px; }
.buttons {position:absolute;
	margin-left:580px;
	margin-top: 300px;}
.buttons>li {width: 250px;
	height:50px;
	font-size:16px;
	display: block;
	color: #fff;
	margin: 10px auto;
	border: 1px solid #fff;
    background-color: #ffffff00;
	text-align: center;
	padding-top: 10px;
	font-family:malgun Gothic;
	 }
.buttons>li:hover {cursor: pointer;
	background: transparent;
	transition: all 0.6s;
	background-color:#FFF;
	color:#000;}
.buttons>li.active {background-color:#000;
	color:#fff;
	border: 1px solid #000;
	font-weight:400;
	font-family:malgun Gothic;}
.slider { width:400px;
	height:680px;
	padding-bottom:20px; }
.item {height:660px;
	width:300px; }
.item>img {width:80%;
	margin:0 auto;}
.slider_text {text-align:center;
	font-size:20px;
	color: #fff;
	font-weight:700;
	font-family:malgun Gothic;}


/*section3(카카오 - 홍보)*/
#merchant_section3_bg {
	background: linear-gradient( to right, #cf224e, #b80191 );
	width:100%; 
	height:1000px;
	}
.merchant_section3_sudtext{ 
	width: 50%; 
	position: relative; 
	left:0%; 
	top:400px; 
	font-family:malgun Gothic;
	margin:0;
	}
.merchant_section3_text01 {
	font-size:24px;
	color:#fff;
	font-weight:600;
	padding-bottom:10px; 
	font-family:malgun Gothic;
	}
.merchant_section3_text02 {
	font-size:17px;
	color:#fff;
	font-weight:500;
	letter-spacing:1px;
	line-height:150%;
	padding-bottom:40px; 
	font-family:malgun Gothic;
	}
	
/*탭메뉴안에 슬라이드 css*/
.section3_outer {
	width: 920px;
	margin: 0 auto;
	}
.section3_tabs {margin-top:50px;}
.section3_tab {display:none;}
.section3_tab.section3_active {
	display: block;
	position: relative;
	float: right;
	margin: 0;
	}
.section3_buttons {
	position: absolute;
	margin-left:0%;
	margin-top:385px;
	}
.section3_buttons>li {
	width: 250px; 
	height: 50px; 
	font-size: 16px;
	display: block; 
	color: #fff; 
	margin: 10px auto; 
	border: 1px solid #fff;
    background-color: #ffffff00; 
	text-align: center; 
	padding-top: 10px; 
	font-family:malgun Gothic;  
	}
.section3_buttons>li:hover { 
	cursor: pointer; 
	background: transparent;
	transition: all 0.6s; 
	background-color:#FFF; 
	color:#000;
	font-weight:400;
	}
.section3_buttons>li.section3_active{
	background-color:#000; 
	color:#fff; 
	border: 1px solid #000; 
	font-weight:400; 
	font-family:malgun Gothic; 
	}
.section3_slider { 
	width:400px;
	height:680px;
	}
.section3_item {
	height:660px;
	width:300px; 
	}
.section3_item>img {
	width:80%;
	margin: 0 auto;
	}
.section3_slider_text {
	text-align: center;
	font-size: 18px;
	color: #3a2400;
	font-weight: 700;
	font-family:malgun Gothic;
	}



/*section4(인스타그램 - 홍보)*/
#merchant_section4_bg {
	background:#1a449b; 
	width:100%; 
	height:1000px;
	}
.merchant_section4_sudtext    { 
	width: 50%; 
	position: relative; 
	left: 55%; 
	top:400px; 
	font-family:malgun Gothic;
	margin:0;
	}
.merchant_section4_text01 {
	font-size:24px;
	color:#fff;
	font-weight:600;
	padding-bottom:10px; 
	font-family:malgun Gothic;
	}
.merchant_section4_text02 {
	font-size:17px;
	color:#fff;
	font-weight:500;
	letter-spacing:1px;
	line-height:150%;
	padding-bottom:40px; 
	font-family:malgun Gothic;
	}
/*탭메뉴안에 슬라이드 css*/
.section4_outer {width: 1000px; margin: 0 auto;}
.section4_tabs {margin-top:50px;}
.section4_tab {display:none;}
.section4_tab.section4_active { display:block; }
.section4_buttons {
	position: absolute; 
	margin-left: 550px;
	margin-top:385px;}
.section4_buttons>li {
	width: 250px; 
	height: 50px;
	font-size: 16px; 
	display: block; 
	color: #fff;
	margin: 10px auto; 
	border: 1px solid #fff;
    background-color: #ffffff00; 
	text-align: center; 
	padding-top: 10px; 
	font-family:malgun Gothic;  
	}
.section4_buttons>li:hover { 
	cursor: pointer; 
	background: transparent;
	transition: all 0.6s; 
	background-color:#FFF; 
	color:#000;
	font-weight:400;
	}
.section4_buttons>li.section4_active{
	background-color:#000; 
	color:#fff; 
	border: 1px solid #000; 
	font-weight:400; 
	font-family:malgun Gothic; 
	}
.section4_slider { 
	width:400px;  
	height:680px;
	}
.section4_item {
	height:660px; 
	width:300px; 
	}
.section4_item>img {
	width:80%;  
	margin: 0 auto;
	}
.section4_slider_text {
	text-align: center;  
	font-size: 18px;  
	color: #fff;  
	font-weight: 700; 
	font-family:malgun Gothic;
	}


/*section5(페이스북 - 홍보)*/
#merchant_section5_bg {
	background:#ffc100;
	width:100%; 
	height:980px;
	}
.merchant_section5_sudtext    { 
	width: 50%; 
	position: relative; 
	left:5%; 
	top:400px; 
	font-family:malgun Gothic;
	margin:0;
	}
.merchant_section5_text01 {
	font-size:24px;
	color:#3a2400;
	font-weight:600;
	padding-bottom:10px; 
	font-family:malgun Gothic;
	}
.merchant_section5_text02 {
	font-size:17px;
	color:#3a2400;
	font-weight:500;
	letter-spacing:1px;
	line-height:150%;
	padding-bottom:40px; 
	font-family:malgun Gothic;
	}
	
/*탭메뉴안에 슬라이드 css*/
.section5_outer {
	width: 1000px; 
	margin: 0 auto;
	}
.section5_tabs {margin-top:50px;}
.section5_tab {display:none;}
.section5_tab.section5_active { 
	display: block; 
	position: relative; 
	float: right; 
	margin: 0;
	}
.section5_buttons {
	position: absolute; 
	margin-left:3.5%; 
	margin-top:385px;
	}

.section5_buttons>li {
	width: 250px;
	height: 50px; 
	font-size: 16px; 
	display: block; 
	color: #3a2400; 
	margin: 10px auto; 
	border: 1px solid #3a2400;
    background-color: #ffffff00;
	text-align: center; 
	padding-top: 10px; 
	font-family:malgun Gothic; 
	}
	
.section5_buttons>li:hover { 
	cursor: pointer; 
	background: transparent;
	transition: all 0.6s; 
	background-color:#ececec; 
	color:#000;
	font-weight:400;
	}
.section5_buttons>li.section5_active{
	background-color:#3a2400; 
	color:#fff; 
	border: 2px solid #3a2400; 
	font-weight:400; 
	font-family:malgun Gothic; 
	}
.section5_slider { 
	width:400px;  
	height:680px;
	}
.section5_item {
	height:660px; 
	width:300px; 
	}
.section5_item>img {
	width:80%;  
	margin: 0 auto;
	}
.section5_slider_text {
	text-align: center; 
	font-size: 18px;  
	color: #fff;  
	font-weight: 700; 
	font-family:malgun Gothic;
	}



/*section6(CPI - 홍보)*/
#merchant_section6_bg {
	background:#fff;
	width:100%; 
	height:1000px;
	}
.merchant_section6_sudtext { 
	width: 50%; 
	position: relative; 
	left: 55%; 
	top:400px; 
	font-family:malgun Gothic;
	margin:0;
	}
.merchant_section6_text01 {
	font-size:24px;
	color:#000;
	font-weight:600;
	padding-bottom:10px; 
	font-family:malgun Gothic;
	}
.merchant_section6_text02 {
	font-size:17px;
	color:#000;
	font-weight:500;
	letter-spacing:1px;
	line-height:150%;
	padding-bottom:40px; 
	font-family:malgun Gothic;
	}
/*탭메뉴안에 슬라이드 css*/
.section6_outer {
	width: 1000px; 
	margin: 0 auto;
	}
.section6_tabs {margin-top:50px;}
.section6_tab {display:none;}
.section6_tab.section6_active { display:block; }
.section6_buttons {
	position: absolute; 
	margin-left: 550px; 
	margin-top: 385px;
	}
.section6_buttons>li {
    width: 250px;
    height: 50px;
    font-size: 16px;
    display: block;
    color: #000;
    margin: 10px auto;
    border: 1px solid #000;
    background-color: #ffffff00;
    text-align: center;
    padding-top: 10px;
    font-family: malgun Gothic;
	}
.section6_buttons>li:hover { 
    cursor: pointer;
    background: transparent;
    transition: all 0.6s;
    background-color: #afafaf;
    color: #000;
    font-weight:400;
	}
.section6_buttons>li.section6_active{
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    font-weight: 400;
    font-family: malgun Gothic;
	}
.section6_slider { 
	width:400px;  
	height:680px;}
.section6_item {
	height:660px; 
	width:300px; 
	}
.section6_item>img {
	width:80%;  
	margin: 0 auto;
	}
.section6_slider_text {
	text-align: center;  
	font-size: 18px;  
	color: #fff;  
	font-weight: 700; 
	font-family:malgun Gothic;
	}




/*section7(CPA - 홍보)*/
#merchant_section7_bg {
	background: #afafaf; 
	width:100%; 
	height:980px;
	}
.merchant_section7_sudtext { 
	width: 50%; 
	position: relative; 
	left:5%; 
	top:400px; 
	font-family:malgun Gothic;
	margin:0;
	}
.merchant_section7_text01 {
	font-size:24px;
	color:#000;
	font-weight:600;
	padding-bottom:10px; 
	font-family:malgun Gothic;
	}
.merchant_section7_text02 {
	font-size:17px;
	color:#000;
	font-weight:500;
	letter-spacing:1px;
	line-height:150%;
	padding-bottom:40px; 
	font-family:malgun Gothic;
	}
	
/*탭메뉴안에 슬라이드 css*/
.section7_outer {
	width: 1000px;
	margin: 0 auto;
	}
.section7_tabs {margin-top:50px;}
.section7_tab {display:none;}
.section7_tab.section7_active { 
	display: block; 
	position: relative; 
	float: right; 
	margin: 0;
	}
.section7_buttons {
	position: absolute; 
	margin-left:0%; 
	margin-top:385px;
	}
.section7_buttons {
	position: absolute; 
	margin-left:3.5%; 
	margin-top:385px;
	}
.section7_buttons>li {
    width: 250px;
    height: 50px;
    font-size: 16px;
    display: block;
    color: #000;
    margin: 10px auto;
    border: 1px solid #000;
    background-color: #ffffff00;
    text-align: center;
    padding-top: 10px;
    font-family: malgun Gothic;
	}
.section7_buttons>li:hover { 
cursor: pointer;
    background: transparent;
    transition: all 0.6s;
    background-color: #ececec;
    color: #000;
    font-weight: 400;
	}
.section7_buttons>li.section7_active{
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    font-weight: 400;
    font-family: malgun Gothic;
	}
.section7_slider { 
	width:400px;  
	height:680px;
	}
.section7_item {
	height:660px; 
	width:300px; 
	}
.section7_item>img {
	width:80%;  
	margin: 0 auto;
	}
.section7_slider_text {
	text-align: center;  
	font-size: 18px;  
	color: #313131;  
	font-weight: 700; 
	font-family:malgun Gothic;
	}






/*-----------솔루션 메인-----------------------------------------------------------------------------------------------*/


/*section1(메인)*/
.solution_section1_bg {position:relative;
	left: 0px;
	min-width: 100%;
	width:100%;
	height:100vh;
	overflow: hidden; 
	background:url("../img/solution/solution_main.jpg") no-repeat 50% 18% fixed;
	}
.xyalign07{position:relative;
	top:50%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	}
.solution_section1_wrap {
	position: absolute; 
	width:1000px; 
	margin:0 auto;
	} 
.solution_section1_wrap img { 
	width:100%; 
	display: block; 
	margin: 0px auto;
	}
.solution_banner {
    position: absolute;
    width: 300px;
    height: 610px;
    top: -250px;
    margin: 0 0 0 700px;
    padding: 0;
    overflow: hidden;
	}
.solution_banner ul {
	position: absolute; 
	margin: 0px; 
	padding:0; 
	list-style: none; 
	}
.solution_banner ul li {
	float: left; 
	width:300px; 
	height:610px; 
	margin:0; 
	padding:0;
	}
.solution_banner ul li img{
	width:300px; 
	height:610px;
	}

.solution_section1_maintext{
	position: absolute;
    left: 155px;
}
.solution_section1_text02 {
	text-align: left;
    font-size: 38px;
    font-weight: 600;
    color: #fff;
    display: block;
    bottom: -50px;
    position: relative;
    opacity: 0;
    font-family: malgun Gothic;
    margin-bottom: 5px;
    margin-top: 0;
    letter-spacing: 0;
    line-height: 45px;
	}
.solution_section1_text03 {
    text-align: left;
    font-size: 23px;
    font-weight: 500;
    color: #fff;
    display: block;
    bottom: 0;
    position: relative;
    opacity: 0;
    font-family: malgun Gothic;
    line-height: 48px;
    margin: 0;
	}
.solution_section1_text04 {
    text-align: left;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    display: block;
    bottom: 0;
    position: relative;
    opacity: 0;
    font-family: malgun Gothic;
    line-height: 40px;
    margin: 0;
	}




/*section3(소셜윙스)*/
.solution_section4_bg {
	background: #f4f4f4;
    width: 100%;
    height: 1000px;
    margin: 0 0 50px 0;}
.solution_section4-wrap {}
.solution_section4_sudtext {
	font-size:30px; 
	color:#081d33;  
	padding:155px 0 20px 0; 
	text-align:center; 
	font-weight:700;
	font-family:malgun Gothic;
	margin: 0;
	}
.solution_section4_text01 {
    font-size: 22px;
    color: #666;
    text-align: center;
    font-weight: 600;
    font-family: malgun Gothic;
    margin: 0;
	}
.solution_section4_main{
	width:900px; 
	margin:70px auto;
	}
.solution_section4_img {width: 45%;}
.solution_section4_sub {
	width: 45%; 
	float: right; 
	margin-top: -515px;
	}
.solution_section4_sub>ul {
	clear: both; 
	padding: 5px 0;
	}
.solution_section4_icon {
	width: 20%; 
	padding: 7px 5% 7px 0%;
	}
.solution_section4_text02>span {
	font-size: 21px; 
	font-weight: 600; 
	color: #333333; 
	padding: 12px 0 7px 0; 
	display: block; 
	font-family:malgun Gothic;
	}
.solution_section4_text02 {
	float: left; 
	text-align: left; 
	font-size: 16px; 
	color: #666; 
	margin: 15px 0; 
	line-height: 26px;
	font-family:malgun Gothic;
	letter-spacing: -1px;
	}
.solution_section4_text04>a {
	cursor: pointer;
    padding: 15px 30px;
    background: #8d0000;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.6s;
    width: 63%;
    float: left;
    margin: 1rem 0;
    text-align: center;
    font-family: malgun Gothic;}
.solution_section4_text04>a:hover {
	background:#000;
	color:#fff;
	transition:all 0.6s
	}





/*section2(코인애드)*/
#section2{height:anto;}
.solution_section2_bg { 
	background:#fff;
	width: 100%; 
	height:1000px; 
	}
.solution_section2-wrap {}
.solution_section2_sudtext {
	font-size:30px; 
	color:#081d33;  
	padding:155px 0 20px 0; 
	text-align:center; 
	font-weight:700;
	font-family:malgun Gothic;
	margin: 0;
	}
.solution_section2_text01 {
    font-size: 22px;
    color: #666;
    text-align: center;
    font-weight: 600;
    font-family: malgun Gothic;
    margin: 0;
	}
.solution_section2_main{width:900px; margin:70px auto;}
.solution_section2_img {width: 45%;}
.solution_section2_sub {width: 45%; float: right; margin-top: -515px;}
.solution_section2_sub>ul {clear: both; padding: 5px 0;}
.solution_section2_icon {width: 20%; padding: 7px 5% 7px 0%;}
.solution_section2_text02>span {font-size: 21px; font-weight: 600; color: #333333; padding: 12px 0 7px 0; display: block; font-family:malgun Gothic;}
.solution_section2_text02 {
	float: left; 
	text-align: left; 
	font-size: 16px; 
	color: #666; 
	margin: 15px 0; 
	line-height: 26px;
	font-family:malgun Gothic;
	}
.solution_section2_text03>a {cursor: pointer;
    padding: 15px 30px;
    background: #1e357c;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    
    transition: all 0.6s;
    width: 63%;
    float: left;
    margin: 1rem 0;
    text-align: center;
    font-family: malgun Gothic;}
.solution_section2_text03>a:hover {background:#000;color:#fff;transition:all 0.6s}


/*section3(포인트업)*/
.solution_section3_bg {
	background: #f4f4f4;
    width: 100%;
    height: 1000px;
    margin: 0 0 50px 0;}
.solution_section3-wrap {}
.solution_section3_sudtext {
	font-size:30px; 
	color:#081d33;  
	padding:155px 0 20px 0; 
	text-align:center; 
	font-weight:700;
	font-family:malgun Gothic;
	margin: 0;
	}
.solution_section3_text01 {
    font-size: 22px;
    color: #666;
    text-align: center;
    font-weight: 600;
    font-family: malgun Gothic;
    margin: 0;
	}
.solution_section3_main{
	width:900px; 
	margin:70px auto;
	}
.solution_section3_img {width: 45%;}
.solution_section3_sub {
	width: 45%; 
	float: right; 
	margin-top: -515px;
	}
.solution_section3_sub>ul {
	clear: both; 
	padding: 5px 0;
	}
.solution_section3_icon {
	width: 20%; 
	padding: 7px 5% 7px 0%;
	}
.solution_section3_text02>span {
	font-size: 21px; 
	font-weight: 600; 
	color: #333333; 
	padding: 12px 0 7px 0; 
	display: block; 
	font-family:malgun Gothic;
	}
.solution_section3_text02 {
	float: left; 
	text-align: left; 
	font-size: 16px; 
	color: #666; 
	margin: 15px 0; 
	line-height: 26px;
	font-family:malgun Gothic;
	letter-spacing: -1px;
	}
.solution_section2_text04>a {
	cursor: pointer;
    padding: 15px 30px;
    background: #ff3636;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.6s;
    width: 63%;
    float: left;
    margin: 1rem 0;
    text-align: center;
    font-family: malgun Gothic;}
.solution_section2_text04>a:hover {
	background:#000;
	color:#fff;
	transition:all 0.6s
	}


/*section4(오시는길)은 공통으로 들어가는 부분이기에 상단 css으로 사용됨*/