@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

*{
	word-break:keep-all;
}
html{
	font-family:'NanumSquare';
}

[data-aos=fade-down] {
    transform: translate3d(0,-10px,0);
}

[data-aos=fade-up] {
    transform: translate3d(0,20px,0);
}

.m-lecture-total-frmset .white h3{
	color:#fff !important;
}

.m-lecture-total-frmset .m-section-main{
	aspect-ratio: 1 / 0.65;
}
.m-lecture-total-frmset.hrdemployed .m-section-main .lecmain-fst-tag{
	background-image:url(../images/centerBg01.jpg);
	background-size:600px auto;
	background-position:center 40px;
	background-attachment:fixed;
	background-repeat:no-repeat;
}
.m-lecture-total-frmset.hrdUnemployed .m-section-main .lecmain-fst-tag{
	background-image:url(../images/centerBg02.jpg);
	background-size:600px auto;
	background-position:center 40px;
	background-attachment:fixed;
	background-repeat:no-repeat;
}

.m-lecture-total-frmset.hrdSpecialized .m-section-main .lecmain-fst-tag{
	background-image:url(../images/centerBg03.jpg);
	background-size:600px auto;
	background-position:center 40px;
	background-attachment:fixed;
	background-repeat:no-repeat;
}



.m-lecture-total-frmset.hrd-game .lecmain-fst-tag:nth-child(1) .bg{
	background-image:url(../images/game-mainBg01-m.jpg)
}

.m-lecture-total-frmset.hrd-game .lecmain-fst-tag:nth-child(2) .bg{
	background-image:url(../images/game-mainBg02-m.jpg)
}

.m-lecture-total-frmset.hrd-interior .lecmain-fst-tag:nth-child(1) .bg{
	background-image:url(../images/interior-mainBg01-m.jpg)
}
.m-lecture-total-frmset.hrd-interior .lecmain-fst-tag:nth-child(2) .bg{
	background-image:url(../images/interior-mainBg02-m.jpg)
}

.m-lecture-total-frmset.hrd-editorial .lecmain-fst-tag:nth-child(1) .bg{
	background-image:url(../images/editDesign-mainBg01-m.jpg)
}
.m-lecture-total-frmset.hrd-editorial .lecmain-fst-tag:nth-child(2) .bg{
	background-image:url(../images/editDesign-mainBg02-m.jpg)
}

.m-lecture-total-frmset.hrd-web .lecmain-fst-tag:nth-child(1) .bg{
	background-image:url(../images/web-mainBg01-m.jpg)
}
.m-lecture-total-frmset.hrd-web .lecmain-fst-tag:nth-child(2) .bg{
	background-image:url(../images/web-mainBg02-m.jpg)
}

.m-lecture-total-frmset.hrd-ae .lecmain-fst-tag:nth-child(1) .bg{
	background-image:url(../images/ae-mainBg01-m.jpg)
}
.m-lecture-total-frmset.hrd-ae .lecmain-fst-tag:nth-child(2) .bg{
	background-image:url(../images/ae-mainBg02-m.jpg)
}

.m-lecture-total-frmset.hrd-cad .lecmain-fst-tag:nth-child(1) .bg{
	background-image:url(../images/cad-mainBg01-m.jpg)
}
.m-lecture-total-frmset.hrd-cad .lecmain-fst-tag:nth-child(2) .bg{
	background-image:url(../images/cad-mainBg02-m.jpg)
}

.m-lecture-total-frmset.hrd-ai .lecmain-fst-tag:nth-child(1) .bg{
	background-image:url(../images/ai-mainBg01-m.jpg)
}
.m-lecture-total-frmset.hrd-ai .lecmain-fst-tag:nth-child(2) .bg{
	background-image:url(../images/ai-mainBg02-m.jpg)
}
.m-lecture-total-frmset.hrd-ps .lecmain-fst-tag:nth-child(1) .bg{
	background-image:url(../images/ps-mainBg01-m.jpg)
}
.m-lecture-total-frmset.hrd-ps .lecmain-fst-tag:nth-child(2) .bg{
	background-image:url(../images/ps-mainBg02-m.jpg)
}

.skill_hide .inlist{
	display:none;
}

.skill_hide{
	padding-top:40px;
}
.skill .last{
	display:flex;
	text-align:center;
	justify-content:center;
}

.skill .last li{
		
	position:relative;
	padding-left:10px;
	padding-right:10px;

}

.skill .last li img{
	width:32px;
}

.skill .last li:not(:last-child):after{
	content:'';
	width:1px;
	height:25px;
	background-color:#ccc;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);

}
.skill span{
	display:block;
}

.theory .context{
	position:relative;
	z-index:3;
}


.txtinfo{
font-family: 'GmarketSansLight';
    color: #666;
    font-size: 29px;
    margin: 0 auto;
    letter-spacing: -0.07em;

}
.txtinfo .row{
	display:flex;
	justify-content:center;
	z-index:1;
	flex-wrap:wrap;
}


.txtinfo .row:last-child{
	margin-top:36px;
	margin-bottom:36px;
}

.txtinfo .row p{
	font-size:16px;
	text-align:center;
	font-family:'NanumSquare';
	
}


.txtinfo .hash-txt{
	line-height: 1;
    padding: 8px 0 2px;
}

.txtinfo .hashbox{
    margin-right:5px;
    margin-left:5px;
    margin-bottom:5px;
    }
    
.hashbox .in{
	background-color: #f3f3f3 !important;

}
.rolling { 	
	display:block; position:absolute; 
    /* top: -190%; left: -18%; right: -18%; bottom: -190%; */
	top:-50%; left:0; right:0; 
background: rgb(164,142,210);
background: -moz-linear-gradient(90deg, rgba(164,142,210,1) 0%, rgba(248,192,234,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(164,142,210,1) 0%, rgba(248,192,234,1) 100%);
background: linear-gradient(90deg, rgba(164,142,210,1) 0%, rgba(248,192,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a48ed2",endColorstr="#f8c0ea",GradientType=1);
    line-height: 1;
    margin: 0; 		
	animation: gradient-rotate 1s linear infinite;
	z-index:1;
}

.lecture-total-frmset .section.liccoast .bg .ban {
	background: url(/m/img/lecture/fst/inquiry-phonebg-banngerbg-imgNEW.jpg) no-repeat 0 0 / 100%;
	font-size:0;
	
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


/*서브메뉴영역*/

.hrdSubMenu{
	width:100%;
	padding:0 15px;
	position:relative;
	z-index:100;
}
.hrdSubMenu ul{
	display:flex;
	margin-top:-20px;
	background-color:#fff;
	border-radius:20px;
}
.hrdSubMenu ul li{
	line-height:45px;
	flex:1;
	text-align:center;
	position:relative;
	font-family: 'NanumSquare';
	font-size:16px;
}

.hrdSubMenu ul li a{
	display:block;
	background-color:#fff;
	border-radius:15px;
	transition:transform 0.5s, box-shadow 0.5s;
	position:relative
}

.hrdSubMenu ul li:hover a{
	font-weight:900;
	
}
.hrdSubMenu ul li.active{
	font-weight:900;
	z-index:3;
}
.hrdSubMenu ul li.active a{
	transform:translate(0, -5px);
	box-shadow:3px 4px 5px rgba(0,0,0,0.3);
}

.hrdSubMenu ul li:not(.active,:first-child):after{
	content:'';
	width:1px;
	height:15px;
	background-color:#e4acea;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
}

/*탭 컨텐트 영역*/
.hrdTabContent figure{
	margin:0;
}
.hrdTabContent{
	padding:15px;
	font-family:'NanumSquare';
	align-items:center;
	margin-top:40px;
	margin-bottom:100px;
}

.hrdTabContent h3{
	padding:15px 0 10px 15px;
	line-height:1;
	border-radius:10px;
	font-size:16px;
	z-index:3;
	position:relative;
	transition:transfrom 0.5s;
	cursor:pointer;
	background-image: url(/img/sub/dot_04.gif);
    background-position:5px center;
   	background-repeat:no-repeat;
   	margin-bottom:10px;
}
.hrdTabContent h3.active{
	padding-left:25px;
	background-color:#f3bbf1;
	color:#fff;	
	box-shadow:3px 3px 10px rgba(0,0,0,0.2);
	transform:translate(-5px,-5px);	
	    background: linear-gradient(-152deg, rgba(193,191,230,1) 0%, rgba(234,136,222,1) 100%);
	
}
.hrdTabContent h3:hover{
	background-color:#ffd4fd;
}
.hrdTabContent .tabWrap{
	padding:40px 20px 40px;
	background-color:#fff;

	border-radius:0 0 10px 10px;
	transform:translateY(-15px);
}

.hrdTabContent .tabWrap h4{
		text-align:center;
		color:#2e2e2e;
	font-weight:900;
	font-size:20px;	
	margin-top:10px;
	margin-bottom:10px;
	background-position:0 center;
}
.hrdTabContent>div:first-child{
	display:block;
}


.hrdTabContent .icon{
	width:50px;
}

/*tabCon1 영역*/
.tabCon1 .tabWrap{
	display:block;
	font-size:14px;
}


.tabCon1 p{
	margin-bottom:25px;


}

.tabCon1 figure{
	display:flex;
	justify-content:center;
	align-items:center;
}

.tabCon1 mark{
	background-color:#f2f2f2;
	font-weight:900;
}



/*tabCon2 영역*/


.tabCon2 ul{
	text-align:center;
}

.tabCon2 li{
	margin-bottom:30px;
}

.tabCon2 ul p{
	color:#2e2e2e;
	font-weight:900;
	font-size:14px;	
	margin-top:10px;
	margin-bottom:5px;
}

.tabCon2 ul span{
	display:block;
	font-size:14px;
	line-height:1.2;
}

.tabCon2 figure{


}

.tabCon2 article{
	background-color:#f0f0f0;
	border-radius:25px;
	margin-top:20px;
	padding:20px;
	text-align:center;
	font-size:14px;
}

/*재직/구직페이지*/
 .description{
	font-size:16px;
	color:#363636;
	margin-top:20px;
	letter-spacing:0;
	text-align:center;
	width:calc(100% - 40px);
	margin-left:auto;
	margin-right:auto;
    word-break: normal;
    }

.description span{
	color:#c696eb;
	font-weight:700;	
	font-size:16px !important;
}

.content table{
		font-size:14px;
		margin-top:12px;
			letter-spacing:-1px;
		
}

.content table td,
.content table th{
		padding-top:10px;
		padding-bottom:10px;	
		border-left:1px solid #ddd;
		border-bottom:1px solid #ddd;
}

.content .categoriase{
	width: 45%;
}
.content .over140{
	width:25%;
}
.content .under140{
	width:30%;
		border-right:1px solid #ddd;
}

.content table th{
	border-top:1px solid #ccc;
	font-size:14px;
	background-color:#f2f2f2;
	font-weight:500;
}



.imgBox{
	display:flex;
}

.imgBox>div{
	width:33.33%;
	position:relative;
}
.imgBox>div:not(:last-child):after{
	content:'';
	width:1px;
	height:20px;
	border-right:2px dashed pink;	
	position:absolute;
	right:0;
	top:50%;
	margin-top:-10px;
}

.imgBox>div img{
	width:85%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.imgBox p{
	text-align:center;
	font-size:16px;
	color:#363636;
	margin-top:12px;
}


.hrdContext{
	font-family:'NanumSquare'
}

.hrdContext h4{
	font-size:18px;
	text-align:center;
	font-weight:bold;
}

.hrdContext .hrdContent{
	margin-top:40px;
	padding: 0 15px;
}

.hrdContext .hrdContent .tit{
	margin-bottom:40px;
}
.hrdContext .hrdContent h3{
	font-size:22px;
	font-weight:900;
	text-align:center;
	margin-bottom:5px;	
}

.hrdContext .hrdContent .tit p{
	font-size:14px;
	text-align:center;
	margin-top:5px;
}
.hrdContext .hrdContent .tit p mark{
	background-color:transparent;
	border-bottom:1px solid #111;
	color:#111;
	padding-bottom:1px;
}

.hrdContext .hrdConBox{
	margin-bottom:80px;
	font-size:14px;
}

.hrdContext .hrdConBox h5{
	font-size:18px;
	margin-bottom:5px;
}
.hrdContext .box{
	flex:1;
	text-align:center;
	position:relative;
	margin-bottom:40px;

}

.hrdContext .hrdConBox span{
	font-size:12px;
}


.content2{
	margin-top:40px;
}

.hrdContext .box p{
	font-size:16px;
	color:#2e2e2e;
	font-weight:900;
	margin-top:5px;
	margin-bottom:5px;
}




.classes{
		/*background-image:url(../images/hrdBg02.jpg);*/
}
.cardContainer{
	padding:0 15px;	
	margin-top:80px;
}
.classCard{

	background-color:#fff;
	border:1px solid #eee;
	border-radius:5px;
	overflow:hidden;
	backdrop-filter:blur(14px);
	background-color:rgba(255,255,255,0.1);
	margin-bottom:20px;
}

.classCard:hover{
	background-color:#eee;
	border-color:#ccc;
}

.classCard:last-child{
	margin-right:0;
}


.classCard .pic{
	height:200px;
	overflow:hidden;
}

.classCard .pic img{
	height:100%;
	transition:all 2s;
	display:block
}

.classCard:hover img{
	transform:scale(1.1);
}

.classCard .txt{
	padding:15px;
	line-height:1.2;
	width:100%;
}

.classCard strong{
	font-size:12px;
}

.classCard h4{
	margin:0;
	padding:0;
	background-image:none;
	font-size:18px;
	margin-top:5px;
	width:100%;
	text-align:left;
}
.classCard p{
	margin-top:10px;
}
.classCard p span:before{
	content:'#';
}

.classCard p span:not(:last-child):after{
	content:',';
}

/*클로즈버튼 / 체크버튼*/
.recommand-wrap .closeset a::before{
	width:70px;
	height:70px;
	background-image: url(/hrd/images/ico-close.png);
	
}
.recommand-wrap .closeset.complete a::before{
	width:70px;
	height:70px;
	background-image: url(/hrd/images/ico-check.png);
}
#storyCoursePop > .inset{
	justify-content:unset;
}