/*iframe*/
iframe{
	width: 100%;
    height: 51vw;
}

html,body{width:100%;word-break:keep-all;overflow-x:hidden;scroll-behavior: smooth}
img{max-width:100%}
ul,li{list-style:none}
a{color:#000;text-decoration:none}

/*상단*/
.logo img{padding: 20px;width:80px;}
.top .pc{display:none;}
.top .mobile{display:block;}

/*본문 타이틀*/
  section h2{
    color: #000000;
    font-size: 1.7em;
    font-weight: bold;
    text-align: center;
    width: 100%;
    line-height: 1.3em;
    letter-spacing: -2px;
    margin: 0px;
  }

/*메인비주얼*/
.topVisual h2 {
	color: #000000;font-size: 2em;font-weight: bold;line-height: 1.5em;letter-spacing: -5px;
}
.topVisual .inner img{width: 100%;}
.main .swiper-pagination-bullet {
    width: 17px;
    height: 17px;
    display: inline-block;
    border-radius: 100%;
    background: none;
    opacity: 1;
    border: 1px solid #fec34d;
}
.main .swiper-pagination-bullet-active {
    background: #fec34d;
}
.topVisual .pc{display:none;}
.topVisual .swiper-button-next,
.topVisual .swiper-container-rtl .swiper-button-prev,
.topVisual .swiper-button-prev,
.topVisual .swiper-container-rtl .swiper-button-next{display:none;}
.topVisual .swiper-button-next, .topVisual .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/icon_group.png);
    right: 10px;
    left: auto;
}
.topVisual .swiper-button-prev, .topVisual .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/icon_group.png);
    left: 10px;
    right: auto;
}
.topVisual .swiper-button-next, .topVisual .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 60px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size:70px;
    -webkit-background-size:70px;
    background-size:70px;
    background-position: -40px 0px;
    background-repeat: no-repeat;
}
 .topVisual .swiper-button-prev{
    background-position: 0px 0px;
 }


/*국화영이란?*/
.introduce{background:#fec34d;padding:20px;}
.introduce h2 {
    background: #fec34d;
    color: #000000;
    font-size: 1.9em;
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding: 2em 0em 1em;
    line-height: 1.5em;
    letter-spacing: -4px;
    margin: 0px;
}
.introduce .list li{
	display: block;
    justify-content: unset;
    font-size: 1.2em;
}
.introduce .list li .textLeft{
    padding: 0px;
    text-align: center;
    line-height: 1.7em;
    letter-spacing: -2px;
}
.introduce .list li .textRight{
	margin-top:30px;
    padding: 0px;
	text-align:center;
	line-height: 1.7em;
	letter-spacing: -2px;
}
.introduce .list li .img{display:none;}
.introduce .list-img{display:block;}
.introduce .mobile .swiper-slide .img img{
	width:100%;
	border-radius: 30px;
}
.introduce .mobile.swiper-container{margin-bottom: -130px;}
.introduce .mobile.swiper-container .swiper-button-next.swiper-button-disabled, .introduce .mobile.swiper-container .swiper-button-prev.swiper-button-disabled{display:none;}
.introduce .mobile.swiper-container .swiper-button-next, .introduce .mobile.swiper-container .swiper-container-rtl .swiper-button-prev{display:none;}
.introduce .mobile.swiper-container .swiper-button-prev, .introduce .mobile.swiper-container .swiper-container-rtl .swiper-button-next{display:none;}

/*국화영 체험하기*/
.experience .pc{display:none;}
.experience .mobile{display:block;}
.experience h2{margin-bottom:30px;}
.experience{padding:80px 0px;margin:90px 0px 0px;background:#f8f9fa;}
.educationCenter{padding:80px 0px;margin:0px;background:#f8f9fa;}
.studyCourse,.member{padding:80px 15px;}
.studyCourse{padding:80px 0px;}
.inner .title{
    text-align: left;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: -2px;
    line-height: 1.3em;
}
.inner .title .no{
    position: relative;
    font-size: 0.8em;
    display: block;
    margin-bottom: 13px;
}
.inner .title .no::after{
    content: "";
    position: absolute;
    width: 40px;
    height: 3px;
    background: rgba(0,0,0,1);
    left: 25px;
    top: 20px;
}

.experience .list{
	list-style: none;flex-direction: row;padding-left: 0px;
}

.experience .list li{
	padding: 15px 5px;line-height: 25px;letter-spacing: -1px;font-size:13px;width:100%;
}
.experience .list li img{
	width:120px;
}

.experience .body2{display: block;justify-content: space-between;}
.experience .body2 .list{
    display: flex;
}
.experience .body2 .list li img {
    width: 230px;
}
.experience .body2 .list .panel{
    width: 75%;
    float: none;
}
.experience .body2 .list .panel .circle{
    position: absolute;
    bottom: 50px;
    right: -20px;
    background: rgba(254,193,70,0.9);
    border-radius: 50%;
    width: 200px;
    height: 200px;
} 
.experience .body2 .list .panel .circle .title{
text-align: center;
    margin-top: 50px;
    font-size: 23px;
    font-weight: bold;
    color: #ffffff;
    line-height: 140%;
}
.experience .body2 .list .panel .circle .explain{
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    line-height: 140%;
    padding: 0px;
}
.experience .body3{
    display: block;
    justify-content: space-between;
}
.experience .body3 p {
    color: #666666;
    font-size: 0.7em;
    width: 100%;
    line-height: 1.6em;
}

.tapWrap .tab {
    margin: 40px 0px 0px 0px;
    padding: 0;
    list-style: none;
    overflow: hidden;
    /* display: flex; */
    flex-direction: row;
    justify-content: space-around;
}
.tapWrap .tab li {
    float: none;
    width: 100%;
    padding: 10px 0px 0px 0px;
    text-align: left;
    font-weight: normal;
}
.tapWrap .tab li a{
	position:relative;
	display:block;
	padding: 13px 0px 10px 0px;
	font-size:0.9rem;
	color:#bababa;
	font-weight:bold;
	line-height:120%;
}
.tapWrap .tab li a.selected{
	color:#ffbe3c;
}
.tapWrap .tab li a.selected::after{
	content:"";
	position:absolute;
	left:50%;
	top:0px;
	width:6px;
	height:6px;
	margin-left:-3px;
	line-height:0%;
	border-radius:50px;
	background:#ffbe3c;
}
.panel li{list-style:none;}


/*교육센터*/
.educationCenter .pc{display:none;}
.educationCenter .mobile{display:block;}
.educationCenter .list{
	overflow:hidden;
	padding-left: 0px;
}
.educationCenter .list li{
	list-style:none;
	float:unset;
	width:100%;
	padding:2.5%;
	font-size:30px;
}

.educationCenter .list li div,
.educationCenter .bg{
    position: relative;
    background-position: center;
    font-size: 0px;
    /* padding: 80px; */
    text-align: left;
    line-height: 50px;
    letter-spacing: -2px;
    height: auto;
    border-radius: 30px;
	line-height:0%;
}
.educationCenter .list li div .title{
	font-size:40px;color:#ffffff;font-weight:bold;
	margin:0px;
}
.educationCenter .list li div .explain{
	font-size:20px;color:#ffffff;
	font-weight:normal;
	line-height: 30px;
	letter-spacing: -1px;
}
.educationCenter .list li .bg::before{
    content:"";
	position: absolute;
    width: 100%;
	height:100%;
    background:rgba(0,0,0,0.4);
	border-radius:60px;
    color: #fff;
    right: 0px;
    top: 0px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.educationCenter .list .conWrap{
	position: absolute;
    top: 290px;
    left: 0px;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.educationCenter .inner .title {
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
    letter-spacing: -2px;
}



/*학습코스*/
.studyCourse h2 span{display:block;padding:15px 0px;font-size: 1.5em;}

/*회원가입*/
.member{padding-bottom: 200px;}
.member .body img{
    width: 280px;
    position: absolute;
    bottom: 0px;
    margin-left: -140px;
}

/*지사장*/
.branchManager{background: #1b2026 url(http://onpan1.getmall.kr/ksy_workFolder/ghy_2/images/branchManager-01.png)no-repeat;background-position: 0% 60%;padding:150px 0px;}
.branchManager h2{
    color: #ffffff;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    width: 100%;
    line-height: 1.2em;
    letter-spacing: -1px;
}
.branchManager .text{
    color: rgba(255,255,255,0.5);
    font-size: 1.2em;
    line-height: 1.74em;
    letter-spacing: -1.5px;
}
.branchManager .line{width: 350px;margin: 0px auto 60px;position: relative;}
.branchManager .line span{position: relative;z-index: 2;padding:0px 15px;background:#1b2026;}


/*하단*/
#footer{
	background:#f2f2f9;padding:40px 20px;line-height:25px;letter-spacing:-1px;font-size:14px;
}

.btn_share{display:block}
.btn_gogo{display:none}


@media all and (max-width:320px){
	.experience .body2 .list li img {
		width: 200px;
	}

	.btn_share{display:none}
	.btn_gogo{display:block}
}

.my2wiper{width:100%}
.ssSSss .swiper-wrapper{margin:0;padding:0}
.ssSSss .swiper-pagination-bullet{position:relative;width:auto;height:auto;margin-right:15px;padding:0px !important;border:none}
.ssSSss .swiper-slide-active{opacity:1 !important}
.ssSSss .swiper-pagination-bullet-active{background:none}
.ssSSss .swiper-pagination-bullet-active a{color:#ffbe3c !important}
.ssSSss .swiper-pagination-bullet-active::after{content:"";position:absolute;top:0px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50px;background:#ffbe3c;font-size:0px;}

@media ( max-width: 1024px ) {
	.ssSSss .swiper-pagination-bullet-active::after{content:"";top:auto;left:0px;bottom:0px;width:100%;height:3px;border-radius:0px;background:#ffbe3c}

	.logo{background:#f4f5f6}
	.logo img{width:70px;padding:22px 0px 0px 12px;}

	.tmenuSwiper{background:#f4f5f6}
	.tmenuSwiper.fix_top{
		position:fixed;top:0px;left:0px;width:100%;height:40px;background:rgba(255,255,255,0.9) !important;z-index:10000;
	}
	.tmenuSwiper ul{padding:0px;box-sizing:border-box}
	.tmenuSwiper ul li{width:auto;padding:0px 12px}
	.tmenuSwiper ul li a{
		display:block;
		padding:0px;
		line-height:40px;
		border-bottom:6px solid rgba(255,255,255,0);
		font-weight:bold;
		transition: all 0.3s ease;
		-webkit-transition: all 0.1s ease;
		-moz-transition: all 0.1s ease;
		-ms-transition: all 0.1s ease;
		-o-transition: all 0.1s ease;
	}
	.tmenuSwiper ul li a.active{line-height:40px;border-bottom:6px solid #ffbe3c;box-sizing:border-box;}

	.topVisual .inner .img{line-height:0%}

	.experience .body2 .list .tab{width:35%;float:left;margin-top:40px;margin-right:0px;} 
	.experience .body2 .list .panel{width:60%;float:right;margin-top:20px;border-radius:50px;box-shadow:10px 10px 30px rgba(0,0,0,0.1)}
	.experience .body2 .list li img{border-radius:0px;box-shadow:none}
	.experience .list li{margin-bottom:10px;line-height:0%;padding:0px;box-sizing:border-box}

	.experience, .educationCenter{
		padding:40px 0px 30px 0px;
		box-sizing:border-box;
	}
	.educationCenter .mobile{
		padding:12px 15px 30px 15px;
	}
	.educationCenter .inner p{margin:0px;text-align:left !important}
	.educationCenter .inner .title{margin:20px 0px 5px 0px;font-size:1.15rem}
	.educationCenter .inner .explain{color:#666;font-size:0.95rem;}
	.educationCenter .swiper-pagination{bottom:0px !important}

	.experience .body2 .list .panel .circle{bottom:10px}

	.tapWrap .tab{width:85%;}
	.tapWrap .tab li a{
		border-bottom:2px solid #f8f9fa;
	}
	.tapWrap .tab li a.selected{
		border-bottom:2px solid #ffbe3c;
	}
	.tapWrap .tab li a.selected::after{
		display:none;
	}

	#tab-react h2{font-size:1.5rem}
	.studyCourse h2 span{padding:10px 0px 30px 0px;font-size:1.75rem}

	.btn_share{display:none}
	.btn_gogo{display:block}
}

@media ( min-width: 1024px ) {

	/*상단*/
	.top .pc{display:flex;}
	.top .mobile{display:none;}
	.logo img {
		padding: 15px 20px;
		width: 80px;
	}

	/*iframe*/
	iframe{
		width: 1100px;
		height: 619px;
	}
	  
	section h2{
		font-size: 55px;
		line-height: 75px;
		letter-spacing: -5px;
	}

	/*메인비주얼*/
	.topVisual h2{font-size: 70px;line-height: 100px;letter-spacing: -5px;}
	.topVisual .inner img{width: 100%;}
	.topVisual .pc{display:block;line-height:0%}
	.topVisual .mobile{display:none;line-height:0%}
	.topVisual .swiper-button-next, .topVisual .swiper-container-rtl .swiper-button-prev,.topVisual .swiper-button-prev,.topVisual .swiper-container-rtl .swiper-button-next{display:block;}

	/*국화영이란?*/
	.introduce{background:none;padding:0px;}
	.introduce h2{font-size: 70px;width: 100%;padding: 150px 0px;line-height: 100px;letter-spacing: -5px;}
	.introduce .list{margin:50px auto 120px auto}
	.introduce .list li{display: flex;justify-content: space-between;font-size:30px;}
	.introduce .list li .textLeft{width:50%;padding: 150px 60px 60px 0px;text-align: left;line-height: 50px;letter-spacing: -2px;}
	.introduce .list li .textRight{width:50%;padding: 100px 0px 60px 60px;text-align: left;line-height: 50px;letter-spacing: -2px;}
	.introduce .list li .img{display:block;}
	.introduce .list li .img img{
		border-radius:45px;
	}
	.introduce .list-img,
	.introduce .mobile{display:none;}

	/*국화영 체험하기*/
	.experience .pc{display:block;}
	.experience .mobile{display:none;}
	.studyCourse,.member{padding:150px 0px;}
	.experience,
	.educationCenter{padding:150px 0px;margin:0px;background:#f8f9fa;}
	.inner .title .no {
		position: relative;
		font-size: 25px;
		display: block;
		margin-bottom: 30px;
		line-height: 55px;
	}
	.inner .title {
		text-align: left;
		font-size: 40px;
		font-weight: bold;
		letter-spacing: -1px;
		line-height:normal;
	}
	.experience .body2{display: flex;justify-content: space-between;}
	.experience .body3{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.experience .body3 p{
		color:#666666;font-size:22px;width:430px;line-height:35px;
	}
	.experience .list{
		display: flex;list-style: none;flex-direction: row;padding-left: 0px;
	}
	.inner .title .no::after{
		top: 35px;
		left: 35px;
	}
	.experience .list li{
		/*padding: 15px 5px;line-height: 25px;letter-spacing: -1px;font-size:13px;*/
	}

	.experience .body2 .list{
		display: block;
	}

	.tapWrap .tab {
		margin: 130px 0px 0px 0px;
		padding: 0;
		list-style: none;
		overflow: hidden;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}
	.tapWrap .tab li {
		float: left;
		width: auto;
		padding:0px 0px 0px 20px;
	}
	.tapWrap .tab li a{
		font-size:18.5px;
		color:#bababa;
		font-weight:bold;
	}

	.experience .body2 .list .panel{width:342px;float:right;margin-top:40px;margin-right:40px;border-radius:50px;box-shadow:10px 10px 30px rgba(0,0,0,0.1)} 
	.experience .body2 .list li img {
		width: auto;
	}

	.experience .body2 .list .panel .circle{
		position: absolute;bottom: 50px;left: -170px;background:rgba(254,193,70,0.9);border-radius: 50%;width: 330px; height: 330px;
	} 
	.experience .body2 .list .panel .circle .title{
		text-align:center;margin-top:90px;font-size:30px;font-weight:bold;color:#ffffff;
		line-height:40px;
	}
	.experience .body2 .list .panel .circle .explain{
		text-align:center;font-size:23px;font-weight:bold;color:#ffffff;
		line-height:30px;
	}



	/*교육센터*/
	.educationCenter .pc{display:block;}
	.educationCenter .mobile{display:none;}
	.educationCenter .list li{
		list-style:none;
		float:left;
		width:45%;
		padding:2.5%;
		font-size:30px;
	}
	.educationCenter .list li div,
	.educationCenter .bg{
		position:relative;
		background-position: center;
		font-size: 0px;
		padding: 80px;
		text-align: left;
		line-height: 50px;
		letter-spacing: -2px;
		height: 400px;
		border-radius: 60px;
	}
	.educationCenter .inner .title {
		text-align: left;
		font-size: 40px;
		font-weight: bold;
		letter-spacing: -2px;
	}



	/*학습코스*/
	.studyCourse h2 span {
		display: block;
		padding: 15px 0px;
		font-size: 70px;
	}

	/*회원가입*/
	.member{padding-bottom: 400px;}
	.member .body img{
		width: auto;
		position: absolute;
		bottom: 0px;
		margin-left: -13%;
	}


	/*지사장*/
	.branchManager h2{color: #ffffff;font-size: 55px;font-weight: bold;text-align: center;width: 100%;line-height: 75px;letter-spacing: 0px;}


	#footer{
		background:#f2f2f9;padding:100px 0px;line-height:30px;letter-spacing:-1px;font-size:16px;
	}
}

#footer span{display:inline-block;margin-right:15px;}