@charset "UTF-8";


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

.gncoButton {
  -moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
  -webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
  box-shadow:inset 0px 1px 0px 0px #fce2c1;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
  background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
  background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
  background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
  background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
  background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
  background-color:#ffc477;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #eeb44f;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:15px;
  font-weight:bold;
  padding:6px 6px;
  text-decoration:none;
  text-shadow:0px 1px 0px #cc9f52;
  width: 80px;
  height: 40px;
}
.gncoButton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
  background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
  background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
  background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
  background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
  background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
  background-color:#fb9e25;
}
.gncoButton:active {
  position:relative;
  top:1px;
}


.disableButton {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff !important;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff !important;
  box-shadow:inset 0px 1px 0px 0px #ffffff !important;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
  background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%) !important;
  background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%) !important;
  background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%) !important;
  background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%) !important;
  background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%) !important;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
  background-color:#ededed !important;
  -moz-border-radius:6px !important;
  -webkit-border-radius:6px !important;
  border-radius:6px !important;
  border:1px solid #dcdcdc !important;
  display:inline-block !important;
  cursor:pointer !important;
  color:#777777 !important;
  font-family:Arial !important;
  font-size:15px !important;
  font-weight:bold !important;
  padding:6px 6px !important;
  text-decoration:none !important;
  text-shadow:0px 1px 0px #ffffff !important;
}
.disableButton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
  background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%) !important;
  background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%) !important;
  background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%) !important;
  background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%) !important;
  background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%) !important;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
  background-color:#dfdfdf !important;
}
.disableButton:active {
  position:relative !important;
  top:1px !important;
}

/* ----------------------------------------------------------------------------------------------------------- */
/* Form Style */
.form-style-5{
	/*width: 100%;*/
    /*max-width: 500px;*/
    padding: 10px 20px;
    /*background: #f4f7f8;*/
    /*margin: 10px auto;*/
    /*padding: 20px;*/
    /*background: #f4f7f8;*/
    border-radius: 8px;
    /*font-family: Georgia, "Times New Roman", Times, serif;*/
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.form-style-5 fieldset{
    border: none;
}
.form-style-5 legend {
    font-size: 1.4em;
    margin-bottom: 10px;
}
.form-style-5 label {
    display: inline-block;
    /* margin-bottom: 8px; */
    width: 100px;
    text-align: right;
    font-size: 20px;
    font-weight: bold;
}
.form-style-5 input[type="text"],
.form-style-5 input[type="password"],
.form-style-5 input[type="date"],
.form-style-5 input[type="datetime"],
.form-style-5 input[type="email"],
.form-style-5 input[type="number"],
.form-style-5 input[type="search"],
.form-style-5 input[type="time"],
.form-style-5 input[type="url"],
.form-style-5 textarea,
.form-style-5 select {
    /*font-family: Georgia, "Times New Roman", Times, serif;*/
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    background: rgba(255,255,255,.1);
    border: none;
    border-radius: 4px;
    font-size: 16px;
    margin: 0;
    outline: 0;
    padding: 7px;
    /*width: 100%;*/
    box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    background-color: #e8eeef;
    color:#8a97a0;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
    box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
    /*margin-bottom: 15px;*/
    
}
.form-style-5 input[type="text"]:focus,
.form-style-5 input[type="password"]:focus,
.form-style-5 input[type="date"]:focus,
.form-style-5 input[type="datetime"]:focus,
.form-style-5 input[type="email"]:focus,
.form-style-5 input[type="number"]:focus,
.form-style-5 input[type="search"]:focus,
.form-style-5 input[type="time"]:focus,
.form-style-5 input[type="url"]:focus,
.form-style-5 textarea:focus,
.form-style-5 select:focus{
    background: #d2d9dd;
}
.form-style-5 select{
    -webkit-appearance: menulist-button;
    height:35px;
}
.form-style-5 .number {
    background: #1abc9c;
    color: #fff;
    height: 30px;
    width: 30px;
    display: inline-block;
    font-size: 0.8em;
    margin-right: 4px;
    line-height: 30px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 15px 15px 15px 0px;
}

.form-style-5 input[type="submit"],
.form-style-5 input[type="button"]
{
    position: relative;
    display: block;
    padding: 19px 39px 18px 39px;
    color: #FFF;
    margin: 0 auto;
    background: #1abc9c;
    font-size: 18px;
    text-align: center;
    font-style: normal;
    width: 100%;
    border: 1px solid #16a085;
    border-width: 1px 1px 3px;
    margin-bottom: 10px;
}
.form-style-5 input[type="submit"]:hover,
.form-style-5 input[type="button"]:hover
{
    background: #109177;
}

/* --------------------------------------------------------------------------------------------------------- */
/* CheckBox */
.checks.etrans {
	display:inline-block;
}
.checks input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
.checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: ' ';
  display: inline-block;
  width: 21px;  /* 체크박스의 너비를 지정 */
  height: 21px;  /* 체크박스의 높이를 지정 */
  line-height: 30px; /* 세로정렬을 위해 높이값과 일치 */
  margin: 2px 8px 4.5px 8px;
  text-align: center; 
  vertical-align: middle;
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius : 3px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.checks input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
  content: '\2714';  /* 체크표시 유니코드 사용 */
  color: #99a1a7;
  text-shadow: 1px 1px #fff;
  background: #e9ecee;
  border-color: #adb8c0;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}

.checks.etrans input[type="checkbox"] + label {
  padding-left: 40px;
}
.checks.etrans input[type="checkbox"] + label:before {
  position: absolute;
  left: 0;
  top: 0;
  /*margin-top: 0;*/
  opacity: .6;
  box-shadow: none;
  border-color: #FFA133;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

.checks.etrans input[type="checkbox"]:checked + label:before {
  position: absolute;
  content: "";
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity:1; 
  background: transparent;
  /*#6cc0e5*/
  border-color:transparent #FFA133 #FFA133 transparent;
  border-top-color:transparent;
  border-left-color:transparent;
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

.no-csstransforms .checks.etrans input[type="checkbox"]:checked + label:before {
  /*content:"\2713";*/
  content: "\2714";
  top: 0;
  left: 0;
  width: 21px;
  line-height: 21px;
  color: #6cc0e5;
  text-align: center;
  border: 1px solid #6cc0e5;
}
/* CheckBox */
/* ------------------------------------------------------------------------------------------------- */
.show {
	display: block !important;
}
.hide {
	display: none;
}

body {
  font-family: 'Nanum Gothic', sans-serif;
  overflow-y:scroll;
  overflow-x:hidden;
  -webkit-overflow-scrolling: touch;
}

ul,p {
  margin:0;
  padding:0;
}

ul {
  list-style:none;
}

.opacity0 {opacity: 0;}
.overflowH {overflow: hidden;}
.h2 {font-size:40px;font-weight:600;text-align:center;}

/******************************** ***********************************/

.menu-image {
	margin-top:50px;
	height:100px;
	background:url("http://www.gnco.co.kr/gnco/Mobile/comm/c_back2.png?v=20250328") no-repeat 0 0;
	background-size: cover;
}

.locationBar {
	position:relative;
	background-color:#FFA133;
	z-index:1;
}
.locationBar.fixed {
	position:fixed;
	width:100%;
	top:50px;
}
.locationBar>div
,.locationBar>ul li {
	padding:10px 20px 10px 20px;
	position:relative; 
}
.locationBar span {
	position:absolute;
	background:url("/resources/image/gm/arrow.png") no-repeat center;
	background-size:contain;
	width:30px;
	height:30px;
	right:20px;
	top:10px;
	transform:rotateZ(180deg);
	box-shadow:0px 1px rgba(255,255,255,0.3);
}
.locationBar a {
	display:block;
	font-size:20px;
	color:white;
	text-decoration:none;
	outline:none;
}
.locationBar ul {
	border-top:1px solid rgba(206, 206, 206, 0.5);
	position: absolute;
	background-color: #FFA133;
	z-index:1;
	width:100%; 
	display:none;
	/* transition:all 300ms easeOutQuint;
	-webkit-transition:all 300ms easeOutQuint; */
}	
.locationBar #bar.active span{
	transform:rotateZ(0deg);
} 


.menu-view {
	font-size:12px;
	font-weight:bold;
	padding:10px;
	margin-bottom:10px;
}
.menu-view.fixed {
	margin-top:50px;
}

/* 로딩 */
#loadingIntro {
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,1);
	z-index:9999;
}
#loadingIntro > div {
	position:relative;
	width:100%;
	height:100%;
}
#loadingIntro > div > img {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width:70%;
}
/* 로딩 */

/************************** footer ************************/
#footer {
	position:relative;
	background-color:#353535;
}
.footer-wrapper {
	position:relative;
}
.footer-header {
	position:relative;
	height:50px;
	width:100%;
}
.footer-header > div {
	width:50%;
	height:inherit;
	line-height:50px;
	float:left;
	color:white;
	text-align:center;
	vertical-align:middle;
}
.family-site-header {
    background-color: rgb(95, 95, 95);
}
.footer-header a {
	color:white;
	display:inline-block;
	width:100%;
	height:100%;
}
#family-carousel {
	height:80px;
	background-color: rgb(95, 95, 95);
	overflow:hidden;	
}
.family-site {
	height:80px;
	text-align:center;
	/* overflow:hidden; */
}
.slick-list:after {
	clear:both;
	content:"";
	display:block;	
}
.family-site > a {
	display:inline-block;
	height:70%;
	margin:12px 0; 
}
.family-site img {
	max-height:100%;
	margin:auto;
}

/* .family-site .logo {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.logo.holdings {background-image:url("../../image/logo/affiliates/curo_holdings.png");}
.logo.com {background-image:url("../../image/logo/affiliates/curo_com.png");}
.logo.capital {background-image:url("../../image/logo/affiliates/capital_partners.png");}
.logo.fnb {background-image:url("../../image/logo/affiliates/curofnb.png");}
.logo.dkme {background-image:url("../../image/logo/affiliates/DKME.jpg");}
.logo.nihonseimitsu {background-image:url("../../image/logo/affiliates/nihonseimitsu.png");}
.logo.smagen {background-image:url("../../image/logo/affiliates/smagen.png");}
.logo.motors {background-image:url("../../image/logo/affiliates/curo_motors.png");}
 */
#family-carousel .slick-prev {left:2%;}
#family-carousel .slick-next {right:2%;}

#family-carousel .slick-prev
,#family-carousel .slick-next {
	width:40px;
	height:40px;
	z-index:2;
}
#family-carousel .slick-prev:before
,#family-carousel .slick-next:before {
	font-size:40px;
	line-height:1.2;
	opacity:0.3;
}

.footer-intro {
	color:white;
	text-align:center;
	font-size:12px;
	padding:20px 0 10px 0;
}
.footer-intro p {
	margin:0;
}
.footer-intro a {
	color:white;
}

.footer-logo-wrapper {
	height:50px;
	position:relative;
	padding:10px;
}
.footer-logo-wrapper .gnco-logo {
	background:url("/resources/image/gm/logo/GNCO_w.png") no-repeat center;
	background-size: contain;
	width:40%;
	height:100%;
	margin:auto;
}
/************************** footer ************************/

.content {
	padding:0 10px;
	max-width:800px;
	margin:0 auto;
}



/**************************************************** media (min-width:700) ****************************************/

@media screen and (min-width:700px) {
	/* main */
	.main-title {
		font-size:40px !important;
	}
	#mainSlider .img .logo {
		width:300px !important;
		height:60px !important;
	}
	/* main */
	
	/* footer */
	.footer-header > div {
		font-size:20px;
	}
	#family-carousel
	,.family-site {
		height: 100px;
	}
	.footer-intro {
		font-size:15px;
	}
	/* footer */
	
	/* menu */
	.menu-header h3 {
		font-size:30px;
	}
	.list-wrapper ul li a {
		font-size:25px;
	}
	.app-wrapper > div {
		font-size:20px;
	}
	/* menu */
	
	/* locationBar */
	.locationBar a {
		font-size:25px;
	}
	/* locationBar */
	
	/* menu-view */
	.menu-view {
		font-size:15px;
	}
	/* menu-view */

	/* global */
	.tab-wrapper .tab {
		height:40px !important;
		font-size:20px !important;
		vertical-align:middle !important;
	}
	.china-history li div {
		font-size:20px !important;
		top:10px !important;
	}
	.china-history li p {
		font-size: 15px !important;
		padding:15px 0 !important;
		padding-left:100px !important;
	}
	/* global */
	
	/* vision */
	.vision-image img {
		max-height:40% !important;
	}
	/* vision */
	
	/* ci */
	.ci-wrapper > div {
		display:inline-block;
		width:49%;
	}
	/* ci */
	
	/* STORE INFO */
	.select-wrapper>div {
		display:inline-block;
		width:49%;
	}
	.form-style-5 select {
		height:45px !important;
	}
	
	#store li>div:nth-child(1) h5 {
		font-size:25px !important;
	}
	#store li>div:nth-child(1) p {
		font-size:19px !important;
	}
	/* STORE INFO */
	
	/* AGENCY-GUIDE */
	.guide-wrapper ul li {
		display:inline-block;
		width:49%;
	}
	/* AGENCY-GUIDE */
	
	/* FAQ */
	.a table {
		margin:0 auto !important;
	}
	/* FAQ */
	
	/* US */ 
	.us-wrapper h5 {
		margin:40px 0 10px 70px !important;
	}
	.us-wrapper ul li>div:nth-child(2) h6
	,.us-wrapper ul li>div:nth-child(2) p {
		font-size:18px !important
	}
	.helpCenter p {
		font-size:16px !important;
	}
	/* US */
	
	
	/* WELFARE */
	.welfare-wrapper {
		padding:0 40px !important;
	}
	.fare1 p {
		margin:0 15px;
	}
	.fare3 ul {
		max-width:100% !important;  
	}
	.fare3 ul li {
		margin:10px 10px !important;
	}
	.fare4 ul li {
		display:inline-block;
		width:45%;
	}
	/* WELFARE */
	
	/* recruitment guide */
	.guide1 ul {
		width:90%;
		margin:20px auto 0 !important;
	}
	.guide1 .c {
		width:35% !important;
		margin:10px auto !important;
		padding:10px !important;
	}
	.guide1 .a {
		width:13% !important;
		margin:10px auto !important;
	}
	.guide1 .a img {
		transform: rotateZ(0deg) !important;
	}
	
	.guide2>p,
	.guide3>p,
	.guide4 p,
	.guide5 p,
	.guide6 p,
	.guide7 p,
	.guide8 p {
		margin:0 20px !important;
	}
	.guide9 {
		width:95%;
		margin:0 auto 50px !important;
	}
	
	.guide3>div:nth-child(2) {
		height:150px;
	}
	.guide3>div>div {
		width:45% !important;
		margin:10px 15px !important;
		float:left;
		height:80px;
	}
	.guide3>div>div>div:nth-child(2) {
		vertical-align:middle;
	}
	/* recruitment guide */
}

/**************************************************** media (min-width:700) ****************************************/

/**************************************************** media (max-width:400) ****************************************/
@media screen and (max-width:400px) {
	/* main */
	.main-title {
		font-size:25px !important;
	}
	#mainSlider .img .logo {
		width:200px !important;
		height:40px !important;
	}
	/* main */
	
	/* brands */
	.sns ul li div {
		height:26px !important; 
	}
	.sns ul li a {
		font-size:20px !important;
	}
	.ul2 > li > a {
		font-size:14px !important;
	}
	/* brands */
	
	/* FAQ */   
	.a p { 
		font-size:13px !important;
	}
	/* FAQ */
	
	/* US */
	.us-wrapper ul li>div:nth-child(2) p {
		font-size:13px !important;
	}
	
	.helpCenter p {
		font-size:14px !important;
	}
	
	/* US */
	
	/* WELFARE */
	.fare3 ul li {
		margin:10px 10px !important;
	}
	/* WELFARE */
}
/**************************************************** media (max-width:400) ****************************************/