@charset "utf-8";

html,body{
	min-width:1200px;
}
@media (max-width:767px){
	html,body{
		min-width:320px;
		max-width: 100%;
	    width: 100%;
		/*height: -webkit-fill-available;
		height: fill-available;*/
	}
}
.top_img_01 {	
	display: block;
	width: 817px;
	height: 942px;
	background: url("../img/top_img_01.png") 0 0 no-repeat;
	float: right;
	position: inherit;
	bottom: 0px;
	right: 0;
	margin-top: -942px;
	position: absolute;	
}


.bg_rect_main {
	display: block;
width: 100%;
height: 554px;
background-color: #3661a7;
position: relative;
bottom: 0px;

}

.main_top_bg {	
	position:relative;
	top: 0px;
	left:0px;
	display: block;
	width: 100%;
	height: 446px;
	background: url("../img/top_bg_01.png") -100px 0/120% no-repeat;
}

.content_wrap {
	display: block;
	margin: auto;
	width: 1088px;
	height: auto;
	overflow: hidden;
	
}

.main_top_bg {
  animation-duration: 8s;
  animation-name: bgslidein;
}





.title-h1 {
	display: inline-block;
	font-size: 90px;
	font-weight: 700;
	text-align: center;
	letter-spacing: -15px;
}

.main_top {
	display: block;
	position: relative;
	top: -70px;
	height:auto;
	width: 100%;
	margin-top: 0px;
	
}
.main_bottom {
	display: block;
	position: relative;
	top: 0px;
    /*width: 1088px;*/
	width:100%;
	height:auto;
	margin:auto;
}

.top_banner_02 {
	display: block;
	background:url("../img/top_banner_02.png") 0 0 no-repeat;
	width: 404px;
	height: 182px;
	margin-bottom: 15px;
}

.top_banner_area_01 {
	
}

.top_banner_area_02 {
	
}
.top_banner_bar {
		
	display:block;
	width: 100%;
	background-color: rgba(0,0,0,0.22);	
	height:122px;
	margin-bottom:20px;
}

.top_banner_03 {
	display: block;
	background:url("../img/top_banner_03.png") 0 0 no-repeat;
	width: 541px;
	height: 180px;
	
}

.top_banner_bar_txt {
	font-size: 29px;
	font-weight: 100;
	color: #FFF;
	padding:10px;
}

.top_banner_img,.top_banner_img_row {
	display:block;
	width: 100%;
	/*background-color: rgba(0,0,0,0.22);	*/
	height:auto;
	margin-bottom: 0px;
	padding-top:10px;
}

.top_banner_04 {
	display: block;
	background:url("../img/top_banner_04.png") 0 0 no-repeat;
	width: 542px;
	height: 189px;
}

.top_banner_04_02 {
	display: block;
	background:url("../img/top_banner_04_02.png") 0 0 no-repeat;
	width: 152px;
	height: 188px;
	margin-left: 5px;
	margin-right: 5px;
}

.top_banner_05 {
	display: block;
	background:url("../img/top_banner_05.png") 0 0 no-repeat;
	width: 316px;
	height: 186px;
}
.top_banner_04,.top_banner_04_02,.top_banner_05{
	display: inline-flex;
	padding: 5px;
	
}

.main_content_banner_01 {
	padding: 20px 0;
}

.banner_bg_02 {
	/*background: url(../img/top_img_02.png) -120px 10px no-repeat;*/
}

.top_banner_06_right {
	display: block;
	height: 627px;	
	padding-top:106px;
	position: relative;
	
	float: right;
	
}

.main_content_banner_02 {
	background-color: #CFCFCF;
}

.top_banner_06_left {
	display: block;
	width: 100%;
	height: 700px;
	float: left;
	background: url(../img/top_img_02.png) 100% 100px/120% no-repeat;
	position: absolute;
}

.banner_txt_06 {
	font-size: 26px;
	font-weight: 100;
	width: auto;
	color:#404040;
	line-height: 40px;
	letter-spacing: -1px;
}

.member_count_area {
	margin: auto;	
	margin-top:40px;
}
.member_count_area dt,.member_count_area dd{
	width: auto;
	max-width: 100%;
}
.member_count_area dt,
.top_banner_06_right p.comment{
	display: block;
	font-size: 21px;
	color:#868686;
	font-weight: 200;
	text-align: center;
	width: 50%;
	margin: auto;
}
dl.member_count_area dt{
	font-size: 20px;
	font-weight: 100;
	width: 674px;
	color:#000;
	line-height: 20px;
	text-align: center;
}
dl.member_count_area dd{
	font-size: 20px;
	font-weight: 100;
	width: 674px;
	color:#000;
	line-height: 20px;
	text-align: center;
}
dl.member_count_area dd.member_count{
	font-size: 66px;
	font-weight: 500;
	width: 674px;
	color:#000;
	line-height: 66px;
	text-align: center;
}


.lat_title{}
.lat_title a{
	font-size: 34px;
	font-weight:700;
	letter-spacing: -2px;
}

.top_banner_06 {
	display: block;
	background:url("../img/top_banner_06.png") 0 0 no-repeat;
	width: 1088px;
	height: 593px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.top_banner_07 {
	display: block;
	background:url("../img/top_banner_07.png") 0 0 no-repeat;
	width: 1088px;
	height: 950px;	
}

.main_content_banner_03 {
	
}

.main_content_banner_04 {
	background: url("../img/table_bg.png") 0 0 repeat;
}

.main_bottom_banner_img {
	display:block;
	width: 100%;
	/*background-color: rgba(0,0,0,0.22);	*/
	background: url("../img/footer_bg_01.png") 0 272px repeat-x;
	height:600px;
	overflow: visible;
	margin-top:-272px;
	
}

.main_img_01 {
	float: right;
	margin-top:-344px;
	width: 866px;
	height: 508px;
	background: url("../img/main_img_01.png") 0 0 no-repeat;
	overflow:visible;
}

.main_banner_01 {
	display: block;
	width: 338px;
	height: 154px;
	background: url("../img/banner_01.png") 0 0 no-repeat;
	margin-top:289px;
}

/*popup*/
#hd_pop{}
#hd_pop .hd_pops_con{}
#hd_pop .hd_pops_con .popup {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background: url(../img/popup_bg_1000x1000.png) 0 0 no-repeat;
	background-size: cover;
	padding: 110px 50px 50px 50px;
}
#hd_pop .hd_pops_con .popup p{
	padding:5px;
	width:100%;
	margin:auto;
	text-align:left;
	font-size:16px;
	font-weight:300;
	font-color:#000;
}
#hd_pop .hd_pops_con .popup dl{
	margin-bottom:0px;
}
#hd_pop .hd_pops_con .popup dl dt {
	font-size: 22px;
	text-align: center;
	width: 100%;
	font-weight: 500;
	letter-spacing: -2px;
	color: #FDD722;
	background-color: rgba(0,0,0,0.8);
	line-height: 38px;
}
#hd_pop .hd_pops_con .popup dl dd {
	font-size: 22px;
	text-align: center;
	width: 100%;
	font-weight: 300;
	letter-spacing: -2px;
	color: #535161;
	/* background-color: rgba(245,245,245,0.8); */
	background-color: rgba(253,215,34,0.8);
	line-height: 24px;
	height: 100%;
	min-height: 72px;/*line-height 3배*/
}

#hd_pop .hd_pops_con .popup strong {
	color: red;
	font-size: 2em;
	font-weight: 700;
}
#hd_pop .hd_pops_con .popup .comment {
	color: #FFF;
	text-align: center;
	width: 100%;
	line-height: 16px;
	font-size: 14px;
	display: block;
	background-color: rgba(255, 0, 0, 0.8);
	font-weight: 100;
	padding: 10px;
}
#hd_pop .hd_pops_footer{}
#hd_pop .hd_pops_footer .hd_pops_reject{}
#hd_pop .hd_pops_footer .hd_pops_reject strong{}
#hd_pop .hd_pops_footer .hd_pops_close{}

@media (max-width:1494px) and (min-width:768px){
			.top_img_01 {
				display: block;
				width: 50vw;
				height: 942px;
				background: url("../img/top_img_01.png") 0 0 no-repeat;
				float: right;
				bottom: 0px;
				right: 0;
				margin-top: -942px;
				position: absolute;
			}
}
@media (min-width:1680px){
		.top_img_01 {
				display: block;
				width: 50vw;
				height: 942px;
				background: url("../img/top_img_01.png") 0 0 no-repeat;
				float: right;
				bottom: 0px;
				right: 3vw;
				margin-top: -942px;
				position: absolute;
			}
}
@media (max-width:767px){
			.mobile_main_top_bg {
				position: fixed;
				display: block;
				left: 0;
				top: 0;
				width: 100%;
				height: 65px;
				z-index: 100;
				background-color: rgba(255,255,255,0.9);
			}
			.main_top {
			  display: block;
			  position: relative;
			  top: 0px;
			  height: auto;
			  width: 100%;
			  margin-top: 0px;
			}
			.content_wrap {
				width: 100% !important;
			}

			.main_top_bg {
				position: relative;
			/*	top: 0px;
				left: 0px;
				display: block;
				width: 100%;*/
				height: 277px;
				background: url("../img/top_bg_01.png") 50% 0%/300% no-repeat;
			}
			/*banner*/
			.bg_rect_main {
				height: 370px;
				/*
				display: block;
				width: 100%;

				background-color: #3661a7;
				position: relative;
				bottom: 0px;*/
			}
			.top_img_01 {
				display: block;
				width: 307px;
				height: 352px;
				background: url("../img/top_img_01.png") 80px 0%/100% no-repeat;
				/* float: right; */
				/* position: inherit; */
				/* bottom: 0px; */
				/* right: 0; */
				margin-top: 0;
				position: absolute;
				top: -230px;
				z-index: 1;
			}
			.top_banner_02_box{
				display: block;
				position: absolute;
				z-index: 5;
			}
			.top_banner_02 {
				display: block;
				background: url("../img/top_banner_02.png") 0 0/100% no-repeat;
				width: 226px;
				height: 109px;
			}
			.top_banner_03 {
				display: block;
				background: url("../img/top_banner_03.png") 0 30%/90% no-repeat;
				width: 100%;
				height: 159px;
			}
			.main_content_banner_01 {
				padding: 20px 0;
				background-color: #f5f5f5;
			}
			.top_banner_04 {
				display: block;
				background: url("../img/top_banner_04.png") 0 0/100% no-repeat;
				width: 54%;
				height: 70px;
				float: left;
			}
			.top_banner_04_02 {
				display: block;
				background: url("../img/top_banner_04_02.png") 0 0/100% no-repeat;
				width: 39%;
				height: 161px;
				margin-left: 5px;
				margin-right: 5px;
				float: right;
			}
			.top_banner_05 {
				display: block;
				background: url("../img/top_banner_05.png") 0 0/100% no-repeat;
				width: 54%;
				height: 87px;
				float: left;
			}
			.top_banner_06 {
				display: block;
				background: url("../img/top_banner_06.png") 0 0/100% no-repeat;
				width: 100%!important;
				min-height: 200px;
				height: auto;
				margin-top: 0px;
				margin-bottom: 0px;
			}
			.top_banner_bar {
				display: block;
				width: 100%;
				background-color: rgba(0,0,0,0.22);
				height: auto;
				margin-bottom: 20px;
				position: absolute;
				top: -177px;
			}
			.top_banner_bar_txt {
				font-size: 19px;
				font-weight: 100;
				color: #FFF;
				padding: 10px;
				width: 70%;
				letter-spacing: -2px;
			}
			.top_banner_07 {
				display: block;
				background: url("../img/top_banner_07.png") 0 0/100% no-repeat;
				width: 100%!important;
				min-height: 272px;
				height: auto;
			}
			.gnb_banner {
				/* display: none; */
				position: absolute;
				top: 700px;
				z-index: 100;
				background-color: #fff;
				width: 90%;
				left: 5%;
				padding: 10px;
			}
			.main_img_01 {
			  float: right;
			  margin-top: -351px;
			  width: 100%;
			  height: auto;
			  background: url("../img/main_img_01.png") 0 0/100% no-repeat;
			  overflow: visible;
			  min-height: 200px;
			}
			.main_banner_01 {
			  display: block;
			  width: 100%;
			  min-height: 316px;
			  background: url("../img/banner_01.png") center 180px/80% no-repeat;
			  margin-top: 273px;
			  height: auto;
			}
			/*bottom 아카데미,계좌번호 : 메인과 board,album에 노출*/
			.main_bottom_banner_img {
				display: block;
				width: 100%;
				/* background-color: rgba(0,0,0,0.22); */
				background: url("../img/footer_bg_01.png") 0 272px/550% repeat-x;
				height: 600px;
				overflow: visible;
				margin-top: -272px;
			}
			.banner_bg_02 {
				/*background: url(../img/top_img_02.png) 38% 10px/350% no-repeat;*/
			}
			.top_banner_06_left {
				display: block;
				/* width: 352px; */
				/* height: 457px; */
				/* float: left; */
				/*background: url(../img/top_img_02.png) -300% 10px/95% no-repeat;*/
				background:none;
			}
			.top_banner_06_right {
				display: block;
				height: 279px;
				padding-top: 0px;
				position: relative;
				float: right;
			}
			.banner_txt_06 {
				font-size: 18px;
				font-weight: 100;
				width: auto;
				color: #000;
				line-height: 25px;
			}
			dl.member_count_area dd.member_count {
				font-size: 33px;
				font-weight: 500;
				width: 100%;
				color: #000;
				line-height: 50px;
				text-align: center;
			}
			.member_count_area {
				margin: auto;
				margin-top: 25px;
			}
			.member_count_area dt, .top_banner_06_right p.comment {
				display: block;
				font-size: 14px;
				color: #151515;
				font-weight: 200;
				text-align: center;
				width: 100%;
				margin: auto;
				line-height: 25px;
				letter-spacing: -1px;
			}
			/*에니메이션*/
			.main_top_bg {
			  animation-duration: 4s;
			  animation-name: bgslidein_mobile;
			}
			/*popup*/
			#hd_pop{max-width:100%;}
			#hd_pop .hd_pops_con{}
			#hd_pop .hd_pops_con {
				display: block;
				max-width: 94vw;
				max-height: 80vh;
				margin: auto;
				
			}
			#hd_pop .hd_pops_con .popup {
				display: block;
				position: relative;
				width: 100%;
				height: 100%;
				background: url(../img/popup_bg_1000x1000.png) 0 0/100% no-repeat;
				background-size: cover;
				padding: 60px 10px 20px 10px;
			}
			#hd_pop .hd_pops_con .popup dl{}
			#hd_pop .hd_pops_con .popup dl dt{}
			#hd_pop .hd_pops_con .popup dl dd{}
			#hd_pop .hd_pops_con .popup strong{}
			#hd_pop .hd_pops_con .popup .comment{}
			#hd_pop .hd_pops_footer{}
			#hd_pop .hd_pops_footer .hd_pops_reject{}
			#hd_pop .hd_pops_footer .hd_pops_reject strong{}
			#hd_pop .hd_pops_footer .hd_pops_close{}

}
@media (min-width:576px) and (max-width:767px){/*banner_bg_02 문 디자인*/
		.top_banner_06_left {
			display: block;
			width: 100%;
			height: 700px;
			float: left;
			background: url(../img/top_img_02.png) -20vw 3vw/110vw no-repeat;
			position: absolute;
		}
	
}
@media  (max-width:575px){/*banner_bg_02 문 디자인*/
		.top_banner_06_left {
			position:relative;
			height: 120vw;
		}
		.top_banner_06_left {
			/*background-image: none !important;*/

		}
		.banner_bg_02 {
			background: url(../img/top_img_02.png) 38% 10px/350% no-repeat !important;
		}

}

@media (min-width:400px) and (max-width:575px){/*banner_bg_02 문 디자인*/
		.banner_bg_02{
			/*background-image:none!important;*/
		}
		.top_banner_06_left {
			background-image:none!important;
			/*background: url(../img/top_img_02.png) -300% 10px/95% no-repeat;*/
		}	
}

@media (min-width:400px) and (max-width:767px){
		.main_banner_01 {
			display: block;
			width: 100%;
			min-height: 170px;
			background: url("../img/banner_01.png") 50% 0/50% no-repeat !important;
			margin-top: 295px !important;
			height: auto;
		}
		.top_banner_04{
			width: 50%!important;
			height: 121px !important;		
		}
		.top_banner_04_02{
			width: 14%!important;
			height: 121px !important;
		}
		.top_banner_05 {
			width: 33%!important;
			height: 121px !important;
		}
		.top_banner_img_row {
			height: 121px!important;
		}
		.banner_bg_02 {
			/*background: url(../img/top_img_02.png) 100% 10px/120% no-repeat !important;*/
			/* background-color: rgba(0,0,0,0.5) !important; */
		}
		.top_banner_06{
			height: 50vw!important;

		}
		.top_banner_06_left.col-sm-6{
			display: none;
		}
		.banner_txt_06 {
			color: #000!important;
			margin-top: 0vw;
		}
		dl.member_count_area dd.member_count {
			font-size: 33px;
			font-weight: 500;
			width: 100%;
			color: #000;
			line-height: 40px;
			text-align: center;
		}
		.member_count_area dt, .top_banner_06_right p.comment {
			display: block;
			font-size: 16px;
			color: #484848;
			font-weight: 200;
			text-align: center;
			width: 90%;
			margin: auto;
			line-height: 20px;
			letter-spacing: -1px;
		}
		.top_banner_07 {
			min-height: 70vw !important;;
		}
		.main_img_01 {		
			/*background: url("../img/main_img_01.png") 50% 0/70% no-repeat !important;		
			height: 50vw;*/
			display: none !important;	
		}

}