#MYCUSTOM{
    
}
/* - 맞춤과정찾기 intro - */
#MYCUSTOM .start{
    width: 100%; height: 108vh;
    margin-top: -126px;
    background-color: #fcf8f0;
}

.start .Wrapper{ 
    width: 100%; height: 100%;
    padding: 65px 0;
    text-align: center;
    background-image: url(/img/8landing/mycustom/custom_bg0.png);
    background-size: 1000px;
    background-position: bottom center;
    background-repeat: no-repeat;
}


.start .title{
    margin-top: 126px;
    font-size: 70px;
    font-family: 'GmarketSansBold';
    letter-spacing: -0.02em;
    color: #000;
}

.start .subtitle{
    display: inline-block;
    text-align: center;
}
.start .subtitle li{
    float: left;
    margin: 0 7px;
    font-size: 16px;
    padding: 8px 25px 10px 25px;
    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: 350px;
    padding: 20px 30px;
    background: #ff7800;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 26px;
    cursor: pointer;
}
.start .btnArea .btn:hover{
    background: #2c2966;
}


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

#MYCUSTOM .start1{
    width: 1820px; height: 1023px;
    background-color: rgb(254, 170, 160);
}

.start1 .Wrapper1{ 
	display: flex;
	position: relative;
    width: 1820px; height:100%;
    padding: 0;
    background-image: url(/img/8landing/mycustom/custom_bg2.png);
    background-size: 100%;
    background-repeat: no-repeat; 
}

.start1 .title1{
	left:7.3%;
	top:42%;
	position: absolute;
    font-size: 99px;
    font-family: 'GmarketSansBold';
    letter-spacing: -0.085em;
	line-height: 102%;
    color: #2A4187;
}

.start1 .btnArea{
	position: absolute;
    padding: 0;
    text-align: center;
	top:68%;
	left: 16.8%;
}
.start1 .btnArea .btn{ 
	position: absolute;
	text-align: center;
    min-width: 440px;
    padding: 15px 30px;
    background: #F05D49;
    border-radius: 20px;
    color: #fff;
    font-weight: 600;
    font-size: 33px;
    cursor: pointer;
}
.start1 .btnArea .btn:hover{
    background: #2A4187;
}

.start1 .subtxt1{ 
	width: 13.3%;
	position:absolute;
    display: flex;
	top:14.2%; left: 9.5%;
}

.start1 .subtxt2{ 
	width: 17.5%;
	position:absolute;
    display: flex;
	top:18%; left: 26.5%;
}


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

.question .quest{
    width: 100%;
    padding: 80px 0;
    /*background: pink;*/
    display: none;
}
.questON{
    display: block !important;
}

/* 질문 내용 */
.question .content{
    margin-bottom: 80px;
    padding: 40px 0;
    border: 5px solid #2c2966;
    border-radius: 30px;
}
.question .content .Qtitle{
    padding: 30px 0;
    border-radius: 20px;
    text-align: center;
    font-size: 40px;
    font-family: 'GmarketSansBold';
}
.question .content .Qtitle>span, 
.question .content .Qtitle>div>span{
    color: #2c2966;
    font-family: 'GmarketSansBold';
}

.question .content .Qtitle>div, 
.question .content .Qtitle .lec_name{
    color: #333;
    text-align: center;
    font-size: 40px;
    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;
}
.question .Answer ul{
    width: 800px;
    margin: 0 auto;
    display: inline-block;
}
.question .Answer>ul .btn{
    width: 800px;
    float: left;
    margin: 15px;
    padding: 25px 0;
    font-size: 24px;
    border-radius: 20px;
    background: #aaa;
    color: #fff;  
    cursor: pointer;
}
.question .Answer>ul .btn .lec_name{
    display: inline-block;
    margin: 0 2px;
    color: #fff;
}
/*버튼 2분할*/
.question .Answer.part2>ul .btn{
    width: 370px;    
}
/*버튼 3분할*/
.question .Answer.part3>ul .btn{
    width: 236px;    
}
/*버튼 4분할*/
.question .Answer.part4>ul .btn{
    width: 170px;    
    font-size: 20px;
}
/*버튼 5분할*/
.question .Answer.part5>ul .btn{
    width: 144px;  
    font-size: 20px;  
    border-radius: 50px;
    margin: 10px;
}
.question .Answer.part5>ul .btn:nth-child(1){
    margin-left: 0;
}
.question .Answer.part5>ul .btn:nth-child(5){
    margin-right: 0;
}

/**/
.question .Answer>ul .btn:hover{
    background: #2c2966; 
}

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

/*답변 나열 BTN*/
.question .Answer.part5 .btn-group{
    width: 800px;
    margin: 0 auto;
    display: inline-block;
}
.question .Answer.part5 .btn-group >label.btn{
    width: 144px;
    min-width: 144px;
    max-width: 144px;
    font-size: 20px;
    border-radius: 50px;
    margin: 10px 8px;
    padding: 25px 0;
    background: #aaa;
    color: #fff;
    cursor: pointer;
}
.question .Answer.part5 .btn-group >label.btn:hover{
    background: #2c2966; 
}
.question .Answer.part5 .btn-group >label.btn.active{
    background: #ff7800 !important;
}

.question .Answer.part5 .btn-group >label.btn:nth-child(1){
    margin-left: 0;
}
.question .Answer.part5 .btn-group >label.btn:nth-child(5){
    margin-right: 0;
}
.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{
    width:0; height:0;
    background: none;
    border: none;
    outline: none;
}

/*답변 나열 LINE*/
.question .Answer .ansLine{
    margin-top: 40px;
}
.question .Answer .ansLine>ul{
    min-height: 75px;
    border-bottom: 7px solid #2c2966;
    list-style-type: decimal;
    list-style-position: inside;
    padding-left: 15px;
}
.question .Answer .ansLine>ul>li{
    float: left;
    margin-right: 15px;
    font-size: 22px;
    font-weight: 600;
    font-family: 'GmarketSansBold';
    color: #2c2966;
    padding: 15px 0;
}
.question .Answer .ansLine>ul>li:after{
    content: ' , ';
    display: inline-block;
    margin: 0 5px;
    font-size: 20px;
    font-weight: 600;
}
.question .Answer .ansLine>ul>li:last-child:after{
    display: none;
}
/*chrome 크로스브라우징 css핵*/
@media screen and (-webkit-min-device-pixel-ratio:0){
    .question .Answer .ansLine>ul>li{
        font-size: 24px;
    }
    .question .Answer .ansLine>ul>li:after{
        margin: 0 8px;
    }
    
}



/* 페이지 넘기기 btn */
.question .quest .btnArea .btn{
}
.question .quest .btnArea .btn>a{
    display: inline-block;
    width: 150px; height: 100%;
    padding: 20px 0;
    text-align: center;
    border-radius: 50px;
    background: #333;
    color: #ddd;
    font-size: 24px;
    font-weight: 600;
}
.question .quest .btnArea .ending>a{
    width: 300px;
}
.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: 812px;
    background-color: #fff;
    display: none;
}
#MYCUSTOM .resultON{
	display: block;
}
.result .lazing{
    width: 100%; height: 100vh;
	overflow: hidden;
    margin-top: -126px;
    background-color: #2c2966;
    position: relative;
    display: none;
}
.result .lazing.fade{
    display: block;
}

.result .showing{
    width: 100%;
    background-color: #fff;
    display: none;
}




/* - 과정찾기결과 로딩 LAZING - */
body.Loader{
	height: 1080px;
	max-height: 100vh;
}
.load-delay{
    position: absolute;
    top: 50%; left:50%;
    transform: translate(-50%,-50%);
}
.load-delay .loadTitle{
    padding-top: 126px;
    width: 1200px;
    text-align: center;
    font-size: 55px;
    font-family: 'GmarketSansBold';
    letter-spacing: -0.02em;
    color: #fff;
}
.loading-container,
.loading {
    height: 200px;
    position: relative;
    width: 200px;
    border-radius: 100%;
}

.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;
}

#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;
}

/* - 맞춤과정결과 페이지 SHOWING - */
.showing.pageOn{
    display: block;
}
.showing .Wrapper{
    width: 100%; height: 100%;
    padding: 50px 0;
    text-align: center;
}
.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: 50px;
    font-family: 'GmarketSansBold';
    letter-spacing: -0.02em;
}
.showing .title.sub>p{
	font-size: 36px;
	margin-bottom: 0;
	margin-top: 50px;
	color: #333;
}
.showing .fit{
    display: inline-block;
    padding: 20px 0;
    width: 1200px;
}
/** crs - 추천과정박스 **/
.showing .fit .crs{
    float: left;
    width: 350px; height: 230px;
    background: gray;
    border-radius: 30px;
    overflow: hidden;
    margin: 0 25px;
    font-size: 0;
    position: relative;
    text-align: center;
}
.fit .crs .fitImg{
    background: pink;
}
.fit .crs .fitImg>img{
    height: auto;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
}
.fit .crs .fitTxt{
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,.4);
	padding: 30px;
}

.fit .crs .fitTxt>em{
    width: 85%;
    font-size: 24px;
    font-family: 'GmarketSansBold';
    color: #fff;
    position: absolute;
    top: 52%; left: 50%;
    transform: translate(-50%,-52%);
}

/* crs - 맞춤과목&설명 box */
.fit .crs .fitTxt .fitBx{
	width: 100%; height: 100%;
	background: rgba(0,0,0,0);
	padding: 15px 0;
	position: relative;
	transition: all .5s;
	cursor: default;
}
.fit .crs .fitTxt .fitBx .fitIn{
	width: 100%; height: 100%;
	position: relative;
}
.fit .crs .fitTxt .course{
    font-size: 24px;
    font-family: 'GmarketSansBold';
    color: #fff;
	
	width: 100%;
	position: absolute;
    top: 52%; left: 50%;
    transform: translate(-50%,-52%);
	transition: all .5s;
}
.fit .crs .fitTxt .hover{
	width: 100%;
	position: absolute;
    top: 75%; left: 50%;
    transform: translate(-50%,-75%);
	transition: all 0s;
	
	font-size: 14px;
	color: rgba(238,238,238,1);
}
.fit .crs .fitTxt .detail{
	display: block;
	font-size: 16px;
	padding: 0 20px;
	margin: 0;
	
	width: 100%;
	position: absolute;
    top: 52%; left: 50%;
    transform: translate(-50%,-52%);
	transition: all .5s;
	color: rgba(238,238,238,0);
}

/* crs - hover effect */
.fit .crs:hover .fitTxt .fitBx{
	background: rgba(0,0,0,.7);
}
.fit .crs:hover .fitTxt .course{
	top: 25px;
}
.fit .crs:hover .fitTxt .hover{
	display: none;
}
.fit .crs:hover .fitTxt .detail{
	display: block;
	top: 95px;
	color: rgba(238,238,238,1);
}

/** review - 추천수강생후기 **/
.fitRv .review{
	padding: 3px;
}
.fitRv .review .box{
	background:#fff;
    box-shadow: 2px 2px 5px rgb(153 153 153 / 50%);
	border: 1px solid #eee;
	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: 90px 0 75px 0;
    background: #f5f5f5;
}

/** coupon - 맞춤과정쿠폰영역 **/
.coupon.Wrapper{
	width: 100%; height: 450px;
	background: #f5f5f5;
	margin-bottom: 70px;
	background: url(/img/8landing/mycustom/fit_coupon.jpg);
	padding-top: 40px;
}
.coupon .textArea{
	text-align: center;
}
.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: 40px;
    font-family: 'GmarketSansBold';
    font-family: 'GmarketSansBold';
	color: #57217c;
}
.coupon .textArea .maint >span{
    font-family: 'GmarketSansBold';
	color: #fff;
	
}


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

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





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

#MYCUSTOM .inquire{
    width: 100%; min-height: 812px;
    background-color: #fff;
    padding: 60px 0;
    /**/display: none;
}
.inquire .titleBx{
    width: 100%; height: 400px;
    background: url(/img/8landing/mycustom/custom_bg3.png);
    background-size: 500px;
    background-position: 50px bottom ;
    background-repeat: no-repeat;
}
.inquire .quiryTit{
    width: 50%;
    float: right;
    text-align: center;
    background: #fff;
    border: 5px solid #2c2966;
    border-radius: 50px;
    padding: 60px 0;
    /**/display: none;
}
.inquire .quiryTit>p{
    font-size: 24px; 
    font-weight: 600;
    margin-bottom: 40px;
}
.inquire .quiryTit>p>span{
    display: block;
    line-height: 40px;
    font-size: 34px;
    font-weight: 900;
    font-family: 'GmarketSansBold';
    color: #2c2966;
}
.inquire .quiryTit>p:last-child{
    margin-bottom: 0;
}

.askOn{
    display: block !important;
}

.inquire .inquiryBx{
}
.inquiryBx .IQ_table{
    border-top: 3px solid #000;
}
.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{
    min-height: 812px;
    padding: 40px 0;
	display: none;
}
.result_lc .showing .Wrapper{
    padding-top: 0;
}
.result_lc .showing .fit .crs{
    width: 400px; height: 230px;
    float: none;
    display: inline-block;
    margin: 0;
}
.result_lc .inquire{
    padding: 0 !important;
    min-height: 0 !important;
	background-color: #f5f5f5 !important;
}
.result_lc .inquire .cpArea{
	padding-top: 70px;
}
.result_lc .coupon.Wrapper{
	margin-bottom: 0;
}
.result_lc .inquire .quiryTit{
    width: 100%;
    float: none;
    padding: 10px 0 20px 0;
    border: none;
	background: #f5f5f5;
}

.result_lc .inquire .IQ_custom{
	padding-bottom: 40px;
}
.IQ_custom .IQ_table tr>*, 
.IQ_custom label, 
input[type='text'], 
input[type='checkbox'], 
input[type='checkbox']:checked{
	background: #f5f5f5;
}








/* 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: 1200px;
    position: absolute;
    top: 45%;
    font-family: 'Arita-dotum-Medium';
    font-weight: bold;
    font-size: 25px;
    margin: 0;
}
.fitRv.owl-carousel .owl-nav{
    top: 38%;
}
.fitRv.owl-carousel .owl-nav .owl-prev, 
.fitRv.owl-carousel .owl-nav .owl-next{
    width: 50px; height: 50px;
    border-radius: 0px;
    margin: 0;
    position: absolute;
}
.fitRv.owl-carousel .owl-nav .owl-prev{
    left: -50px;
}
.fitRv.owl-carousel .owl-nav .owl-next{
    right: -50px;
}
.fitRv.owl-carousel .owl-nav .owl-prev:hover, 
.fitRv.owl-carousel .owl-nav .owl-next:hover{
    color: #000;
}
/* */