/*--------------------------------------------------------------------------------------------------------------------------- */
/* CSS Reset & Clear
/*--------------------------------------------------------------------------------------------------------------------------- */
html {
	overflow-x: hidden !important;
}
body {
	border: 0;
	margin: 0 auto;
	padding: 0;
}
ol,ul,dl, li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
a {
	text-decoration: none!important;
}
a:focus, button:focus {
	outline: 0;
}
.no-padding {
	padding: 0;
}
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, 
ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td {
	border: 0; 
	color: #1a1a1a;
	font-family: 'Noto Sans KR', 'Noto Sans';
	font-size: 100%; 
	font-style: inherit; 
	font-weight: 300; 
	margin: 0; outline: 0; padding: 0; 
	vertical-align: baseline;
	word-break: keep-all;
}
.right{
	float: right;
}
.w-color{
	color: #fff;
	opacity: 0.5;
}
/*------------------------------------------------------------------------------- */
/* Common Style
/*------------------------------------------------------------------------------- */
/* --------------------------- */
/* header
/* --------------------------- */
.navbar.site_header {
	padding: 1.1rem 1rem;
}
.navbar.h_change.site_header {
	padding: 0.8rem 1rem;
}
.navbar.btn_active.h_change.site_header {
	padding-bottom: 6rem;
}
.navbar.site_header.h_change {
	background-color: #fff;
	transition: background 0.5s ease, padding 0.5s ease;
	border-bottom: 1px solid #ddd;
}
/* 로고 */
.navbar .navbar-brand {
	padding: 0;
}
.navbar .navbar-brand .brand_logo {
	display: block;
	width: auto;
	height: auto;
}
.navbar .navbar-brand .logo {
	min-width: 135px;
	min-height: 31px;
	background-image: url(../images/vfinder_logo_white.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.navbar.h_change .navbar-brand .logo {
	background-image: url(../images/vFinder_logo.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.navbar.btn_active .navbar-brand .logo {
	background-image: url(../images/vFinder_logo.png);
}
.navbar .navbar-brand .logo.brand_logo {
	white-space: nowrap;
	overflow: hidden;
	color: transparent;
}
/* 메뉴 */
.navbar .navbar-collapse .navbar-nav .nav-item a.nav-link {
	color: #999;
	font-size: 1.9rem;
	font-weight: 300;
	padding-right: 1rem;
	padding-left: 1rem;
	-webkit-transition: color .4s;
	transition: color .4s;
}
.navbar .navbar-collapse .navbar-nav .nav-item.menu5 a.nav-link {
    background-color: #e0201f;
    color: #ffffff;
	font-weight: bold;
	border: 2px solid #ffffff;
    border-radius: 25px;
    height: 32px;
    padding: 0px 12px;
    width: 60px;
    margin: 6px 0 4px 0;
    margin-left: 16px;
    font-size: 16px;
}
.navbar .navbar-collapse .navbar-nav .nav-item a.nav-link:hover, .navbar .navbar-collapse .navbar-nav .nav-item a.nav-link:active {
	color: #fffc00;
}
.navbar .navbar-collapse .navbar-nav .nav-item a.contact_accordion {
	display: block;
	padding: 1rem 1rem;
}
.navbar .navbar-collapse .navbar-nav .nav-item a.contact_accordion .contact_btn {
	background-color: transparent;
	color: #df1a21;
	font-size: 1.9rem;
	font-weight: 300;
	display: block;
	transition: background-color .4s;
}
/* 태블릿, 웹 헤더 */
@media (min-width: 768px ) and (max-width: 991px) {
	.navbar.btn_active>.container {
		max-width: 540px; 
	}
	.navbar.h_change.btn_active .navbar-collapse .navbar-nav .nav-item a.nav-link {
		color: #999;
		font-size: 1.9rem;
	}
}
@media (min-width: 768px) {
	.navbar.site_header {
		padding: 1rem;
	}
	.navbar .navbar-brand .logo {
		min-width: 160px;
		min-height: 38px;
	}
	.navbar.site_header {
		padding-top: 1.3rem;
		padding-bottom: 1rem;
	}
	.navbar.site_header.h_change {
		padding: .8rem 1rem;
	}
	.navbar .navbar-brand .logo {
		min-width: 145px;
		min-height: 33px;
	}
}
@media (min-width: 992px) {
	.navbar .navbar-collapse .navbar-nav .nav-item a.contact_accordion .contact_btn {
		color: #df1a21;
		font-size: 18px;
		font-weight: 400;
		text-align: center;
		display: block;
		width: 9rem;
		height: 2.4rem;
		background-color: #fff;
		border-radius: 25px;
		padding: .3rem;
	}
	.navbar .navbar-collapse .navbar-nav .nav-item a.contact_accordion .contact_btn:hover {
		color: #df1a21;
	}
	.navbar.h_change .navbar-collapse .navbar-nav .nav-item a.contact_accordion .contact_btn {
		background-color: #df1a21;
		color: #fff;
	}
	.navbar.h_change .navbar-collapse .navbar-nav .nav-item a.contact_accordion .contact_btn:hover,
	.navbar.h_change .navbar-collapse .navbar-nav .nav-item a.contact_accordion .contact_btn:active,
	.navbar.h_change .navbar-collapse .navbar-nav .nav-item a.contact_accordion .contact_btn:focus {
		color: #df1a21;
		font-size: 18px;
		text-align: center;
		display: block;
		width: 9rem;
		height: 2.4rem;
		background-color: #fff;
		border-radius: 25px;
		padding: .3rem;
		background-color: #ff6204;
	}
	.navbar .navbar-collapse .navbar-nav .nav-item a.contact_accordion {
		padding: .1rem 1rem;
		padding-right: 0;
	}
	.navbar .navbar-collapse .navbar-nav .nav-item a.nav-link {
		color: #fff;
		font-size: 1.1rem;
	}
	.navbar.h_change .navbar-collapse .navbar-nav .nav-item a.nav-link {
		color: #ffffff;
	}
}
/* 모바일 메뉴 버튼 */
#navToggle { 
	cursor: pointer; 
	padding: 0;
	margin: 1.65rem 1rem;
}
.navbar.h_change #navToggle {
	margin: 1.45rem 1rem; 
}
#navToggle {
	position: absolute; 
	right: 0;
	top: 0;
	height: 9px;
	width: 23px;
	border: 0;
	border-color: transparent;
}
#navToggle span, #navToggle span:before, #navToggle span:after {
	cursor: pointer;
	border-radius: 3px;
	height: 3px;
	width: 22px;
	background-color: #fff;
	position: absolute;
	display: block;
	content: '';
}
.navbar.h_change #navToggle span, 
	.navbar.h_change #navToggle span:before, 
	.navbar.h_change #navToggle span:after {
		background-color: #df1a21;
}
@media (min-width: 768px) {
	#navToggle {
		margin: 1.7rem 1rem 0 0;
		height: 21px;
	}
}
@media (min-width: 768 ) and (max-width: 991px) {

}
#navToggle span:before {
	top: -7px;
}
 #navToggle span:after {
 	bottom: -7px;
 }
.site-header.h_change #navToggle span, .site-header.h_change #navToggle span:before, .site-header.h_change #navToggle span:after {
	background-color: #df1a21;
}
#navToggle span, #navToggle span:before, #navToggle span:after { transition: all 500ms ease-in-out;}
#navToggle span:before { top: -7px; }
#navToggle span:after { bottom: -7px; }
#navToggle.active span { background-color: transparent!important; }
#navToggle.active span:before, #navToggle.active span:after { top: 0; }
#navToggle.active span:before { transform: rotate(45deg); }
#navToggle.active span:after { 
	transform: rotate(-45deg); 
}
/* 모바일 메뉴 버튼 클릭시 효과 */
.site_header.btn_active {
	height: 100vh;
	padding-bottom: 6rem;
	background-color: #fff;
	-webkit-transition: background-color 0.5 ease;
	-o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}
.site_header.btn_active .navbar-brand {
	width: 60px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 2rem;
}
.site_header.btn_active .navbar-brand .logo {
	min-width: 264px;
	min-height: 63px;
}
.site_header.btn_active #navToggle span:before, .site_header.btn_active #navToggle span:after {
	background-color: #df1a21;
}
.site_header.btn_active .navbar-collapse {
	margin-top: 1rem;
}
.site_header.btn_active .nav-item a.nav-link {
	font-size: 25px;
	font-weight: 500;
	color: #999;
	padding: 1rem 1rem;
}
.site_header.btn_active .nav-item a.nav-link:hover {
	transition: all 1s ease;
}
/* --------------------------- */
/* main
/* --------------------------- */
.main {
	position: relative;
}
.hideme {
    opacity: 0;
}
.configuration_wrapper_flag {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
/* 브이파인더 타이틀, 이미지*/
.product_title_wrapper {
	background-image: linear-gradient(0deg, #f28e00, #df1a21);
	padding-bottom: 500px;
	height: 100vh;
	max-height: 1100px;
}
.product_title_wrapper .product_img_title {
	margin-top: 12rem;
	text-align: center;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.product_title_wrapper .title_group h1 {
	font-size: 3rem;
	color: #fff;
	font-weight: 400;
}
.product_title_wrapper .title_group span {
	display: block;
	font-size: 1.1rem;
	color: #dfdfdf;
	font-weight: 200;
	padding: .3rem 0 2rem 0;
}
.product_title_wrapper .title_group p {
	font-size: 1.4rem;
	font-weight: 200;
	color: #fff;
	padding-bottom: 2rem;
}
.product_title_wrapper .program_img img {
	width: 90%;
}
.product_title_wrapper .program_img img.vert_move {
	-webkit-animation: mover 1s infinite  alternate;
	animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
	0% { transform: translateY(0); }
	100% { transform: translateY(-10px); }
}
@keyframes mover {
	0% { transform: translateY(0); }
	100% { transform: translateY(-10px); }
}
/* 마우스 */
.mouse {
	display: block;
	width: 28px;
	height: 48px;
	border-radius: 25px;
	border: 1px solid #ff6204;
	position: fixed;
	left: 50%;
	margin-left: -13px;
	z-index: 9999;
	bottom: 3rem;
}
.mouse span {
	display: block;
	margin: 6px auto;
	width: 2px;
	height: 5px;
	border-radius: 4px;
	background: #ff6204;
	border: 1px solid transparent;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: scroll;
	animation-name: scroll;
}
@keyframes scroll {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}
}
/******** 모바일 ********/
@media (max-width: 767px) {
	.product_title_wrapper {
		height: 81vh;
	}
	.product_title_wrapper .product_img_title {
		margin-top: 8rem;
	}
	.product_title_wrapper .title_group h1 {
		font-size: 1.8rem;
	}
	.product_title_wrapper .title_group span {
		font-size: .8rem;
		padding: .3rem 0 1.5rem 0;
	}
	.product_title_wrapper .title_group p {
		font-size: 1rem;
	}
	.product_title_wrapper .program_img img {
		max-width: 95%;
	}
}
/* 오버랩 */
.overlap_wrapper {
	position: relative;
	z-index: 1010;
	background-color: #fff;
	-webkit-box-shadow: 0px -5px 30px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px -5px 30px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px -5px 30px 3px rgba(0, 0, 0, 0.1);
}
/* 브이파인더 소개 */
.introduce_wrapper .title_group {
	padding-top: 6rem;
}
.introduce_wrapper .title_group, .function_wrapper .title_group, .configuration_wrapper .title_group, .Customer_Reference_wrapper .title_group {
	text-align: center;
}
.introduce_wrapper .title_group>span, .function_wrapper .title_group>span, .configuration_wrapper .title_group>span, .Customer_Reference_wrapper .title_group>span {
	font-size: 1rem;
	color: #df1a21;
}
.introduce_wrapper .title_group h2, .function_wrapper .title_group h2, .configuration_wrapper h2, .Customer_Reference_wrapper h2 {
	font-size: 2rem;
	font-weight: 500;
	padding-top: 0.3rem;
}
.intro_three_column {
	padding: 7rem 0 9rem 0;
}
.intro_three_column .column_group {
	text-align: center;
}
.intro_three_column .column_group img {
	padding: 0 1rem;
	height: 205px;
}
.intro_three_column .column_group h3 {
	font-size: 1.5rem;
	width: 100%;
}
.intro_three_column .column_group h3 .txt_bold {
	font-weight: 500;
}
.intro_three_column .column_group .column_txt_group {
	padding-top: 3rem;
}
.intro_three_column .column_group p {
	font-size: 1.1rem;
	color: #555;
	padding: 0.5rem;
	padding-top: 1rem;
}
.introduce_wrapper .intro_point_comment {
	padding: 6rem 2rem;
	background-color: #f6f6f6;
}
.introduce_wrapper .intro_point_comment .comment_group {
	padding-top: 2.5rem;
}
.introduce_wrapper .intro_point_comment h3 {
    font-size: 1.4rem;
    font-weight: 500;
    color: #df1a21;
    padding-top: .5rem;
    width: 25%;
    margin-right: 3%;
    line-height: 1.5;
}
.introduce_wrapper .intro_point_comment p {
	padding: .6rem 0;
	margin-bottom: 1rem;
	font-size: 1.1rem;
	color: #333;
	width: 75%;
	line-height: 1.5;
}
.intro_three_column .intro_column_group {
	height: 60px;
}
/******** 모바일 ********/
@media (max-width: 767px) {
	.introduce_wrapper .title_group {
		padding-top: 3rem;
	}
	.introduce_wrapper .title_group>span, .function_wrapper .title_group>span, .configuration_wrapper .title_group>span, .Customer_Reference_wrapper .title_group>span  {
		font-size: .8rem;
	}
	.introduce_wrapper .title_group h2, .function_wrapper .title_group h2, .configuration_wrapper h2, .Customer_Reference_wrapper h2 {
		font-size: 1.5rem;
		padding-top: 0.1rem;
	}
	.intro_three_column {
		padding: 3rem 0 0rem 0;
	}
	.intro_three_column .column_group img {
		padding: 0 2rem;
	}
	.intro_three_column .column_group h3 {
		font-size: 1.2rem;
		color: #333;
	}
	.intro_three_column .column_group p {
		font-size: 1rem;
	}
	.intro_three_column .column_group .column_txt_group {
		padding-top: 1.5rem;
	}
	.intro_three_column .column_group p {
		padding-top: .5rem;
		padding-bottom: 3rem;
	}
	.introduce_wrapper .intro_point_comment {
		padding: 1rem;
		margin-bottom: 0;
	}
	.introduce_wrapper .intro_point_comment .comment_group {
		padding-bottom: .3rem;
	}
	.introduce_wrapper .intro_point_comment h3 {
		font-size: 1.2rem;
	}
	.introduce_wrapper .intro_point_comment p {
		font-size: 1rem;
		padding: .5rem 0;
		padding-left: 1rem;
	}
	.intro_point_comment img {
		padding: 1rem;
	}
}

/*브이파인더 기능*/
.function_wrapper {
	background-color: #ff6204;
	height: 32rem;
	margin-bottom: 27rem;
}
.function_wrapper .title_group {
	text-align: center;
	padding-top: 6rem;
}
.function_wrapper .title_group>span {
	color: #f6f6f6;
	font-weight: 200;
}
.function_wrapper .title_group h2 {
	color: #fff;
	font-weight: 400;
}
.function_wrapper .title_group p, .configuration_wrapper .title_group p, .Customer_Reference_wrapper .title_group p {
	color: #fff;
	font-size: 1.2rem;
	font-weight: 200;
	margin: 0 auto;
	padding-top: 2rem;
}
.function_wrapper .function_list_group {
	margin: 3rem 0;
	background-color: #fff;
	padding: 4.5rem 2.5rem;
	-webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0px 5px 30px 0px rgba(0, 0, 0, 0.1);
	box-shadow:         0px 5px 30px 0px rgba(0, 0, 0, 0.1);
}
.function_wrapper .function_list .item {
	padding-bottom: 2rem;
	height: 146px;
}
.function_wrapper.kor .function_list_group .function_list .item {
	height: inherit;
}
.function_wrapper .function_list .item:last-child {
	padding-bottom: 0;
}
.function_wrapper .function_list .item img {
	width: 94px;
	height: 94px;
}
.function_wrapper .function_list .txt_group {
	padding-left: 2rem;
	padding-top: 0.5rem;
}
.function_wrapper .function_list .txt_group h3 {
	font-size: 1.2rem;
	font-weight: 400;
	padding-bottom: 0.3rem;
}
.function_wrapper .function_list .txt_group p {
	font-size: 1.1rem;
}
/******** 모바일 ********/
@media (max-width: 767px) {
	.function_wrapper {
		margin-bottom: 32rem;
	}
	.function_wrapper .title_group {
		padding-top: 4rem;
	}
	.function_wrapper .title_group p, .configuration_wrapper .title_group p {
		font-size: 1rem;
		padding-top: 1.5rem;
	}
	.function_wrapper .function_list_group {
		padding: 2rem 1rem;
		margin: 2rem 0;
	}
	.function_wrapper .function_list .item {
		padding-bottom: 1rem;
	}
	.function_wrapper .function_list .item img {
		width: 80px;
		height: 80px;
	}
	.function_wrapper .function_list .txt_group {
		padding-left: 1.5rem;
		padding-top: 0.2rem;
	}
	.function_wrapper .function_list .txt_group h3 {
		font-size: 1rem;
		padding-bottom: 0.3rem;
	}
	.function_wrapper .function_list .txt_group p {
		font-size: 1rem;
	}
}
/* 브이파인더 구성 */
.configuration_wrapper {
	margin-bottom: 5rem;
}
.configuration_wrapper .title_group p {
	color: #333;
	font-weight: 300;
}
.configuration_wrapper .configuration_group {
	margin-top: 7rem;
	position: relative;
}
.configuration_wrapper .icon_arrow_down {
	margin: 1.5rem 0;
}
.configuration_wrapper .icon_arrow_both {
	margin: 0 1.5rem;
}
.configuration_wrapper .configuration_group .wrap .icon_txt {
	padding-top: .8rem;
	font-size: 1.1rem;
}
.configuration_wrapper .configuration_group .program_side_icon {
	padding-top: 12rem;
}
.configuration_group .program_img .img {
	
}
.configuration_wrapper .program_side_icon .mobile_device img {
	margin: 0 auto;
	margin-top: 1.5rem;
}
/******** 모바일 ********/
@media (max-width: 767px) {
	.configuration_wrapper .configuration_group {
		margin-top: 4rem;
	}
	.configuration_wrapper .configuration_group .wrap .icon_txt {
		font-size: .9rem;
		padding-top: .5rem;
	}
	.configuration_group .wrap img.circle_icon {
		width: 80px;
		height: 80px;
	}
	.configuration_wrapper .icon_arrow_down {
		margin: 0.5rem 0;
	}
	.configuration_wrapper .icon_arrow_down {
		margin: 0.5rem 0;
	}
	.icon_arrow_down img.arrow_icon {
		height: 30px;
	}
	.configuration_group .program_img {
		width: 70%;
	}
	.configuration_wrapper .configuration_group .program_side_icon {
		width: 30%;
		padding-top: 1.5rem;
	}
	.configuration_wrapper .icon_arrow_both {
		margin: 0;
	}
	.configuration_wrapper .icon_arrow_both img {
		width: 34px;
	}
}
/* 브이파인더 고객사 레퍼런스 */
.Customer_Reference_wrapper {
	margin-bottom: 5rem;
}
.Customer_Reference_wrapper .title_group p {
	color: #333;
	font-weight: 300;
}
.Customer_Reference_wrapper .Customer_Reference_group {
	margin-top: 7rem;
	position: relative;
}
.Customer_Reference_wrapper .Customer_Reference_group ul{
	width: 100%;
	height: auto;
	display: inline-block;
}
.Customer_Reference_wrapper .Customer_Reference_group ul li{
	width: 198px !important;
	height: 120px;
	position: relative;
	float: left;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-size: auto 80px;
	background-position: center center;
}
.Customer_Reference_wrapper .Customer_Reference_group ul li img{
	width: auto;
	height: 40px;
	padding: 30px;
	overflow: hidden;
}
.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(1){
	background-image: url(../images/company_logo_01.png);
	margin-right: 30px;
}
.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(2){
	background-image: url(../images/company_logo_02.png);
	margin-right: 30px;
}
.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(3){
	background-image: url(../images/company_logo_03.png);
	margin-right: 30px;
}
.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(4){
	background-image: url(../images/company_logo_04.png);
	margin-right: 30px;
}
.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(5){
	background-image: url(../images/company_logo_05.png);
}
.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(6){
	background-image: url(../images/company_logo_06.png);
	margin-right: 30px;
	margin-top: 30px;
}
.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(7){
	background-image: url(../images/company_logo_07.png);
	margin-right: 30px;
	margin-top: 30px;
}
.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(8){
	background-image: url(../images/company_logo_08.png);
	margin-right: 30px;
	margin-top: 30px;
}
.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(9){
	background-image: url(../images/company_logo_09.png);
	margin-right: 30px;
	margin-top: 30px;
}
.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(10){
	background-image: url(../images/company_logo_10.png);
	margin-top: 30px;
}
.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(11){
	background-image: url(../images/company_logo_11.png);
	margin-right: 30px;
	margin-top: 30px;
}
.Customer_Reference_wrapper .Customer_Reference_eng_group {
	margin-top: 7rem;
	position: relative;
}
.Customer_Reference_wrapper .Customer_Reference_eng_group ul{
	width: 100%;
	height: auto;
	display: inline-block;
}
.Customer_Reference_wrapper .Customer_Reference_eng_group ul li{
	width: 198px !important;
	height: 120px;
	position: relative;
	float: left;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-size: auto 80px;
	background-position: center center;
}
.Customer_Reference_wrapper .Customer_Reference_eng_group ul li img{
	width: auto;
	height: 40px;
	padding: 30px;
	overflow: hidden;
}
.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(1){
	background-image: url(../images/company_logo_eng_01.png);
	margin-right: 30px;
}
.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(2){
	background-image: url(../images/company_logo_eng_02.png);
	margin-right: 30px;
}
.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(3){
	background-image: url(../images/company_logo_eng_03.png);
	margin-right: 30px;
}
.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(4){
	background-image: url(../images/company_logo_eng_04.png);
	margin-right: 30px;
}
.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(5){
	background-image: url(../images/company_logo_eng_05.png);
}
.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(6){
	background-image: url(../images/company_logo_eng_06.png);
	margin-right: 30px;
	margin-top: 30px;
}
.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(7){
	background-image: url(../images/company_logo_eng_07.png);
	margin-right: 30px;
	margin-top: 30px;
}
.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(8){
	background-image: url(../images/company_logo_eng_08.png);
	margin-right: 30px;
	margin-top: 30px;
}
.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(9){
	background-image: url(../images/company_logo_eng_09.png);
	margin-right: 30px;
	margin-top: 30px;
}
.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(10){
	background-image: url(../images/company_logo_eng_10.png);
	margin-top: 30px;
}
.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(11){
	background-image: url(../images/company_logo_eng_11.png);
	margin-right: 30px;
	margin-top: 30px;
}
/******** 타블 ********/
@media (max-width: 1100px) {
	.Customer_Reference_wrapper .Customer_Reference_group {
		margin-top: 4rem;
	}
	.Customer_Reference_wrapper .Customer_Reference_group .wrap .icon_txt {
		font-size: .9rem;
		padding-top: .5rem;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul{
	width: 100%;
	height: auto;
	display: inline-block;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li{
	width: 32.5% !important;
	height: 110px;
	position: relative;
	float: left;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-size: auto 60px;
	background-position: center center;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li img{
	width: auto;
	height: 40px;
	overflow: hidden;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(1){
		background-image: url(../images/company_logo_01.png);
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(2){
		background-image: url(../images/company_logo_02.png);
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(3){
		background-image: url(../images/company_logo_03.png);
		margin-right: 0%;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(4){
		background-image: url(../images/company_logo_04.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(5){
		background-image: url(../images/company_logo_05.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(6){
		background-image: url(../images/company_logo_06.png);
		margin-top: 6px;
		margin-right: 0px;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(7){
		background-image: url(../images/company_logo_07.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(8){
		background-image: url(../images/company_logo_08.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(9){
		background-image: url(../images/company_logo_09.png);
		margin-top: 6px;
		margin-right: 0%;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(10){
		background-image: url(../images/company_logo_10.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(11){
		background-image: url(../images/company_logo_11.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group {
		margin-top: 4rem;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group .wrap .icon_txt {
		font-size: .9rem;
		padding-top: .5rem;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul{
	width: 100%;
	height: auto;
	display: inline-block;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li{
	width: 32.5% !important;
	height: 110px;
	position: relative;
	float: left;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-size: auto 60px;
	background-position: center center;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li img{
	width: auto;
	height: 40px;
	overflow: hidden;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(1){
		background-image: url(../images/company_logo_eng_01.png);
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(2){
		background-image: url(../images/company_logo_eng_02.png);
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(3){
		background-image: url(../images/company_logo_eng_03.png);
		margin-right: 0%;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(4){
		background-image: url(../images/company_logo_eng_04.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(5){
		background-image: url(../images/company_logo_eng_05.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(6){
		background-image: url(../images/company_logo_eng_06.png);
		margin-top: 6px;
		margin-right: 0px;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(7){
		background-image: url(../images/company_logo_eng_07.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(8){
		background-image: url(../images/company_logo_eng_08.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(9){
		background-image: url(../images/company_logo_eng_09.png);
		margin-top: 6px;
		margin-right: 0%;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(10){
		background-image: url(../images/company_logo_eng_10.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(11){
		background-image: url(../images/company_logo_eng_11.png);
		margin-top: 6px;
		margin-right: 1%;
	}
}
/******** 모바일 ********/
@media (max-width: 767px) {
	.Customer_Reference_wrapper .Customer_Reference_group {
		margin-top: 4rem;
	}
	.Customer_Reference_wrapper .Customer_Reference_group .wrap .icon_txt {
		font-size: .9rem;
		padding-top: .5rem;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul{
	width: 100%;
	height: auto;
	display: inline-block;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li{
	width: 49.5% !important;
	height: 110px;
	position: relative;
	float: left;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-size: auto 60px;
	background-position: center center;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li img{
	width: auto;
	height: 40px;
	overflow: hidden;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(1){
		background-image: url(../images/company_logo_01.png);
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(2){
		background-image: url(../images/company_logo_02.png);
		margin-right: 0px;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(3){
		background-image: url(../images/company_logo_03.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(4){
		background-image: url(../images/company_logo_04.png);
		margin-top: 6px;
		margin-right: 0px;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(5){
		background-image: url(../images/company_logo_05.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(6){
		background-image: url(../images/company_logo_06.png);
		margin-top: 6px;
		margin-right: 0px;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(7){
		background-image: url(../images/company_logo_07.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(8){
		background-image: url(../images/company_logo_08.png);
		margin-top: 6px;
		margin-right: 0px;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(9){
		background-image: url(../images/company_logo_09.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(10){
		background-image: url(../images/company_logo_10.png);
		margin-top: 6px;
		margin-right: 0px;
	}
	.Customer_Reference_wrapper .Customer_Reference_group ul li:nth-child(11){
		background-image: url(../images/company_logo_11.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group {
		margin-top: 4rem;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group .wrap .icon_txt {
		font-size: .9rem;
		padding-top: .5rem;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul{
	width: 100%;
	height: auto;
	display: inline-block;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li{
	width: 49.5% !important;
	height: 110px;
	position: relative;
	float: left;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-size: auto 60px;
	background-position: center center;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li img{
	width: auto;
	height: 40px;
	overflow: hidden;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(1){
		background-image: url(../images/company_logo_eng_01.png);
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(2){
		background-image: url(../images/company_logo_eng_02.png);
		margin-right: 0px;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(3){
		background-image: url(../images/company_logo_eng_03.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(4){
		background-image: url(../images/company_logo_eng_04.png);
		margin-top: 6px;
		margin-right: 0px;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(5){
		background-image: url(../images/company_logo_eng_05.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(6){
		background-image: url(../images/company_logo_eng_06.png);
		margin-top: 6px;
		margin-right: 0px;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(7){
		background-image: url(../images/company_logo_eng_07.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(8){
		background-image: url(../images/company_logo_eng_08.png);
		margin-top: 6px;
		margin-right: 0px;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(9){
		background-image: url(../images/company_logo_eng_09.png);
		margin-top: 6px;
		margin-right: 1%;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(10){
		background-image: url(../images/company_logo_eng_10.png);
		margin-top: 6px;
		margin-right: 0px;
	}
	.Customer_Reference_wrapper .Customer_Reference_eng_group ul li:nth-child(11){
		background-image: url(../images/company_logo_eng_11.png);
		margin-top: 6px;
		margin-right: 1%;
	}
}
/* 푸터 */
.footer_wrapper {
	background-color: #333;
}
.footer_wrapper .footer_top {
	padding: 1.2rem 0 1.2rem 0;
}
.footer_wrapper .social_group a img {
	padding: .2rem 1rem;
}
.footer_wrapper .footer_top .social_group a:hover {
	opacity: 0.8;
}
.footer_wrapper .footer_line {
	border: 1px solid #444;
}
.footer_wrapper .footer_btm h5 {
	font-size: 1.3rem;
	color: #777;
	margin: 1.4rem 0 1rem;
	font-weight: 500;
}
.footer_wrapper .footer_btm .about1, .footer_wrapper .footer_btm .about2 {
	font-size: 14px;
	color: #888;
	margin: 0;
}
.footer_wrapper .footer_btm .about2 {
	padding-bottom: 20px;
}
.footer_wrapper .msecure_logo {
	padding-top: 1.4rem; 
}
.footer_wrapper .footer_btm .msecure_logo:hover {
	opacity: 0.8;
}
.footer_btm p {
	display: block;
	color: #888;
	font-size: .9rem;
	font-weight: 200;
	padding : .8rem 0;
}
/* 로그인/회원가입 */
.account {
	border: 2px solid white;
	background-color: rgba(0,0,0,0);
	color: white;
	padding: 2.5px 5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	position: relative;
	top: 5px;
	left: 10px;
}
.account:hover{
	color: white;
	background-color: skyblue;
}
/* 내 정보 드롭 */
.dropdown .btn {
    background: url(../images/member-icon_user.png) no-repeat;
    background-size: contain;
    width: 60px;
    height: 32px;
	margin: 6px 0 4px 0;
    margin-left: 16px;
}
.dropdown .btn:hover {
    background: url(../images/member-icon_user_hover.png) no-repeat;
    background-size: contain;
    width: 60px;
    height: 32px;
	margin: 6px 0 4px 0;
    margin-left: 16px;
}

/* 드롭다운 메뉴 버튼 스타일 */
.dropdown .btn {
    border: none;
}

/* 드롭다운 메뉴 내용 스타일 */
.dropdown-menu {
    width: 270px;
    padding: 10px 5px;
	overflow: auto;
}


/* 드롭다운 메뉴 항목 스타일 */
.dropdown-item {
    display: block;
    width: 100%;
    padding: 8px 16px;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    transition: background-color 0.3s;
	border-radius: 10px;
}

.dropdown-item img{
	margin-right: 8px;
	opacity: 0.5;
}

/* 드롭다운 메뉴 항목의 hover 효과 스타일 */
.dropdown-item:hover {
    background-color: #EAF2F5;
	color: #212121;
	font-weight: bold;
}

/* 드롭다운 구분선 스타일 */
.dropdown-divider {
    height: 1px;
    margin: 5px 0;
    overflow: hidden;
    background-color: #e9ecef;
}
.dropdown-header{
	font-style: normal;
	font-weight: bold;
	font-size: medium;
	padding: 8px 16px;
	overflow: auto;
	scrollbar-color: #0d99ff #e4e4e4;
    scrollbar-height: thin;
}

.dropdown-header img{
	margin-right: 8px;
}

.dropdown-header::-webkit-scrollbar {
    height: 6px;
}

.dropdown-header::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 100px;
}

.dropdown-header::-webkit-scrollbar-thumb {
    border-radius: 100px;
    border: 6px solid rgba(0, 0, 0, 0.18);
    border-left: 0;
    border-right: 0;
    background-color: #0d99ff;
	background-clip: padding-box;
    border: 1px solid transparent;
}