.none_bg{
	background-color: unset!important;
}

.mtextBrimpor {
		display: none !important;
	}

/*--------------------------------------------------------------
# 1300호점 line
--------------------------------------------------------------*/

#increase {
	overflow: hidden;
    position: relative;
    width: 100%;
    background-color: #ededed;
    /* background: url(/public/img/service_bg.png)top no-repeat; */
    /* background-size: cover; */
}

.ex_increase_content_Wrap {
    max-width: 1220px;
    margin: 0 auto;
    padding-top: 120px;
	padding-left:10px;
	padding-right:10px;
}

.increase_content_Wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 120px;
    padding-bottom: 160px;
	padding-left:10px;
	padding-right:10px;
}

.incBox{
	width: 100%;
	position: relative;
	display: flex;
}

.incItemBox01{
	position: relative;
	width: 36%;
	height: 430px;
	background-color: #212121;
	padding-top: 50px;
	padding-left: 60px;
}

.incItemBox02{
	position: relative;
	width: 100%;
	height: 430px;
	background-color: #fff;
	padding-top: 50px;
	padding-left: 70px;
}

.incItemBox01_Bg{
	position: absolute;
	left: -288px;
	bottom:0px;
}

.incItemBox02_Bg{
	position: absolute;
    right: 70px;
    top: -40px;
}

.incSubText{
	font-size: 1.4rem;
	position: relative;
    z-index: 1;
}

.incSubText span{
	font-size: 2.5rem;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

.incSubText p{
	font-size: 1rem;
}

.incSubText b{
	font-weight: bold;
}

.colW{color:#fff!important;}
.colB{color:#000!important;}

.redTbox{
	display: inline-block;
	color: #fff;
	font-size: 2.5rem;
	font-weight: bold;
	background-color:#eb1c23;
	padding-left: 10px;
	padding-right: 10px;
}

.incBtn{
	position: relative;
    height: 40px;
    width: 152px;
	line-height: 40px;
    text-align: center;
    border-radius: 30px;
	background-color: #ededed;
    font-size: 1.04rem;
    font-weight: bold;
	margin-top: 64px;
	cursor: pointer;
}

.incBtn img{
	position: relative;
	width: 8px;
	margin-left: 10px;
}

@media (max-width: 1300px) {
	
	.increase_content_Wrap{
		max-width: 900px;
		padding-top: 90px;
		padding-bottom: 100px;
	}

	.incItemBox01{
		height: 330px;
		padding-top: 30px;
		padding-left: 40px;
	}

	.incItemBox01_Bg {
		text-align:right;
		position: absolute;
		bottom: 0px;
		right: 0px;
	}

	.incItemBox01_Bg img{
		width: 420px;
	}

	.incItemBox02{
		height: 330px;
		padding-top: 30px;
		padding-left: 50px;
	}

	.incItemBox02_Bg {
		position: absolute;
		right: 40px;
		top: -10px;
	}

	.incItemBox02_Bg img{
		width: 250px;
	}

	.redTbox{
		font-size: 2rem;
	}

	.incSubText{
		font-size: 1.2rem;
	}

	.incSubText span{
		font-size: 2rem;
	}


	/* .fran_InnerBox{ */
		/* height: 40.334vw; */
	/* } */

	.up_red_arrow img {
		width: 360px;
	}

	/* .franRightItem{ */
		/* height: 50.1vw!important; */
	/* } */


}




@media (max-width: 1080px) {
	.incItemBox01_Bg {
		position: absolute;
		right: 0px;
		bottom: 0px;
		left: inherit;
	}
	.incItemBox01_Bg img {
		width: 480px;
	}
	.incItemBox02_Bg {
		position: absolute;
		    right: 190px;
		top:-10px
	}	
	.incItemBox02_Bg img{width: 230px;}
}

@media (max-width: 950px){
	.incBox{display: block;}
	.incItemBox01{width: 100%;height: 290px;}
	.incItemBox02{width: 100%;height: 400px;}
	.incItemBox02_Bg {
		position: absolute;
		right: 30px;
		top: 40px;
	}
}

@media (max-width: 767px){
	.ex_increase_content_Wrap{
		padding-top: 16vw;
	}
	
	.increase_content_Wrap{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.incItemBox01{
		padding-top: 30px;
		padding-left: 20px;
	}
	.redTbox{
		padding-top: 2px;
		font-size: 1.8rem;
	}
	.incItemBox01_Bg img {
		width: 300px;
	}
	.incSubText span{
		font-size: 1.6rem;
	}
	.incSubText {
		font-size: 1.1rem;
	}
	.incItemBox02{
		padding-top: 30px;
		padding-left: 20px;
	}
	.incItemBox02_Bg {
		position: absolute;
		right: 20px;
    top: 100px;
	}
	.incItemBox02_Bg img {
		width: 190px;
	}
	.incBtn{
		height: 40px;
		width: 130px;
		font-size: 0.9rem;
	}
	.incBtn img{
		width: 6px;
		top:-1px;
	}
}

@media (max-width: 500px){
	.incItemBox02_Bg img {
		width: 140px;
	}
	
	.incItemBox02_Bg {
		position: absolute;
		right: 20px;
		top: 170px;
	}
}

/*--------------------------------------------------------------
# 프랜차이즈 line
--------------------------------------------------------------*/


#franchise{
	display: flex;
	width: 100%;
	position: relative;
	height: 28.334vw;
}

.up_red_arrow{
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 500;
	text-align: left;
}

.up_red_arrow img{
	display: inline-block;
	/* position: absolute; */
	/* bottom: 0px; */
	/* left: 0px; */

}

.fran_InnerBox{
	display: table;
	background-color: #ededed;
	position: relative;
	box-sizing: border-box;
	width: 50%;
	height: 28.334vw;
	background-image: url(/public/img/up_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.ourBgImg01{overflow: hidden;left:0px;top:0px;position: absolute;z-index:600;}
.ourBgImg02{overflow: hidden;right:0px;bottom:0px;position: absolute;z-index:600;}


.textR{text-align:right;
}

.brandTextBox{
	display: table;
	position: absolute;
	left: 0px;
	top:0px;
	width:100%;
	height: 100%;
	z-index: 700;
	padding-left: 14%;
}

.brandText{
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-weight: 400;
	font-size: 1.8rem;
}

.brandText span{
	display: block;
	color: #ffd64f;
	font-size: 4rem;
	font-weight: bold;
}

.innerItemBox{
	display: table-cell;
	vertical-align: middle;
	position: relative;
	z-index: 700;
	width: 550px;
}

.frMaintext{
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 60px;
}

.frMaintext span{
	display: block;
	font-size: 3.8rem;
	font-weight: bold;
}

.fr45per{
	/* display: flex; */
	font-size: 6rem;
	font-weight: bold;
	color: #eb1c23;
	position: relative;
	top:-16px;
}

.fr45per b{
	font-size: 3.9rem;
}

.fr45per span{
	position: relative;
	top: -6px;
	color: #222222;
	font-size: 3.8rem;
	font-weight: bold;
	margin-left: 8px;
}

.frSubt{
	display: block;
	font-size: 1.04rem;
	margin-top:-10px;
}

.textL{text-align:left!important;}

.franRightItem{
	display: table;
	width: 50%;
	position: relative;
	box-sizing: border-box;
    background-color: #000;
    height: 30.7295vw;
	top: -2.2vw;
	background-image: url(/public/img/2019_prize.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}



@media (max-width: 1600px){

	.up_red_arrow img{
		width: 410px;
	}
}

@media (max-width: 1400px){

	.up_red_arrow img{
		width: 550px;
	}
}

@media (max-width: 1400px){
	#franchise{
		display: block;
		height: auto;
	}
	.fran_InnerBox{
		width: 100%;
		height: 48.334vw;
	}
	
	.franRightItem{
		width: 100%;
	}
	
	
	.franRightItem{
		top: inherit;
		height: 48.334vw;
	}
}

@media (max-width: 1300px) {
	.fran_InnerBox {
		width: 100%;
		height: 33.334vw;
	}
	
	.frMaintext{
		font-size: 1.4rem;
	}
	.frMaintext span {
		display: block;
		font-size: 3rem;
		font-weight: bold;
	}
	
	.fr45per {
		/* display: flex; */
		font-size: 4.4rem;
		font-weight: bold;
		color: #eb1c23;
		position: relative;
		top: -16px;
	}
	.fr45per span {
		position: relative;
		top: -6px;
		color: #222222;
		font-size: 3rem;
		font-weight: bold;
		margin-left: 8px;
	}
	
	.up_red_arrow img {
		width: 360px;
	}
	
	.franRightItem{
		width: 100%;
		background-position: 9% -120px;
	}
	
	
	.brandText{
		font-size: 1.4rem;
	}
	.brandText span {
		display: block;
		color: #ffd64f;
		font-size: 3.6rem;
		font-weight: bold;
	}

}

@media (max-width: 1140px){
	.up_red_arrow img {
		width: 460px;
	}
}

@media (max-width: 991px){

	.up_red_arrow img {
		width: 410px;
	}
	
	.franRightItem {
		top: inherit;
		height: 58.334vw;
		background-position: center;
	}
}

@media (max-width: 820px){
	.up_red_arrow img {
		width: 340px;
	}
}

@media (max-width: 767px){
	.innerItemBox{
		text-align: right!important;
		padding-right: 40px;
	}
	.frTextBox{
		display: inline-block;
	}
	
	.brandTextBox{
		padding-left: 10%;
	}

	.brandText{
		display: table-cell;
		vertical-align: middle;
		color: #fff;
		font-weight: 400;
		font-size: 1.2rem;
	}

	.brandText span{
		display: block;
		color: #ffd64f;
		font-size: 2rem;
		font-weight: bold;
	}
}

@media (max-width: 700px){
	.up_red_arrow img {
		width: 290px;
	}
}

@media (max-width: 670px){
	.innerItemBox{
		width: 100%;
	}
	.frMaintext{
		font-size: 1.4rem;
	}
	.frMaintext span{
		    font-size: 2.8rem;
	}
	.fr45per{
		font-size: 4rem;
	}
	.fr45per b {
		font-size: 2.9rem;
	}
	.fr45per span{
		font-size: 3rem;
	}
	.fran_InnerBox{
		height: 56.334vw;
	}
}

@media (max-width: 580px){
	.up_red_arrow img {
		width: 270px;
	}
}

@media (max-width: 480px){
	.up_red_arrow img {
		width: 230px;
	}

	.frMaintext {
		font-size: 1rem;
		line-height: 35px;
	}
	.frMaintext span {
		font-size: 2rem;
	}
	.fr45per {
		    top: -9px;
		font-size: 2.4rem;
	}
	.fr45per span {
		font-size: 2rem;
		top: -3px;
	}
	.fr45per b {
		font-size: 2rem;
	}
	.frSubt{
		font-size: 0.8rem;
	}
	
	.brandText {
		display: table-cell;
		vertical-align: middle;
		color: #fff;
		font-weight: 400;
		font-size: 1.1rem;
	}
	.brandText span {
		display: block;
		color: #ffd64f;
		font-size: 1.8rem;
		font-weight: bold;
	}
	
}

@media (max-width: 400px){
	.up_red_arrow img {
		width: 190px;
	}
}

/*--------------------------------------------------------------
# 40000 line
--------------------------------------------------------------*/

#count {
    position: relative;
    width: 100%;
	height: 710px;
	background-image: url(/public/img/qwe12332.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 100;
}

.flagItem{
	overflow: hidden;
	position: absolute;
	left: 0px;
	top:0px;
	height: 100%;
	width: 100%;
	z-index:200;
}

.flagItem img{
	width: 100%;
	max-width: 100%;
}

.count_content_Wrap {
    max-width: 1200px;
    margin: 0 auto;
	padding-top: 120px;
    padding-bottom: 120px;
}

.countItemBox{
	text-align: center;
}

.couMainText{
	color: #fff;
	font-size: 4rem;
	font-weight: bold;
}

.couMainText span{
	font-size: 6rem;
	font-weight: bold;
	color: #ffd64f;
	margin-left: 10px;
}

.y_font{
	font-size: 4rem!important;
}

.couSubText{
	color: #fff;
	font-size: 1.5rem;
	margin-top: -2px;
}

.couSubText span{
	font-weight: bold;
	background-color: #ffd64f;
	padding: 6px;
	margin-right: 4px;
}
.couSubText br{display: none;}

.countImgBox{
	padding-top: 70px;
	text-align: center;
}

@media (max-width: 1300px) {
	
	#count{
		height: 570px;
	}

	.count_content_Wrap{
		padding-top: 80px;
	}

	.couMainText {
		color: #fff;
		font-size: 2.8rem;
		font-weight: bold;
	}

	.couMainText span{
		font-size: 4rem;
	}

	.y_font {
		font-size: 2.8rem!important;
	}

	.couSubText {
		color: #fff;
		font-size: 1.25rem;
		margin-top: -2px;
	}

	.countImgBox {
		padding-top: 60px;
	}

	.countImgBox img{
		width: 53%;
	}

}

@media (max-width: 767px){
	#count{
		padding-left: 10px;
		padding-right: 10px;
		height: auto;
		background-image: url(/public/img/qwe12332_m.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.count_content_Wrap{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.couMainText{
		font-size: 1.8rem;
	}
	.couSubText{
		line-height: 50px;
		font-size: 1.3rem;
	}
	
	.couMainText span{
		font-size: 3rem;
	}
	.couSubText span{
		margin-right: 0px;
	}
	.y_font{
		font-size: 2rem!important;
	}
	.couSubText br{display: block;}
	.countImgBox{
		padding-top: 20px;
		width: 100%;
	}
	.countImgBox img{
		width: 80%;
	}
	
	
	.flagItem{
		overflow: hidden;
		position: absolute;
		left: 0px;
		top:50px;
		height: 100%;
		width: 100%;
		z-index:200;
	}

	.flagItem img{
		width: 100%;
		max-width: 100%;
	}
	
}

/*--------------------------------------------------------------
# review line
--------------------------------------------------------------*/

#review{
	position: relative;
    width: 100%;
	background-image: url(/public/img/review_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.review_content_Wrap {
	text-align: center;
    max-width: 1200px;
    margin: 0 auto;
	padding-top: 100px;
    padding-bottom: 120px;
}


.reMainText{
	font-size: 4rem;
	font-weight: bold;
}

.reMainText span{
	background-color: #eb1c23;
	padding:8px 10px 8px 10px;
	margin-left: 10px;
}

.reSubText{
    font-size: 1.5rem;
	margin-top: 10px;
}

.reSubText br{display: none;}

.reviewPersonBox{
	width: 100%;
	position: relative;
	padding-top: 50px;
}

.rp_Box{
	box-sizing: border-box;
	position: relative;
}

.textL{text-align: left;}
.textR{text-align: right;}

.rp_wrap{
	display: inline-block;
}

.rp_left{
	position: relative;
	left: -100px;
}

.rp_right{
	position: relative;
	right: -100px;
}

.rp_innerBox{
	display: flex;
}

.rp_person_Circle{
	position: relative;
	display: inline-block;
	/* width: 230px; */
	/* height: 230px; */
	/* border-radius: 50%; */
	/* background-color: #fff; */
}

.show991more{
	display: block;
}

.show991{
	display: none;
}

.rpCBox img{
	text-align: center;
	max-width: 100%;
	width: 100%;
}

.rpCTextImgBox{
	position: absolute;
}

.rp_position_01{
	top: 200px;
    left: -170px;
}

.rp_position_02{
	top: -100px;
    right: -200px;
}

.rp_textBox{
	padding: 70px 20px 20px 80px;
	width: 520px;
	height: 310px;
	/* border: 1px solid #fff; */
	background-image: url(/public/img/rp_textBox_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.rp_innerText{
	text-align: left;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 36px;
}

.rp_innerText span{
	background-color: #eb1c23;
	padding: 7px 10px 7px 10px;
	border-radius: 30px;
}

.marL20{margin-left: 20px;}
.marR20{margin-right: 20px;}

.review_goLine{
	position: relative;
	text-align: center;
	width: 100%;
	padding-top: 80px;
}

.rgoBox{
	display: inline-block;
}

.rv_itemBox{
	display: flex;
}

.rv_btn{
	font-size: 1.3rem;
	font-weight: bold;
	background-color: #fff;
	border: 2px solid #000;
	border-radius: 50px;
	padding: 16px 26px 16px 26px;
	cursor: pointer;
}

.rv_btn img{
	position: relative;
	top: -1px;
	width: 10px;
	margin-left: 20px;
}

.rv_marR20{margin-right: 20px;}

.dotImg{
	width:40px!important;
	margin-right: 8px;
}

@media (max-width: 1300px) {
	
	.review_content_Wrap{
		padding-bottom: 100px;
	}

	.reviewPersonBox{
		padding-top: 30px;
	}

	.reMainText{
		font-size: 2.8rem;
	}

	.reSubText{
		font-size: 1.25rem;
	}



	.rpCBox img {
		text-align: center;
		max-width: 100%;
		width: 90%;
	}

	.rp_position_01 {
		top: 200px;
		left: 90px;
	}

	.rp_position_01 img{
		width: 90%;
	}

	.rp_position_02{
		top: -40px;
		right: 80px;
	}

	.rp_position_02 img{
		width: 90%;
	}

	.rp_textBox{
		width: 440px;
		height: 260px;
		padding: 70px 20px 20px 80px;
	}

	.rp_innerText{
		font-size: 1.1rem;
		line-height: 30px;
	}

	.rv_btn{
		font-size: 1.1rem;
		padding: 10px 20px 10px 20px;
	}

	.dotImg {
		width: 30px!important;
		margin-right: 8px;
	}

	.rv_btn img {
		position: relative;
		top: -1px;
		width: 8px;
		margin-left: 20px;
	}

	.review_goLine {
		padding-top: 40px;
	}
}

@media (max-width: 1240px){
	.rp_left {
		position: relative;
		left: 0px;
	}
	.rp_right {
		position: relative;
		right: 0px;
	}
}

@media (max-width: 1100px){
	.reMainText span{display: inline-block;}
	.rv_itemBox{
		text-align: center;
		display: inline-block;
	}
	.rv_btn{
		display: inline-block;
	}
	.rv_marR20{
		margin-bottom: 5px;
	}
}

@media (max-width: 1024px){
	.rp_position_01 {
		top: 250px;
		left: 110px;
	}
	.rpCTextImgBox img{width:200px;}
	.rp_position_02 {
		top: -50px;
		right: 100px;
	}
}

@media (max-width: 890px){
		.show991more{
			display: none;
		}

		.show991{
			display: inline-block;
		}
	
	
	
	.rp_innerBox{display: block;}
	.rp_wrap{width: 100%;text-align: center;}
	.rp_textBox{display: inline-block;}
}

@media (max-width: 896px){
	.rp_right{
		padding-top: 0px;
	}
	.rp_position_02 {
		top: 260px;
		right: 100px;
	}
}

@media (max-width: 767px){
	#review{
		padding-left:10px;
		padding-right: 10px;
	}
	.review_content_Wrap{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.reMainText{
		font-size: 1.8rem;
	}
	.reMainText span{
		font-size: 1.8rem;
		padding: 6px 6px 6px 6px;
	}
	.reSubText{
		font-size: 1.2rem;
	}
	
	.reSubText br{display: block;}
	.reviewPersonBox{
		padding-top: 30px;
	}
	.rpCBox{
		width:100%;
	}
	
	
	.rpCBox img{
		position: relative;
		left: -4%;
		width: 70%;
	}
	
	.rpPosition{
		left: inherit!important;
		right: -4%!important;
	}
	
	.rp_position_01 {
		top: 150px;
		left: 100px;
	}
	.rp_textBox{
		border-radius: 30px;
		padding: 30px;
		height: 300px;
		width: 70%;
		background-size: 100%;
	}
	.rp_innerText{
		padding: 30px;
		font-size: 1.05rem;
		line-height: 27px;
		position: relative;
		top: 41px;
	}
	.rp_innerText span{
		padding: 5px;
		margin-left: 4px;
	}
	.rp_innerText br{
		display: none;
	}
	.rp_position_02 {
		top: 150px;
		right: 60px;
	}
	.marR20{margin-right:0px;}
	.review_goLine{
		padding-top: 30px;
	}
	.rv_itemBox{
		padding-left: 40px;
		padding-right: 40px;
	}
	.rv_btn{
		width: 100%;
		font-size:0.9rem;
		padding:10px;
	}
	.dotImg{
		width: 20px!important;
	}
	.rv_btn img{
		    width: 6px;
	}
}

@media (max-width: 600px){
	.rp_textBox {
		border-radius: 30px;
		padding: 30px;
		height: 240px;
		width: 70%;
		background-size: 100%;
	}
	.rp_innerText {
		padding: 13px;
		font-size: 1.05rem;
		line-height: 27px;
		position: relative;
		top: 24px;
	}
}

@media (max-width: 520px){
	.rp_textBox {
		border-radius: 30px;
		padding: 30px;
		height: 270px;
		width: 90%;
		background-size: 100%;
	}
	.rp_innerText {
		padding: 13px;
		font-size: 1.05rem;
		line-height: 27px;
		position: relative;
		    top: 44px;
	}
}


@media (max-width: 415px){
	.rp_textBox {
		margin-top: -30px;
		border-radius: 30px;
		padding: 30px;
		height: 230px;
		width: 100%;
		background-size: 100%;
	}
	.rp_innerText {
		padding: 13px;
		font-size: 0.95rem;
		line-height: 27px;
		position: relative;
		top: 21px;
	}
}

/*--------------------------------------------------------------
# 커리큘럼 css
--------------------------------------------------------------*/


#sub_wrap{margin-top: 100px;}

#sub_wrap .sub_page_h1{position: relative;width: 100%;height: 320px;overflow: hidden;box-sizing: border-box;text-align: center;margin: 0 auto;animation: h1Title 2s forwards;-webkit-animation: h1Title 2s forwards;}
#sub_wrap .sub_page_h1 h1{display: inline-block;opacity:0.2;transition: all 2.2;transition-duration:2.2s; -webkit-transition-duration:2.2s;animation-timing-function: ease-in-out; z-index:400;position: relative;top: 60px;font-size: 3.8rem;font-weight: 500;letter-spacing: 12px;font-family: 'Noto Sans KR', sans-serif;color: #fff;}
#sub_wrap .sub_page_h1 span{display: block;font-size: 18px;margin-top: 8px;color: #fff;}


.find_top_bg{min-height: 320px;
	position:absolute; left:0; top:0; height:100%; width:100%;
	/* transform: scale(1.2); */
	/* transition-duration:3s; -webkit-transition-duration:3s; */
	background-image: url(/public/img/find_top_bg02.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
} 

.en3030_top_bg{min-height: 320px;
	position:absolute; left:0; top:0; height:100%; width:100%;
	/* transform: scale(1.2); */
	/* transition-duration:3s; -webkit-transition-duration:3s; */
	background-image: url(/public/img/3030_top_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
} 

.review_top_bg{min-height: 320px;
	position:absolute; left:0; top:0; height:100%; width:100%;
	/* transform: scale(1.2); */
	/* transition-duration:3s; -webkit-transition-duration:3s; */
	background-image: url(/public/img/sunbgtop_01.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 700;
} 

.review_top_bg02{min-height: 320px;
	position:absolute; left:0; top:0; height:100%; width:100%;
	/* transform: scale(1.2); */
	/* transition-duration:3s; -webkit-transition-duration:3s; */
	background-image: url(/public/img/sunbgtop_03.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 700;
} 


.review_top_bg03{min-height: 320px;
	position:absolute; left:0; top:0; height:100%; width:100%;
	/* transform: scale(1.2); */
	/* transition-duration:3s; -webkit-transition-duration:3s; */
	background-image: url(/public/img/sunbgtop_02.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 700;
} 



.curriculum_top_bg{min-height: 320px;
	position:absolute; left:0; top:0; height:100%; width:100%;
	transform: scale(1.2);
	transition-duration:3s; -webkit-transition-duration:3s;
	background-image: url(/public/img/curriculum_top_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 700;
} 

.noPadLR{padding-left:0px!important;padding-right:0px!important;}
.none_marLR{margin-left:0px!important;margin-right:0px!important;}
.ad_padLR{padding-right: 10px; padding-left: 10px;}


/*-----
# 서브 상단 비쥬얼 css
--------*/



.subTopVisual{
	overflow: hidden;
	text-align: center;
	width: 100%;
	position: relative;
	height: 500px;
	margin-top: 100px;
	background-color: #777777;
	z-index:300;
}


.subTextBox{
	position: relative;
	width: 100%;
	text-align: left;
	z-index: 800;
	max-width: 1220px;
    margin: 0 auto;
	padding-top: 160px;
    padding-left: 10px;
    padding-right: 10px;
}

.subTextBox img{
	z-index: 800;
}


.subViTextBox{
    width: 750px;
    height: 630px;
	display: inline-block;
	position: relative;
	top: 12px;
	background-image: url(/public/img/subTitle_big_bgBox.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
	z-index: 800;
	padding-top: 150px;
}


.svText h1{
	font-size: 2.3rem;
	font-weight: 200;
	color: #fff;
	line-height: 50px;
}

.svText h1 p{
	padding: 14px;
    display: inline-block;
    color: #fff;
    background-color: #eb1c23;
    font-weight: bold;
    font-size: 3.2rem;
}

.svText h1 span{
	display: inline-block;
	position: relative;
	z-index: 400;
	font-size: 2.5rem;
	font-weight: bold;
}

.subViTextBox_02{
	width: 750px;
    height: 470px;
    display: inline-block;
    position: relative;
    top: 95px;
    background-image: url(/public/img/subTitle_bgBox.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
	z-index:800;
}

.svText_reiview{
	padding-top: 170px;
}

.svText_reiview h1{
	font-size: 2rem;
	font-weight: 200;
	color: #fff;
	line-height: 50px;
}

.svText_reiview h1 p{
	padding: 14px;
    display: inline-block;
    color: #fff;
    background-color: #eb1c23;
    font-weight: bold;
    font-size: 3.2rem;
}

.svText_reiview h1 span{
	display: inline-block;
	position: relative;
	z-index: 400;
	font-size: 2.5rem;
	font-weight: bold;
}

.svText h2{
	font-size: 2.3rem;
	font-weight: 200;
	color: #fff;
	line-height: 50px;
}

.svText h2 span{
	display: inline-block;
	position: relative;
	z-index: 400;
	font-size: 2.5rem;
	font-weight: bold;
}

.marB60{
	margin-bottom: 30px;
}

.svLineText{
	position: relative;
	display: inline-block;
}

.svLineText span{
	padding: 4px 10px 4px 10px;
    color: #fff;
    display: inline-block;
    position: relative;
    font-size: 3rem;
    t-size: 2.5rem;
    font-weight: bold;
    background-color: #eb1c23;
}

.tforceLine{
	top: 36px;
    position: absolute;
    width: 100%;
    left: 0px;
    height: 10px;
    background-color: #eb1c23;
    z-index: 330;
}

@media (max-width: 1300px){
	#sub_wrap {
		margin-top: 130px;
	}
	
	#sub_wrap .sub_page_h1{
		height: 290px;
	}
	
	#sub_wrap .sub_page_h1 h1{
		font-size: 2.8rem;
	}
	
	.subTopVisual{
		margin-top: 100px;
		height: 500px;
	}
	
	.subViTextBox{
		width: 530px;
		top: -18px;
		height: 530px;
		padding-top: 135px;
	}
	
	.svText h1{
		font-size: 1.6rem;
		line-height: 40px;
	}
	
	.svText h1 span {
		font-size: 2rem;
	}
	
	.svText h2 {
		font-size: 1.6rem;
		line-height: 40px;
	}
	
	.svText h2 span {
		font-size: 2rem;
	}
	
	.marB60 {
		margin-bottom: 20px;
	}
	
	.svLineText span {
		padding: 4px 6px 4px 6px;
		color: #fff;
		display: inline-block;
		position: relative;
		font-size: 2.2rem;
		font-weight: bold;
		background-color: #eb1c23;
	}
	
	.subViTextBox_02{
		top: 96px;
		width: 530px;
		height: 320px;
	}
	
	.svText_reiview h1 p {
		padding: 14px;
		display: inline-block;
		color: #fff;
		background-color: #eb1c23;
		font-weight: bold;
		font-size: 2.2rem;
	}
	
	.svText_reiview h1 span {
		display: inline-block;
		position: relative;
		z-index: 400;
		font-size: 1.8rem;
		font-weight: bold;
	}
	.svText_reiview {
		padding-top: 100px;
	}
}


@media (max-width: 991px){
	#sub_wrap{
		margin-top: 85px;
	}
	
	.subTopVisual{
		margin-top: 85px;
	}
}

@media (max-width: 800px){
	.subViTextBox_02 {
		width:680px;
		height: 390px;
	}
	.svText_reiview {
		padding-top: 130px;
	}
}	


@media (max-width: 767px){
	#sub_wrap{
		margin-top: 60px;
	}
	#sub_wrap .sub_page_h1{
		height: 250px;
	}
	#sub_wrap .sub_page_h1 h1{
		font-size: 2rem;
		top: 100px !important;
		letter-spacing: 8px;
	}
	.find_top_bg, .en3030_top_bg, .review_top_bg, .review_top_bg02, .review_top_bg03 {
		min-height: 210px;
	}
	
	.subTextBox{
		padding-top: 50px;
	}
	
	.subTextBox img{
		width: 60%;
	}

	.subTopVisual{
		height: 210px;
		margin-top: 50px;
	}
	.subViTextBox {
		width: 52%;
		height: 350px;
		top: 10px;
		padding-top: 85px;
	}
	
	.marB60{
		margin-bottom:20px;
	}
	
	.svText h1 {
		font-size: 1.1rem;
		line-height: 28px;
	}
	.svText h1 span {
		font-size: 1.2rem;
	}
	.svText h2 {
		font-size: 1.1rem;
		line-height: 28px;
	}
	.svText h2 span {
		font-size: 1.2rem;
	}
	
	.svLineText span {
		padding: 4px 8px 4px 8px;
		color: #fff;
		display: inline-block;
		position: relative;
		font-size: 1.3rem;
		font-weight: bold;
		background-color: #eb1c23;
	}
	
	.subViTextBox_02{
		width: 90%;
		height: 350px;
		top: 10px;
	}

	.svText_reiview h1{
		line-height: 30px;
	}
	.svText_reiview h1 p {
		padding: 6px 10px 4px 10px;
		display: inline-block;
		color: #fff;
		background-color: #eb1c23;
		font-weight: bold;
		font-size: 1.8rem;
	}
	.svText_reiview h1 span {
		font-size: 1.8rem;
	}

	
}

@media (max-width: 650px){
	.subViTextBox{
		width: 62%;
		height: 360px;
		top: 10px;
		padding-top: 90px;
	}
}

@media (max-width: 540px){
	.subViTextBox{
		width: 72%;
		height: 360px;
		top: 10px;
		padding-top: 90px;
	}
}

@media (max-width: 470px){
	.subViTextBox{
		width: 92%;
		height: 360px;
		top: 10px;
		padding-top: 90px;
	}
	
	.subTextBox{
		padding-top: 70px;
	}
	
	.subTextBox img{
		width: 60%;
	}
}


/*-----
# 커리큘럼 소개
--------*/

.intro_curriculum{
	width: 100%;
	position: relative;
	/* padding-top: 100px; */
}

.intro_content_Wrap {
	text-align: center;
    max-width: 1220px;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 90px;
	padding-left: 10px;
	padding-right: 10px;
}

.disCen{
	width:100%;
	display: inline-block;
}

.subTlineBox{
	position: relative;
	width: 100%;
}

.stlineWrap{
	position: absolute;
	top: 30px;
	left:0px;
	width:100%;
	height:2px; 
	background-color: #ededed;
	z-index: 500;
}


.bg_yel{background-color:#ffd64f!important; }
.marR14{margin-right: 14px;}
.marL14{margin-left: 14px;}

.subTitle{
	position: relative;
	display: inline-block;
	z-index: 600;
	background-color:#fff;
	padding:10px 20px 10px 20px;
}

.add_sbackC{background-color: #fcfbf2!important;}

.subTitle h3{
	display: inline-block;
	font-size: 2.5rem;
	font-weight: bold;
} 

.subTitle span{
	color: #eb1c23;
	font-weight: bold;
	font-size: 2.5rem;
}

.subTitle b{
	display: inline-block;
	font-weight: bold;
	font-size: 2.5rem;
	position: relative;
}


.cur_subTitle{
	display: inline-block;
}

.cur_subTitle h3{
	display: inline-block;
	font-size: 3rem;
	font-weight: bold;
} 

.cur_subTitle span{
	display: block;
	font-weight: bold;
	font-size: 1.08rem;
	margin-bottom: 10px;
}

.cur_subTitle b{
	display: inline-block;
	font-weight: bold;
	font-size: 4rem;
	position: relative;
}

.pointBox{
	width: 100%;
    display: flex;
    position: absolute;
    left: 0px;
    top: -43px;
    width: 71px;
	box-sizing: border-box;
}

.pobox{
	text-align: center;
	width: 50%;
	margin: 0!important;
	padding:0!important;
		box-sizing: border-box;
}

.pobox span{
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background-color: #222222;
    display: inline-block;
    margin: 0!important;
    padding: 0!important;

}

.wid626 {
    width: 626px;
}
.wid264 {
    width: 264px;
}

.top52{top:32px!important;}

.curTextInerBox{
	text-align: center;
	padding-top: 56px;
}

.curText{
	font-size: 2.1rem;
	font-weight: 400;
	line-height: 54px;
}

.curText span{
	font-size: 2.2rem;
	font-weight: bold;
}

.colR{color:#eb1c23!important;}

.curtextbg{
	padding-top: 40px;
	text-align: center;
	padding-bottom: 50px;
}

.curtextbg img{
	display: inline-block;
	max-width: 100%;
}

.cur_bottom_bg{
	text-align: center;
}

.cur_bottom_bg img{
	display: inline-block;
	max-width: 100%;
}

@media (max-width: 1300px) {
	.subTitle h3 {
		display: inline-block;
		font-size: 2.2rem;
		font-weight: bold;
	}
	.stlineWrap{
		top: 27px!important;
	}
	
	.intro_content_Wrap{
		padding-top: 90px;
	}
	.curTextInerBox {
		text-align: center;
		padding-top: 26px;
	}
	.curText {
		font-size: 2rem;
		font-weight: 400;
		line-height: 54px;
	}
	.curtextbg img {
		display: inline-block;
		width: 75%;
	}
}

/*-----
# 책 소개
--------*/

#book_intLine00{
	position: relative;
	width: 100%;}

#book_intLine01{
	position: relative;
	width: 100%;
}

#book_intLine02{
	position: relative;
	width: 100%;
}

#book_intLine03{
	position: relative;
	width: 100%;
}

#book_intLine4{
	position: relative;
	padding-top: 100px;
	padding-bottom: 0px;
}

.anotherBg_box01{
	width: 100%;
    min-height: 47vw;
	background-image: url(/public/img/book_intLine4_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    /* background-size: cover; */
}

#book_intLine5{
	position: relative;
	padding-top: 100px;
	padding-bottom: 0px;
}

.anotherBg_box02{
	width: 100%;
    min-height: 47vw;
	background-image: url(/public/img/book_intLine5_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    /* background-size: cover; */
}


.bookbgcol_01{background-color: #fcca00;}
.bookbgcol_02{background-color: #f6f6f6;}
.bookbgcol_03{background-color: #adadad;}
.bookbgcol_04{background-color: #afdced;}
.bookbgcol_05{background-color: #00cbd2;}
.bookbgcol_06{background-color: #fa8888;}
.bookbgcol_07{background-color: #80a270;}

.book_content_Wrap {
	text-align: center;
    max-width: 1220px;
    margin: 0 auto;
    padding-top: 150px;
    padding-bottom: 150px;
	padding-left: 10px;
	padding-right: 10px;
}

.bookInfoBox{
	width: 100%;
	padding-left: 50px;
	margin-top: 27px;
}

.bookcategoryArea{
	position: relative;
	width: 100%;
	border-radius: 30px;
	background-color: #fff;
	padding-top: 60px;
	padding-left: 340px;
	padding-bottom: 30px;
}

.bookTextBox{
	text-align: left;
	position: relative;
}

.mainBookImgBox{
	position: absolute;
    left: -50px;
    top: 76px;
    width: 312px;
    height: 439px;
}

.mainBookImgBox img{
	max-width: 100%;
	box-shadow: 0 0 30px rgba(0,0,0, 0.2);
}

.none_boxs{box-shadow:unset!important;}

.bMainTetx{
	text-align: left;
	position: relative;
    display: inline-block;
}

.bMainTetx span{
	text-align: left;
	display: inline-block;
    position: relative;
	font-size: 2.1rem;
	color: #333333;
	font-weight: bold;
	z-index: 400;
}

.tforceLine01{
	top: 34px;
    position: absolute;
    width: 100%;
    left: 0px;
    height: 8px;
	border-radius: 30px;
    z-index: 330;
}

.tf01Col_01{background-color: #c7b19d;}
.tf01Col_02{background-color: #9fc6cc;}

.bSubTetx{
	padding-top: 10px;
	font-weight: 500;
	font-size: 1.04rem;
	line-height: 30px;
}

.subBookBox{
	text-align: left;
	width: 100%;
	margin-top: 60px;
	position: relative;
	left: -10px;
}


.subbImgBox{
	display: inline-block;
	margin: 10px;
}

.subbImgBox img{
	border: 1px solid #dddddd;
}

.subbImgBox .grammar-img{
	width: 106px;
}

.nonBorder img{
	border: none;
}

.mtextBr{display: none;}


/* -------------- 하단 네비게이션 시작 ----------------*/


.book_select_box {
	position: relative; 
	width: 100%; 
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.bs_bg_lineBox{
	text-align: center;
	position: absolute;
	left: 0px;
	top: -2px;
	width: 100%;
}

.bs_bg_line{
	display: inline-block;
	width: 82%;
	border-bottom: 4px dotted #000;
	/* border-style: dotted; */
}

.book_items{
	position: relative;
	display: flex;
	display: -webkit-box; 
display: -ms-flexbox;
	overflow: hidden;
	box-sizing: border-box;
	list-style: none;
	padding: 0px;
	margin: 0px;
	z-index: 300;
}

.book_items ul{
	list-style: none;
}
.csWrap{ 
text-align: center;
	position: relative;
	top: 1px; 
	cursor: pointer; 
	transition: all 0.3s;
	width: 16.66666667%;
}
.csWrap a{}
.book_select_item{
	text-align: center; 
	cursor: pointer;
	font-size: 1.3rem;
	font-weight: bold;
	color: #000;
}
.book_select_item:hover{
	transition: all 0.3s;
	text-decoration: underline;
	color: #000;
}

.book_select_item br{
	display: none;
}

.book_select_item:hover .bookOnbullet span b{
	 width: 22px;
    height: 22px;
transition: all 0.3s;
}

.book_select_item:hover .bookOnbullet span{
	padding-top: 0px;
transition: all 0.3s;
}

.bookOnbullet{
	text-align: center;
	display: block;
}

.bookOnbullet span{
	text-align: center;
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
	border-radius: 50%;
    background-color: #fcdddc;
	padding-top: 5px;
transition: all 0.3s;
	/* padding: 10px; */
}

.bookOnbullet span b{
	position: absolute;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #eb1c23;
    left: 50%;
    transform: translateX(-50%);
	webkit-transform:translateX(-50%);
transition: all 0.3s;
	/* top: 50%; */
    /* transform: translateY(-50%); */
}


/* -------------- 하단 네비게이션 끝----------------*/



@media (max-width: 1300px){
	.anotherBg_box01 {
		width: 100%;
		min-height: 46vw;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.anotherBg_box02 {
		width: 100%;
		min-height: 46vw;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.bookcategoryArea{
		padding-top: 40px;
	}
	
	.bMainTetx span{
		font-size: 1.8rem;
	}
	
	.tforceLine01{
		top: 30px;
	}
	
	.mainBookImgBox img{
		width: 84%;
	}
	
	.subBookBox {
		margin-top: 40px;
	}
}


@media (max-width: 920px){
	.bookcategoryArea{
		padding-left: 310px;
	}
	.bMainTetx span {
		font-size: 1.6rem;
	}
}

@media (max-width: 920px){
	.tforceLine01{
		display: none;
	}
}


@media (max-width: 767px){
	#book_intLine4, #book_intLine5{
		padding-top: 0px;
	}
	
	.intro_content_Wrap {
		padding-top: 60px;
		padding-bottom: 60px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.subTitle h3{
		font-size: 1.7rem;
	}
	.stlineWrap{
		top: 25px;
	}
	.curText{
		line-height: 36px;
		font-size: 1.2rem;
	}
	

	.curText span {
		font-size: 1.4rem;
		font-weight: bold;
	}
	.mtextBr{display: block;}
	.mtextBrimpor {
		display: block !important;
	}
	
	.book_content_Wrap {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	.cur_subTitle h3 {
		display: inline-block;
		font-size: 2rem;
		font-weight: bold;
	}
	
	.bookInfoBox{
		padding-left: 0px;
		margin-top: 17px;
	}
	.mainBookImgBox{
		position: relative;
		left: 0px;
		top: 0px;
		width: 100%;
		height: auto;
		
	}
	.bookcategoryArea{
		padding-top: 30px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.bMainTetx span {
		font-size: 1.1rem;
	}
	
	.bSubTetx {
		padding-top: 10px;
		font-weight: 500;
		font-size: 0.9rem;
		line-height: 24px;
		padding-left:10px;
	}
	.mainBookImgBox img {
		max-width: 100%;
		width:60%;
	}
	
	
	.bookTextBox{
		text-align: center;
		margin-top: 30px;
	}
	
	.subBookBox {
		text-align:center;
		left: 0px;
		margin-top: 30px;
	}
	.subbImgBox{
		margin: 5px;
	}
	
	.subbImgBox img{
		width: 80px;
	}
	
	.book_select_box{
		
	}
	
	.book_select_item {
		text-align: center;
		cursor: pointer;
		font-size: 0.6rem;
		font-weight: bold;
		color: #000;
		line-height: 0;
	}
	
	.book_select_item br{
		display: none;
	}
	
	.anotherBg_box01{
		min-height: 78vw;
	}
	
	.anotherBg_box02{
		min-height: 78vw;
	}
}


/*--------------------------------------------------------------
# 3030영어란 css
--------------------------------------------------------------*/

/*-----
# 영어교육흐름 css
------*/

.fpc_show{
	display: block!important;
}

.fmobile_show{
	display: none!important;
}

.flowWrap{
	width: 100%;
	position: relative;
	padding-top: 100px;
	background-image: url(/public/img/flowWrap_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.flow_content_Wrap {
	text-align: center;
    max-width: 1220px;
    margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

.wid431{width: 431px;}

.flowTextTopBox{
	display: flex;
	position: relative;
	width: 100%;
	margin-top: 60px;
	margin-bottom: 60px;
}

.fl_box{
	position: relative;
	width: 50%;
	max-width: 100%;
	/* overflow: hidden; */
}

.red_arrow{
    position: absolute;
    left: -50px;
    top: 80px;
}
.red_arrow img{
	width: 100px;
}

.fl_textbox{
	text-align: left;
	font-size: 2.6rem;
	font-weight: 200;
    line-height: 68px;
}

.fl_textbox span{
	margin-bottom: 6px;
	display: block;
	font-size: 3.6rem;
	font-weight: bold;
	color: #eb1c23;
}

.speackWellBox{
	position: absolute;
    width: 460px;
    height: 200px;
    background-image: url(/public/img/red_circle.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    right: 0px;
}

.speackWellBox span{
	position: relative;
    top: 60px;
	font-size: 2.9rem;
	font-weight: bold;
	color: #424242;
}

.flowTextBottomBox{
	overflow: hidden;
	display: flex;
	position: relative;
	width: 100%;
	height: 410px;
}

.yearStepBox{
	display: flex;
	position: relative;
	width: 50%;
}

.ysBox{
	position: relative;
	width: 100%;
}

.ys_inner{
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
}

.ysText{
	text-align:left;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 24px;
}

.ysText span{
	display: block;
	font-size: 1.04rem;
	font-weight: 400;
}

.ys_yearBox{
	text-align: center;
	width: 100%;
}

.ys_item01{
	background-color: #cfcfcf;
	height: 100px;
    padding-top: 16px;
}

.ys_item02{
	background-color: #a1a1a1;
	height: 140px;
    padding-top: 36px;
}

.ys_item03{
	background-color: #858585;
	height: 200px;
    padding-top: 66px;
}

.ys_item04{
	background-color: #eb1c23;
	height: 260px;
    padding-top: 96px;
}

.yWrapText{
	display: inline-block;
}

.yWrapText p{
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0px;
}

.yWrapText span{
	font-size: 1.04rem;
	display: block;
}

.y_span{
	background-color: #eb1c23 !important;
	color: #fff!important;
	height: 28px!important;
	padding-left: 4px;
	padding-right: 4px;
	line-height: 28px;
	font-weight: bold!important;
	display: inline-block!important;
}


@media (max-width: 767px) {
	.fpc_show{
		display: none!important;
	}

	.fmobile_show{
		display: block!important;
		margin-bottom: 20px;
	}
}

/*-----
# 말하기 시험 css
------*/

.speakingWrap{
	position: relative;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
	background: url(/public/img/speaking_backBg.png)top no-repeat;
    background-size: cover;
}


.speaking_content_Wrap {
	text-align: center;
    max-width: 1220px;
    margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

.spImgBox{
	text-align: center;
	width: 100%;
}

.spImgBox img{
	max-width: 100%;
	display: inline-block;
}

/*-----
# 실용영어 css
------*/

.useful_enWrap{
	width: 100%;
	position: relative;
	padding-top: 100px;
	padding-bottom: 140px;
	background: url(/public/img/useful_backBg.png)top no-repeat;
    background-size: cover;
}

.speaking_content_Wrap {
	text-align: center;
    max-width: 1220px;
    margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

.usefulTextBox{
	text-align: left;
}

.s_imgFlexBox{
	display: flex;
}

.topInh{
	top: inherit!important;
}

.subLogo{
	margin-bottom: 20px;
}

.subLogo img{
	width: 140px;
}

.uf_Text strong{
	color: #fff;
	font-size: 3rem;
	font-weight: bold;
}

.uf_Text span{
	display: block;
	color: #fff;
	font-weight: 400;
	font-size: 1.4rem;
	margin-bottom: 10px;
	margin-top: 30px;
}

.uf_Text p{
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 1.4rem;
	margin-bottom: 0px;
}

/*-----
# 대표영상 css
------*/

.personVideoWrap{
	width: 100%;
	position: relative;
	padding-top: 120px;
	padding-bottom: 120px;
}

.video_content_Wrap {
	text-align: center;
    max-width: 1220px;
    margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

.wid601 {
    width: 601px;
}

.videoBox{
	display: inline-block;
    margin-top: 15px;
	width: 100%;
	height: 675px;
}

/*-----
# 연혁 css
------*/

.historyWrap{
	width: 100%;
	position: relative;
	padding-top: 120px;
	padding-bottom: 120px;
	background-color: #fcfbf2;
}

.history_content_Wrap {
	text-align: center;
    max-width: 1220px;
    margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

.wid341 {
    width: 341px;
}

.history_bg{
	text-align: center;
	width: 100%;
	margin-top: 60px;
}

.history_bg img{
	max-width: 100%;
	display: inline-block;
}

.pc_show{
	display: block;
}

.mobile_show{
	display: none;
}

/*-----
# ebs css
------*/

.ebsWrap{
	height: 850px;
    width: 100%;
    position: relative;
    background: url(/public/img/ebs.png)top no-repeat;
    background-size: auto;
}

.ebsCenterImg{
	text-align: center;
	display: table;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
    /* bottom: -290px; */
}

.esInner{
	display: table-cell;
    vertical-align: middle;
    position: relative;
}

.ebsCenterImg img{
	width: 40%;
	max-width: 100%;
	/* position: absolute; */
	/* left: 50%; */
    /* transform: translateX(-50%); */
	/* webkit-transform:translateX(-50%); */
}

/*-----
# why css
------*/

.whyWrap{
	width: 100%;
	position: relative;
    padding-top: 100px;
	padding-bottom: 120px;
	border-bottom: 1px solid #ededed;
}

.why_content_Wrap {
	text-align: center;
    max-width: 1220px;
    margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

.why_descriptionBox{
	width: 100%;
	position: relative;
	margin-top: 100px;
}

.wd_topBox{
	width: 100%;
	display: flex;
	padding-bottom: 30px;
}

.pc_wd{
	display: block;
}

.mobile_wd{
	display: none;
}

.wd_itemBox{
	position: relative;
}

.wd_itemBox img{
	width: 100%;
	max-width: 100%;
}

.wd56Box{
	width: 56%;
	text-align: left;
}

.wd44Box{
	width: 44%;
	text-align: left;
}

.whySubT{
	font-size: 1.8rem;
	font-weight: bold;
}

.whySubT span{
	color: #eb1c23;
}

.why_desT{
	font-size: 1.4rem;
	font-weight: 500;
	margin-top: 24px;
}

.why_desT span{
	font-weight: 800;
}
	

.whyMainText{
	display: inline-block;
	position: relative;
}

.whyMainText span{
	position: relative;
	display: inline-block;
	font-size: 4.2rem;
	font-weight: bold;
	z-index: 400;
	margin-top: -6px;
}

.wmForceLine{
	z-index: 300;
	position: absolute;
	left: 0px;
	top: 65px;
	width: 100%;
	height: 16px;
	background-color: #ffd64f;
}

.why_bottomText{
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 32px;
	margin-top: 24px;
}

.why_bottomText span{
	font-weight: 800;
	color: #eb1c23;
}

.wd_bottomBox{
	width: 100%;
	border-radius: 30px;
    padding: 60px 60px 60px 60px;
	background-color: #f5f5f5;
}

.padT40{padding-top: 40px;}

.wd_bInnerBox{
	width: 100%;
	display: flex;
	max-width: 100%;
	box-sizing: border-box;
}

.wd_biItemBox{
	text-align: center;
	width: 33.33333333%;
	box-sizing: border-box;
	max-width: 100%;
}

.winnerArea{
	display: inline-block;
}

.wi_Img{
	padding-bottom: 20px;
}

.wi_icon_Img{
	padding-bottom: 20px;
}

.wi_icon_Img img{
	width: 63px;
}


.wi_Img img{
	max-width: 100%;
}

.wi_text{
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 32px;
}

.wi_text span{
	font-weight: bold;
}

.wi_text P{
	display: block;
	font-size: 1.04rem;
	font-weight: 500;
	line-height: 24px;
	margin-top: 16px;
}

.mbr{
	display: none;
}


@media (max-width: 1300px) {
	
	.ebsWrap{
		height: 560px;
		width: 100%;
		position: relative;
		background: url(/public/img/ebs.png)top no-repeat;
		background-size: 100%;
	}
	
	.ebsCenterImg img {
		width: 40%;
	}
	
	.flowTextTopBox {
		margin-top: 40px;
	}
		
	.fl_textbox {
		text-align: left;
		font-size: 2rem;
		font-weight: 200;
		line-height: 54px;
	}
	.fl_textbox span {
		margin-bottom: 6px;
		display: block;
		font-size: 3rem;
		font-weight: bold;
		color: #eb1c23;
	}
	.red_arrow {
		position: absolute;
		left: -50px;
		top: 60px;
	}
	
	.speackWellBox{
		width: 420px;
		top: -20px;
	}
	.speackWellBox span {
		position: relative;
		top: 60px;
		font-size: 2.5rem;
		font-weight: bold;
		color: #424242;
	}
	
	.speakingWrap{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	
	.useful_enWrap{
		padding-top: 90px;
	}
	.uf_Text strong {
		color: #fff;
		font-size: 2.6rem;
		font-weight: bold;
	}
	.uf_Text span {
		display: block;
		color: #fff;
		font-weight: 400;
		font-size: 1.2rem;
		margin-bottom: 10px;
		margin-top: 30px;
	}
	
	.personVideoWrap{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.videoBox {
		display: inline-block;
		margin-top: 15px;
		width: 80%;
		height: 500px;
	}
	
	
	.historyWrap{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	
	.history_bg img{
		width: 120%;
	}
	
	
	.whyWrap{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	
	.subTitle span {
		font-size: 2.2rem;
	}
	
	.subTitle b {
		font-size: 2.2rem;
	}
	
	.pointBox {
		top: -40px;
		width: 64px;
		box-sizing: border-box;
	}
	
	.why_descriptionBox {
		margin-top: 60px;
	}
	
	.why_desT {
		font-size: 1.2rem;
		font-weight: 500;
		margin-top: 20px;
	}
	
	.why_desT span{
		font-weight: 800;
	}
	
	.whyMainText span {
		position: relative;
		display: inline-block;
		font-size: 3.2rem;
		font-weight: bold;
		z-index: 400;
		margin-top: -6px;
	}
	.wmForceLine {
		top: 48px;
		height: 11px;
	}
	.wd_itemBox img {
		width: 85%;
		max-width: 100%;
	}
	
	.wd_topBox {
		padding-bottom: 20px;
	}
	
	.wd_bottomBox{
		padding: 40px 40px 40px 40px;
	}
	.wi_Img img {
		max-width: 80%;
	}
	.why_bottomText {
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 28px;
		margin-top: 20px;
	}
}

@media (max-width: 1100px) {
	.ysText br{
		display: none;
	}
	.ysText{
		font-size: 1.1rem;
	}
}

@media (max-width: 1040px) {
	.red_arrow {
		position: absolute;
		left: -40px;
		top: 80px;
	}
	.red_arrow img {
		width: 70px;
	}
}

@media (max-width: 1024px) {
	.videoBox {
		margin-top: 15px;
		width: 100%;
		height: 560px;
	}
}

@media (max-width: 1000px) {
	.red_arrow{display: none;}
}

@media (max-width: 991px) {
	.ebsWrap{
		height: 43vw;
		width: 100%;
		position: relative;
		background: url(/public/img/ebs.png)top no-repeat;
		background-size: 100%;
	}
	
	.ebsCenterImg img {
		width: 40%;
	}
	
	.flowTextTopBox{
		display: block;
	}
	.fl_box{
		width:100%;
	}
	.fl_textbox{
		text-align:center;
	}
	.speackWellBox{
		margin-top: 70px;
		display: inline-block;
		position: relative;
	}
	.red_arrow{
		display: block;
		left: 50%;
		transform:translateX(-50%);
		webkit-transform:translateX(-50%);
		top: 26px;
	}
	.red_arrow img{
		width: 80px;
		transform: rotate( 90deg );
	}
	
	
	
	
	.flowTextBottomBox{
		display: block;
		height: auto;
	}
	.yearStepBox{
		width: 100%;
	}
	.ysBox {
		height: 344px;
		position: relative;
		width: 100%;
		margin-bottom: 80px;
	}
	.ys_inner{
		overflow: hidden;
		position: absolute;
	}
	
	
	/* .ebsCenterImg{ */
		/* width: 70%; */
		/* height: auto; */
	/* } */
	
	
	
	.wd_bottomBox {
		width: 100%;
		border-radius: 30px;
		padding: 40px 20px 40px 20px;
		background-color: #f5f5f5;
	}
	
	.whySubT {
		font-size: 1.2rem;
		font-weight: bold;
	}
	.why_desT {
		font-size: 1.2rem;
		font-weight: 500;
		margin-top: 24px;
	}
	
	.why_desT span{
		font-weight: 800;
	}
	
	.whyMainText span {
		position: relative;
		display: inline-block;
		font-size: 2.6rem;
		font-weight: bold;
		z-index: 400;
		margin-top: -6px;
	}
	.wmForceLine {
		z-index: 300;
		position: absolute;
		left: 0px;
		top: 35px;
		width: 100%;
		height: 11px;
		background-color: #ffd64f;
	}
	.why_bottomText {
		font-size: 1.04rem;
		font-weight: 500;
		line-height: 32px;
		margin-top: 24px;
	}
	
	.wi_Img img{
		width: 90%;
	}
	.wi_text{
		font-size: 1.1rem;
		font-weight: 500;
		line-height: 32px;
	}
	.wi_text P {
		display: block;
		font-size: 0.95rem;
		font-weight: 500;
		line-height: 24px;
		margin-top: 14px;
	}
}

@media (max-width: 767px) {
	.ebsWrap{
		height: 73vw;
		width: 100%;
		position: relative;
		background: url(/public/img/ebs.png)top no-repeat;
		background-size: cover;
	}
	
	.ebsCenterImg img {
		width: 60%;
	}
	
	.mpadLR{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.flowWrap{
		padding-top: 60px;
		padding-bottom: 20px;
	}
	.fl_textbox{
		font-size:1.2rem;
		line-height: 36px;
		font-weight: bold;
	}
	.fl_textbox span{
		font-size: 1.4rem;
		font-weight: bold;
	}
	.speackWellBox{
		margin-top: 70px;
		width: 330px;
		height: 130px;
	}
	.speackWellBox span{
		top: 34px;
		font-size: 1.9rem;
	}
	.red_arrow img {
		width: 50px;
	}
	
	
	
	.yearStepBox{
		display: block;
	}
	.ysBox {
	    height: auto;
		position: relative;
		width: 100%;
		margin-bottom: 50px;
	}
	.ysText {
		text-align: left;
		font-size: 1rem;
		font-weight: bold;
		line-height: 30px;
		margin-bottom: 14px;
	}
	
	.yWrapText p {
		font-size: 1.4rem;
		font-weight: bold;
		color: #fff;
		margin-bottom: 0px;
	}
	.ys_inner{
		overflow: hidden;
		position: relative;
	}
	.yWrapText span {
		font-size: 0.95rem;
		display: block;
	}
	.ysText span{
		margin-left: 0px;
	}
	.y_span{
		margin-left: 6px!important;
	}

	
	.ys_item01 {
		height: 120px;
		padding-top: 34px;
	}
	.ys_item02 {
		background-color: #a1a1a1;
		height: 140px;
		padding-top: 45px;
	}
	.ys_item03 {
		background-color: #858585;
		height: 160px;
		padding-top: 55px;
	}
	
	.ys_item04 {
		height: 180px;
		padding-top: 61px;
	}
	
	
	.history_bg {
		overflow: hidden;
		text-align: center;
		width: 100%;
		margin-top: 30px;
	}
	
	.history_bg img{
		max-width: 120%;
	}
	
	.pc_show{
		display: none;
	}

	.mobile_show{
		display: block;
	}
	
	
	.flowTextBottomBox {
		height: auto;
		padding-top: 40px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.flow_content_Wrap{
		
	}
	
	.speakingWrap{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.speaking_content_Wrap{
		position: relative;
		top: -50px;
		display: block;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 30px;
	}
	
	.s_imgFlexBox{
		display: block;
	}
	
	.useful_enWrap {
		width: 100%;
		position: relative;
		padding-top: 110px;
		padding-bottom: 220px;
		background: url(/public/img/useful_backBg_mobile.png)top no-repeat;
		background-size: cover;
	}
	.subLogo {
		margin-bottom: 10px;
	}
	.subLogo img {
		width: 100px;
	}
	.uf_Text strong {
		color: #fff;
		font-size: 1.8rem;
		font-weight: bold;
	}
	.uf_Text span {
		font-size: 1rem;
		margin-bottom: 10px;
		margin-top: 20px;
	}
	.uf_Text p {
		font-size: 1.1rem;
		margin-bottom: 0px;
	}
	.uf_Text p br{
		display: none;
	}
	
	
	.personVideoWrap {
		width: 100%;
		position: relative;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.videoBox {
		margin-top: 15px;
		width: 100%;
		height: 420px;
	}
	
	
	.historyWrap{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	
	.whyWrap {
	    padding-top: 60px;
		padding-bottom: 80px;
	}
	.why_descriptionBox {
		width: 100%;
		position: relative;
		margin-top: 100px;
	}
	.m_none_marT{margin-top:0px!important;}
	.subTitle span{
		font-size: 1.7rem;
	}
	.subTitle b {
		font-size: 1.7rem;
		margin-top: 20px;
	}
	.pointBox {
		width: 100%;
		display: flex;
		position: absolute;
		left: 0px;
		top: -28px;
		width: 49px;
		box-sizing: border-box;
	}
	.pobox span {
		border-radius: 50%;
		width: 10px;
		height: 10px;
	}
	.top52 {
		top: 25px!important;
	}
	
	.pc_wd{
		display: none;
	}

	.mobile_wd{
		padding-top: 20px;
		display: block;
	}
	.wd_topBox{
		display: block;
	}
	.wd44Box, .wd56Box{
		width: 100%;
		text-align: center;
	}
	
	.mpadT40{
		padding-top: 40px;
	}
	
	.wd_bottomBox {
		width: 100%;
		border-radius: 30px;
		padding: 30px 10px 30px 10px;
		background-color: #f5f5f5;
	}
	.wd_bInnerBox {
		width: 100%;
		display: block;
		max-width: 100%;
		box-sizing: border-box;
	}
	.wd_biItemBox{
		width: 100%;
		margin-bottom: 40px;
	}
	
	.winnerArea{
		margin-bottom: 40px;
	}
	.wi_icon_Img {
		padding-bottom: 10px;
	}
	
	.wi_Img{
		padding-bottom: 0px;
	}
	
	
	.why_desT {
		font-size: 1rem;
		font-weight: 500;
		margin-top: 14px;
	}
	
	.why_desT span{
		font-weight: 800;
	}
	
	.whyMainText span{
		font-size: 2.2rem;
	}
	.wmForceLine{
		top: 30px;
	}
	.why_bottomText {
		font-size: 0.95rem;
		font-weight: 500;
		line-height: 24px;
		margin-top: 14px;
	}
	.why_bottomText br{
		display: none;
	}
	.m_none_marB{margin-bottom: 0px!important;}
	
}

@media (max-width: 600px) {
	.videoBox {
		margin-top: 15px;
		width: 100%;
		height: 270px;
	}

}

@media (max-width: 500px) {
	.why_desT{
		margin-bottom: 10px;
		line-height: 28px;
	}
	
	.mbr{display: block !important;}

}

@media (max-width: 450px) {
	.videoBox {
		margin-top: 15px;
		width: 100%;
		height: 240px;
	}
}

@media (max-width: 450px) {
}

/*--------------------------------------------------------------
# 후기 css
--------------------------------------------------------------*/

.commonTabBox{
	position: relative;
	width:100%;
	margin-top: 70px;
}

.herbal_element_select_line{position: relative;display: flex;}
.he_select_item {background-color: #f5f5f5;width:50%;display: inline-block; position: relative;top: 1px; text-align: center; height: 60px;line-height: 60px;font-size: 19px; color: #999999; cursor: pointer; transition: all 0.3s;}
.he_select_item.on_sc_select{background-color: #fff;border:1px solid #ededed;font-weight: 400;color: #424242!important;}

#list01{display: block;margin-top:40px;}
#list02{display: none;margin-top:40px;}

.none_padT{padding-top:0px!important;}
#cure_landingPageBox{position: relative;
padding-top: 40px;
}
.landing_itemBox{padding-bottom: 130px;position: relative;}
#cure_landingPageBox, .landing_itemBox:after {content: '';display: block;clear: both;}
.landing_itemBox > * {display: block;}



.reviewCircleBox{
	position: relative;
	width: 100%;
	/* height: 580px; */
	/* border-radius:30px; */
}

.rev_topBox{
	text-align: center;
	position: relative;
	width: 100%;
	height: 60px;
	background-color: #fff;
	padding-top: 17px;
}

.rev_logo{
	position: absolute;
	top: 16px;
	left: 14px;
}

.rev_logo img{
	width: 90px;
}

.rev_title{
	display: inline-block;
}

.rev_title img{
	width: 100px;
}

.rev_items{
	position: absolute;
	top: 16px;
	right: 14px;
}

.rev_items img{
	width: 60px;
}

.rev_ImgBox{
	width: 100%;
}

.rev_ImgBox img{
	width: 100%;
}

.reviewCircleBox img{
	/* width: 100%; */
	/* max-width: 100%; */
	/* z-index: 1000; */
}

.bottom_reviewTetx{
	text-align: left;
	position: relative;
	width: 100%;
	background-color: pink;
	z-index: 2000;
	background-color: #fff;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 14px;
	padding-bottom: 20px;
}

.brev_itemBox{
	text-align: left;
	width: 100%;
	position: relative;
}

.brev_contentBox{
	text-align: left;
	padding: 0px;
	margin: 0px;
}

.br_tiems{
	display: inline-block;
}

.br_tiems img{
	width: 90px;
}

.brev_Rightcontent{
	position: absolute;
	right: 0px;
	top: 0px;
}

.brev_Rightcontent img{
	width: 18px;
}

.brevBottomTextBox{
	text-align: left;
	font-size: 1.04rem;
    color: #222222;
    font-weight: 500;
    line-height: 1.4;
	padding-top: 16px;
}

/* .l_Img_Box.on_scroll{ */
	/* position: fixed; */
	/* left: 0px; */
/* } */

.l_Img_Box {
	position: relative;
	top: 0px;
	width: 500px;
	box-shadow: 2px 4px 8px 2px rgba(68, 88, 144, 0.1);
}

.l_Img_Box img {
    /* width: 100%; */
	/* height: 100%; */
    /* display: block; */
    /* max-width: 100%; */
    /* left: 0px; */
    /* top: 0px; */
	/* display: block; */
}
.l_Text_Box{min-width: 640px;text-align: left;display: table; position: relative;top: 0px;min-height: 500px;}
.l_Text_Inner{display: table-cell; vertical-align: middle;}



/* ---후기 영역 텍스트 조정---- */

.l_Text_Box h3 {text-align:left;position: relative;font-size: 1.4rem;color: #222222;padding-bottom: 22px;font-weight: 500;line-height: 1.4;}
.l_Text_Box span{color: #424242!important;margin-top:0px!important;font-weight: bold!important;font-size: 2.2rem!important;letter-spacing: -0.025em!important;line-height: 1.9!important;display: block!important;}
.l_Text_Box p {text-align:left!important;font-weight:500!important;font-size: 1.04rem!important;color: #333333!important;letter-spacing: -0.025em!important;line-height: 1.5!important;}
.l_Text_Box p span{color: #424242!important;margin-top:0px!important;font-weight: bold!important;font-size: 1.4rem!important;letter-spacing: -0.025em!important;line-height: 1.9!important;display: block!important;}
.l_Text_Box b{margin-top: 10px!important;color: #222!important;display: block!important;font-weight:bold!important;font-size: 1.1rem!important;letter-spacing: 1px!important;line-height: 1.9!important;}





.first_ImgBox{float: left;max-width: 42%;left: 0;}
.first_textBox{    padding: 10px 0 0px;max-width: 54%;float: right; padding-left: 5%;}

.secondary_ImgBox{float: right;width: 42%;right: 0;}
.secondary_textBox{padding: 10px 0 0px; max-width: 58%;float: left; padding-right: 5%;}

.third_ImgBox{float: left;width: 42%;left: 0;}
.third_textBox{padding: 10px 0 0px;max-width: 54%;float: right; padding-left: 5%;}

.forth_ImgBox{width: 38%;right: 0;}
.forth_textBox{padding: 90px 0 150px; max-width: 54%;float: left; padding-right: 5%;}

.fifth_ImgBox{max-width: 39%;left: 0;}
.fifth_textBox{padding: 90px 0 172px;max-width: 55%;float: right; padding-left: 5%;}

.Sixth_ImgBox{width: 38%;right: 0;}
.Sixth_textBox{padding: 90px 0 220px; max-width: 58%;float: left; padding-right: 5%;}

.Seventh_ImgBox{width: 40%;left: 0;}
.Seventh_textBox{padding:150px 0 216px;max-width: 54%;float: right; padding-left: 5%;}

.Eighth_ImgBox{width: 38%;right: 0;}
.Eighth_textBox{padding: 90px 0 120px; max-width: 58%;float: left; padding-right: 5%;}

.reviewDot{
	position: relative;
	width: 100%;
	text-align: left;
	padding-bottom: 44px;
}

.reviewDot img{
	display: inline-block;
}

.interviewBtn{
	position: relative;
	right:0px;
	top: 0px;
	text-align: center;
	height: 52px;
	width: 190px;
	line-height: 54px;
	font-size: 1.04rem;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    transition: 0.3s;
    border-radius: 30px;
    background-color: #ededed;
	cursor: pointer;
}

.interviewBtn:hover{
	background-color: #424242;
	color: #fff;
}

.interviewBtn a{
	position: absolute;
	left: 0px;
    top: 0px;
	width: 100%;
	height: 100%;
	color: #424242;
}

.interviewBtn a:hover{
	color: #fff;
}

.interviewBtn img{
	position: relative;
	top: -2px;
	margin-left: 10px;
}

.none_marT{margin-top:0px !important;}
.none_borB{border-bottom: none!important;}

@media (max-width: 1200px) {
	.l_Text_Box {
		/* width: 560px; */
		text-align: left;
		/* display: block; */
		position: relative;
	}
	.l_Text_Box span {
		font-size: 1.9rem!important;
	}
}

@media (max-width: 1144px) {
	.l_Text_Box{
		min-width: auto;
	}
}

@media (max-width: 1090px) {

	.reviewCircleBox {
		position: relative;
		/* width: 440px; */
		/* height: 520px; */
		border-radius: 30px;
	}

}

@media (max-width: 991px) {

	
	.reviewCircleBox {
		position: relative;
		/* width: 400px; */
		/* height: 480px; */
		border-radius: 30px;
	}
	.bottom_reviewTetx{
		padding-left: 14px;
		padding-right: 14px;
		padding-top: 14px;
		padding-bottom: 20px;
	}
	.bottom_reviewTetx span {
		font-size: 1.04rem;
	}
}

@media (max-width: 900px) {
	.l_Text_Box {
		width: 440px;
	}
	.l_Text_Box h3{
		font-size: 1.3rem!important;
	}
	.l_Text_Box span {
		font-size: 1.6rem!important;
	}
	.first_ImgBox, .third_ImgBox {
		width: 45%;
	}
}


@media (max-width: 860px) {

	.commonTabBox{
		margin-top: 0px;
	}
	.landing_itemBox {
		padding-bottom: 40px;
		margin-bottom: 40px;
		overflow: hidden;
		position: relative;
	}
	
	.brevBottomTextBox{
		font-size: 0.9rem;
	}
	
	.l_Text_Box{
		width: 100%;
		margin-top: 40px;
		min-height: unset;
	}
	
	.l_Text_Inner{
		display: block;
	}
	
	.first_ImgBox, .secondary_ImgBox, .third_ImgBox{
		float: inherit;
		max-width: 100%;
		left: 0;
		width:100%;
	}
	.first_textBox, .secondary_textBox, .third_textBox{
		padding: 0px;
		max-width: 100%;
		float: inherit;
		padding-left: 0%;
	}
	
	.reviewCircleBox{
		width:100%;
		height: auto;
	}
	.bottom_reviewTetx span {
		font-size: 0.9rem;
	}
	.reviewDot {
		text-align: left;
		padding-bottom: 16px;
	}
	.reviewDot img{
		width: 40px;
	}
	
	
	.l_Text_Box h3{
		font-size: 1rem !important;
		padding-bottom: 12px!important;
	}
	.l_Text_Box span {
		font-size: 1.2rem!important;
	}
	.l_Text_Box p{
		font-size: 0.85rem!important;
	}
	
	.l_Text_Box p span{
		font-size: 0.95rem!important;
	}
	
	.l_Text_Box b{
		font-size: 0.95rem!important;
	}
	
	
	.interviewBtn{
		height: 40px;
		width: 180px;
		line-height: 42px;
		font-size: 1rem;
		margin-top: 0px;
	}
	
	.interviewBtn img{
		width: 30px;
	}
}

/*--------------------------------------------------------------
# 가맹문의하기 css
--------------------------------------------------------------*/

.contactWrap{
	text-align: center;
    max-width: 1220px;
    margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 100px;
	padding-bottom: 150px;
}

.wid419 {
    width: 419px;
}

.inputFormBox{
	position: relative;
	width: 100%;
	padding-top: 80px;
}


.memberinput_box{text-align: left;width:100%;box-sizing: border-box;display: flex;margin-bottom: 26px;overflow: hidden;
    /* animation: h1Title 3s forwards; */
    /* -webkit-animation: h1Title 3s forwards; */
    /* box-sizing: border-box; */
}
.m_input_title{text-align: left;display: inline-block;font-size: 1.04rem;font-weight: bold;margin-bottom: 6px;}
.memberinput{width: 50%;text-align: left;box-sizing: border-box;position: relative;display: inline-block;}
.memberinput span{display: inline-block;margin-left: 20px;}
.memberTextarea{width: 100%;position: relative;display: inline-block;}

.m_input{box-sizing: border-box;width: 100%;border-collapse: collapse;}
.m_input input{box-sizing: border-box;border-collapse: collapse;height: 58px;width: 100%;font-size: 1.04rem;font-weight: bold;border:1px solid #f6f6f6;padding-left: 20px;background-color: #f6f6f6;}
.m_input input::placeholder{font-size: 1.04rem;color:#a8a8a8;font-weight: 400;}
.m_bar:focus {border: 1px solid #333333;background-color: #fff;}
.m_bar {width: 100%;height: 58px;border: 1px solid #f6f6f6;outline: 0;}

.marRight40{margin-right:40px;}
.m_marRight20{margin-right:20px;}
.marRight20{margin-right:20px;}

.m_select{box-sizing: border-box;width: 100%;border-collapse: collapse;}
.m_select select{box-sizing: border-box;height: 58px;width: 100%;border:1px solid #f6f6f6;background-color: #f6f6f6;font-size: 1.04rem;font-weight: bold;padding-left: 20px;}
.m_input select::placeholder{font-size: 1.04rem;font-weight: 400;color:#a8a8a8;}
.m_textarea{box-sizing: border-box;width: 1200px;}
.m_textarea textarea {box-sizing: border-box;width: 100%;height: 140px;padding: 20px;font-size: 1.04rem;font-weight: bold;background-color: #f6f6f6;}
.m_textarea textarea:hover{border: 1px solid #dddddd;}
.textarea_middle{width: 630px !important;}
.m_textarea textarea::placeholder {font-size: 16px;font-weight: 300 !important;color:#a8a8a8;}


.btnarea{text-align:center;margin-top: 50px;}
.member_btn{position: relative;display: inline-block;width: 270px;height: 60px;line-height: 58px;font-size: 17px;background-color: #fff;border: 1px solid #333333;cursor: pointer;font-family: 'Noto Sans KR', sans-serif;text-transform: uppercase;z-index:20;transition: all 0.3s;}
.member_btn:hover{background-color: #eb1c23;border: 1px solid #eb1c23;color: #fff;}
.member_btn .pline {z-index:80;position:absolute; top:0px;left:0;width:100%;height:100%;}
/* .member_btn .pline .p_top1:before {content:""; position:absolute; top:20%; left:35%; width:0; height:1px; background-color:#fff; transition:all 0.3s;} */
.member_btn .pline .p_bottomr:before {content:""; position:absolute; top:80%; left:35%; width:0; height:1px; background-color:#fff; margin-top:-2px; transition:all 0.3s;}
/* .member_btn:hover .p_top1:before {width:30%;} */
/* .member_btn:hover .p_bottomr:before {width:30%;} */

.add_inputBox{
	width: 100%;
	display: flex;
}

.miWid60{
	width:60%!important;
}

.miWid40{
	width:40%!important;
}

.miWid50{
	width:50%!important;
}

.miWid25{
	width:25%!important;
}

.borB{border-bottom:1px solid #ededed;}

@media (max-width: 767px) {
	.contactWrap{
		padding-top: 60px;
	}
	.inputFormBox {
		position: relative;
		width: 100%;
		padding-top: 40px;
	}
	.memberinput_box{
		display: block;
		margin-bottom: 0px;
	}
	.memberinput{
		width: 100%;
		margin-bottom: 26px;
	}
	.m_marRight20{margin-right:0px;}
	.m_input input, .m_select select{
		height: 48px;
	}
}

/*--------------------------------------------------------------
# 게시판 상세 css
--------------------------------------------------------------*/

.boardWrapLine{
	text-align: left;
	width: 100%;
	position: relative;
}

.board_Wrap{
	z-index:800;
	position: relative ;
	top: -70px ;
	width: 100% ;
	height: auto ;
	padding-bottom: 120px ;
	border-bottom:1px solid #ededed ;
	/* background-color: pink; */
}

.board_title_line{
	position: relative ;
	width: 100% ;
}

.board_title h2{
	position: relative ;
	font-size: 34px ;
	font-weight: 300 ;
	color: #212121 ;
	font-family: 'Noto Sans KR', sans-serif ;
	border-bottom: 1px solid #ededed ;
	padding-bottom: 20px ;
}

.board_title span{
	color: #777777 ;
	font-size: 19px ;
	font-weight: 400 ;
	font-family: 'Noto Sans KR', sans-serif ;
	display: block ;
	margin-bottom: 13px ;
}

.board_bottomBox{
	/* height: 70px; */
	/* padding-top:20px; */
	/* overflow: hidden; */
	/* box-sizing: border-box; */
	/* position:relative ; */
}

.b_bWriter{
	position: relative ;
	top: 20px ;
	letter-spacing: 0.6px ;
    font-size: 18px ;
    font-weight: 400 ;
    line-height: 28px ;
    font-family: 'Noto Sans KR', sans-serif ;
    color: #999999 ;
}

.b_Day_countBox{
	display: flex ;
	position: absolute ;
	right:0 ;
	top: 20px ;
}

.board_Day{
	font-size: 16px ;
	font-weight: 400 ;
	color: #212121 ;
	font-family: 'Noto Sans KR', sans-serif ;
}

.board_Day span{
	display: inline-block ;
    letter-spacing: 0.6px ;
    font-size: 17px ;
    font-weight: 400 ;
    line-height: 28px ;
	font-family: 'Titillium Web', sans-serif ;
    color: #999999 ;
	margin-left: 8px ;
}

.board_count{
	font-size: 16px ;
	font-weight: 400 ;
	color: #212121 ;
	font-family: 'Noto Sans KR', sans-serif ;
	margin-left: 30px ;
}

.board_count span{
	display: inline-block ;
    letter-spacing: 0.6px ;
    font-size: 17px ;
    font-weight: 400 ;
    line-height: 28px ;
	font-family: 'Titillium Web', sans-serif ;
    color: #999999 ;
	margin-left: 8px ;
}

.board_innerBox{
	text-align: center ;
	position: relative ;
	margin-top: 40px ;
	padding-bottom: 50px;
}

.paper_listBox

.board_innerText p{
	font-size: 18px ;
	font-family: 'Noto Sans KR', sans-serif ;
	color: #333333 ;
	font-weight: 300 ;
	LINE-HEIGHT: 32PX ;
	letter-spacing: 0.3px ;
	padding-top:12px ;
	padding-bottom:12px ;
}

.board_innerImg{
	text-align:center ;
	width: 100% ;
	padding-top: 30px ;
	padding-bottom: 30px ;
}

.board_innerImg img{
	display: inline-block ;
	max-width:100% ;
}
.board_bottom_navBox{
	text-align:center;
	position: relative;
	top: -40px;
	width: 100%;
	height: 100px;
}

.bb_left_item{
	text-align:center;
	position: absolute;
	left:0;
	top: 0;
	width: 130px;
    height: 60px;
	padding-top: 16px;
	border: 1px solid #333333;
	letter-spacing: 0.4px;
	font-size:17px;
	font-weight: 400;
	font-family: 'Noto Sans KR', sans-serif;
	cursor: pointer;
}

.bb_center_item{
	display: inline-block;
	width: 60px;
    height: 60px;
	background-color: #333333;
	padding-left: 19px;
    padding-right: 19px;
	padding-top:16px;
	z-index:10;
	cursor: pointer;
}

.bb_line{
	height:2px;
	width:100%;
	background-color: #fff;
	margin-top:4px;
	margin-bottom: 7px;
	z-index:20;
}

.bb_right_item{
	text-align:center;
	position: absolute;
	right:0;
	top: 0;
	width: 130px;
    height: 60px;
	padding-top: 16px;
	border: 1px solid #333333;
	letter-spacing: 0.4px;
	font-size:17px;
	font-weight: 400;
	font-family: 'Noto Sans KR', sans-serif;
	cursor: pointer;
}

.padB70{padding-bottom:70px !important;}


.review_textContent{
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

.board_reviewDot {
    text-align: left;
    padding-bottom: 24px;
}

.board_reviewDot img {
    display: inline-block;
}

.r_textBox{
	text-align: left;
	width: 100%;
	position: relative;
}

.r_textTitle p b{
	font-size: 1.4rem !important;
	font-weight: bold !important;
	margin-bottom: 20px !important;
	letter-spacing: 0.4px !important;
}

.r_textSubTitle p{
	font-size: 1.04rem !important;
	line-height: 30px !important;
	letter-spacing: 0.2px !important;
}

.r_textSubTitle p b{
	font-size: 1.2rem !important;
	line-height: 30px !important;
	letter-spacing: 0.2px !important;
}

.none_padB{
	padding-bottom: 0px!important;
}

@media (max-width: 767px) {
	.board_title span {
		color: #777777;
		font-size: 0.95rem;
		font-weight: 500;
		display: block;
		margin-bottom: 10px;
	}
	.board_title h2 {
		position: relative;
		font-size: 1.2rem;
		font-weight: 500;
		color: #212121;
		border-bottom: 1px solid #ededed;
		padding-bottom: 20px;
	}
	.board_bottomBox {
		/* height: 50px; */
		/* padding-top: 0px; */
		/* overflow: hidden; */
		/* box-sizing: border-box; */
		/* position: relative; */
	}
	.b_Day_countBox {
		display: flex;
		position: absolute;
		right: 0;
		top: 0px;
	}
	.board_Day, .board_count{
		font-size: 0.8rem;
	}
	.board_Day span, .board_count span{
		font-size:0.8rem;
	}
	.board_innerBox {
		text-align: center;
		position: relative;
		margin-top: 30px;
	}
	
	.board_reviewDot {
		text-align: left;
		padding-bottom: 16px;
	}

	.board_reviewDot img {
		width: 30px;
		display: inline-block;
	}

	.r_textBox{
		text-align: left;
		width: 100%;
		position: relative;
	}

	.r_textTitle p b{
		font-size: 1.2rem !important;
		font-weight: bold !important;
		letter-spacing: 0.2px !important;
		margin:0px !important;
		padding: 0px !important;
	}

	.r_textSubTitle p{
		font-size: 0.85rem!important;
		line-height: 24px!important;
		letter-spacing: 0.1px!important;
		margin-bottom: 0px;
	}
	
	.r_textSubTitle p b{
		font-size: 1rem !important;
		line-height: 26px !important;
		letter-spacing: 0.2px !important;
	}
	
}



/*--------------------------------------------------------------
# 우측 햄버거 메뉴 css
--------------------------------------------------------------*/
.sign-popup-trigger {
	/* display: block; */
	/* width: 170px; */
	/* height: 50px; */
	/* line-height: 50px; */
	/* margin: 3em auto; */
	/* text-align: center; */
	/* color: #FFF; */
	/* font-size: 14px; */
	/* font-size: 0.875rem; */
	/* font-weight: bold; */
	/* text-transform: uppercase; */
	/* border-radius: 50em; */
	/* background: black; */
	/* box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07); */
}

.img-replace {/* replace text with an image */display: inline-block;overflow: hidden; text-indent: 100%;color: transparent;white-space: nowrap;}

.sign-popup {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.8);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;}
.sign-popup.is-visible {z-index: 99999;opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}

.sign-popup-container {position: relative;width: 100%;height: 100%;background-color:rgba(0,0,0, 0.5);text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;
}
.sign-popup-container .sign-buttons:after {content: "";display: table;clear: both;}

.sign-popup-container .sign-buttons li {float: left;width: 50%;list-style: none;}
.sign-popup-container .sign-buttons a {display: block;height: 60px;line-height: 60px;text-transform: uppercase;color: #FFF;-webkit-transition: background-color 0.2s;-moz-transition: background-color 0.2s;transition: background-color 0.2s;}
.sign-popup-container .sign-buttons li:first-child a {background: #333333;border-radius: 0 0 0 .25em;}

.no-touch .sign-popup-container .sign-buttons li:first-child a:hover {background-color: #333333;}
.sign-popup-container .sign-buttons li:last-child a {background: #b6bece;border-radius: 0 0 .25em 0;}
.no-touch .sign-popup-container .sign-buttons li:last-child a:hover {background-color: #c5csign8;}

.sign-popup-container .sign-popup-close {position: absolute;top: 60px;right: 70px;width: 30px;height: 30px;}
.sign-popup-container .sign-popup-close::before, .sign-popup-container .sign-popup-close::after {content: '';position: absolute;top: 11px;width: 30px;height: 1px;background-color: #ffffff;}
.sign-popup-container .sign-popup-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);left: 4px;}
.sign-popup-container .sign-popup-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);right: -4px;}

.is-visible .sign-popup-container {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}


/* .none_marLR{margin-left:0px!important;margin-right:0px!important;} */
.noPadLR{padding-left:0px!important;padding-right:0px!important;}

.p_container_box{
	position: relative;
	width: 100%;
	height: auto;
}

.p_pop_conttentBox{
	text-align: center;
	max-width: 1100px;
	margin: 0px auto;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 100px;
}


@media (max-width: 1024px) {
	.sign-popup-container .sign-popup-close {
		position: absolute;
		top: 30px;
		right: 20px;
		width: 30px;
		height: 30px;
	}
}

@media (max-width: 767px) {
	.p_pop_conttentBox{
		padding-top: 60px;
	}
}