main{
}

/* - 맞춤과정찾기 intro - */
#MYCUSTOM .start{
    width: 100%; height: 88vh;
    padding-top: 90px; 
    background-color: #fcf8f0;
}
.start .Wrapper{
    width: 100%; height: 100%;
    padding: 85px 0;
    text-align: center;
    background-image: url(/img/8landing/mycustom/custom_bg0.png);
    background-size: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.start .title{
    font-size: 50px;
    line-height: 60px;
    font-family: 'GmarketSansBold';
    letter-spacing: -0.02em;
    color: #000;
}
.start .title>span{
    display: block;
    font-size: 70px;
    line-height: 80px;
    font-family: 'GmarketSansBold';
    color: #000;
}
.start .subtitle{
    display: inline-block;
    text-align: center;
    margin-top: 10px;
}
.start .subtitle li{
    float: left;
    margin: 0 5px;
    font-size: 14px;
    padding: 8px 15px 10px 15px;
    border-radius: 30px;
    background: #eae4d6;
    color: #5b5953;
    cursor: default;
}
.start .btnArea{
    padding: 50px 0;
    text-align: center;
}
.start .btnArea .btn{
    display: inline-block;
    min-width: 300px;
    padding: 20px 30px;
    background: #ff7800;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 26px;
    cursor: pointer;
}
.start .btnArea .btn>a{
    color: #fff;
    font-weight: 600;
}
.start .btnArea .btn:hover{
    background: #2c2966;
}

/* - 맞춤과정찾기ver.2 intro - */

#MYCUSTOM .start1{
    width: 100%; height: 100vh;
    padding-top: 30px; 
    background-color: rgb(254, 170, 160);
}
.start1 .Wrapper1{ 
    width: 100%; height: 100%;
    padding: 100px 0;
    text-align: center;
    background-image: url(/img/8landing/mycustom/custom_bg_m.png);
    background-size: 80%;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.start1 .sub00{
	display: flex; width: 90%; margin-left: 5%;
}

.start1 .subtxt1{
	width: 35%; margin-top: 5%;
}

.start1 .subtxt2{ 
	width: 42%; margin-left: 28%;
}


.start1 .title1{
    font-size: 45px;
    line-height: 45px;
    font-family: 'GmarketSansBold';
    letter-spacing: -0.02em;
    color: #2A4187;
}

.start1 .btnArea{
    padding: 25px 0;
    text-align: center;
}
.start1 .btnArea .btn{
    display: inline-block;
    min-width: 300px;
    padding: 10px 15px;
    background: #F05D49;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 26px;
    cursor: pointer;
}
.start1 .btnArea .btn>a{
    color: #fff;
    font-weight: 600;
}
.start1 .btnArea .btn:hover{
    background: #2A4187;
}


/* - 맞춤과정찾기 question - */
#MYCUSTOM .question{
    padding-top: 90px; 
    width: 100%; height: auto;
    min-height: 88vh;
    background-color: #ddd;
    background-image: url(/img/8landing/mycustom/custom_bg1.png);
    background-size: auto 100%;
    display: none;
}
#MYCUSTOM .question.Qpage{
	display: block;
}

.question .quest{
    width: 100%;
    padding: 40px 10px;
    display: none;
}
.questON{
    display: block !important;
}

/* 질문 내용 */
.question .content{
    margin-bottom: 50px;
    padding: 30px 15px;
    border: 4px solid #2c2966;
    border-radius: 30px;
}
.question .content .Qtitle{
    border-radius: 20px;
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    font-family: 'GmarketSansBold';
}
.question .content .Qtitle>span{
    color: #2c2966;
    font-family: 'GmarketSansBold';
}
/* 중복선택가능 질문괄호 */
.question .content .Qtitle>p{
    font-size: 16px;
    display: inline-block;
    margin-left: 10px;
    color: #555;
}
/* 질문답변영역 */
.question .content .Answer{
    padding: 20px 0;
    text-align: center;
    background: #ddd;
    border-radius: 30px;
}
.question .Answer ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.question .Answer>ul .btn{
    width: 100%;
    padding: 10px 5px;
    cursor: pointer;
}
.question .Answer>ul .btn>div{
    padding: 25px 0;
    font-size: 17px;
    border-radius: 50px;
    background: #aaa;
    color: #fff;  
}
.question .Answer>ul .btn>div>span{
    color: #fff;
}

.question .Answer.part2>ul .btn, 
.question .Answer.part3>ul .btn, 
.question .Answer.part4>ul .btn{
    padding: 10px;
}
.question .Answer.part2>ul .btn>div, 
.question .Answer.part3>ul .btn>div, 
.question .Answer.part4>ul .btn>div{
    font-size: 22px;  
    padding: 20px 0;
}
.question .Answer.smtxt>ul .btn{
    padding: 7px;
}
.question .Answer.smtxt>ul .btn>div{
    font-size: 17px;  
    padding: 15px 0;
}
/*버튼 2분할*/
.question .Answer.part2>ul .btn{
    width: 50%;    
}
/*버튼 3분할*/
.question .Answer.part3>ul .btn{
    width: 33.33%;    
}
/*버튼 4분할*/
.question .Answer.part4>ul .btn{
    width: 25%;    
}
.question .Answer.part4>ul .btn>div{
    font-size: 18px;
}

/*버튼 클릭 addclass*/
.question .Answer>ul .btn.clicked>div{
    background: #ff7800 !important;
}


/*답변 나열 BTN*/
.question .Answer.part5 .btn-group{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.question .Answer.part5 .btn-group >label.btn{
    width: 33%;
    padding: 10px 5px;
    background: none;
}
.question .Answer.part5 .btn-group >label.btn>div{
    font-size: 22px;  
    padding: 20px 0;
    border-radius: 50px;
    background: #aaa;
    color: #fff;  
}
.question .Answer.part5 .btn-group >label.btn.active>div{
    background: #ff7800 !important;
}
.question .Answer.part5 .btn-group >label.btn input[type='checkbox'], 
.question .Answer.part5 .btn-group >label.btn input[type='checkbox']:checked, 
.question .Answer.part5 .btn-group >label.btn input[type='checkbox']:checked:after{
    display: none;
}


/*답변 나열 LINE*/
.question .Answer .ansLine{
    margin-top: 40px;
}
.question .Answer .ansLine>ul{
    border-bottom: 5px solid #2c2966;
    list-style-type: decimal;
    list-style-position: inside;
    flex-wrap: nowrap;
    min-height: 50px;
}
.question .Answer .ansLine>ul>li{
    font-size: 16px;
    font-weight: 600;
    font-family: 'GmarketSansBold';
    color: #2c2966;
    padding: 10px 5px;
}

/* 페이지 넘기기 btn */
.question .quest .btnArea .btn>a{
    display: inline-block;
    min-width: 150px; 
    height: 100%;
    padding: 10px 0;
    text-align: center;
    border-radius: 50px;
    background: #333;
    color: #ddd;
    font-size: 18px;
    font-weight: 600;
}
.question .quest .btnArea .ending>a{
    min-width: 250px;
}
.question .quest .btnArea .btn>a:hover{
    background: #000;
}
.question .quest .btnArea .prev{
    float: left;
}
.question .quest .btnArea .next, 
.question .quest .btnArea .ending{
    float: right;
}

/* - 맞춤과정찾기 result - */

#MYCUSTOM .result{
    width: 100%; min-height: 100vh;
    background: #fff;
    padding-top: 90px; 
    display: none;
    position: relative;
}
#MYCUSTOM .resultON{
	display: block;
}
.result .lazing{
    width: 100%; height: 88vh;
    margin-top: -90px;
    background-color: #2c2966;
    position: relative;
    display: none;
}
.result .lazing.fade{
    display: block;
}

.result .showing{
    width: 100%;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    display: none;
}
.result .showing.long{
    position: inherit;
	top: 0; left: 0;
	transform: translate(0,0);
}


/* - 과정찾기결과 로딩 LAZING - */
body.Loader{
	max-height: 100vh;
	overflow: hidden;
}
.load-delay{
    width: 100%;
    position: absolute;
    top: 50%; left:50%;
    transform: translate(-50%,-50%);
}
.load-delay .loadTitle{
    width: 100%;
    text-align: center;
    padding-top: 50px;
    line-height: 50px;
    font-size: 40px;
    font-family: 'GmarketSansBold';
    letter-spacing: -0.02em;
    color: #fff;
}
.loading-container,
.loading {
    height: 200px;
    position: relative;
    width: 200px;
    border-radius: 100%;
}
#loading-text {
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #ffffff;
    font-size: 18px;
    opacity: 0;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    text-transform: uppercase;
    text-align: center;
    width: 200px;
}

.loading-container { margin: 40px auto; }

.loading {
    border: 2px solid transparent;
    border-color: transparent #fff transparent #FFF;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}

.loading-container:hover .loading {
    border-color: transparent #E45635 transparent #E45635;
}
.loading-container:hover .loading,
.loading-container .loading {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}



/* - 맞춤과정결과 페이지 SHOWING - */
.showing.pageOn{
    display: block;
}
.result .showing .Wrapper{
    width: 100%; height: 100%;
    text-align: center;
    padding: 50px 10px;
}
.showing .title>span{
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    font-family: 'GmarketSansBold';
    color: #2c2966;
}
.showing .title>p{
    text-align: center;
    font-size: 40px;
    font-family: 'GmarketSansBold';
    letter-spacing: -0.02em;
    color: #000;
}
.showing .title.sub>p{
	font-size: 30px;
	margin-bottom: 0;
	margin-top: 50px;
	color: #333;
}
.showing .fit{
    padding: 20px 0;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
}
.showing .fit .crs{
    width: 33.33%; height: 150px;
    padding: 5px;
    font-size: 0;
    text-align: center;
    position: relative;
}
/** crs - 추천과정박스 **/
.fit .crs .fitImg{
    width: 100%; height: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background: rgba(0,0,0,1);
}
.fit .crs .fitImg>img{
    height: auto; width :100%;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    opacity: .6;
}
.fit .crs .fitTxt{
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
	overflow: hidden;
}
.fit .crs .fitTxt>em{
    width: 95%;
    font-size: 18px;
    font-family: 'GmarketSansBold';
    color: #fff;
    position: absolute;
    top: 52%; left: 50%;
    transform: translate(-50%,-52%);
}

/* crs - 맞춤과목&설명 box */
.showing.long .fit .crs .crsBx{
    width: 100%; height: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.fit .crs .fitTxt .fitBx{
	width: 100%; height: 100%;
	/*border: 1px solid #fff;*/
	background: rgba(0,0,0,.5);
	border-radius: 15px;
	padding: 15px 0;
	position: relative;
	transition: all .5s;
}
.fit .crs .fitTxt .fitBx .fitIn{
	width: 100%; 
	position: absolute;
    top: 52%; left: 50%;
    transform: translate(-50%,-52%);
}
.fit .crs .fitTxt .course{
    font-size: 22px;
    font-family: 'GmarketSansBold';
    color: #fff;
}
.fit .crs .fitTxt .hover{
	display: block;
	font-size: 12px;
	color: #eee;
    /*animation: blinking 1s infinite;*/
}
/*
@keyframes blinking{
    0%{}
    50%{color: #888;}
    100%{}
}*/
.fit .crs .fitTxt .detail{
	display: block;
	font-size: 12px;
	padding: 0 10px;
	margin: 0;
	color: #eee;
	
	display: none;
	
}
/*crs - hover effect */
.fit .crs:hover .fitTxt .hover{
	display: none;
}
.fit .crs:hover .fitTxt .detail{
	display: block;
}



/** review - 추천수강생후기 **/
.fitReview{
	padding:0 40px;
}
.fitRv .review{
	padding: 3px;
}
.fitRv .review .box{
	background:#fff;
    box-shadow: 2px 2px 5px rgb(153 153 153 / 50%);
	padding: 20px 25px;
	text-align: left;
}
.fitRv .review .Rv_top{
	padding-bottom: 10px;
    border-bottom: 2px solid #ff7800;
    margin-bottom: 10px;
}
.fitRv .Rv_top .sort{
	float: left;
    font-size: 17px;
    font-weight: 500;
}
.fitRv .Rv_top .name{
	float: right;
    font-size: 13px;
    font-weight: 500;
    color: #666;
    margin-top: 5px;
}
.fitRv .Rv_bot{
	font-size: 14px;
    line-height: 20px;
    min-height: 80px;
    max-height: 80px;
    color: #555;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* - 문의결과페이지 쿠폰&버튼 btnArea - */
.showing .btnArea{
    width: 100%;
    padding: 30px 0;
    background: #f5f5f5;
}
/** coupon - 맞춤과정쿠폰영역 **/
.coupon.Wrapper{
	width: 100%;
	background: #f5f5f5;
	padding: 40px 20px 60px 20px !important;
}
.coupon .textArea{
	text-align: center;
	padding: 40px 0 20px 0;
	background: #8543b0;
}
.coupon .textArea .subt{
	display: inline-block;
    font-size: 24px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: -0.02em;
	padding: 2px 50px 4px 50px;
	background: #f3f081;
	color: #4c1f6b;
	border-radius: 50px;
}
.coupon .textArea .maint{
	padding-top: 10px;
    font-size: 28px;
    font-family: 'GmarketSansBold';
	color: #57217c;
}
.coupon .textArea .maint >span{
    font-family: 'GmarketSansBold';
	color: #fff;
}
.coupon .imgArea{
	width: 100%;
	font-size: 0;
}


/** btn - DB문의가기버튼 **/
.showing .btnArea .btn{
    width: 95%;
    margin: 0 auto;
    text-align: center;
}

.showing .btnArea .btn>a{
    display: inline-block;
    width: 100%;
    margin: 15px 0;
    padding: 20px 0;
    font-size: 20px;
    font-weight: 600;
    border-radius: 50px;
    background: #2c2966;
    color: #fff;
    cursor: pointer;
}
.showing .btnArea .btn>a:hover{
    background: #ff7800;
}


/* - 맞춤과정찾기 inquire - */
.result .inquire{
    width: 100%;
    padding: 30px 0;
    display: none;
}
.inquire .titleBx{
    width: 100%; height: 320px;
    background: url(/img/8landing/mycustom/custom_bg3.png);
    background-size: 55%;
    background-position: -20px bottom ;
    background-repeat: no-repeat;
    padding-top: 60px;
}
.inquire .quiryTit{
    width: 65%;
    float: right;
    text-align: right;
    padding-top: 10px;
    padding-right: 20px;
    /**/display: none;
}
.inquire .quiryTit>p{
    font-size: 18px; 
    font-weight: 600;
    margin-bottom: 20px;
}
.inquire .quiryTit>p>span{
    display: block;
    line-height: 34px;
    font-size: 24px;
    font-weight: 900;
    font-family: 'GmarketSansBold';
    color: #2c2966;
}
.inquire .quiryTit>p:last-child{
    margin-bottom: 0;
}

.askOn{
    display: block !important;
}

.inquiryBx .IQ_table{
    border-top: 3px solid #000;
}
.inquiryBx .agreecheck>a{
    margin-left: 10px; 
    color: #888;
    font-size: 12px;
    transition: .2s;
}
.inquiryBx .agreecheck>a:hover{
    color: #333;
}
.inquiryBx .IQ_btn{
    margin: 30px 0;
}
.inquiryBx .moreLink .linkBtn{
    background: #2c2966;
    border-radius: 50px;
    padding: 20px 0;
    width: 450px;
    font-size: 20px;
    font-weight: 600;
}
.inquiryBx .moreLink .linkBtn:hover{
    background: #ff7800;
}




/*추천과정결과페이지-자격증과정*/

.result_lc .showing{
    position: inherit;
    top: inherit; left: inherit;
    transform: translate(0,0);
}
.result_lc .showing .Wrapper{
	padding: 40px 0;
}
.result_lc .showing .fit{
    display: block;
    text-align: center;
}
.result_lc .showing .fit .crs{
    width: 80%; height: 230px;
    display: inline-block;
    margin: 0;
}
.result_lc .fit .crs .fitImg>img{
    width: 100%; height: auto;
}
.result_lc .fit .crs .fitTxt>em{
    font-size: 22px;
}
/*과목설명박스-RENEW*/
.result_lc .fit .crs .fitTxt .course{
	font-size: 26px;
}
.result_lc .fit .crs .fitTxt .hover{
	font-size: 16px;
}
/* inquire */
.result_lc .inquire{
    padding: 0 !important;
    min-height: 0 !important;
}
.result_lc .coupon.Wrapper{
	padding: 60px 20px 0 20px !important;
}
.result_lc .coupon .textArea{
	padding: 40px 0 0 0;
}
.result_lc .coupon .textArea .maint{
	font-size: 32px;
}
.result_lc .inquire .quiryTit{
    width: 100%;
    float: none;
    padding: 30px 0 20px 0;
    border: none;
    text-align: center;
	background: #f5f5f5;
}
.result_lc .inquire .quiryTit>p{
    font-size: 20px;
    line-height: 1.5;
}





/* MYCUSTOM PAGE SLIDER STYLE - owl Carousel */
.fitRv.owl-carousel .owl-nav.disabled, 
.fitRv.owl-carousel .owl-dots.disabled{
	display: block;
}
.fitRv.owl-carousel .owl-nav{
    width: 100%;
    position: absolute;
    top: 45%;
    font-family: 'Arita-dotum-Medium';
    font-size: 20px;
	font-weight: bold;
	color: #fff;
    margin: 0;
}
.fitRv.owl-carousel .owl-nav .owl-prev, 
.fitRv.owl-carousel .owl-nav .owl-next{
    width: 30px; height: 30px;
	background: rgba(0,0,0,.4);
    border-radius: 0px;
    margin: 0;
    position: absolute;
}
.fitRv.owl-carousel .owl-nav .owl-prev{
    left: -40px;
}
.fitRv.owl-carousel .owl-nav .owl-next{
    right: -40px;
}
.fitRv.owl-carousel .owl-nav .owl-prev:hover, 
.fitRv.owl-carousel .owl-nav .owl-next:hover{
    color: #000;
}
/* */






@media screen and (max-width:650px){
	/*추천과정결과페이지-RENEW*/
	.result .showing .Wrapper{
    	padding: 40px 5px 30px 5px;
	}
	.showing .fit .crs{
		padding: 3px;
	}
	.fit .crs .fitImg>img{
		height: 100%; width :auto;
	}
	.fit .crs .fitTxt .hover{
		font-size: 10.5px;
	}
	.fit .crs .fitTxt .course{
		font-size: 20px;
	}
	.fit .crs .fitTxt .detail{
		font-size: 11px;
		padding: 0 3px;
	}
	/*추천과정수강후기*/
	.fitReview{
		padding: 0 35px;
	}
	.showing .title.sub>p{
		font-size: 26px;
		margin-top: 30px;
	}
	.fitRv .review .box{
		padding: 15px 20px;
	}
	.fitRv .Rv_top .sort{
		font-size: 16px;
	}
	.fitRv .Rv_top .name{
		font-size: 12px;
	}
	.fitRv .Rv_bot{
		font-size: 13px;
		line-height: 19px;
		min-height: 76px;
		max-height: 76px;
	}
	/*owl Carousel*/
	.fitRv.owl-carousel .owl-nav .owl-prev{
		left: -40px;
	}
	.fitRv.owl-carousel .owl-nav .owl-next{
		right: -40px;
	}
	/*맞춤과정쿠폰영역*/
	.coupon.Wrapper{
		padding: 20px 15px 40px 15px !important;
	}
	.coupon .textArea{
		padding: 30px 0 10px 0;
	}
	.coupon .textArea .subt{
    	font-size: 20px;
		padding: 2px 25px 4px 25px;
	}
	.coupon .textArea .maint{
    	font-size: 22px;
	}
	
	
}
    
   

@media screen and (max-width: 540px){
    /* - 맞춤과정찾기 intro - */    
    .start .subtitle{
        display: flex;
        justify-content: space-around;
        padding: 0 5px;
        margin-top: 20px;
    }
    .start .subtitle li{
        float: none;
        margin: 0 3px;
        font-size: 13px;
        padding: 5px 15px 8px 15px;
    }
    
    /* - 맞춤과정찾기 question - */
    .question .quest{
        padding: 30px 10px;
    }
    /* 질문 내용 */
    .question .content{
        margin-bottom: 20px;
        padding: 20px 10px 25px 10px;
        border: 2px solid #2c2966;
    }
    .question .content .Qtitle {
        font-size: 26px;
        line-height: 34px;
        padding: 10px 0;
    }
    /* 질문답변영역 */
    .question .content .Answer{
        padding: 0;
    }
    .question .Answer>ul .btn {
        padding: 7px 5px;
        width: 100%;
    }
    .question .Answer>ul .btn>div{
        padding: 20px 0;
        font-size: 14px;
    }
    
    .question .Answer.part2>ul .btn, 
    .question .Answer.part3>ul .btn, 
    .question .Answer.part4>ul .btn, 
    .question .Answer.part5 .btn-group >label.btn{
        padding: 7px;
    }
    .question .Answer.part2>ul .btn>div, 
    .question .Answer.part3>ul .btn>div, 
    .question .Answer.part4>ul .btn>div{
        padding: 15px 0;
        font-size: 18px;  
    }
    .question .Answer.smtxt>ul .btn>div, 
    .question .Answer.part5 .btn-group >label.btn>div{
        font-size: 14px;  
        padding: 15px 0;
    }
    
    /*답변 나열 LINE*/
    .question .Answer .ansLine{
        margin: 30px 5px 15px 5px;
    }
    .question .Answer .ansLine>ul{
        border: none;
        border-radius: 15px;
        background: #2c2966;
        flex-wrap: wrap;
        padding: 15px 20px;
        min-height: 59px;
    }
    .question .Answer .ansLine>ul>li{
        padding: 5px 5px 2px 5px;
        color: #fff;
    }
    .question .Answer .ansLine>ul>li:after{
        content: ' , ';
        display: inline-block;
        margin: 0 7px;
        font-size: 16px;
        font-weight: 600;
    }
    .question .Answer .ansLine>ul>li:last-child:after{
        content: ' ';
    }
    
    /* 페이지 넘기기 btn */
    .question .quest .btnArea .btn>a{
        min-width: 100px;
        padding: 7px 0;
        font-size: 14px;
        border-radius: 20px;
    }
    .question .quest .btnArea .ending>a{
        min-width: 200px;
    }
    
    
    /* - 맞춤과정찾기 result - */
    .load-delay .loadTitle{
        line-height: 42px;
        font-size: 32px;
    }
    .loading-container,
    .loading {
        height: 150px; width: 150px;
    }
    #loading-text {
        font-size: 16px;
        width: 150px;
    }    
    /* SHOWING PAGE - result */
    .showing .title>span{
        font-size: 18px;
    }
    .showing .title>p{
        font-size: 32px;
    }
    /*추천과정박스*/    
    .fit .crs .fitTxt>em{
        font-size: 15px;
    }
	
    /*문의결과버튼*/
    .showing .btnArea .btn>a{
        margin: 10px 0;
        font-size: 18px;
		padding: 15px 0;
    }
	
	
	
	/*추천과정결과페이지-RENEW*/
	.result .showing.long{
		position: inherit;
		transform: none;
	}
	.result .showing.long .Wrapper{
    	padding: 30px 10px 15px 10px;
	}
	.showing.long .fit{
    	flex-wrap: wrap;
	}
	.showing.long .fit .crs{
    	width: 100%; height: 100px;
	}
	.showing.long .fit .crs .crsBx .fitImg>img{
    	height: auto; width :100%;
	}
	.fit .crs .fitTxt .course:before{
		content: '[ ';
	}
	.fit .crs .fitTxt .course:after{
		content: ' ]';
	}
	.fit .crs .fitTxt .course{
		font-size: 18px;
	}
	.fit .crs .fitTxt .hover{
		font-size: 12px;
	}
	.fit .crs .fitTxt .detail{
		font-size: 12px;
		padding: 0 40px;
		display: none;
	}
	/*추천과정수강후기*/
	.fitReview{
		padding: 0 5px;
	}
	.fitReview .fit{
		padding-top: 10px;
	}
	.showing .title.sub>p{
		font-size: 24px;
	}
	/*owl Carousel*/
	.fitRv.owl-carousel .owl-nav{
		top: 40%;
		display: none;
	}
	/*맞춤과정쿠폰영역*/
	.coupon.Wrapper{
		padding: 15px 15px 40px 15px !important;
	}
	.coupon .textArea .subt{
    	font-size: 18px;
		line-height: 26px;
	}
	.coupon .textArea .maint{
    	font-size: 19px;
	}
	
    
    /* - 맞춤과정찾기 inquire - */
    .inquire .titleBx{
        height: 250px;
        background-size: 53%;
        padding-top: 0px;
    }
    .inquire .quiryTit{
        width: 75%;
    }
    .inquire .quiryTit>p{
        font-size: 15px;
    }
    .inquire .quiryTit>p>span{
        line-height: 34px;
        font-size: 24px;
    }
    .inquiryBx .moreLink .linkBtn{
        width: 80%;
    }
    
    /*추천과정결과페이지-자격증과정*/
    .result_lc .showing .fit .crs{
        height: 200px;
    }
    .result_lc .fit .crs .fitTxt>em{
        font-size: 18px;
    }
	.result_lc .fit .crs .fitTxt .course{
		font-size: 24px;
	}
	.result_lc .fit .crs .fitTxt .hover{
		font-size: 14px;
	}
	.result_lc .coupon.Wrapper{
		padding: 40px 15px 20px 15px !important;
	}
	.result_lc .coupon .textArea .maint{
		font-size: 26px;
	}
    .result_lc .inquire .quiryTit{
        padding: 0;
        padding-bottom: 20px;
    }
    .result_lc .inquire .quiryTit>p{
        font-size: 18px;
    }
	
    
}



@media screen and (max-width: 450px){
    .mhide{
        display: none;
    }
    /* - 맞춤과정찾기 intro - */
    .start .Wrapper{
        padding: 60px 0;
    }
    .start .title{
        font-size: 40px;
        line-height: 50px;
    }
    .start .title>span{
        font-size: 54px;
        line-height: 64px;    
    }
    .start .subtitle{
        padding: 0 10px;
    }
    .start .subtitle li{
        font-size: 11px;
        padding: 5px 10px 8px 10px;
    }
    
    .start .btnArea .btn{
        min-width: 250px;
        padding: 17px 30px;
        font-size: 22px;
    }
    
    /* - 맞춤과정찾기 question - */
    #MYCUSTOM .question{
        background-image: none;
    }
    .question .quest{
        padding: 30px 0 50px 0;
    }
    /* 질문 내용 */
    .question .content{
        padding: 20px 0;
        background: #ddd;
        border: none;
        margin-bottom: 30px;
    }
    .question .content.twoTab{
        padding-top: 0;
    }
    .question .content .Qtitle{
        padding-top: 0;
        font-size: 22px;
    }
    /* 질문답변영역 */
    .question .content .Answer{
        padding: 0 10px;
    }
    .question .Answer>ul .btn{
        padding: 7px 0;
    }
    .question .Answer>ul .btn>div{
        padding: 15px 0;
    }
    .question .Answer.part2>ul .btn, 
    .question .Answer.part3>ul .btn, 
    .question .Answer.part4>ul .btn, 
    .question .Answer.part5 .btn-group >label.btn{
        padding: 5px;
    }
    .question .Answer.part2>ul .btn>div, 
    .question .Answer.part3>ul .btn>div, 
    .question .Answer.part4>ul .btn>div{
        padding: 10px 0;
        font-size: 14px;
    }
    .question .Answer.smtxt{
        padding: 0 5px;
    }
    .question .Answer.smtxt>ul .btn>div, 
    .question .Answer.part5 .btn-group >label.btn>div{
        padding: 10px 0;
        font-size: 12px;
    }
    /*답변 나열 LINE*/
    .question .Answer .ansLine>ul>li{
        font-size: 14px;
    }
    .question .Answer .ansLine>ul>li:after{
        margin: 0 3px;
        font-size: 14px;
    }
    
    /* - 맞춤과정찾기 result - */
    .load-delay .loadTitle{
        line-height: 38px;
        font-size: 28px;
    }
    .loading-container,
    .loading {
        height: 120px; width: 120px;
    }
    #loading-text {
        font-size: 14px;
        width: 120px;
    }    
    /* SHOWING PAGE - result */
    .showing .title>span{
        font-size: 16px;
    }
    .showing .title>p{
        font-size: 26px;
    }
    /*추천과정박스*/
    .showing .fit{
        padding: 15px 0;
    }
    .showing .fit .crs{
        height: 100px;
        padding: 3px;
    }
    .fit .crs .fitTxt>em{
        font-size: 12px;
    }
    
    /*문의결과버튼*/
    .showing .btnArea .btn>a{
        margin: 7px 0;
        font-size: 14px;
    }
	
	
	
	
	/*추천과정결과페이지-RENEW*/
	.fit .crs .fitTxt .detail{
		font-size: 12px;
		padding: 0 20px;
	}
	/*추천과정수강후기*/
	.showing .title.sub>p{
		font-size: 20px;
	}
	.fitReview .fit{
		padding-top: 10px;
	}
	.fitRv .review .box{
		padding: 10px 15px;
	}
	.fitRv .Rv_top .sort{
		font-size: 15px;
	}
	.fitRv .Rv_bot{
		font-size: 12px;
		line-height: 18px;
		min-height: 72px;
		max-height: 72px;
	}
	/*맞춤과정쿠폰영역*/
	.coupon.Wrapper{
		padding: 10px 10px 40px 10px !important;
	}
	.coupon .textArea{
		padding: 20px 0 10px 0;
	}
	.coupon .textArea .subt{
		font-size: 14px;
    	line-height: 20px;
    	padding: 2px 15px 3px 15px;
	}
	.coupon .textArea .maint{
		font-size: 15.5px;
	}
	
	
    
    /* - 맞춤과정찾기 inquire - */
    .inquire .titleBx{
        height: 220px;
    }
    .inquire .quiryTit{
        width: 80%;
        padding-right: 10px;
    }
    .inquire .quiryTit>p{
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .inquire .quiryTit>p>span{
        line-height: 30px;
        font-size: 20px;
    }
    .inquiryBx .moreLink .linkBtn{
        width: 90%;
        font-size: 17px;
        padding: 17px 0;
    }
    
    /*추천과정결과페이지-자격증과정*/
	.result_lc .showing .Wrapper{
		padding: 30px 10px 10px 10px;
	}
    .result_lc .showing .fit .crs{
        height: 170px;
    }
    .result_lc .fit .crs .fitTxt>em, 
    .result_lc .inquire .quiryTit>p{
        font-size: 16px;
    }
	.result_lc .fit .crs .fitTxt .course{
		font-size: 20px;
	}
	.result_lc .fit .crs .fitTxt .hover{
		font-size: 12px;
	}
	.result_lc .coupon.Wrapper{
		padding: 35px 10px 15px 10px ;
	}
	.result_lc .coupon .textArea{
		padding: 20px 0 0 0;
	}
	.result_lc .coupon .textArea .maint{
		font-size: 22px;
	}
    
}



/* 아이폰 SE2/8/8s 이하 버전의 디바이스 높이 조절 */
@media screen and (max-height: 630px){
    /* - 맞춤과정찾기 intro - */
    #MYCUSTOM .start{
        height: 91vh;
    }
    .start .Wrapper{
        padding: 40px 0;
    }
    .start .btnArea{
        padding: 30px 0;
    }
    .start .btnArea .btn{
        max-width: 95%;
        padding: 15px 30px;
        font-size: 22px;
    }
    /* - 맞춤과정찾기 question - */
    #MYCUSTOM .question{
        min-height: 91vh;
    }
    .question .quest{
        padding: 25px 0 50px 0;
    }
    .question .content{
        padding: 10px 0;
        margin-bottom: 20px;
    }
    /* - 맞춤과정찾기 result - */
    #MYCUSTOM .result{
        min-height: 91vh;
    }
    .result .lazing{
        height: 91vh;
    }
    .result .inquire{
        padding-top: 10px;
    }
    .inquire .titleBx{
        height: 200px;
        background-size: 50%;
        background-position: -15px bottom;
    }
    .inquire .quiryTit{
        padding-right: 5px;
    }
    .inquiryBx .IQ_btn{
        margin: 20px 0;
    }
    /*추천과정결과페이지-자격증과정*/
    .result_lc{
        min-height: 91vh;
    }
    
}



/* 화면 넓이 아이폰보다 좁은 경우 */
@media screen and (max-width: 370px){
    /* - 맞춤과정찾기 intro - */
    .start .title {
        font-size: 34px;
        line-height: 44px;
    }
    .start .title>span {
        font-size: 48px;
        line-height: 58px;
    }
    .start .subtitle{
        padding: 0 3px;
    }
    .start .subtitle li{
        font-size: 10.5px;
        padding: 5px 8px 8px 8px;
        margin: 0 2px;
    }
    .start .btnArea .btn {
        padding: 10px 30px;
        font-size: 20px;
    }
    /* - 맞춤과정찾기 question - */
    .question .content .Qtitle{
        font-size: 20px;
    }
    .question .content .Answer {
        padding: 0 5px;
    }
    .question .Answer>ul .btn>div, 
    .question .Answer.part2>ul .btn>div, 
    .question .Answer.part3>ul .btn>div, 
    .question .Answer.part4>ul .btn>div {
        font-size: 13px;
    }
    .question .Answer.smtxt>ul .btn>div, 
    .question .Answer.part5 .btn-group >label.btn>div{
        font-size: 10.5px;
    }
    .question .Answer .ansLine>ul{
        padding: 15px 10px;
    }
    .question .Answer .ansLine>ul>li {
        font-size: 12px;
    }
    .question .quest .btnArea .btn>a {
        min-width: 75px;
        font-size: 13px;
    }
    .question .quest .btnArea .ending>a {
        min-width: 170px;
    }
    
    /* - 맞춤과정찾기 result - */
    .load-delay .loadTitle {
        line-height: 34px;
        font-size: 24px;
    }
    .result .showing .Wrapper{
        padding-bottom: 10px;
    }
	.showing .title>span{
		font-size: 14px;
	}
    .showing .title>p {
        font-size: 22px;
		margin-bottom: 0;
    }
    .fit .crs .fitTxt>em {
        font-size: 10.5px;
    }
    .showing .btnArea {
        padding: 0 0 20px 0;
		margin-top: 10px;
    }
    .showing .btnArea .btn>a {
        font-size: 12px;
    }
    .inquire .titleBx {
        height: 155px;
        background-size: 49%;
    }
    .inquire .quiryTit>p>span {
        line-height: 26px;
        font-size: 17px;
    }
    .inquire .quiryTit>p {
        font-size: 12px;
    }
    .inquiryBx .moreLink .linkBtn {
        font-size: 14px;
        padding: 12px 0;
    }
	
	/*추천과정결과페이지-RENEW*/
	.result .showing.long .Wrapper{
		padding: 0 10px;
		padding-top: 30px;
	}
	.showing.long .fit .crs{
		height: 85px;
	}
	.fit .crs .fitTxt .course{
		font-size: 16px;
	}
	.fit .crs .fitTxt .detail{
		font-size: 11px;
		padding: 0 10px;
	}
	/*추천과정수강후기*/
	.showing .title.sub>p{
		font-size: 17px;
	}
	/*맞춤과정쿠폰영역*/
	.coupon.Wrapper{
		padding: 0px 0 15px 0 !important;
	}
	.coupon .textArea .maint{
		font-size: 14px;
	}
	.coupon .textArea .subt{
		font-size: 13px;
	}
	
	
    /*추천과정결과페이지-자격증과정*/
	.result_lc .fit .crs .fitTxt .course{
		font-size: 16px;
	}
	.result_lc .fit .crs .fitTxt .hover{
		font-size: 11px;
	}
	.result_lc .coupon.Wrapper {
    	padding: 25px 10px 15px 10px !important;
	}
	.result_lc .coupon .textArea .maint{
		font-size: 18px;
		padding-bottom: 10px;
	}
	.result_lc .fit .crs .fitTxt>em, 
	.result_lc .inquire .quiryTit>p{
		font-size: 14px;
	}
	
    
}