@CHARSET "UTF-8";

.container {
	min-width: 1300px;
}

.consulting {
	width: 1200px;
	height: 450px;
	margin: 50px auto 0 auto;
}

.consulting_left {
	width: 550px;
	float: left;
}

.consulting_left > div {
	float: left;
}

.consulting_left_ctn > div {
	float: left;
	margin-top: 20px;
}

.consulting_left_txt {
	font-size: 16px;
	line-height: 28px;
	margin-left: 30px;
	max-width: 450px;
	font-weight: 700;
}

.consulting_left_txt > a {
	font-size: 16px;
	width: 480px;
	text-align: center;
	text-decoration: none;
}

.consulting_right {
	float: right;
	width: 600px;
	margin-top: 15px;
}

.input_text_bg {
	display: block;
	width: 550px;
	float: right;
}

.input_text_bg > div {
	float: left;
}

.input_text {
	width: 510px;
	height: 45px;
	text-indent: 10px;
	border: 1px solid #d3d4d5;
}

.icon01 {
	margin: 8px 6px 0 0;
	float: right !important;
	position: relative;
	right: 45px;
}

.top20 {
	margin-top: 20px;
}

.textarea_bg {
	width: 550px;
	float: right;
}

.textarea_bg textarea {
	width: 500px;
	height: 190px;
	border: 1px solid #d3d4d5;
	padding: 8px 0 0 10px;
}

.textarea_bg > div {
	float: left;
}

.message {
	line-height: 20px;
}

.btn-default {
	font-size: 16px;
	margin-top: 20px;
	float: right;
	margin-right: 10px;
	right: 25px;
	position: relative;
}

.btn-default a:link {
	width: 157px;
	height: 25px;
	padding-top: 12px;
	color: #76b2e1;
	border: 1px solid #76b2e1;
	background-color: white;
	display: block;
	text-align: center;
	text-decoration: none;
}

.btn-default a:visited {
	width: 157px;
	height: 25px;
	padding-top: 12px;
	color: #76b2e1;
	border: 1px solid #cccccc;
	background-color: white;
	display: block;
	text-align: center;
	text-decoration: none;
}

.btn-default a:hover {
	width: 157px;
	height: 25px;
	padding-top: 12px;
	color: #76b2e1;
	border: 1px solid #76b2e1;
	background-color: white;
	display: block;
	text-align: center;
	text-decoration: none;
}

.btn-default a:active {
	width: 157px;
	height: 25px;
	padding-top: 12px;
	color: #76b2e1;
	border: 1px solid #76b2e1;
	background-color: white;
	display: block;
	text-align: center;
	text-decoration: none;
}

html, body {
	height: 100%;
}

body {
	font-size: 15px;
	line-height: 1.50;
	color: #333333;
	background-color: #ffffff;
	position: relative;
}

a {
	color: #55acee;
}

a:focus, a:active {
	outline: none;
}

.btn-default {
	color: #55acee;
	border: 1px solid #cccccc;
}

.btn-default:hover {
	color: #ffffff;
	background-color: #CCCCCC;
	border-color: #CCCCCC;
}

.submenu_bg {
	border-bottom: none !important;
}

.title_txt {
	font-size: 24px;
	font-weight: 500;
	color: #ffffff;
	padding: 7px 0 0 70px;
}

#loading {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: block;
	opacity: 0.7;
	background-color: #000;
	z-index: 99;
	text-align: center;
}

.edu_div {
	width: 100%;
	display: inline-block;
	margin-left: 10px;
}

.edu_img {
	height: 340px !important;
	border: 1px solid #959595;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 90%;
	margin: 20px auto 0;
}

.white_layer:hover {
	display: block;
}

.white_layer {
	height: 100%;
	background: rgb(164, 164, 164);
	background: -moz-linear-gradient(top, rgba(164, 164, 164, 0.7) 0%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.9) 60%, rgba(164, 164, 164, 0.7) 100%);
	background: -webkit-linear-gradient(top, rgba(164, 164, 164, 0.7) 0%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.9) 60%, rgba(164, 164, 164, 0.7) 100%);
	background: linear-gradient(to bottom, rgba(164, 164, 164, 0.7) 0%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.9) 60%, rgba(164, 164, 164, 0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4a4a4', endColorstr='#a4a4a4', GradientType=0);
	line-height: 250px;
	font-size: 24px;
	font-weight: 700;
	font-family: NanumGothic;
	display: none;
}

.white_layer_text_line {
	width: 100%;
	border-bottom: 3px solid black;
}

.edu_item {
	float: left;
	width: 28%;
	height: 218px;
	margin: 5px 30px 30px 30px;
	display: table;
	background: #eeeeee;
	border-radius: 30px;
}

.chargeIt {
	width: 100%;
	height: 50px;
	font-size: 1.5em;
	font-weight: 700;
	border: 2px solid white;
	background-color: #2093c3;
	color: white;
	cursor: pointer;
}

.chargeIt:active {
	background-color: #005d83;
}

.chargeIt:hover {
	background-color: #27b3ee;
}

.main_charge_button {
	display: inline-block;
	height: 43px;
	border: 1px solid #626262;
	border-radius: 30px;
	width: 48%;
	background: url(../../images/charge_button.png) no-repeat;
	background-size: 200% 200%;
	background-position-x: -100px;
	line-height: 43px;
	text-align: center;
	font-size: 19px;
	color: white;
	font-weight: 700;
	box-shadow: 2px 2px 5px #9b9b9b;
	cursor: pointer;
}

.main_charge_button_off {
	display: inline-block;
	height: 43px;
	border: 1px solid #626262;
	border-radius: 30px;
	width: 48%;
	background: url(../../images/charge_button_off.png) no-repeat;
	background-size: 200% 200%;
	background-position-x: -100px;
	line-height: 43px;
	text-align: center;
	font-size: 19px;
	color: white;
	font-weight: 700;
	box-shadow: 2px 2px 5px #9b9b9b;
	cursor: pointer;
}

.main_join_button {
	display: inline-block;
	height: 43px;
	border: 1px solid #626262;
	border-radius: 30px;
	width: 48%;
	background: url(../../images/join_button.png) no-repeat;
	background-size: 200% 200%;
	background-position-x: -100px;
	line-height: 43px;
	text-align: center;
	font-size: 15px;
	color: white;
	font-weight: 700;
	box-shadow: 2px 2px 5px #9b9b9b;
	cursor: pointer;
	float: right;
}

.main_join_button_off {
	display: inline-block;
	height: 43px;
	border: 1px solid #626262;
	border-radius: 30px;
	width: 48%;
	background: url(../../images/charge_button_off.png) no-repeat;
	background-size: 200% 200%;
	background-position-x: -100px;
	line-height: 43px;
	text-align: center;
	font-size: 15px;
	color: white;
	font-weight: 700;
	box-shadow: 2px 2px 5px #9b9b9b;
	cursor: pointer;
	float: right;
}

.apple_down {
	width: 48%;
	cursor: pointer;
	position: absolute;
	right: -5%;
}

.google_down {
	float: left;
	width: 48%;
	cursor: pointer;
}

.down_item {
	width: 500px;
	position: relative;
	left: 700px;
	height: 0;
	bottom: 180px;
}

@media (min-width: 1300px) {
	.down_item {
		left: 52% !important;
	}
}

@media (max-width: 1299px) {
	/* 일단은, 스토어 버튼들만. */
	.slides li div div {
		visibility: hidden;
	}

	.slides li.flex-active-slide div div {
		visibility: visible;
	}
}

*{
	margin: 0px;
	padding: 0px;
	font-family:'NanumGothic';
}

body {
	margin: 0px;
	padding: 0px;
}

.container {width:100%;
	
}

.container ._head {
	
}

.contents{width:100%; margin:0 auto;}

/* -------------------------------------------------------------------------------*/
.clear{clear:both;}

.contents_bg{background-image:url('../../images/ggcf/main_bg.png'); width:100%; height:826px;}
.main_img{width:1300px; margin:0 auto;}
.app_download{float:left; position:absolute; left:960px; top:750px; text-align:center;}
.apple_icon{float:left; padding-left:50px;}
.google_icon{float:left;}

.contents_bg02{background-color:white; width:100%; height:887px;}
.center1300{width:1300px; margin:0 auto;}
.main02{padding-top:100px;}
.contents_bg03{background-image:url('../../images/ggcf/main03_bg.png'); width:100%; height:968px;}
.contents03{width:1300px; margin:0 auto; padding-top:210px;}
.title03{position:relative; text-align:center; font-size:50px; color:white; top:120px;}
.contents04{width:1300px; margin:0 auto; margin-top:210px;}
.title02{text-align:center; font-size:50px; color:#566171; margin-top:120px;}
.ct123{width:1300px; margin:0 auto; margin-top:120px;}
.ct{float:left; margin-left:35px;display: table;background: #eeeeee;margin: 5px 15px 15px 15px;border-radius: 30px;}
.ct1{float:left;}
.ct2{float:left; margin-left:35px;}
.ct3{float:left; margin-left:35px;}
.contents_bg05{background-image:url('../../images/ggcf/main05_bg.png'); width:100%; height:1400px;}
.contents05{width:1131px; margin:0 auto; padding-top:90px;}
.contents_bg06{background-image:url('../../images/ggcf/main06_bg.png'); width:100%; height:527px;}
.contents06{width:1300px; margin:0 auto; padding-top:90px;}
.contents06_left{float:left; margin-left:70px; margin-top:30px;}
.contents06_rifht{float:right;margin-right:70px;}
.bottom_height{height:100px;}
/* -------------------------------------------------------------------------------*/

.free_content_button {
	display: inline-block;
	height: 43px;
	border: 1px solid #626262;
	border-radius: 30px;
	width: 100%;
	background: url(../../images/charge_button.png) no-repeat;
	background-size: 200% 200%;
	background-position-x: -100px;
	line-height: 43px;
	text-align: center;
	font-size: 19px;
	color: white;
	font-weight: 700;
	box-shadow: 2px 2px 5px #9b9b9b;
}