/*-----------공통으로 들어가는 css-----------------------------------------------------------------------------------------------*/
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,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}


/*-----------해더-----------------------------------------------------------------------------------------------*/
#header{z-index:3;position:fixed;top:0;left:0;width:100%;height:75px;background:transparent;border-bottom:1px solid rgba(255,255,255, 0.3);transition:all 0.6s;}
#header.headClass.addfixed{height:80px;background:#000000;border-bottom:0;transition:all 0.6s;}

.header-wrap{width:100%;max-width:1170px;height:75px;margin:0 auto;}
.header-conent-wrap{margin:0 15px;}

.header-nav-wrap{width:100%;}
.header-nav-wrap>li:nth-child(1){float:left;}
.header-nav-wrap>li>h1{padding:23px 0;transition:all 0.6s;}
.header-nav-wrap>li>h1.headClass.addfixed{padding:25px 0;transition:all 0.6s;}
.header-nav-wrap>li>h1>a>img{width:auto;height:29px;}

.header-nav-wrap>li:nth-child(2){float:right;}
.header-nav-wrap>li>nav{padding:32px 0;transition:all 0.6s;}
.header-nav-wrap>li>nav.headClass.addfixed{padding:31px 0;transition:all 0.6s;}
.header-nav-wrap>li>nav>ul{width:100%;}
.header-nav-wrap>li>nav>ul>li{float:left;margin:0 30px;}
.header-nav-wrap>li>nav>ul>li:last-child{margin:0 30px;}
.header-nav-wrap>li>nav>ul>li>a{display:block;
	color:#b3b3b3;
	font-size:13px;
	font-weight:600;
	padding-bottom:5px;
	border-bottom:1px solid transparent;
	transition:all 0.3s;
	font-family:malgun Gothic;}
.header-nav-wrap>li>nav>ul>li>a.addNavBt{border-bottom:1px solid #fff;transition:all 0.3s;}
.header-nav-wrap>li>nav>ul>li>a:hover{transition:all 0.3s; opacity:1; font-size:13.5px; color:#fff; }
.header-nav-wrap>li>nav>ul>li>a:before{opacity:1; color:#fff; }
.header-nav-wrap>li>nav>ul>li>a:after{opacity:1; color:#fff; }

.screen { 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%;}

/*-----------문의하기(메인 페이지 + 마케팅 페이지)-----------------------------------------------------------------------------------------------*/



/*문의하기*/
.index_section5_bg {
    background-color: #000;
    width: 100%;
    height: auto;
    padding: 0 0 10px 0;
}
.section5_download_text01 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 65px 0 30px 0;
    margin: 0 auto;
    font-family: malgun Gothic;
}
.inquiry_all {
    width: 1000px;
    margin: 0 auto;
    height: auto;
}
.inquary_table {
    width: 100%;
    height: 442px;
}
.main_select01 {
    width: 100%;
    padding: 15px 0;
    margin: 0;
    height: 50px;
}
.main_input01 {
    padding: 5px 0;
    float: left;
    width: 50%;
}
.main_input01>li>input {
    width: 98.5%;
    padding: 15px 0;
    margin: 5px 0;
    text-align: center;
}
.main_input02 {
    width: 50%;
    padding: 5px 0;
    float: left;
}
.main_input02>li>input {
    width: 99%;
    padding: 15px 0;
    margin: 5px 0;
    text-align: center;
}
.main_textarea02 {
    padding: 20px 0;
    text-align: center;
}
.checkbox_style01 {	vertical-align:middle; background-color: #fff; width:20px; height:20px; }
.text_accept{font-size:14px; text-align:left; width:100%; color:#fff; text-align: center;
    margin-top: 10px;}
.sns_btn {cursor: pointer;
    padding: 20px 0;
    background: transparent;
    color: #fff;
    font-size: 16px;
    font-family: malgun Gothic;
    font-weight: 600;
    
    transition: all 0.6s;
    width: 100%;
    float: left;
    margin-top: 15px;
    text-align: center;
    height: auto;
    box-shadow: 0 0 0 3px #fff inset;
    display: block;}
.sns_btn:hover{cursor: pointer;
    background: transparent;
    transition: all 0.6s;
    background-color: #FFF;
    color: #000;
    font-weight: 600;}
.section5_download {
    width: 100%;
    margin: 70px auto 20px auto;
    background-color: #000;
    height: 113px;
}
.section5_download_text02 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin: 0px auto 21px auto;
    font-family: malgun Gothic;
}
.section5_download_ul {
    height: auto;
    width: 1000px;
    margin: 0 auto;
}
.section5_download_li>a {cursor: pointer;
    padding: 20px 0px;
    background: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.6s;
    width: 49%;
    float: left;
    text-align: center;
    font-family: malgun Gothic;
    box-shadow: 0 0 0 3px #fff inset;
    margin: 0 5px;}
.section5_download_li>a:hover{cursor: pointer;
    background: transparent;
    transition: all 0.6s;
    background-color: #FFF;
    color: #000;
    font-weight: 600;}
.footer-wrap {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.footer-content-row2-wrap {
    margin: 0 auto;
    width: 29.9%;
}
.footer-section5-Plus {
    margin: 10px;
}
.footer-section5-Plus img {
    width: 50px;
}
.footer-content-row1-wrap {
    text-align: center;
    padding: 10px 0 0 0;
    line-height: 27px;
}
.footer-content-row1-wrap>li>p{
    font-size: 15px;
    color: #838383;
    font-family: malgun Gothic;
    font-weight: 600;
}
.footer-content-row1-wrap>li>p>a {color: #717171;}
.footer-content-row1-wrap>li>p>a:hover {color: #fff;}
.Copyright {font-size: 15px;
    color: #838383;
    font-family: malgun Gothic;
    font-weight: 600;}
	
/*-----------회사소개 푸터-----------------------------------------------------------------------------------------------*/
.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_메인------------------------*/
.index_section1_bg {height:100%;  height:100vh;  background:#0a2e88;   position:relative; top: 0; width: 100%; }
.section1-wrap {position: relative; width: 1000px; margin: 0 auto; top: 280px; text-align: center;} 
.section1_sudtext { width:100%; margin-top:90px; }
.section1_text01 {font-size:3.5rem; color:#fff; margin-bottom:60px; font-weight:300; display:block; position:relative; top:-100px; opacity:0; line-height:5rem; font-family:malgun Gothic}
.section1_text02_pc {font-size:3rem; 
	color:#fff;
	font-weight:500;
	opacity:0;
	font-family:malgun Gothic;
	letter-spacing: -3px;
	display:block}
.section1_text02_moblie{display:none;}
.xyalign01{position: absolute; top: 50%;  left: 50%;  -moz-transform: translate(-50%,-50%);  -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

@-webkit-keyframes progress1 { 0% {   -webkit-transform: scalex(0);  transform: scalex(0); opacity: .5;}
  90% {-webkit-transform: scalex(1); transform: scalex(1);  opacity: 1;}
  92% {-webkit-transform: scalex(1); transform: scalex(1);  opacity: 1;}
  100% {-webkit-transform: scalex(1); transform: scalex(1); opacity: 0;} }
@keyframes progress1 {  0% {    -webkit-transform: scalex(0);            transform: scalex(0);    opacity: .5;  }
  90% {    -webkit-transform: scalex(1);            transform: scalex(1);    opacity: 1;  }
  92% {    -webkit-transform: scalex(1);            transform: scalex(1);    opacity: 1;  }
  100% {    -webkit-transform: scalex(1);            transform: scalex(1);    opacity: 0;  }}
@-webkit-keyframes progress2 {  0% {    -webkit-transform: scale(0.3, 0.8) translatez(0);            transform: scale(0.3, 0.8) translatez(0);    opacity: 0;  }
  90% {-webkit-transform: scale(1, 1) translatex(300px) translatez(0);            transform: scale(1, 1) translatex(300px) translatez(0);    opacity: 1;  }
  100% {    -webkit-transform: scale(1, 1) translatex(300px) translatez(0);            transform: scale(1, 1) translatex(300px) translatez(0);    opacity: 0;  }}
@keyframes progress2 {  0% {    -webkit-transform: scale(0.3, 0.8) translatez(0);            transform: scale(0.3, 0.8) translatez(0);    opacity: 0;  }
  90% {    -webkit-transform: scale(1, 1) translatex(300px) translatez(0);            transform: scale(1, 1) translatex(300px) translatez(0);    opacity: 1;  }
  100% {    -webkit-transform: scale(1, 1) translatex(300px) translatez(0);            transform: scale(1, 1) translatex(300px) translatez(0);    opacity: 0;  }}
.line {position: absolute;    top: 105%;    width:880px;    left:21%;    margin-left: -150px;    height: 4px;    background: rgba(255, 255, 255, 0.1);}
.line:before {  -webkit-animation: progress1 4s infinite;          animation: progress1 4s infinite;  -webkit-transform-origin: 0 0;          transform-origin: 0 0;
  content: "";  display: block;  width: 880px;  height: 100%;  background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0.4) 80%, white);}
 
 
 .cd-scroll-down {
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 60px;
  width: 44px;
  height: 44px;
  background: url(../img/main/arrow-bottom.png) no-repeat center center;
}

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



  
/*홈페이지 섹션02_마케팅 메인------------------------*/
.index_section2_bg {width: 100%;
    height:100%;  height:100vh;
	background:#eeeeee;}
.xyalign10{position:relative;
	top:37%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	
transform: translate(-50%,-50%);}
.index_section2_box{width: 1000px;}
.index_section2_text1 {font-size: 2.8rem;
    padding: 0 0 2rem 0;
    font-weight: 900;
    color: #0a2e88;
    font-family: malgun Gothic;
	letter-spacing: -1px;}
.index_section2_text2 {font-size: 2.2rem;
    font-weight: 600;
    color: #4b4b4b;
    display: block;
    bottom: -100px;
    position: relative;
    opacity: 0;
    font-family: malgun Gothic;
    line-height: 56px;}
.index_section2_text3 {font-size:2.2rem; 
	padding:0 0 0.8rem 0; 
	font-weight:600; 
	color:#4b4b4b; 
	display:block;
	bottom:-80px; 
	position:relative; 
	opacity:0;
	font-family:malgun Gothic;
	line-height:56px;}						
.index_section2_mobile{display:none;}
.index_section2_text4>a {cursor:pointer;
	padding:15px 30px;
	background:#0a2e88;
	color:#fff; 
	font-size:14px;
	margin: 50px 0 0 0;
	font-weight:600;
	text-transform:uppercase;
	transition:all 0.6s;
	width:22%;
	float:left;
	text-align:center;
	font-family:malgun Gothic}
.index_section2_text4>a:hover {background:#000;
	color:#fff;
	transition:all 0.6s}
.index_section2_text4_mobile{display:none;}
.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;}

	
/*홈페이지 섹션03_누전된 광고수 &광고주 / 파트너쉽------------------------*/
.index_section3_bg { width:100%;
	height:100vh;
	height:100%;}
.index_section3_smallbox {width:1000px;}
.index_section3_text01 {font-size:1.5rem;
	color: #000;
	font-weight: 500;
	width:473px;
	display: inline-block;
	border: 2px solid #4b4b4b;
	padding: 60px 0px;
	text-align: center;
    margin:0 10px 0 10px;
	color:#4b4b4b;
	font-family:malgun Gothic}
.s3Num {font-weight:700;
	color:#000;
	display:inline-block;
	padding:10px 0 0 0;
	font-size:1.9rem;}
.xyalign03{position: relative;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);}
.index_Partner_warp{width:100%;
	background:#fff;
	height:auto}
.index_Partner{width:95%;
	margin:0px auto 100px auto;}
.index_Partner_text {font-size:25px;
	color:#666666;
	font-weight:600;
	float:left;
	padding-bottom:20px;}


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


/*section1 (회사소개 - 메인)*/
#company_section1{height:100vh; height:100%; width:100%;}
.company_section1_bg{ position: absolute;
	left: 0px;
	min-width: 100%;
	width:100%;
	height:100%;
	height:100vh;
	overflow: hidden; 
	background:url(../img/main/company_main.jpg) no-repeat 50% 26% fixed;
	background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;}
.company_section1_sudtext_pc {
	display:block;
	position:absolute;
	width:100%;
	text-align:center;
	margin:0 auto;
	font-family:malgun Gothic;}
.company_section1_sudtext_moblie{display:none;}
.xyalign05{position:absolute;
	top:50%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);}
.company_section1_text01 {text-align:center;
	font-size:2.7rem;
	font-weight:600;
	color:#fff;
	display:block;
	bottom:-50px;
	position:relative; 
	opacity:0;
	font-family:malgun Gothic;
	margin-bottom:25px;}
.company_section1_text02 {text-align:center;
	font-size:1.3rem;
	font-weight:500;
	color:#fff;
	display:block;
	bottom:-30px;
	position:relative; 
	opacity:0;
	font-family:malgun Gothic;
	line-height:38px;}
.company_section1_text03 {text-align:center;
	font-size:1.3rem;
	font-weight:500;
	color:#fff;
	display:block;
	bottom:-10px;
	position:relative; 
	opacity:0;
	font-family:malgun Gothic;
	line-height:38px;}


.company_section1-down {
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 60px;
  top: 75%;
  width: 44px;
  height: 44px;
  background: url(../img/main/arrow-bottom.png) no-repeat center center;
}

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









/*section1_공지&뉴스*/
#section1_2 {bottom: 0;
    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:22.5px 0; color:#fff; font-weight:600; width:80px;}
.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:-34px; padding-top:5px; padding-left:15px; }
.section2-left .section2-left-wrap div ul li { font-size:14px; font-weight:bold; padding:10px 0; width:350px;}
.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:22.5px 0; color:#000; font-weight:600; width:40px;}
.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; top:0; margin-top:-34px; padding-top:5px; padding-left:15px; }
.section2-right .section2-right-wrap div ul li { font-size:14px; font-weight:bold; padding:10px 0; width:350px;}
.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; }
.section2-right .section2-right-wrap span.section2-Plus a img { width:36px;  }



/*section2(회사 플랫폼)*/
#company_section2{	height:100%;
	height:100vh; width:100%;}
.company_section2_bg {background:#0a2e88;
	width:100%;
	height:100%;
	height:100vh;}
.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}
.company_section-wrap  { }
.company_section2-content-wrap {color:#fff;
	font-size:30px; }
.company_section2-content-wrap>li>h5 {font-size:22px;
	font-weight:600;
	font-family:malgun Gothic;}
.company_section2-content-wrap>li {float:left;
	width:30%;
	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: 9px 0;
	font-size: 14px;
	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(파트너쉽)*/
.Partner_warp{width:100%;
	padding:65px 0;
	background:#fff;
	height:auto}
.Partner{width:1150px;
	margin:0 auto 50px auto;}
.Partner_text {font-size:25px;
	color:#666666;
	font-weight:600;
	float:left;
	padding-bottom:20px;}



/*section4(오시는길) + 솔루션 마지막 단락에도 추가됨*/
.company_section4_bg{background:#000;
	width:100%;
	height:100%;}
.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 {margin:0 auto;
	width:1000px;
	padding:40px 0 30px 0;}
.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;}
.company_foot_section4{margin:30px 0 80px 0;}
.company_foot_section4_li{color:#d3d3d3;
	font-size:1.2rem;
	margin:15px 0;}
.company_foot_section4_li02{color:#fff;
	font-size:1.2rem;
	margin:15px 0;
	font-weight:500;
	text-align: center;}
.company_foot_section4_li>a{color:#d3d3d3;
	font-size:1.2rem;}
.company_foot_section4_li>a:hover{color:#fff;
	font-weight:600;}




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


/*section1(메인)*/
.merchant_section1_bg {position:relative;
	left: 0px;
	min-width:100%;
	width:100%;
	height:100%;
	height:100vh;
	overflow: hidden; 
	background:url("../img/merchant/merchant_main.jpg") no-repeat 50% 61% fixed;}
.xyalign08{position:relative;
	top:57%; 
	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: 0px;
	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;}
.merchant_banner_text{font-size:19px;
	text-align:center;
	font-weight:700;
	margin:10px 0;
	color:#fff;}
.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:35px;
	display:block;
	margin: 10px 0;
	border: 2px solid #fff;
	background-color:#ffffff00;
	text-align:center; padding-top:12px;
	font-family:malgun Gothic;font-weight:600;}
.merchant_section1_text01>a:hover {cursor: pointer;
	background: transparent;
	transition: all 0.6s;
	background-color:#FFF;
	color:#000;
	font-weight:600;}



.merchant_section2-down{display: none;}
.merchant_section3-down{display: none;}
.merchant_section4-down{display: none;}
.merchant_section5-down{display: none;}



/*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;}
.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: 18px 0px;
    background: transparent;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.6s;
    width: 250px;
    text-align: center;
    font-family: malgun Gothic;
    border: 2px #fff solid;
    float: left;}
.merchant_section2_buttons>a:hover{cursor: pointer;
    background: transparent;
    transition: all 0.6s;
    background-color: #FFF;
    color: #000;
    font-weight: 600;}
/*탭메뉴안에 슬라이드 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:35px;
	font-size:16px;
	display: block;
	color: #fff;
	margin: 10px auto;
	border: 2px solid #fff;
    background-color: #ffffff00;
	text-align: center;
	padding-top: 14px;
	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: 2px solid #000;
	font-weight:700;
	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;}
.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: 35px; font-size: 16px; display: block; color: #fff; margin: 10px auto; border: 2px solid #fff;
    background-color: #ffffff00; text-align: center; padding-top: 14px; font-family:malgun Gothic;  }
.section3_buttons>li:hover { cursor: pointer; background: transparent;transition: all 0.6s; background-color:#FFF; color:#000;
					font-weight:600;}
.section3_buttons>li.section3_active{background-color:#000; color:#fff; border: 2px solid #000; font-weight:700; 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: #fff;  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;}
.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: 35px; font-size: 16px; display: block; color: #fff; margin: 10px auto; border: 2px solid #fff;
    background-color: #ffffff00; text-align: center; padding-top: 14px; font-family:malgun Gothic;  }
.section4_buttons>li:hover { cursor: pointer; background: transparent;transition: all 0.6s; background-color:#FFF; color:#000;
					font-weight:600;}
.section4_buttons>li.section4_active{background-color:#000; color:#fff; border: 2px solid #000; font-weight:700; 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(CPI - 홍보)*/
#merchant_section5_bg {background: #FFF; width:100%; height:980px;}
.merchant_section5_sudtext    { width: 50%; position: relative; left:0%; top:400px; font-family:malgun Gothic;}
.merchant_section5_text01 {font-size:24px;color:#000;font-weight:600;padding-bottom:10px; font-family:malgun Gothic;}
.merchant_section5_text02 {font-size:17px;color:#000;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:0%; margin-top:385px;}
.section5_buttons {position: absolute; margin-left:0%; margin-top:385px;}
.section5_buttons>li {width: 250px; height: 35px; font-size: 16px; display: block; color: #000; margin: 10px auto; border: 2px solid #000;
    background-color: #ffffff00; text-align: center; padding-top: 14px; font-family:malgun Gothic;  }
.section5_buttons>li:hover { cursor: pointer; background: transparent;transition: all 0.6s; background-color:#ececec; color:#000;
					font-weight:600;}
.section5_buttons>li.section5_active{background-color:#000; color:#fff; border: 2px solid #000; font-weight:700; 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: #313131;  font-weight: 700; font-family:malgun Gothic;}



/*section6(CPA - 홍보)*/
#merchant_section6_bg {background:#afafaf; width:100%; height:1000px;}
.merchant_section6_sudtext    { width: 50%; position: relative; left: 55%; top:400px; font-family:malgun Gothic;}
.merchant_section6_text01 {font-size:24px;color:#fff;font-weight:600;padding-bottom:10px; font-family:malgun Gothic;}
.merchant_section6_text02 {font-size:17px;color:#fff;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: 35px; font-size: 16px; display: block; color: #fff; margin: 10px auto; border: 2px solid #fff;
    background-color: #ffffff00; text-align: center; padding-top: 14px; font-family:malgun Gothic;  }
.section6_buttons>li:hover { cursor: pointer; background: transparent;transition: all 0.6s; background-color:#FFF; color:#000;
					font-weight:600;}
.section6_buttons>li.section6_active{background-color:#000; color:#fff; border: 2px solid #000; font-weight:700; 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;}









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


/*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:-180px;  margin:0 0 0 650px; 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_sudtext_pc {display:block; width:100%; margin-top:90px;  font-family:malgun Gothic;}
.solution_section1_sudtext_moblie{display:none;}
.solution_section1_text01 {font-size:2.3rem; padding:0 0 0.8rem 0; font-weight:600; color:#fff; display:block; bottom:-100px; position:relative; 
						opacity:0;font-family:malgun Gothic}
.solution_section1_text02 {font-size:2.3rem; padding:0 0 0.8rem 0; font-weight:600; color:#fff; display:block; bottom:-100px; position:relative; 
						opacity:0;font-family:malgun Gothic}


/*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;}
.solution_section2_text01 {font-size:18px; color:#666; padding:8px 0; text-align:center; font-weight:600; font-family:malgun Gothic;}
.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;}
.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;}
.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;}
.solution_section3_text01 {font-size:18px; color:#666; padding:8px 0; text-align:center; font-weight:600; font-family:malgun Gothic;}
.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;}
.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으로 사용됨*/