@CHARSET "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

*{
	list-style: none;
	text-decoration: none;
	font-family: 'Noto Sans KR', sans-serif;
}
/*new bootstrap*/
#fh5co-menu{
	height: 70px;
	position: fixed;
	background: url('/resources/images-2020/9954.png');
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 0;
	border: 0px solid red;
}
.navbar{
	padding-top: 10px;
}
.navbar-collapse{
	padding-left: 0;
}
.navbar-nav a{
	color: #000;
}
.navbar-nav{
	padding-left: 0;
	width: 100%;
}
.navbar-nav > li{
	padding: 0 10px;
}
.navbar-nav > li:first-child{
	padding: 0 0;
	padding-right: 30px;
}
.navbar-nav > li:nth-child(2) > .dropdown-menu{
	width: 100%;
}
.navbar-nav > li:nth-child(3) > .dropdown-menu{
	min-width: 80%;
	left: 10%;
}
.navbar-nav > li > a{
	color: #fff;
	font-weight: 400;
}
.logo1{
	position: absolute;
	top: -10px;
	left: 0;
	padding-bottom: 0 !important;
}
.logo2{
	position: absolute;
	top: -10px;
	left: 0;
}
.navbar-nav > li:first-child{
	display: block;
	width: 166px;
	height: 40px;
}
.navbar-nav > li > .dropdown-menu{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}
.navbar-nav > li:nth-child(2), .navbar-nav > li:nth-child(3), .navbar-nav > li:nth-child(4){
	padding: 0 30px;
}
.nav-item > a{
	text-decoration: none !important;
}
.nav-item > a:hover{
	text-decoration: none !important;
}
.dropdown-menu{
	top: 180%;
	min-width: 100%;
	border-radius: 8px;
}
.dropdown-menu > a{
	display: block;
	text-align: left;
	border-bottom: 1px solid #ddd;
	font-size: 0.9em;
	padding: 5px 15px;
}
.dropdown-menu > a:last-child{
	border-bottom: 0px solid #ddd;
}
.dropdown-menu > a:hover{
	text-decoration: none !important;
}
.col-md-12{
	padding-top: 5px;
}
.col-md-12 > ul{
	padding-left: 0;
}
.container{
	font-family: 'Noto Sans KR', sans-serif;
}
#fh5co-page{
	overflow: hidden;
}

/*header_sub_menu*/
#header_sub_menu{
	display: none;
	position: absolute;
	width: 35px;
	height: 35px;
	top: 4px;
	right: 0;
}

#x, #y, #z{
	width: 26px;
	height: 3px;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	background: rgb(255, 255, 255);
	border-radius: 0px;
	transition: all 200ms ease-out;
}

#y{
	top: 18px;
}
#z{
	top: 37px;
}
.collapse2{
	top: 20px !important;
	background: #fff !important;
	transition: all 70ms ease-out;
	z-index: 30;
}
.rotate30{
	transform: rotate(30deg);
	transition: all 50ms ease-out;
}
.rotate150{
	transform: rotate(150deg);
	transition: all 50ms ease-out;
}
.rotate45{
	transform: rotate(45deg);
	transition: all 100ms ease-out;
}
.rotate135{
	transform: rotate(135deg);
	transition: all 100ms ease-out;
}
.not_scroll{
    position: fixed;
    overflow-x: hidden;
    width: 100%;
    height: 100%
}
.modal-open {
    padding-right: 0px !important;
}
.modal{
    padding-right: 0px !important;
    padding-top: 15%;
  	width: 100%;
  	margin: 0 auto;
}
.modal-dialog{
	width: 30%;
}
.modal-header{
	padding: 4% 10%;
}
.modal-body{
	padding: 4% 10%;
}
.modal-footer{
	padding: 2% 10%;
}
.modal-footer > button{
	border-radius: 10px;
	font-size: 0.8em;
	letter-spacing: 0px;
	padding: 3% 10%;
	float: left;
	margin-bottom: 5px;
}
.modal input:focus{
	outline:none;
}

.login_notice{
	font-size: 0.7em;
	line-height: 20px;
	padding-top: 3%;
	padding-bottom: 3%;
	margin-bottom: 0;
}
#sub_header_menu{
	font-family: 'Noto Sans KR', sans-serif;
}
#sub_header_menu_inner{
	padding-top: 30%;
	overflow: hidden;
}
#sub_header_menu_left{
	width: 50%;
	float: left;
}
#sub_header_menu_left > ul{
	padding-left: 0;
}
#sub_header_menu_left > ul > li{
	padding: 5% 0;
}
#sub_header_menu_left > ul > li > a{
	padding-left: 15%;
	letter-spacing: -1px;
	font-size: 0.9em;
	color: #000;
}
#sub_header_menu_left > ul > li > a:hover, #sub_header_menu_left > ul > li > a:active, #sub_header_menu_left > ul > li > a:focus{
	color: #000;
	text-decoration: none;
}
#sub_header_menu_right{
	width: 50%;
	float: left;
}
#sub_header_menu_right > div > ul{
	padding-left: 0;
}
#sub_header_menu_right > div > ul > li{
	padding: 5% 0;
}
#sub_header_menu_right > div > ul > li > a{
	padding-left: 10%;
	letter-spacing: -1px;
	font-size: 0.9em;
	color: #000;
}
.current3{
	background: #087dc1;
}
.current3 > a{
	color: #fff !important;
}

/*ck&b count*/
.fh5co-intro-img{
	padding-top: 6%;
	padding-right: 5%;
}
.cknb_count{
	width: 70%;
	float: right;
}
.cknb_count_inner_set{
	line-height: 50px;
	overflow: hidden;
}
.cknb_count_title{
	line-height: 50px;
	width: 30%;
	text-align: left;
	float: left;
}
.cknb_count_title > p{
	margin: 0;
	line-height: 50px !important;
	letter-spacing: -1px !important;
}
#cknb_count_number{
	float: left; 
	width: 70%;
}
#cknb_count_number > span{
	line-height: 50px;
	font-size: 1.5em;
	font-weight: 800;
}

								
.swiper-slide > h1{
	line-height: 50px;
}
#scrolledmove > p{
	line-height: 30px;
}

/*new_footer*/
#fh5co-footer .fh5co-overlay{
	background: #eee;
}
#footer_container{
	width: 970px;
}
#footer_logo{
	width: 200px;
	padding: 10px;
	float: left;
}
#footer_copyright{
	width: 400px;
	float: left;
}
#footer_copyright > span{
	display: block;
	color: #555;
	font-size: 0.75em;
	line-height: 18px;
}
.footer_etc_logos{
	float: left;
}
.footer_etc_logos > ul{
	margin-top: -5px !important;
}
.footer_etc_logos > ul > li{
	margin: 0 !important;
}
#footer_select{
	float: right;
	margin: 10px 0;
}

/*footer_mobile부분*/
#footerbar_mobile{
	background: #cfcfcf;
	display: none;
	padding: 3% 0;
	position: absolute;
	width: 100%;
	height: 170px;
	bottom: 0;
	z-indeX: 99;
}
#footer_mobile_info > p{
	color: #696969;
	font-size: 0.75em;
	text-align: center;
	letter-spacing: -0.5px;
	line-height: 14px;
	margin-bottom: 0;
}
#footer_mobile_info > span{
	color: #a1a1a1;
	font-size: 0.75em;
	text-align: center;
	letter-spacing: -0.5px;
	line-height: 14px;
}
#footer_mobile_copyright > p{
	color: #696969;
	font-size: 0.75em;
	text-align: center;
}
#footer_mobile_logo{
	padding-bottom: 2%;
}
#footer_mobile_logo > h1{
	text-align: center;
	line-height: 0.5;
	margin-top: -5px;
}
#footer_mobile_pc{
	width: 100%;
	color: #808080;
	font-size: 0.75em;
	margin: 0 auto;
	margin-top: -10px;
}
#footer_mobile_pc > ul{
	overflow: hidden;
	padding-left: 0;
}
#footer_mobile_pc > ul > li{
	line-height: 25px;
	width: 100%;
}
#footer_mobile_pc > ul > li > a{
	display: inline-block;
	padding: 0 2%;
	color: #808080;
	width: 100%;
	text-align: center;
}
#footer_mobile_pc > ul > li > a > i{
	-webkit-text-stroke: 2px #cfcfcf;
}
#footer_mobile_pc > ul > li > a > p{
	margin-top: -10px;
}
/*개별*/
.col-md-12{
	width: 100% !important;
}
#footer_copyright a{
	color: #555 !important;
	text-decoration: none;
	font-size: 0.75em;
	line-height: 18px;
}
#footer_copyright p{
	color: #555 !important;
	text-decoration: none;
	font-size: 0.75em;
	line-height: 18px;
}
#footer_mobile_info > p{
	line-height: 17px;
}
#footer_mobile_info > p > a{
	color: #696969; 
	text-decoration: none;
}
#fh5co-wrap {
  margin-bottom: 120px;
}
#americano{
	width: 25%;
	float: left;
}
.mobile_nav_menu{
	display: none;
}

/*service first*/
#service_set001 > h4{
	font-size: 1.5em;
	color: #087dc1;
	padding: 2% 0;
	font-weight: 600;
	font-family: 'Noto Sans KR', sans-serif;
	line-height: 150%;
}
.hiddentag_biz_service_first{
	overflow: hidden;
}
.hiddentag_biz_service_first > ul{
	width: 32%;
	float: left;
	padding: 0;
	border: 1px solid #087dc1;
}
.hiddentag_biz_service_first > ul:nth-child(2){
	margin: 0 2%;
}
.hiddentag_biz_service_first > ul > li:first-child{
	background: #087dc1;
	padding-top: 7%;
	padding-bottom: 2%;
}
.hiddentag_biz_service_first > ul > li:first-child > i{
	color: #fff;
}
.hiddentag_biz_service_first > ul > li:first-child > p{
	padding-top: 2%;
	color: #fff;
	margin-bottom: 1em;
}
.hiddentag_biz_service_first > ul > li:last-child{
	height: 580px;
	padding: 0% 2%;
}
.hiddentag_biz_service_first > ul > li:last-child > div > p{
	margin-bottom: 0em;
	font-size: 0.9em;
}
.hiddentag_biz_service_first > ul > li:last-child > h7 > img{
	width: 100%;
}
.hiddentag_biz_service_first > ul > li:last-child > div > h6{
	font-size: 1.2em;
	font-weight: 600;
	font-family: 'Noto Sans KR', sans-serif;
	color: #087dc1;
	padding-top: 5%;
}
#service_set002 > h4{
	font-size: 1.5em;
	color: #087dc1;
	padding: 2% 0;
	font-weight: 600;
	font-family: 'Noto Sans KR', sans-serif;
	line-height: 150%;
}

/*relax*/
#relax_add_main > figure > h3{
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	color: #087dc1;
	padding: 2% 0;
	margin: 0;
}
.relax_img > h1{
	margin-bottom: 50px;
}
.relax_img > h1 > img{
	width: 800px;
}
/*genuine_add_set*/
.genuine_add_set{
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 5%;
	margin-bottom: 5%;
}
.genuine_add_set > ul{
	width: 49.5%;
	float: left;
	padding: 0;
}
.genuine_add_set > ul:last-child{
	float: right;
}
.genuine_add_set > ul > h4{
	padding: 5%;
	margin: 0;
	background: #087dc1;
	color: #fff;
	margin-bottom: 3%;
}
.genuine_add_set > ul > li{
	overflow: hidden;
	padding-top: 3%;
	padding-left: 5%;
}
.genuine_add_set > ul > li > i{
	float: left;
	color: #4b4b4b;
	width: 10%;
}
.genuine_add_set > ul > li > p{
	float: left;
	padding-left: 3%;
	font-size: 0.9em;
	width: 90%;
}


/*mobileapp_add_set*/
.mobileapp_add_set > ul{
	overflow: hidden;
	padding: 0;
	width: 800px;
	margin: 0 auto;
}
.mobileapp_add_set > ul > li{
	width: 200px;
	float: left;
}


/*select add*/
.col-md-6{
	padding-top: 3%;
}
input:hover{
	outline: none;
}
input:focus{
	outline: none;
}
*:focus {
    outline: 0;
}
*:hover {
    outline: 0;
}
.select_box_main{
	position: fixed;
	z-index: 90;
	top: 70px;
	width: 100%;
	background: #f6f6f6;
	height: 50px; 
	border-top: 1px solid #ddd; 
	border-bottom: 1px solid #ddd;
	display: none;
}
.select_box{
	position: fixed;
	width: 1140px;
	left: 50%;
	margin-left: -570px;
	padding: 0 0;
	background: transparent;
}
.select_box select{
	border-radius: 0;
}
#select_first, #select_second{
	background: transparent; 
	border: 0px solid #fff;
	padding: 1%;
	padding-left: 1%;
	border-right: 1px solid #ddd;
	
	width: 20%;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url('/resources/images-2020/5236234.png');
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: 96%;
	font-size: 0.9em;
}
#select_first{
	border-left: 1px solid #ddd;
}
.select_box_mobile{
	display: none;
	position: fixed;
	top: 0;
	z-index: 997;
	width: 100%;
	background: #fff;
	padding-left: 2.5%;
	padding-top: 35%;
	padding-bottom: 2%;
}
.select_box_mobile select{
	border-radius: 0;
	background: #fff;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url('/resources/images-2020/5236234.png');
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: 96%;
	font-size: 0.9em;
}
#select1{
	width: 57%;
}
#select2{
	width: 40%;
}

#header_swiper_main{
	padding-top: 0;
}
#cknb_count_mains{
	padding-top: 2%;
}
@media screen and (min-width: 993px) and (max-width: 1200px){
	.select_box{
		width: 980px;
		margin-left: -480px;
	}
}


@media screen and (min-width: 767px) and (max-width: 992px){
	#fh5co-hero{
		height: 100vh;
	}
	#cknb_logos{
		display: none;
	}
	#navbarSupportedContent{
		display: block;
		border-top: 0px solid transparent;
		box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.1);
	}
	.navbar-nav > li:nth-child(2), .navbar-nav > li:nth-child(3), .navbar-nav > li:nth-child(4), .navbar-nav > li:nth-child(6), .navbar-nav > li:nth-child(7), .navbar-nav > li:nth-child(8){
		display: none;
	}
	.navbar-nav > li:first-child{
		position: absolute;
		left: 0;
	}
	.navbar-nav > li:last-child{
		position: absolute;
		right: 0;
	}
	.logo1{
		padding-top: 15px !important;
	}
	.navbar-nav > li:nth-child(5){
		padding-top: 0.7%;
		padding-right: 5%;
	}
	#header_sub_menu{
		display: block;
	}
	#sub_header_menu_inner{
		padding-top: 15%;
	}
	
	#fh5co-footer{
		display: none;
	}
	#footerbar_mobile{
		display: block;
	}
	#footer_mobile_inner{
		padding-top: 0;
	}
	.select_box_main{
		display: none !important;
	}
	
}
@media screen and (min-width: 361px) and (max-width: 768px){
	#fh5co-hero{
		height: 100vh;
		display: none;
	}
	#fh5co-menu{
		margin: 0;
		margin-top: 0 !important;
		position: fixed !important;
		height: 110px;
		background: #087dc1;
		padding-bottom: 0;
	}
	#cknb_logos{
		display: none;
	}
	#navbarSupportedContent{
		display: block;
		border-top: 0px solid transparent;
		box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.1);
	}
	.navbar{
		padding-top: 2%;
	}
	.navbar-nav > li:nth-child(2), .navbar-nav > li:nth-child(3), .navbar-nav > li:nth-child(4), .navbar-nav > li:nth-child(6), .navbar-nav > li:nth-child(7), .navbar-nav > li:nth-child(8){
		display: none;
	}
	.navbar-nav > li:first-child{
		position: absolute;
		left: 0;
	}
	.navbar-nav > li:last-child{
		position: absolute;
		right: 0;
	}
	#header_sub_menu{
		display: block;
	}
	
	#fh5co-hero .fh5co-intro .fh5co-text{
		height: 80vh;
		padding-top: 10%;
		position: relative;
		overflow: hidden;
	}
	.row > div > h2{
		font-size: 1.8em !important;
		text-align: center;
		word-break: keep-all;
	}
	.intro-animate-2{
		font-size: 0.9em !important;
		letter-spacing: -1px !important;
		line-height: 20px !important;
		text-align: center;
		font-weight: 500;
	}
	.intro-animate-3{
		position: absolute;
		bottom: 5%;
		text-align: center;
		width: 100%;
	}
	.intro-animate-3 > a{
		display: block;
		width: 90%;
		background: transparent !important;
		border: 1px solid #fff;
		border-radius: 15px;
		letter-spacing: -1px;
	} 
	.btn{
		margin-bottom: 10px;
	}
	
	
	.modal{
		padding-top: 30% !important;
		width: 95%;
		margin: 0 auto;
	}
	.modal-header{
		padding: 5% 10%;
	}
	.modal-body{
		padding: 5% 10%;
	}
	.modal-footer{
		padding: 2% 10%;
	}
	.modal-dialog{
		margin: 0;
		width: 100%;
		margin: 0 auto;
	}
	#fh5co-hero .fh5co-intro .fh5co-intro-img{
		margin-top: -60%;
	}
	.cknb_count{
		width: 90%;
		float: none;
		margin: 0 auto;
	}
	#fh5co-footer{
		display: none;
	}
	#footerbar_mobile{
		display: block;
	}
	
	#americano{
		width: 100%;
		float: none;
	}
	
	/*mobile_nav_menu*/
	#fh5co-page{
		padding-top: 25%;
	}
	.mobile_nav_menu > ul{
		overflow: hidden;
		padding: 0;
		margin: 0;
		background: #087dc1;
	}
	.mobile_nav_menu > ul > li{
		float: left;
		text-align: center;
		padding: 3% 0;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.mobile_nav_menu > ul > li > a{
		color: #fff;
		font-size: 0.8em;
	}
	.mobile_nav_service > li{
		width: 25%;
	}
	.mobile_nav_bigdata > li{
		width: 33.333%
	}
	.mobile_nav_circulation > li{
		width: 33.333%
	}
	.navbar{
		border: 0px solid transparent;
		margin-bottom: 0 !important;
	}
	.mobile_nav_menu{
		display: block;
	}
	
	/*service first*/
	.hiddentag_biz_service_first > ul{
		width: 100%;
	}
	.hiddentag_biz_service_first > ul:nth-child(2){
		margin: 0;
		margin-bottom: 10px;
	}
	
	.hiddentag_biz_service_second{
		overflow: scroll;
	}
	.hiddentag_biz_service_second > h6{
		width: 1200px;
	}
	.hiddentag_biz_service_second > h6 > img{
		width: 1200px;
	}
	
	/*relax*/
	.relax_img{
		overflow-x: scroll;
	}
	.relax_img > h1{
		width: 800px;
	}
	.relax_img > h1 > img{
		width: 800px;
	}
	
	/*genuine_add_set*/
	.genuine_add_set{
		width: 100%;
	}
	.genuine_add_set > ul{
		width: 100%;
	}
	
	/*mobileapp_add_set*/
	.mobileapp_add_set > ul{
		width: 100%;
	}
	.mobileapp_add_set > ul > li{
		width: 50%;
	}
	.mobileapp_add_set > ul > li > h6{
		text-align: center;
	}
	.mobileapp_add_set > ul > li > h6 > img{
		width: 90%;
	}
	
	.select_box_main{
		display: none !important;
	}
	.select_box_mobile{
		display: block;
	}
	#fh5co-clients{
		padding: 4.5em 0 1em 0;
	}
	
	.brand-logo{
		margin-bottom: 30%;
	}
}

@media screen and (max-width: 360px){
	#fh5co-hero{
		height: 100vh;
		display: none;
	}
	#fh5co-menu{
		margin: 0;
		margin-top: 0 !important;
		position: fixed !important;
		height: 110px;
		background: #087dc1;
		padding-bottom: 0;
	}
	#fh5co-hero .fh5co-intro .fh5co-intro-img{
		
	}
	#cknb_logos{
		display: none;
	}
	#navbarSupportedContent{
		display: block;
		border-top: 0px solid transparent;
		box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.1);
	}
	.navbar{
		padding-top: 2%;
	}
	.navbar-nav > li:nth-child(2), .navbar-nav > li:nth-child(3), .navbar-nav > li:nth-child(4), .navbar-nav > li:nth-child(6), .navbar-nav > li:nth-child(7), .navbar-nav > li:nth-child(8){
		display: none;
	}
	.navbar-nav > li:first-child{
		position: absolute;
		left: 0;
	}
	.navbar-nav > li:last-child{
		position: absolute;
		right: 0;
	}
	#header_sub_menu{
		display: block;
	}
	
	#fh5co-hero .fh5co-intro .fh5co-text{
		height: 80vh;
		padding-top: 10%;
		position: relative;
		overflow: hidden;
	}
	.row > div > h2{
		font-size: 1.8em !important;
		text-align: center;
		word-break: keep-all;
	}
	.intro-animate-2{
		font-size: 0.9em !important;
		letter-spacing: -1px !important;
		line-height: 20px !important;
		text-align: center;
		font-weight: 500;
	}
	.intro-animate-3{
		position: absolute;
		bottom: 5%;
		text-align: center;
		width: 100%;
	}
	.intro-animate-3 > a{
		display: block;
		width: 90%;
		background: transparent !important;
		border: 1px solid #fff;
		border-radius: 15px;
		letter-spacing: -1px;
	} 
	.btn{
		margin-bottom: 10px;
	}
	
	
	.modal{
		padding-top: 30% !important;
		width: 95%;
		margin: 0 auto;
	}
	.modal-header{
		padding: 5% 10%;
	}
	.modal-body{
		padding: 5% 10%;
	}
	.modal-footer{
		padding: 2% 10%;
	}
	.modal-dialog{
		margin: 0;
		width: 100%;
		margin: 0 auto;
	}
	#fh5co-hero .fh5co-intro .fh5co-intro-img{
		margin-top: -60%;
	}
	.cknb_count{
		width: 90%;
		float: none;
		margin: 0 auto;
	}
	
	#fh5co-footer{
		display: none;
	}
	#footerbar_mobile{
		display: block;
	}
	#americano{
		width: 100%;
		float: none;
	}
	
	/*mobile_nav_menu*/
	#fh5co-page{
		padding-top: 25%;
	}
	.mobile_nav_menu > ul{
		overflow: hidden;
		padding: 0;
		margin: 0;
		background: #087dc1;
	}
	.mobile_nav_menu > ul > li{
		float: left;
		text-align: center;
		padding: 3% 0;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.mobile_nav_menu > ul > li > a{
		color: #fff;
		font-size: 0.8em;
	}
	.mobile_nav_service > li{
		width: 25%;
	}
	.mobile_nav_bigdata > li{
		width: 33.333%
	}
	.mobile_nav_circulation > li{
		width: 33.333%
	}
	.navbar{
		border: 0px solid transparent;
		margin-bottom: 0 !important;
	}
	.mobile_nav_menu{
		display: block;
	}
	
	/*service first*/
	.hiddentag_biz_service_first > ul{
		width: 100%;
	}
	.hiddentag_biz_service_first > ul:nth-child(2){
		margin: 0;
		margin-bottom: 10px;
	}
	
	.hiddentag_biz_service_second{
		overflow: scroll;
	}
	.hiddentag_biz_service_second > h6{
		width: 1200px;
	}
	.hiddentag_biz_service_second > h6 > img{
		width: 1200px;
	}
	
	/*relax*/
	.relax_img{
		overflow-x: scroll;
	}
	.relax_img > h1{
		width: 800px;
	}
	.relax_img > h1 > img{
		width: 800px;
	}
	
	/*genuine_add_set*/
	.genuine_add_set{
		width: 100%;
	}
	.genuine_add_set > ul{
		width: 100%;
	}
	/*mobileapp_add_set*/
	.mobileapp_add_set > ul{
		width: 100%;
	}
	.mobileapp_add_set > ul > li{
		width: 50%;
	}
	.mobileapp_add_set > ul > li > h6{
		text-align: center;
	}
	.mobileapp_add_set > ul > li > h6 > img{
		width: 90%;
	}
	
	.select_box_main{
		display: none !important;
	}	
	
	.select_box_mobile{
		display: block;
	}
	
	#fh5co-clients{
		padding: 4.5em 0 1em 0;
	}
	.brand-logo{
		margin-bottom: 30%;
	}
}
@media screen and (max-height: 658px){
	.swiper-slide > h1{
		margin-top: 0;
		margin-bottom: 5%;
		font-size: 1.8em;
		line-height: 35px;
	}
	.swiper-text{
		line-height: 23px !important;
		font-size: 1em !important;
	}
	.cknb_count_title > p{
		letter-spacing: -2px !important;
	}
	.cknb_count{
		width: 100%;
	}
}
@media screen and (max-width: 320px){
	.select_box_mobile{
		padding-top: 40%;
	}
}