@charset "UTF-8";
/* CSS Document */


/*    placeholder    */
input::placeholder {
  color: #a5a6ab;
}
textarea::placeholder {
  color: #a5a6ab;
}

/*타이틀*/
.titleText01{
    font-size:29px;
    line-height: 35px;
    font-weight:500;
    letter-spacing:-1px;
    color:#525560;
}
.title01{
    font-size:17px;
    font-weight:bold;
    color:#febe3c;
    letter-spacing:-0.5px;
    margin:5px 0px;
}

/*폰트컬러*/
.color_yellow{color:#ffab00;}
.color_gray{color:#cdced0;}
.color_blue{color:#00a4ee;}

/*여백조정*/
.margin01{margin-bottom:100px;}
.margin02{position:relative;margin-bottom:40px;border-radius:10px;overflow:hidden}

/*배경*/
.bg_yellow01{background:#feb420;}

/*버튼*/
.btnWrap{
    position: fixed;
    left: 0px;
    bottom: 0px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 30px;
    padding-bottom: 15px;
    z-index:10;
}
.btnWrap .btnNavy01{
	background: #333949;
	line-height: 60px;
	border-radius: 8px;
	display: block;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	height:60px;
}
.btnWrap .btnGray01{
	background: #c5c7cb;
	line-height: 60px;
	border-radius: 8px;
	display: block;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	height:60px;
}
.btnWrap .skip{
    text-align: center;
    /*color: #fff;*/
    padding: 15px 0px 0px 0px;
}
.btnWrap .skip .underline_white{margin-left:10px;/*color:#ffffff;*/border-bottom:1px solid #666;}
.btnWrap .color_black{margin-left:15px;color:#525560;}
.btnWrap .color_black .underline{border-bottom:1px solid;}
.btnYellow{
	background: #ffab00;
    line-height: 43px;
    border-radius: 50px;
    display: block;
    color: #ffffff;
    font-size: 17px;
    height: 40px;
    margin: 0px;
    border: 0px;
    letter-spacing: -0.5px;
	padding:0px 20px;
}
.btnGray{
	background: #d3d5dc;
    line-height: 43px;
    border-radius: 50px;
    display: block;
    color: #ffffff;
    font-size: 17px;
    height: 40px;
    margin: 0px;
    border: 0px;
    letter-spacing: -0.5px;
	padding:0px 20px;
}


/*인트로*/
.ghySystem,
.interestList{overflow: hidden;}
.ghySystem li{
    display: table-cell;
    vertical-align: middle;
	padding-right:6px;
}
.ghySystem li+li+li+li{padding-right:0px;}
.ghySystem li p{
	width: 71px;
    height: 71px;
	border-radius: 40%;
    border: 1px solid #e3e7ec;
    box-sizing: border-box;
    text-align: center;
    font-size: 13px;
    letter-spacing: -0.5px;
    display: table-cell;
    vertical-align: middle;
	line-height:15px;
}
.ghySystem li span{display: block;}

.interestList{padding-bottom:120px}
.interestList li{
    float:left;
    position:relative;
	width:calc(33% - 10px);
    margin-right:15px;
    margin-bottom:15px;
    line-height:0%;
    font-size:0px;
}
.interestList li:nth-child(3n){
    margin-right:0px
}
/* 체크박스 이미지화 */
.interestList li input[type=checkbox] {display:none}
.interestList li label {
    display:block;
    position:absolute;
    top:0%;
    left:0px;
    width:100%;
    height:100%;
    border-radius: 50%;
    border: 1px solid #e3e7ec;
    box-sizing: border-box;
    background:#ffffff;
    font-size:1rem;
    letter-spacing: -0.5px;
    text-align:center;
    overflow:hidden;
}
.interestList li input[type=checkbox]:checked + label table{background:#feb420;color:#fff;font-weight:bold}
/* 체크박스 이미지화 끝 */

.levelList{padding-bottom:130px}
.levelList li.level1 label{
	background:url('./images/level_01.png') no-repeat;
	background-size:50px;
	background-position:20px 20px;
}
.levelList li.level2 label{
	background:url('./images/level_02.png') no-repeat;
	background-size:70px;
	background-position:10px 20px;
}
.levelList li.level3 label{
	background:url('./images/level_03.png') no-repeat;
	background-size:50px;
	background-position:20px 20px;
}
.levelList li.level4 label{
	background:url('./images/level_04.png') no-repeat;
	background-size:40px;
	background-position:30px 20px;
}
.levelList li p+p{color:#838798;}
/* 라디오버튼 이미지화 */
.levelList li label span{display:table-cell;text-align:center;vertical-align:middle}
.levelList li input[type=radio] {display:none}
.levelList li input[type=radio] + label {
    display:table;
    width:100%;
    height:110px;
    border-radius:15px;
    border: 1px solid #e3e7ec;
    box-sizing: border-box;
    text-align: center;
    font-size: 13px;
    letter-spacing: -0.5px;
    font-size:17px;
    margin-bottom:12px;
    padding:15px 15px 15px 95px;
    box-shadow: rgb(0 0 0 / 7%) 5px 5px 10px 0px;
}
.levelList li.level1 input[type=radio]:checked + label {
    background:#feb420 url('./images/level_01.png') no-repeat;
    background-size:50px;
    background-position:20px 20px;
}
.levelList li.level2 input[type=radio]:checked + label {
    background:#feb420 url('./images/level_02.png') no-repeat;
    background-size:70px;
    background-position:10px 20px;
}
.levelList li.level3 input[type=radio]:checked + label {
    background:#feb420 url('./images/level_03.png') no-repeat;
    background-size:50px;
    background-position:20px 20px;
}
.levelList li.level4 input[type=radio]:checked + label {
    background:#feb420 url('./images/level_04.png') no-repeat;
    background-size:40px;
    background-position:30px 20px;
}
.levelList li input[type=radio]:checked + label p{color:#fff;font-weight:bold}
.levelList li input[type=radio]:checked + label p+p{color:#fff;font-weight:normal}
/* 라디오버튼 이미지화 끝 */

.interestList li .bg_yellow01{color:#ffffff;background:#feb420;}
.intro{position:absolute;top:0px;left:0px;width:100%;height:100%;background:#eee}
.intro .body .titleText01{margin:35px 0px 20px;}
.intro .body .title01{margin-top:25px;}
.explanationText01{font-size: 17px;margin: 15px 0px;}


/*상품리스트*/
.product_item .product_view{/*height:55vw !important;*/}
.product_item{/*margin-right:5px !important;*/}
.product_info a{/*font-size: 14px;color: #9e9fa4;*/}
.product_info p{color:#4b4d56;}
.product_info .explanation{color:#93949a;font-size:14px;font-weight: 400;padding:10px 0px;}
.product_item .product_info{/*margin: 0px 0px 40px;*/}


/*메인*/


/*현재경로*/
.topicTop{
    display: block;
    background: #21252f;
    position: relative;
    padding: 13px 0px 10px 30px;
    height: 55px;
    box-sizing: border-box;
}
.topicTop ul li span{
    display: block;
    background: rgba(255,255,255,0.2);
    color: rgba(255,255,255,0.5);
    height: 20px;
    width: 20px;
    padding: 3px;
    border-radius: 50%;
    text-align: center;
	line-height:20px;
}
.topicTop ul li {
    float: left;
    padding: 0px 10px;
}
.topicTop ul li .on{color:#ffffff;background:#ffab00;width:120px;border-radius:30px;}
.h_area2 {
    display: block;
    background: #f7f8fa;
    position: relative;
    min-height: 55px;
}
.right_close {
    color: #4d5159;
    position: absolute;
    font-size: 55px;
    left: 8px;
    top: 17px;
    z-index: 9999;
    font-weight: 300;
}
.categories_nav{
    background: #ffffff;
    border-radius: 8px;
    display: block;
    color: #525560;
    font-weight: normal;
    font-size: 18px;
    border: 1px solid #e1e4eb;
    box-shadow: rgb(0 0 0 / 5%) 0px 2px 5px;
    margin: 10px 0px;
}
.categories_nav select{
	width: 32%;
    height: 45px;
    box-sizing: border-box;
    border: 0px;
    border-right: 1px solid #e1e4eb;
    border-radius: 10px 0px 0px 10px;
    color: #93949a;
    font-size: 14px;
    font-family: 'Montserrat','Play','-apple-system',"Apple SD Gothic Neo",'Quicksand','Lato','Raleway','Roboto Mono','Open Sans','Noto Sans KR',"맑은 고딕",'NanumBarunGothic',"나눔바른고딕", Malgun Gothic, dotum,sans-serif;
}
.categories_nav select+select{
	border-right:0px;
	border-radius:0px 0px 0px 0px;
	border-right: 1px solid #e1e4eb;
}
.categories_nav select+select+select{
	border-right:0px;
	border-radius:0px 10px 10px 0px;
}

/*박스*/
.box1{
	background: #ffffff;
    line-height: 20px;
    border-radius: 8px;
    display: block;
    color: #525560;
    font-weight: normal;
    border: 1px solid #e1e4eb;
    box-shadow: rgb(0 0 0 / 7%) 0px 0px 5px;
    text-align: left;
    padding: 10px 15px;
}
.box2{
    background: #ffffff;
    line-height: 20px;
    border-radius: 15px;
    display: block;
    color: #19191b;
    font-weight: normal;
    font-size: 16px;
    border: 1px solid #e1e4eb;
    box-shadow: rgb(0 0 0 / 7%) 0px 0px 5px;
    text-align: left;
    padding: 25px;
    letter-spacing: -1px;
}
.box3{
	background: #eff0f3;
    line-height: 20px;
    border-radius: 8px;
    display: block;
    color: #525560;
    font-weight: normal;
    border: 1px solid #e1e4eb;
    text-align: left;
	padding:15px 10px;
}


/*타이틀*/
.stitleWrap{overflow:hidden;padding: 10px 0px;}
.stitleWrap .btn_freeTopic{float:right;}

/*상단
#top {
    transition: all 0.3s ease;
    background: none;
    position: unset;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    / * height: 100px; * /
}
*/

#top .courseRegistration{
	background: #febe3c;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    border-radius: 20px 20px 20px 20px;
    padding: 10px;
}
#toPic .wrapper{
    padding: 10px 20px 40px 20px;
}
#myGhy .wrapper{
    padding: 20px 20px 40px 20px;
}
#main h1:after{display:none;}
#main h2{margin:0px;color: #4b4d56;letter-spacing: -0.5px;}
#toPic h2, #myGhy h2{margin:30px 0px 20px;color: #4b4d56;letter-spacing: -0.5px;}

/*하단여백처리*/
#toPicStep{margin-bottom: 50px;}


/*게시판*/
.table_a{border-top: 2px solid #2a2c31;border-bottom:1px solid #ededed;}
.table_a th,.table_a td{padding:10px 0px;font-size:15px;border-bottom:1px solid #ededed;line-height:20px;}

.pageingarea{padding:10px 0px 30px;}
.pageingarea .prev,.pageingarea .next{vertical-align: middle;display: inline-block;padding-top: 10px;}
.pageingarea span{
	font-size:16px;
    margin: 0px 2px;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    text-align: center;
    background: #ffffff;
	color:#93949a;
    display: inline-block;
	font-weight:normal;
}
.pageingarea .currpageitem{
    background: #333949;
    color: #ffffff;
    font-weight: bold;
	border-radius: 50%;
}

/*토픽*/
.product_info .btnReservation{
    background: #febe3c;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    border-radius: 20px;
    padding: 6px 0px;
    display: block;
    margin: 10px auto;
    width: 80%;
    font-size: 13px;
}
#learningTopic .product_item .product_info{margin: 0px 0px 20px;padding: 0px 15px;}
#topicsTaken .product_item .product_info{margin: 0px 0px 20px;padding: 0px 15px;}
.teacherEvaluationWrap{
	overflow:hidden;
	margin:15px 20px 30px 20px;
}
.teacherEvaluationWrap .product_profile{
    float: left;
    width: 24%;
    padding-right: 1%;
}
 .teacherEvaluation {
    float: left;
    width: 75%;
}
.teacherEvaluation .topicTitle{font-size:15px;margin:3px 0px 10px;}
.teacherEvaluation .teacherName{font-size:15px;}
.teacherEvaluationWrap  .gradeBar {
    height: 5px;
    padding-right: 30px;
    font-size: 14px;
    line-height: 0;
    padding: 10px 0px;
}
.teacherEvaluationWrap .gradeBar dt {
    vertical-align: middle;
    color: #999;
    width: 30%;
}
.teacherEvaluationWrap .gradeBar dd {
    position: relative;
    vertical-align: middle;
    height: 100%;
    margin: 0% 0% 0% 30%;
    background-color: #e9e9e9;
    border-radius: 9px;
	width:70%;
}
.teacherEvaluationWrap .gradeBar .num {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #ffab00;
    border-radius: 9px;
    content: "";
}
.teacherEvaluationWrap .gradeBar .num > span {
    position: absolute;
    top: -10px;
    right: 0px;
    z-index: 2;
    padding: 0px 3px;
    border: 1px solid #ffab00;
    border-radius: 30px;
    -webkit-box-shadow: 0 1px 2px 1px rgb(0 0 0 / 20%), 0 0 1px 0 rgb(0 0 0 / 15%);
    box-shadow: 3px 3px 3px 0px rgb(0 0 0 / 7%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
	width:24px;
	height:24px;
	text-align:center;
	}
.teacherEvaluationWrap .gradeBar .num .text {
    position: relative;
    color: #ffab00;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
	font-weight:bold;
	letter-spacing:0px;
	}
	.teacherEvaluationWrap .product_profile{opacity: 1;}

#toPic .stitleWrap .btn_freeTopic{
	float: right;
    color: #00a4ee;
    font-weight: bold;
    font-size: 16px;
    padding-top: 8px;
    position: relative;
    padding-right: 33px;
}
#toPic .stitleWrap .btn_freeTopic::after{
    content: "";
    position: absolute;
	right:0px;
	top:0px;
	width: 30px;
    height: 30px;
    background: url(/ksy_workFolder/ghy/m/ghy/images/icon_u_group.png);
	-webkit-background-size: 350px 350px;
    background-size: 350px 350px;
	background-position: 0px -200px;
    background-repeat: no-repeat;
}
#toPic .stitleWrap .stitle{
	font-size: 23px;
    font-weight: bold;
    color: #19191b;
    letter-spacing: -0.5px;
    float: left;
}
.product_b{margin:0px !important;}
.product_b .product_img {
    border-radius: 6px 6px 0px 0px;
}
.product_b .product_item .product_info {
    margin: 0px;
	padding:0px 15px 15px 15px;
}
.topicStep_visual{height: 60vw;}
.topicStep_visual .product_img{border-radius:0px;}
.topicStep_Top, .topicStep_bottom{padding:15px 20px;line-height:23px;}
.topicStep_bottom{height: 60px;text-align:right;}
.topicStep_bottom button{border-radius: 50%;width: 40px;height: 40px;border: 0px;background: #b8babf;color: #ffffff;line-height: 40px;}
.topicStep_Body{font-size:17px;padding:0px 20px;line-height:23px;}
.topicStep_Body .stitle{font-size:23px;font-weight:bold;color:#19191b;}
.topicStep_Body .stitle span{font-weight:normal;font-size:13px;border-radius:30px;border:1px solid #ffab00;color:#ffab00;padding:4px 7px;margin-left:6px;}
.topicStep_Body .copyright{color:#a2a2a4;font-size:14px;padding-top:30px;}
.topicStep_Body .date{position:relative;margin:10px 0px 30px;font-size:17px;}
.topicStep_Body .date::after{
    content: "";
    display: block;
    width: 260px;
    border-bottom: 7px solid rgba(255 171 0 / 0.4);
    padding-bottom: 10px;
    position: absolute;
    top: 1px;
    left: 0px;
}
.topicStep_Top{overflow:hidden;}
.topicStep_Top .reservation span{position:relative;}
.topicStep_Top .reservation span::after{
    content: "";
    position: absolute;
    right: -34px;
    top: -6px;
    width: 30px;
    height: 30px;
    background: url(/ksy_workFolder/ghy/m/ghy/images/icon_u_group.png);
    -webkit-background-size: 350px 350px;
    background-size: 350px 350px;
    background-position: -80px -242px;
    background-repeat: no-repeat;
}
#btn_share_sns {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    box-sizing: border-box;
    font-size: 0px;
    line-height: 0%;
    border: 1px solid #e3e3e3;
	float:right;
	margin-left:5px;
}
.topicStep_Top .reservation{
	float: right;
    width: 105px;
    letter-spacing: -1px;
    padding: 6px 10px;
}
.topicStep_Top p span{
    border: 1px solid #bbbbbb;
    padding: 0px 5px;
    border-radius: 50%;
    line-height: 10px;
    font-size: 14px;
    margin-left: 3px;
}

.topicStep_Body .totalListening p,.topicStep_Body .sentenceListening p{position:relative;font-size:20px;}
.topicStep_Body .totalListening .btn_listening,.topicStep_Body .sentenceListening .btn_listening{
    position:absolute;top:-10px;right:-15px;
    width: 56px;
    height: 55px;
    background: url(/ksy_workFolder/ghy/m/ghy/images/icon_u_group.png);
    -webkit-background-size: 350px 350px;
    background-size: 350px 350px;
    background-position: 0px -280px;
    background-repeat: no-repeat;
    border: 0px;
}
.topicStep_Body .totalListening,.topicStep_Body .sentenceListening{margin-bottom:10px;}
.topicStep_Body .sentenceListening .contents .btn{text-align:right;}
.topicStep_Body .sentenceListening .contents .btn a{position:relative;margin-left:10px;}
.topicStep_Body .sentenceListening .contents .btn a::after{
    content: "";
    display: block;
    width: 100%;
    border-bottom: 7px solid rgba(255 171 0 / 0.4);
    padding-bottom: 10px;
    position: absolute;
    top: 1px;
	left:0px;
}
.topicStep_Body .sentenceListening .contents .btn a+a::after{
    content: "";
    display: block;
    width: 100%;
    border-bottom: 7px solid rgba(0 210 255 / 0.4);
    padding-bottom: 10px;
    position: absolute;
    top: 1px;
	left:0px;
}
.topicStep_Body .han{margin:30px 0px 10px;}
.topicStep_Body .problemSolvingList li{text-align:left;padding-bottom:20px;}


/*탑픽 하단바*/
	/*하단바 아이콘*/
		.topicStep_footerFixMenu{
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		background: #dedfe2;
		overflow: hidden;
		z-index: 10;
		padding: 0px 15px;
		box-sizing: border-box;
	}
	.topicStep_footerFixMenu li{
		float: left;
		width: 50%;
		text-align: center;
		box-sizing: border-box;
		border-right: 1px solid #c3c3c7;
	}
	.topicStep_footerFixMenu li+li{
		float:right;
		border-right:0px;
		border:0px;
	}
	.topicStep_footerFixMenu li a{
		position: relative;
		padding: 15px 10px;
		box-sizing: border-box;
		color: #26262e;
		font-size: 19px;
		font-weight: normal;
		line-height: 35px;
		letter-spacing: -1px;
		display: block;
		padding-left: 35px;
	    text-align: left;
	}
	.topicStep_footerFixMenu li .on{color:#525560;}
	.topicStep_footerFixMenu li a::before{
		content: "";
		position: absolute;
		left: -8px;
		top: 6px;
		width: 50px;
		background: url(/ksy_workFolder/ghy/m/ghy/images/icon_u_group.png);
		-webkit-background-size: 350px 350px;
		background-size: 350px 350px;
		background-position: 0px -230px;
		background-repeat: no-repeat;
		height: 50px;
	}
	.topicStep_footerFixMenu li+li a{
		border-left: 0px solid #c3c3c7;
		position: relative;
		padding: 15px 10px;
		box-sizing: border-box;
		color: #26262e;
		font-size: 19px;
		font-weight: normal;
		line-height: 35px;
		letter-spacing: -1px;
		display: block;
		text-align: right;
		padding-right: 15px;
	}
	.topicStep_footerFixMenu li+li a::before{display:none;}
	.topicStep_footerFixMenu li+li a::after{
		content: "";
		position: absolute;
		right: -8px;
		top: 16px;
		width: 30px;
		height: 30px;
		background: url(/ksy_workFolder/ghy/m/ghy/images/icon_u_group.png);
		-webkit-background-size: 350px 350px;
		background-size: 350px 350px;
		background-position: -45px -242px;
		background-repeat: no-repeat;
	}

/*버튼*/
.btn_moreView{
	background: #ffffff;
    line-height: 60px;
    border-radius: 8px;
    display: block;
    color: #525560;
    font-weight: normal;
    font-size: 17px;
    height: 60px;
    border: 1px solid #e1e4eb;
    box-shadow: rgb(0 0 0 / 7%) 0px 0px 5px;
    text-align: center;
    letter-spacing: -1px;
}
.btn_moreView span{position:relative;}
.btn_moreView span::after{
    content: "";
    position: absolute;
    right: -34px;
    top: -6px;
    width: 30px;
    height: 30px;
    background: url(/ksy_workFolder/ghy/m/ghy/images/icon_u_group.png);
    -webkit-background-size: 350px 350px;
    background-size: 350px 350px;
    background-position: -30px -200px;
    background-repeat: no-repeat;
}
.topicTop ul{overflow:hidden;}
.topicTop ul li{float:left;}

/*하단바 아이콘*/
.footerFixMenu{position:fixed;border-top: 1px solid #f4f5f7;bottom:0px;left:0px;width:100%;background:#f2f3f5;overflow:hidden;z-index:10}
.footerFixMenu li{float:left;width:25%;text-align:center}
.footerFixMenu li a{
    display: block;
    padding: 10px;
    box-sizing: border-box;
    color: #a0a4b2;
    font-size: 0.8rem;
    letter-spacing: 0px;
    font-weight: bold;
}
.footerFixMenu li .on{color:#525560;}
.footerFixMenu li a span{
    height: 25px;
    width: 30px;
    background: url('/plugIn/Class/images/icon_u_group.png');
    -webkit-background-size: 350px 350px;
    background-size: 350px 350px;
    display: block;
    background-position: 0px -30px;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px auto;
}

.footerFixMenu li+li a span{height: 25px;
    height: 25px;
    width: 22px;
    /* padding: 25px 0px 0px 0px; */
    background: url('/plugIn/Class/images/icon_u_group.png');
    -webkit-background-size: 350px 350px;
    background-size: 350px 350px;
    display: block;
    background-position: -32px -30px;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px auto;
}

.footerFixMenu li+li+li a span{
    height: 25px;
    width: 30px;
    padding: 25px 0px 0px 0px;
    background: url('/plugIn/Class/images/icon_u_group.png');
    -webkit-background-size: 350px 350px;
    background-size: 350px 350px;
    display: block;
    background-position: -63px -30px;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px auto;
}

.footerFixMenu li+li+li+li a span{
    height: 25px;
    width: 40px;
    padding: 25px 0px 0px 0px;
    background: url(/plugIn/Class/images/icon_u_group.png);
    -webkit-background-size: 350px 350px;
    background-size: 350px 350px;
    display: block;
    background-position: -94px -30px;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px auto;
}


#gotop{display:none}
.classtop{display:block !important}

.swiper-pagination-bullets{/*bottom:5px !important*/}
.swiper-pagination-bullets span{border-radius:50px !important}

#main .testSchedule,
#main .videoLessons{padding:0px;border-radius:10px;background:#e9f1f7;text-align: center;overflow:hidden}
#main .testSchedule .title,
#main .videoLessons .title{font-size: 25px;font-weight: bold;text-align: center;color: #00a4ee;letter-spacing: -2px;line-height: 35px;margin: 35px 0px 10px;}
#main .testSchedule .time,
#main .videoLessons .time{text-align:center;margin-bottom:10px;}
#main .testSchedule .img,
#main .videoLessons .img{text-align: center;line-height: 0px;}
#main .testSchedule .img img,
#main .videoLessons .img img{width: 140px;}
#main .testSchedule .btnWrap,
#main .videoLessons .btnWrap{text-align:center;position:unset;padding:0px;}
#main .testSchedule button,
#main .videoLessons button{
    background: #ffffff;
    border-radius: 10px;
    line-height: 60px;
    width: 90%;
    border: 0px;
    margin-bottom: 30px;
    font-size: 18px;
    letter-spacing: -1px;
    box-shadow: rgb(0 0 0 / 3%) 0px 5px 5px;
}
#main .testSchedule button span,
#main .videoLessons button span{position:relative;padding-left: 20px;}
#main .testSchedule button span::before,
#main .videoLessons button span::before{
    content: "";
    position: absolute;
    left: -8px;
    top: -6px;
    width: 30px;
    height: 30px;
    background: url('../../plugIn/Class/images/icon_u_group.png');
    -webkit-background-size: 350px 350px;
    background-size: 350px 350px;
    background-position: -80px -242px;
    background-repeat: no-repeat;}

#myghy_slide{position:relative;overflow:hidden}


/* PC버전 사이즈 조정 */
@media screen and (min-width:640px){
    html{background:#ccc}
    body{height:auto;max-width:640px;margin:0 auto;background:#fff}

    .product_item .product_view{}
    .footerFixMenu{left:50%;max-width:640px;margin-left:-320px}
}