@charset "utf-8";



@media screen and (max-width:1200px) {




/*-----------1200px_메뉴---------------------------------------------------------------------------*/











/*-----------1200px_services---------------------------------------------------------------------------*/


.pc{
	display:none;
	}
.moblie{
	display:block;
}


.s-services{
	padding:50px 0;
	}

.row{
	width: 92%;
	}
.container{
	max-width: 88%;
    margin: 0 auto;
	}
.carousel-inner{
    height: 708px;
}
.item_active02{
	background-color: #515151;
    color: #fff;
    letter-spacing: 2px;
    padding: 0px 25px;
    --btn-height: 48px;
    margin: 15px 0;
}
.detail .app-screenshot{
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    padding-top: 66px;
    width: 319px;
    height: 450px;
    background: url(../img/iphone-front.png) no-repeat;
    background-size: 100%;
}
.detail .app-screenshot img{
	margin-right: auto;
    margin-left: auto;
    padding-left: 4px;
    width: 89%;	
}
.detail{
	padding: 0 0 50px 0;
}

.detail .carousel h1{
	margin-top: 0;
}

.row .row{
	margin: 0 auto;
    display: block;
}



.section-header .text-display-title{
	font-size: 30px;	
}

.s-about__desc{
	 font-size: 25px;
}

.carousel-inner>.item{
	width: 100%;
    margin: 0 auto;
    text-align: center;
}
	
  
/*1200px_section2*/
.index_section2_bg {width: 100%;
    margin: 0 auto;
    text-align: center;
    height: 100%;}
.index_section2_box{float: none;
    margin: 0 auto;
	width:100%}
.index_section2_pc{display:none;}
.index_section2_mobile{display:block;}
.xyalign10{    position: relative;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	background: #eeeeee;}
.index_section2_text1 {font-size: 2.5rem;
    font-weight: 700;
    color: #0a2e88;
    display: block;
    position: relative;
    font-family: NanumGothic;}
.index_section2_text2 {font-size: 1.8rem;
    font-weight: 600;
    color: #4b4b4b;
    display: block;
    bottom: -500px;
    position: relative;
    opacity: 0;
    font-family: NanumGothic;
    margin-bottom:-13px;
    width: 100%;}
.index_section2_text3 {font-size:1.8rem; 
	padding:0 0 0.8rem 0;
	font-weight:600;
	color:#4b4b4b;
	display:block;
	bottom:-500px;
	position:relative; 
	opacity:0;
	font-family:NanumGothic;
	margin-bottom:5px;
	width:100%}						
.index_section2_text4_mobile{display:block;
    width: 100%;
    margin: 25px auto;
    float: none;}
.index_section2_text4_mobile>a {cursor: pointer;
    padding: 15px 10%;
    background: #0a2e88;
    color: #fff;
    font-size: 14px;
    margin: 20px auto 0 auto;
    font-weight: 600;
    
    transition: all 0.6s;
    width: 0%;
    float: none;
    text-align: center;
    font-family: NanumGothic;}
.index_section2_text4_mobile>a:hover {background:#000;
	color:#fff;
	transition:all 0.6s}	
.index_banner {
	display:none;
	}


.lg-12{
	text-align: center;
	top: 40%;
    width: 80%;
}

.s-portfolio__header{
	padding:30px;
}

.gonggam_small {
	display:none;
}


/*1200px_메인 페이지 광고 효율*/
#index_section8_bg {    background: #fff;
    width: 100%;
    height: 670px;}
.merchant_section8_sudtext { width: 100%; position: relative; left: 0; top: 0; text-align: center;}
.merchant_section8_text01 {font-size:30px;color:#3a2400;font-weight:600;padding-bottom:25px;}
.merchant_section8_text02 {display:none;}
.merchant_section8_buttons {width: 250px; margin:0 auto; }
/*탭메뉴안에 슬라이드 css*/
.section8_outer {width: 80%;  margin: 0px auto;  padding: 80px 0; height: 800px;}
.section8_tabs {padding-top:155px; margin: 0 auto; width:358px;}
.section8_tab {display:none;}
.section8_tab.active { display:block; }
.section8_buttons {    position: absolute; margin-left: 0;  margin-top: 20%;  margin: 0 auto;  width:100%;}
.section8_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: 11px;
    font-family: NanumGothic;}
.section8_buttons>li.active {background-color:#000; color:#000; border: 2px solid #000; font-weight:400; font-family:NanumGothic; }
.section8_tab.section8_active {top:125px; left:0px;}
.section8_slider {    width: 100%;
    height: 350px;}
.section8_item { width:100%; height:300px; }
.section8_item>img {width:70%;  margin:0 auto 10px auto;}
.section8_slider_text {
    text-align: center;
    font-size: 15px;
    color: #000;
    font-weight: 400;
    margin: 19px auto 0 auto;
    width: 80%;
    padding: 13px 0;
    border: 1px solid #000;
}
.index_section8_sudtext {width: 100%; top: 30px;}
.index_section8_outer{
	width: 100%; 
	text-align: center;     
	margin: 50px 0 0 0;
	}
.index_section8_text01{
	font-size: 26px;
}

.section8_item {
	display:none;
	}
.section8_item_m > img {
	width:100%;
	margin: 0 auto;
	}
.section8_item_m{
	display: block;
    width: 80%;
    padding: 0;
    margin: 0 auto;
}


/*1200px_section3*/
.index_section3_bg { width:100%; height:100vh; }
.index_section3_smallbox {width: 80%;}
.index_section3_text01 {font-size: 1.5rem;
    color: #000;
    font-weight: 500;
    width: 100%;
    display: inline-block;
    border: 2px solid #4b4b4b;
    padding: 45px 0px;
    text-align: center;
    margin: 10px 0;
    color: #4b4b4b;
    font-family: NanumGothic;}
.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%; margin: 35px 0 80px 0; background:#fff; height:auto;}
.index_Partner{width:80%; margin:0 auto;}
.Partner_td>img{width:80%}
.index_Partner_text {font-size:25px; color:#666666; font-weight:600; float:left; padding-bottom:20px;}



/*1200px_푸터*/

.merchant-footer-content-row1-wrap{
	width: 90%;
    margin: 0 auto;
    line-height: 30px;
    letter-spacing: -1px;
}



/*1200px_ 메인 페이지_제휴문의*/

#index_section5_bg_all{
	height: 1140px;
    width: 80%;
    margin: 0 auto;
    padding: 30px 0;
}
.index_section5_bg{
	width:100%;
}
.main_select01{
	margin: 20px 0 5px 0;
}
.inquiry_all{
	width: 100%;
}
.section5_download{
	top:0;
	left: 0;
	width: 100%;
	height: 360px;
	margin: 20px 0;
}
.section5_download_text02{
	    margin: 55px auto 20px 0;
}


.merchant-footer-content-row1-wrap>li{
	font-size: 15px;
	width:100%;
	margin: 0 auto;
}
.merchant-footer-content-row1-wrap>li>a {
	font-size: 15px;
    width: 100%;
    margin: 0 auto;
    letter-spacing: -1px;
}

.footer-wrap{
	padding: 0;
}

/*-----------1200px_제휴문의 개인정보 팝업창-----------------------------------------------------------------------------------------------*/

.popup{
	width: 80%;
    height: auto;
}

#close{
	margin-bottom: 15px;
}





/*-----------1200px_회사소개-----------------------------------------------------------------------------------------------*/

/*section1 (회사소개 - 메인)*/
.company_section1_maintext{
	top: 30%;
}

.company_section1_text01{
	font-size: 28px;
}

.company_section1_text02{
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    display: block;
    bottom: 0;
    position: relative;
    opacity: 0;
    font-family: malgun Gothic;
    line-height: 32px;
    margin: 0;
    width: 70%;
    margin: 0 auto;
}

/*1200px_section1_공지&뉴스*/
#section1_2 {display:none;}

/*1200px_section2(회사 플랫폼)*/
#company_section2 {height: 1200px;}
.company_section2_bg {
	background:#0a2e88; 
	width:100%;
	height:1200px;
	-webkit-flex: 1;
	position: relative;
	}
.company_section2_h2{padding-bottom: 0;
    padding-top: 80px;}
.company_section2-wrap {vertical-align: middle;  width:100%; margin: 0 auto; }
.xyalign06{position:relative; top:0; left:0; transform: translate(0%,0%);}
.company_section-wrap  {margin:0 auto; }
.company_section2-content-wrap {color:#fff; font-size:30px; padding:0;}
.company_section2-content-wrap>li>h5 {font-size:20px; font-weight:600; margin-bottom: 0px; margin-top: 20px;}
.company_section2-content-wrap>li>h6 {letter-spacing: 0px; font-size: 15px; font-weight: 400;}
.company_section2-content-wrap>li {float:none; width:90%; text-align:center; font-size: 15px; line-height: 27px; padding: 10px 0 0 0; margin: 0 auto; }
.company_section2-content-wrap>li>a {display: block; font-size: 13px; padding: 10px 0; background: transparent; color: #fff; font-weight: 600;
    border: 1px solid #fff;  transition: all 0.3s;  margin: 10px auto 15px auto;  width: 250px;}
.company_section2-content-wrap>li>a:hover {background:#fff; color:#0a2e88; font-weight:600; }

/*1200px_section3(회사 연혁)*/

.company_section3 {
	background:#ececec; 
	}
.company_con02 {
	text-align: left; 
	margin: 0 auto;   
	padding: 0; 
	background:#fff; 
	}
.company_con03 {
	display: inline-block; 
	width: 100%; 
	    padding: 0 0 40px 0;
	}
.company_con03 li {
	float: left; 
	padding: 4px 0; 
	font-size: 14px;  
	color: #666666;
}
.company_con03 .yu01 {
	width: 22%;  
	padding-left: 5%;
	font-weight: 600;
	font-size: 15px;}
.company_con03 .yu02 {
	width: 80%;  
	padding-left: 5%; 
	text-align: left; 
	line-height: 25px; 
	letter-spacing: -1px;
	}



/*1200px_section4(오시는길)*/
.company_section4{
	background:#000; 
	height:800px; 
	width: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>iframe {margin-bottom:0px;}
.section4_comig {
	margin:0 auto; 
	width:80%; 
	padding:50px 0 0 0;
	}
.comig01_bigtext {
	font-size:22px; 
	color: #fff; 
	text-align: center; 
	margin: 0 auto;  
	width: 100%; 
	margin-bottom:30px; 
	}
.comig_box{margin: 10px 0;}
.section4_comig .comig_call {
	display: inline-block;
    padding: 10px 0;
    width: 100%;
    border: 2px solid #fff;
    border-radius: 10px;
    text-align: center;
    line-height: 22px;
    margin-bottom: 10px;
    background-color: #fff;
    transition: all 0.3s;
    background: transparent;
    color: #fff;
    float: none;
    margin-top: 0;}
.section4_comig .comig_call:hover { background-color:#fff; color:#000; }
.section4_comig .comig_ad{
	display: inline-block;
    padding: 10px 0;
    width: 100%;
    border: 2px solid #fff;
    border-radius: 10px;
    text-align: center;
    line-height: 22px;
    margin-bottom: 10px;
    background-color: #fff;
    transition: all 0.3s;
    background: transparent;
    color: #fff;
    float: none;
    margin-top: 0;}
.section4_comig .comig_ad:hover { background-color:#fff; color:#000; }
.comig01_text{font-size:15px;}
.section4_comig .comig02 { margin: 20px 0;}
.company_foot_section4{margin:20px 0 0 0;}
.company_foot_section4_li02{
	text-align: center;
    margin: 0;
    font-size: 17px;
    letter-spacing: -1px;
    padding: 0;}
.company_foot_section4_li{display:none}

.company_footer-wrap {width:90%; margin: 0 auto; height:0;}
.company_footer-content-wrap{width:100%; height: 85px; margin: 0 auto;}
.company_footer-content-wrap>ui{float:left;}
.company_footer-content-row1-wrap{float:left; text-align: center;    margin: 0 auto;
    width: 100%;}
.company_footer-content-row1-wrap>li>p>a{color:#717171;}
.company_footer-content-row1-wrap>li>p>a:hover{color:#fff; font-weight:500}
.company_footer-content-row1-wrap>li>p{font-size:13px;color:#717171; letter-spacing:-0.5px; width:100%; margin:0 auto; line-height:23px; font-family:NanumGothic;}
.company_footer-section5-Plus {margin: 10px;}
.company_footer-section5-Plus a {  }
.company_footer-section5-Plus a img { width:40px;  }
.company_footer-content-row2-wrap{width:260px; margin: 50px auto 20px auto;}
.company_footer-content-row2-wrap>li{float:left; margin:20px;}
.company_footer-content-row2-wrap>li>a>img{width:auto;height:50px;}
.company_footer-content-row2-wrap{padding:0;  margin:0 auto;}
.company_footer-content-row2-wrap>li{float:left; margin:20px;}
.company_footer-content-row2-wrap>li>a>img{width:auto;height:50px;}
.company_Copyright {font-size:12px; margin:0; color:#717171; line-height:25px;}




/*-----------1200px_마케팅-----------------------------------------------------------------------------------------------*/
/*1200px_section1*/
/* #merchant_section1_bg {position:relative; background:url(../img/main/main.png) no-repeat 50% 0 fixed; background-size:cover; height:1000px; display: flex; align-items: center; } */








.merchant_section1_bg {position:relative;
	left: 0px;
	min-width:100%;
	width:100%;
	height:100%;
	height:106vh;
	overflow: hidden; 
	background:url("../img/main/hero-bg3.jpg") no-repeat 50% 61% fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
	-o-background-size: cover;}


.merchant_section1_wrap {    position: relative; width:250px; left:0; margin:0 auto;} 
.xyalign08{top:7%; left:0; transform: translate(0%,0%);}
.merchant_section1_wrap img { width:250px; display: block; margin: 0px auto;}
.merchant_banner {position: absolute;
    width: 250px;
    height:520px;
    top: 70px;
    margin: 0;
    padding: 0;
    overflow: hidden;}
.merchant_banner ul {position: absolute;
	margin: 0px;
	padding:0;
	list-style: none; }
.merchant_banner ul li {float: left;
	width:250px;
	height:520px;
	margin:0;
	padding:0;}
.merchant_banner ul li img{width:250px;
	height:480px;}
.merchant_section1_sudtext_pc{display:none;}
.merchant_section1_sudtext_mobile {
    position: relative;
	display:block;}
.merchant_banner_text{font-size:19px;}
.merchant_section1_group01 {font-size:22px; color:#fff; margin-bottom:20px; font-weight:700; display:block; position:relative; left:-50px; opacity:0; text-align:center;}
.merchant_section1_group02 {font-size:22px; color:#fff; margin-bottom:20px; font-weight:700; display:block; position:relative; left:-50px; opacity:0; text-align:center;}
.merchant_section1_text {display:none; }
.merchant_section1_text01{ display: none;}




/*section1*/

/*section2(유튜브 화살표)*/
.merchant_section2{
	display:block;
    z-index: 2;
    transform-origin: right bottom;
    bottom: var(--vspace-1_5);
    width: 100%;
    text-align: center;
    position: relative;
    top: 9%;
    font-family: var(--font-2);
	letter-spacing: .3em;
	font-size: 11px;
	text-transform: uppercase;
}

.merchant_section2 a{
	color: #fff;
}


/*section3(인스타그램 화살표)*/
.merchant_section3{
	display:block;
    z-index: 2;
    transform-origin: right bottom;
    bottom: var(--vspace-1_5);
    width: 100%;
    text-align: center;
    position: relative;
    top: 76%;
    font-family: var(--font-2);
	letter-spacing: .3em;
	font-size: 11px;
	text-transform: uppercase;
}

.merchant_section3 a{
	color: #fff;
}


/*section4(페이스북 화살표)*/
.merchant_section4{
	display:block;
    z-index: 2;
    transform-origin: right bottom;
    bottom: var(--vspace-1_5);
    width: 100%;
    text-align: center;
    position: relative;
    top: 8%;
    font-family: var(--font-2);
	letter-spacing: .3em;
	font-size: 11px;
	text-transform: uppercase;
}

.merchant_section4 a{
	color: #fff;
}


/*section5(카카오 화살표)*/
.merchant_section5{
	display:block;
    z-index: 2;
    transform-origin: right bottom;
    bottom: var(--vspace-1_5);
    width: 100%;
    text-align: center;
    position: relative;
    top: 74%;
    font-family: var(--font-2);
	letter-spacing: .3em;
	font-size: 11px;
	text-transform: uppercase;
}

.merchant_section5 a{
	color: #3a2400;
}


/*section6(cpi 화살표)*/
.merchant_section6{
	display:block;
    z-index: 2;
    transform-origin: right bottom;
    bottom: var(--vspace-1_5);
    width: 100%;
    text-align: center;
    position: relative;
    top: 9%;
    font-family: var(--font-2);
	letter-spacing: .3em;
	font-size: 11px;
	text-transform: uppercase;
}

.merchant_section6 a{
	color: #000;
}





/*1200px_section2(유튜브 - 홍보)*/
#merchant_section2_bg {background:#5b45e3;     height: 100%;}
.merchant_section2_sudtext { width: 100%; position: relative; left: 0; top: 0; text-align: center;}
.merchant_section2_text01 {font-size:30px;color:#fff;font-weight:600;padding-bottom:25px;}
.merchant_section2_text02 {display:none;}
.merchant_section2_buttons {width: 250px; margin:0 auto; }
/*탭메뉴안에 슬라이드 css*/
.outer {width: 80%;  margin: 0px auto;  padding: 80px 0;}
.tabs {padding-top:220px; margin: 0 auto; width:358px;}
.tab {display:none;}
.tab.active { display:block; }
.buttons {    position: absolute; margin-left: 0;  margin-top: 20%;  margin: 0 auto;  width:80%;}
.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: 8px;
    font-family: NanumGothic;
	}
.buttons>li.active {   
    cursor: pointer;
    background: transparent;
    transition: all 0.6s;
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
	}

.slider {width:350px;  height:550px;}
.item { width:660px; height:300px; }
.item>img {width:70%;  margin:0 auto 10px auto;}
.slider_text {text-align: center;  font-size:18px;  color: #fff;  font-weight: 600;}


/*1200px_section3(인스타그램 - 홍보)*/
#merchant_section3_bg {height: 940px;}
.merchant_section3_sudtext { width: 100%; position: relative; left: 0; top: 0; text-align: center;}
.merchant_section3_text01 {font-size:30px;font-weight:600;padding-bottom:25px;}
.merchant_section3_text02 {display:none;}
.merchant_section3_buttons {width: 250px; margin:0 auto; }
/*탭메뉴안에 슬라이드 css*/
.section3_outer {width: 80%;  margin: 0px auto;  padding: 80px 0; height: 800px;}
.section3_tabs {padding-top:155px; margin: 0 auto; width:358px;}
.section3_tab {display:none;}
.section3_tab.active { display:block; }
.section3_buttons {    position: absolute; margin-left: 0;  margin-top: 20%;  margin: 0 auto;  width:80%;}
.section3_buttons>li {
	width: 250px;
    height: 50px;
    font-size: 16px;
    display: block;

    margin: 10px auto;

    text-align: center;
    padding-top: 7px;
    font-family: NanumGothic;}
.section3_buttons>li.active {font-weight:400; font-family:NanumGothic; }

.section3_slider {width:350px;  height:550px;}
.section3_item { width:660px; height:300px; }
.section3_item>img {width:70%;  margin:0 auto 10px auto;}
.section3_slider_text {text-align: center;  font-size:18px;  color: #000;  font-weight: 600;}



/*1200px_section4(페이스북 - 홍보)*/
#merchant_section4_bg {width:100%; height: 100%; }
.merchant_section4_sudtext { width: 100%; position: relative; left: 0; top: 0; text-align: center;}
.merchant_section4_text01 {font-size:30px;font-weight:600;padding-bottom:25px;}
.merchant_section4_text02 {display:none;}
/*탭메뉴안에 슬라이드 css*/
.section4_outer {width: 80%;  margin: 0px auto;  padding: 80px 0;}
.section4_tabs {padding-top:155px; margin: 0 auto; width:358px;}
.section4_tab {display:none;}
.section4_tab.section4_active { display:block; }
.section4_buttons {    position: absolute; margin-left: 0;  margin-top: 20%;  margin: 0 auto;  width:80%;}
.section4_buttons>li {
	width: 250px;
    height: 50px;
    font-size: 16px;
    display: block;
    margin: 10px auto;
    text-align: center;
    padding-top: 7px;
    font-family: NanumGothic;}
.section4_buttons>li.section4_active{border: 1px solid #000; font-weight:400; font-family:NanumGothic; }
.section4_slider {width:350px;  height:550px;}
.section4_item { width:660px; height:300px; }
.section4_item>img {width:70%;  margin: 0 auto 10px auto;}
.section4_slider_text {text-align: center;  font-size:18px;font-weight: 600;}



/*1200px_section5(카카오 - 홍보)*/
#merchant_section5_bg {height: 950px;}
.merchant_section5_sudtext { width: 100%; position: relative; left: 0; top: 0; text-align: center;}
.merchant_section5_text01 {font-size:30px;font-weight:600;padding-bottom:25px;}
.merchant_section5_text02 {display:none;}
.merchant_section5_buttons {width: 255px; margin:0 auto; }
/*탭메뉴안에 슬라이드 css*/
.section5_outer {width: 80%;  margin: 0px auto;  padding: 80px 0;}
.section5_tabs {padding-top:155px; margin: 0 auto; width:358px;}
.section5_tab {display:none;}
.section5_tab.active { display:block; }
.section5_buttons {    position: absolute; margin-left: 0;  margin-top: 20%;  margin: 0 auto;  width:80%;}
.section5_buttons>li {    
	width: 250px;
    height: 50px;
    font-size: 16px;
    display: block;
    margin: 10px auto;
    text-align: center;
    padding-top: 7px;
    font-family: NanumGothic;
	}
.section5_buttons>li.active {border: 2px solid #000; font-weight:400; font-family:NanumGothic; }

.section5_slider {width:350px;  height:550px;}
.section5_item { width:660px; height:300px; }
.section5_item>img {width:70%;  margin:0 auto 10px auto;}
.section5_slider_text {text-align: center;  font-size:18px;font-weight: 600;}



/*1200px_section6(CPI - 홍보)*/

.merchant_section6_sudtext { width: 100%; position: relative; left: 0; top: 0; text-align: center;}

.merchant_section6_text02 {display:none;}
/*탭메뉴안에 슬라이드 css*/
.section6_outer {width: 80%;  margin: 0px auto;  padding: 80px 0;}
.section6_tabs {padding-top:155px; margin: 0 auto;width:358px;}
.section6_tab {display:none;}
.section6_tab.section6_active { display:block; }
.section6_buttons {    position: absolute; margin-left: 0;  margin-top: 20%;  margin: 0 auto;  width:80%;}

.section6_buttons>li.section6_active{
	background-color: #000;
    color: #fff;
    border: 1px solid #000;
    font-weight: 400;
    font-family: NanumGothic; 
	}
.section6_slider{width:350px;  height:550px;}
.section6_item  { width:660px; height:300px; }
.section6_item>img {width:70%;  margin: 0 auto 10px auto;}
.section6_slider_text {text-align: center;  font-size:18px;  color: #fff;  font-weight: 600;}



/*1200px_section7(CPA - 홍보)*/
#merchant_section7_bg { height: 950px;}
.merchant_section7_sudtext { width: 100%; position: relative; left: 0; top: 0; text-align: center;}
.merchant_section7_text01 {font-size:24px;color:#000;font-weight:600;padding-bottom:25px;}
.merchant_section7_text02 {display:none;}
.merchant_section7_buttons {width: 255px; margin:0 auto; }
/*탭메뉴안에 슬라이드 css*/
.section7_outer {width: 80%;  margin: 0px auto;  padding: 80px 0;}
.section7_tabs {padding-top:155px; margin: 0 auto; width:358px;}
.section7_tab {display:none;}
.section7_tab.active { display:block; }
.section7_buttons {    position: absolute; margin-left: 0;  margin-top: 20%;  margin: 0 auto;  width:80%;}
.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: 7px;
    font-family: NanumGothic;
	}
.section7_slider {width:350px;  height:550px;}
.section7_item { width:660px; height:300px; }
.section7_item>img {width:70%;  margin:0 auto 10px auto;}
.section7_slider_text {text-align: center;  font-size:18px;  color: #000;  font-weight: 600;}



/*1200px_ 마케팅 페이지_제휴문의*/
#merchant_section5_bg_all{
	height: auto;
    width: 80%;
    margin: 0 auto;
    padding: 30px 0;
}
.merchant_section5_download_text01{
	font-size: 28px;
    font-weight: 700;
    color: #090909;
    font-family: malgun Gothic;
    text-align: left;
    margin: 0 0 50px 0;
}
.merchant_inquiry_all{
	width: 100%;
    height: auto;
}
.merchant_inquary_table{
	width: 100%;
}
.merchant_main_select01{
	width: 100%;
    padding: 15px 0;
    margin: 0 0 5px 0;
    border: 1px solid #000;
    font-family: malgun Gothic;
}
.merchant_main_input{
	width: 100%;
    margin: 0;
}
.merchant_section5_download{
	width: 100%;
    height: 380px;
    background-color: #011457;
    float: left;
    position: relative;
    left: 0;
    margin: 30px 0;
	top:0;
}
.merchant_section5_download_text02{
	color: #fff;
    text-align: center;
    margin: 50px auto 20px 0;
    font-size: 28px;
    letter-spacing: 4px;
    line-height: 40px;
    font-family: malgun Gothic;
}
.merchant_section5_download_ul{
	width: 60%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}
.text_accept{
	width: 100%;
    text-align: center;
    margin: 10px 0;
    size: 13px;
    color: #000;
	
}




/*-----------1200px_솔루션-----------------------------------------------------------------------------------------------*/
/*1200px_section1(솔루션페이지_메인)*/
.solution_section1_bg {    position: relative;
    left: 0px;
    min-width: 100%;
    width: 100%;
	height: 100%;
    height: 100vh;
    overflow: hidden;
	background: url(../img/solution/solution_main.jpg) no-repeat 50% 50% fixed;
           background-size: cover;
           -moz-background-size: cover;
           -webkit-background-size: cover;
           -o-background-size: cover;
           width: 100%;
           overflow: hidden;}
.xyalign07{top:7%; left:0; transform: translate(0%,0%);}
.solution_section1_wrap { position: relative;
    width: 250px;
    left: 0;
    margin: 0 auto;} 
.solution_section1_wrap img { width:250px; display: block; margin: 0px auto;}
.solution_banner {
	display:noen;
}



.solution_section1_maintext{
	position: relative;
    left: 0px;
}
.solution_section1_text02 {
	text-align: center;
    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: center;
    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: center;
    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;
	}







 
/*1200px_section2(코인애드)*/
.solution_section2_bg { background:#fff; width: 100%; height:100%; }
.solution_section2-wrap {width: 100%;}
.solution_section2_sudtext {font-size: 30px;
    color: #081d33;
    padding: 50px 0 20px 0;
    text-align: center;
    font-weight: 700;}
.solution_section2_text01 {font-size:18px; color:#666; padding:8px 0; text-align:center; font-weight:600;}
.solution_section2_main{width: 80%; margin:0px auto 90px auto;}
.solution_section2_img {width: 50%; margin: 0 auto; text-align: center;}
.solution_section2_img img {width: 100%;}
.solution_section2_sub {width:90%; margin: 0 auto; text-align: center; float:none;}
.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;}
.solution_section2_text02 {float: left; text-align: left; font-size: 16px; color: #666; margin:0; line-height: 26px; letter-spacing: -2px;}
.solution_section2_text03>a {width: 100%;}

/*1200px_section3(포인트업)*/
.solution_section3_bg { background:#f4f4f4; width: 100%; height:100%;}
.solution_section3-wrap {width: 100%;}
.solution_section3_sudtext {font-size: 30px;
    color: #081d33;
    padding: 50px 0 20px 0;
    text-align: center;
    font-weight: 700;}
.solution_section3_text01 {font-size:18px; color:#666; padding:8px 0; text-align:center; font-weight:600;}
.solution_section3_main{width: 80%; margin:0px auto; padding:0 0 90px 0;}
.solution_section3_img {width: 50%; margin: 0 auto; text-align: center;}
.solution_section3_img img {width: 100%;}
.solution_section3_sub {width: 90%; margin: 0 auto; text-align: center;  float:none;}
.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;}
.solution_section3_text02 {float: left; text-align: left; font-size: 16px; color: #666; margin:0; line-height: 26px; letter-spacing: -1.5px;}
.solution_section2_text04>a {width: 100%;}
}

	
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
	
	
	
	

@media screen and (max-width:780px) {
.main01_logo2{left: 40%;}
/*-----------780px_홈페이지 메인-----------------------------------------------------------------------------------------------*/

/*-----------780px_회사소개-----------------------------------------------------------------------------------------------*/


/*-----------780px_마케팅-----------------------------------------------------------------------------------------------*/



/*-----------780px_솔루션-----------------------------------------------------------------------------------------------*/
.solution_section2_img{width: 100%;}
.solution_section2_sub{width: 80%;}

.solution_section3_img{width: 100%;}
.solution_section3_sub{width: 80%;}

}


@media screen and (max-width:640px) {
.main01_logo2{left: 39%;}
/*-----------640px_홈페이지 메인-----------------------------------------------------------------------------------------------*/
	.lg-12{
		width:90%;
		top: 33%;
	}
/*-----------640px_회사소개-----------------------------------------------------------------------------------------------*/
.company_foot_section4_li02{margin: 0 0 80px 0;}
/*-----------640px_솔루션-----------------------------------------------------------------------------------------------*/

.solution_section2_text02>span{
	    font-size: 18px;
}

.solution_section2_text02{
	    font-size: 15px;
}

.solution_section2_text03>a{
	width: 100%;
}
.solution_section3_text02>span{
	    font-size: 18px;	
}
.solution_section3_sub{
		width: 100%;
}
.solution_section3_text02{
		    font-size: 15px;
}
.solution_section2_text04>a{
			width: 100%;
}


.solution_section1_text02 {
    font-size: 25px;
    bottom: -50px;
    margin-bottom: 5px;
    margin-top: 0;
    letter-spacing: 0;
    line-height: 45px;
	}
.solution_section1_text03 {
font-size: 33px;
    bottom: 0;
    line-height: 48px;
    margin: 0;
    font-weight: 700;
	}
.solution_section1_text04 {
    font-size: 26px;
    bottom: 0;
    line-height: 40px;
    margin: 0;
	}



}







@media screen and (max-width:520px) {
.main01_logo2{left: 38%;}
.main01_logo2 img{width: 130px;
    margin-top: 15px;}
/*-----------520px_홈페이지 메인-----------------------------------------------------------------------------------------------*/
/*section1*/






.s-about__desc{
	font-size: 18px;
	margin-bottom: 20px;
}


.detail .carousel h1{
	font-size: 28px;
}
.detail p{
	font-size: 17px;
    line-height: 24px;
	margin-top: 70px;
}
.carousel-inner{
	height: 550px;
}

.detail .app-screenshot{
width: 251px;
}

.section1_text02_moblie {font-size: 25px;
    color: #fff;
    font-weight: 300;
    opacity: 0;
    width: 90%;
    margin: 0 auto;
    line-height:35px;
    display: block;}
.section1_text01 {font-size:2rem;
	color:#fff;
	margin-bottom:40px;
	font-weight:400;
	display:block;
	position:relative;
	top:-200px;
	opacity:0;
	line-height:45px;}
.section1_text02 {font-size:1.8rem;
    color: #fff;
    font-weight: 300;
    opacity: 0;
    width: 250px;
    margin: 0 auto;
    line-height: 45px;}
.line {top: 0;
    width: 260px;
    left: 0;
    margin-left: 0;
    height: 4px;
    background: rgba(255, 255, 255, 0.1);
    position: relative;
    margin: 0 auto;
    margin-top: 20px;}
	
/*section2*/
.index_section2_bg{height: 750px;}
.index_section2_text1 {font-size:1.8rem; padding:0 0 10px 0;}
.index_section2_text2 {font-size:1.3rem; line-height: 32px;}
.index_section2_text3 {font-size:1.3rem; margin-bottom:0; padding:0; }
.index_section2_text4_mobile>a {padding: 15px 20%;}


/*section3*/
.index_section3_text01{    padding: 35px 0px;}
.index_section3_bg{height: 500px;}



/*-----------520px_회사소개-----------------------------------------------------------------------------------------------*/


.company_section1_maintext{
	top: 17%;
}
.company_section1_text01{
	    font-size: 28px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 600;
    letter-spacing: -2px;
}

.company_section1_text02{
font-size: 16px;
    color: #fff;
    line-height: 32px;
    margin-bottom: 0;
    padding: 0;
    letter-spacing: -1px;
}



.company_section1_bg{height: 1000px;}
.company_section1_sudtext_moblie{top: 33%}
.company_section1-down{top: 55%;}
.company_section2-content-wrap{padding:0;}
.company_section1_text01 {font-size: 28px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 600;
    letter-spacing: -2px;}
.company_section1_text02 { font-size: 16px;
    color: #fff;
    line-height: 32px;
    margin-bottom: 0;
    padding: 0;
	letter-spacing: -1px;}
.company_section1_text03 { font-size: 16px;
    color: #fff;
    line-height: 32px;
    margin-bottom: 0;
    padding: 0;
	letter-spacing: -1px;}
.company_section2_h2{font-size: 28px;}
.company_section3_h2{font-size: 28px;
	padding-bottom: 30px;}
.company_con03{padding-top: 45px;}
.section4_comig{padding: 40px 0 0 0;}
.company_foot_section4_li02{margin: 0 0 50px 0; font-size: 15px;}	


.company_section2-content-wrap>li>h6{
	letter-spacing: 0px;
    font-size: 13px;
    font-weight: 400;
}


/*-----------520px_마케팅-----------------------------------------------------------------------------------------------*/
.merchant_section1_bg{height: 750px;}
.xyalign08{top:0%; }
.merchant_section1_wrap  { width: 200px;}
.merchant_section1_sudtext_mobile { margin-top:-30px;}
.merchant_section1_group01 {font-size: 20px; margin-bottom: 13px; }
.merchant_section1_group02{font-size: 20px;}
.merchant_banner {width: 200px; height: 440px;  top: 200px;}
.merchant_banner ul li {width: 200px; height:440px;}
.merchant_banner ul li img{width:200px;	height:400px;}
.merchant_banner_text{margin-top:-10px;
	font-size:15px;}


/*유튜브*/
#merchant_section2_bg { height: 950px;}
.merchant_section2_text01{font-size: 28px; padding-bottom: 10px;}
.buttons>li{height: 50px; padding-top: 10px;}
.merchant_section2_buttons>a{padding: 14px 0px; font-size: 15px;}
.outer{padding:70px 0 50px 0;}
.tabs{width:253px; padding-top: 190px;}
.slider {width:250px;  height:440px;}
.item { height:560px; width:210px; }
.item>img{height:455px; width:230px;}
.merchant_section2-down {  bottom: -60px;}

/*인스타그램*/
#merchant_section3_bg{height: 880px;}
.section3_buttons>li.section3_active{height: 50px; font-size: 15px; }
.section3_buttons>li{height: 50px; font-size: 15px; padding-top: 10px;}
.merchant_section3_text01{font-size: 25px;     padding-bottom: 10px;}
.section3_outer{padding:80px 0 50px 0; height: 0;}
.section3_tabs{width:248px; padding-top: 130px;}
.section3_slider {width:250px;  height:440px;}
.section3_item { height:560px; width:210px; }
.section3_item>img{height:455px; width:230px;}
.merchant_section3-down {  bottom: -525px;}

/*페이스북*/
#merchant_section4_bg{height: 880px;}
.merchant_section4_text01{font-size: 28px; padding-bottom: 10px;}
.section4_buttons>li.section4_active{height: 50px; font-size: 15px; }
.section4_buttons>li{height: 50px; font-size: 15px; padding-top: 10px;}
.section4_outer{padding:80px 0 50px 0;}
.section4_tabs{width:253px; padding-top: 130px;}
.section4_slider {width:250px;  height:440px;}
.section4_item { height:560px; width:210px; }
.section4_item>img{height:455px; width:230px;}
.merchant_section4-down {  bottom: -55px;}

/*cpi*/
#merchant_section5_bg{height: 880px;}
.section5_buttons>li.section5_active{height: 50px; font-size: 15px;}
.section5_buttons>li{height: 50px; font-size: 15px; padding-top: 10px;}
.merchant_section5_text01{font-size: 25px; padding-bottom: 10px;}
.section5_outer{padding:80px 0 50px 0; height:0;}
.section5_tabs{width:248px; padding-top: 130px;}
.section5_slider {width:250px;  height:440px;}
.section5_item { height:560px; width:210px; }
.section5_item>img{height:455px; width:230px;}
.merchant_section5-down {  bottom: -675px;}

/*cpa*/
#merchant_section6_bg{height: 910px;}
.section6_buttons>li.section6_active{height: 50px; font-size: 15px;}
.section6_buttons>li{height: 50px; font-size: 15px; padding-top: 10px;}
.merchant_section6_text01{font-size: 22px; padding-bottom: 10px;}
.section6_outer{padding:80px 0 50px 0;}
.section6_tabs{width:253px; padding-top: 130px;}
.section6_slider {width:250px;  height:440px;}
.section6_item {height:560px; width:210px; }
.section6_item>img{height:455px; width:230px;}
.merchant_section6-down {  bottom: -65px;}


/*cpa*/
#merchant_section7_bg{height: 880px;}
.section7_buttons>li.section7_active{height: 50px; font-size: 15px;}
.section7_buttons>li{height: 50px; font-size: 15px; padding-top: 10px;}
.merchant_section7_text01{font-size: 22px; padding-bottom: 10px;}
.section7_outer{padding:80px 0 50px 0; height:0;}
.section7_tabs{width:248px; padding-top: 130px;}
.section7_slider {width:250px;  height:440px;}
.section7_item { height:560px; width:210px; }
.section7_item>img{height:455px; width:230px;}




/*-----------520px_솔루션-----------------------------------------------------------------------------------------------*/
.xyalign07{top:0%; }
.solution_section1_wrap  { width: 200px;}
.solution_section1_sudtext_moblie { margin-top:500px;}
.solution_banner {width: 200px; height: 400px;}
.solution_banner ul li {width: 200px; height:400px;}
.solution_banner ul li img{width:200px;	height:400px;}
.solution_section2_sudtext {font-size: 22px; padding: 70px 0 10px 0;}
.solution_section3_sudtext {font-size: 22px; padding: 70px 0 10px 0;}
}

@media screen and (max-width:425px) {
.main01_logo2{left: 36%;}
/*-----------360px_메인-----------------------------------------------------------------------------------------------*/


.detail .carousel h1{
	font-size: 26px;
    margin-bottom: -60px;
}
.detail p{
	font-size: 16px;
    letter-spacing: -1px;
	line-height: 25px;
}
.detail .app-screenshot{
	width: 225px;
}
.service-item h3{
	font-size: 19px;
}
.index_Partner_warp{
	margin: 35px 0;
}

.footer-wrap{
	margin: 0px auto 0 auto;
}
#index_section5_bg_all{
	height: 1170px;
}
.section5_download{
	height: 365px;
}
.section5_download_text02{
	margin: 50px auto 20px 0;
}


/*-----------360px_회사소개-----------------------------------------------------------------------------------------------*/

/*-----------360px_솔루션-----------------------------------------------------------------------------------------------*/

/*-----------360px_마케팅-----------------------------------------------------------------------------------------------*/
.merchant_section3-down {  bottom: -105px;}
.footer-wrap{margin: 10px auto 0 auto;}
.footer-content-row2-wrap{padding: 0;}	
}


@media screen and (max-width:370px) {
.main01_logo2{left: 33%;}
/*-----------360px_메인-----------------------------------------------------------------------------------------------*/

/*-----------360px_회사소개-----------------------------------------------------------------------------------------------*/

/*-----------360px_솔루션-----------------------------------------------------------------------------------------------*/

/*-----------360px_마케팅-----------------------------------------------------------------------------------------------*/
.merchant_section3-down {  bottom: -100px;}
.footer-content-row2-wrap{padding: 0;}	
.footer-wrap{margin: 0px auto 0 auto;}


}


@media screen and (max-width:360px) {
.main01_logo2{left: 32%;}
/*-----------360px_메인-----------------------------------------------------------------------------------------------*/
.row{
	width: 92%;
    margin: 0 auto;
    padding: 0;
}
/*-----------360px_회사소개-----------------------------------------------------------------------------------------------*/

/*-----------360px_솔루션-----------------------------------------------------------------------------------------------*/

/*-----------360px_마케팅-----------------------------------------------------------------------------------------------*/




}