@charset "utf-8";

#sub_top {height:65px;}
	/* 서브 상단 메뉴명, 한줄글 */
.sub_title_wrap {overflow:hidden; width:100%; height:auto;}
.sub_title_wrap .sub_title {width:var(--page-width); padding:65px 0; margin:0 auto; text-align:center; text-transform:uppercase;}
.sub_title_wrap .sub_title_pad {padding-bottom:100px;}
	/* 영문 > 한글로 변경하면서 같아짐 */
.sub_title_wrap .sub_title > h2 {/* font-size:56px; font-weight:800; font-family:"Pretendard"; */font-family:'CoreGothic8'; font-size:43px; line-height:43px;}
.sub_title_wrap .sub_title_ko > h2 {font-size:43px; font-family:"CoreGothic8";}

.sub_title_wrap .sub_title > p {padding-top:25px; font-family:"CoreGothic4"; font-size:18px; line-height:1;}
.sub_title_wrap.veiw_title_wrap .sub_title > p {padding-top:15px; margin-bottom:-5px; color:var(--common-point-font); font-family:"CoreGothic5"; font-size:22px; line-height:1.5;}

	/* 서브페이지 공통 */
.sub_content_wrap {position:relative; overflow:hidden; width:100%; margin:0 auto;}
.sub_content_wrap .sub_content {width:var(--page-width); height:auto; margin:0 auto;}

.sub_content .sub_content_title {padding:75px 0 45px; text-align:center;}
.sub_content .sub_content_title .title {color:var(--common-point-font); font-family:"CoreGothic6"; font-size:37px; line-height:40px;}
.sub_content .sub_content_title .title_detail {font-family:"CoreGothic4"; font-size:16px;}
.sub_content .sub_content_title .title_detail span {display:inline-block; padding:20px 0 13px; font-family:"CoreGothic5"; font-size:17px;}

.sub_content .sub_content_title_en {padding:75px 0 45px; text-align:center;}
.sub_content .sub_content_title_en .title {color:var(--common-point-font); font-weight:800; font-family:"Pretendard"; font-size:50px; line-height:40px;}


/* 완료페이지_상담신청, 회원가입, 회원탈퇴 */
.completed_form_wrap {width:var(--page-width); margin:0 auto; padding:130px 0 60px;}
.completed_form {width:100%; clear:both; text-align:center;}
.completed_form h3 {font-size:32px; font-weight:normal; margin:20px 0 10px;}
.completed_form h3 span {color:var(--common-point); font-family:"CoreGothic6";}
.completed_form p {color:#555; font-family:'CoreGothic4'; font-size:16px;}
.completed_form span {font-family:'CoreGothic5';}


	/* 서브 설명글 - 국비지원, 취업지원 */
.sub_explain_wrap {margin:0 auto; padding:0 42px 70px;}
.sub_explain_wrap .explain_left {float:left; width:50%;}
.sub_explain_wrap .explain_right {float:right; width:50%; padding-left:75px; text-align:left;}
.sub_explain_wrap .explain_right .sub_content_title {padding-top:0; text-align:left;}
.sub_explain_wrap .explain_text {padding-top:4px; font-size:16px; line-height:1.5;}
.sub_explain_wrap .explain_text span {display:inline-block; font-family:"CoreGothic6"; font-size:19px;}


	/* 썸네일 형식 - 커뮤니티, 포트폴리오 */
.sub_content_wrap .list_content {}
.list_content .img_box {/* display:inline-block; position:relative; */float:left; width:275px; outline:none; margin:0 20px 45px 0; cursor:pointer;}
.list_content .img_box:nth-child(4n) {margin-right:0px;}
.list_content .img_box .thumb {overflow:hidden; height:243px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -moz-box-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -moz-align-items:center; -ms-flex-align:center; align-items:center;}
.list_content .img_box .thumb:hover img {transform:scale(1.1);}
.list_content .img_box .thumb img {transition:all .3s ease; width:auto; height:100%;}
.list_content .img_box .thumb_title {padding-top:15px;}
.list_content .img_box .thumb_title p.date, .list_content .img_box .thumb_title p.part {height:25px; padding-bottom:5px; color:#999;}
.list_content .img_box .thumb_title p.title {font-size:16px;}

.list_content ul{padding-left:60px;}

	/* 더보기 버튼 - 포트폴리오 목록, 커뮤니티 목록 */
.list_content_wrap .list_plus_btn {margin:0 auto; padding-right:21px; background-image:url("/resources/images/common/list_plus.png"); background-repeat:no-repeat;}
	/* 목록으로 버튼 - 커뮤니티 상세 */
.view_content_wrap .list_back_btn {width:174px; margin:0 auto;}

/* 국비지원 지원절차 & 취업센터 프로세스 아이콘부분 */
.process_actiontype {position:relative; /* width:var(--page-width); padding-bottom:77px; */ margin:0 auto;}
.process_actiontype2 {padding-bottom:163px;}
.process_actiontype > div {position:relative; display:inline-block; /* margin-top:60px; */ transition:all 0.8s ease-out; color:#333; text-align:center;}
.process_actiontype span.step {display:inline-block; margin-bottom:7px; color:var(--common-point-font); font-weight:400; font-family:'Pretendard'; font-size:16px;}
.process_actiontype p:first-of-type {font-size:17px;}


/* 영상소개, 국비지원, 취업센터 모션 */
.text_ani {}
.text_ani p[class^="text_ani"] {animation-name:text_ani;}
.text_ani1 {
	animation-duration:0.7s;
    animation-delay:0s;
    -webkit-animation-duration:0.7s;
    -moz-animation-duration:0.7s;
    -o-animation-duration:0.7s;
    -ms-animation-duration:0.7s; 
}
.text_ani2 {
	animation-duration:0.9s;
    animation-delay:0s;
    -webkit-animation-duration:0.9s;
    -moz-animation-duration:0.9s;
    -o-animation-duration:0.9s;
    -ms-animation-duration:0.9s;
}
.text_ani3 {
	animation-duration:1.2s;
    animation-delay:0s;
    -webkit-animation-duration:1.2s;
    -moz-animation-duration:1.2s;
    -o-animation-duration:1.2s;
    -ms-animation-duration:1.2s;
}
.text_ani4 {
    animation-duration:1.5s;
    animation-delay:0s;
    -webkit-animation-duration:1.5s;
    -moz-animation-duration:1.5s;
    -o-animation-duration:1.5s;
    -ms-animation-duration:1.5s;
}
.text_ani5 {}

@keyframes text_ani { 
    0% {opacity:0; transform:translateY(30px);}
    50% {opacity:0.5;}
    100% {opacity:1; transform:translateY(0);}
}



/* 페이징 */
/* .sub_num_common{padding-top:12px;} */
.botlist_num {text-align:center;}
.botlist_num > div {margin:40px auto 70px; text-align:center;}
.botlist_num>div a{width:38px; height:43px; display:inline-block; border:1px solid var(--border-darkgray); margin-right:5px; text-align:center; line-height:41px; font-size:14px; color:#2b2b2b; cursor:pointer;}

.botlist_num > div a.last{margin-right:0;}
.botlist_num > div a:hover {border:1px solid var(--common-point); background:var(--common-point); color:#fff;}
.botlist_num > div a.nohover:hover{border:1px solid #d4d4d4; color:#d4d4d4;}

.botlist_num > div a.board_num_on {border:1px solid var(--common-point); background:var(--common-point); color:#fff;}

.botlist_num > div a.board_num_prev {background:url(/resources/images/landing/page_left.png) no-repeat center;}
.botlist_num > div a.board_num_first {background:url(/resources/images/landing/page_edge_left.png) no-repeat center; vertical-align: middle; margin-top: -3px; height: 43px;}
.botlist_num > div a.board_num_next {background:url(/resources/images/landing/page_right.png) no-repeat center;}
.botlist_num > div a.board_num_last {background:url(/resources/images/landing/page_edge_right.png) no-repeat center; vertical-align: middle; margin-top: -3px; height: 43px;}

.botlist_num > div a.board_num_prev:hover { background:var(--common-point) url(/resources/images/landing/page_left.png) no-repeat center;}
.botlist_num > div a.board_num_first:hover { background:var(--common-point) url(/resources/images/landing/page_edge_left.png) no-repeat center;}
.botlist_num > div a.board_num_next:hover { background:var(--common-point) url(/resources/images/landing/page_right.png) no-repeat center;}
.botlist_num > div a.board_num_last:hover { background:var(--common-point) url(/resources/images/landing/page_edge_right.png) no-repeat center;}


.main_section .sec_wrap .sec_content .sub_title_common{ margin-top:77px; }
	/* 교육과정 목록에 있었는데 삭제함. 다른 페이지도 확인하기 */
.sub_section {padding-bottom:0px !important;}



/*****게임제작과정*****/

/********** 섹션. .sub_wrap .sub_section 으로 통일하기 **********/
.sub_wrap {box-sizing: border-box;}
.sub_wrap *, .sub_wrap *::before, .sub_wrap *::after {box-sizing: inherit;}
/* class="sub_section" */
.sub_section {width: 100%; /* padding-bottom: 110px; */ margin: 0 auto;}
#main_section .sub_section {padding-bottom: 0;}
.sub_section_black {background-color: #1f2023;}
.sub_section_darkgray, .sub_section_darkgray_radius {background-color: #26272b;}
.sub_section_lightgray {background-color: #f8f8f8;}
	/* 교육과정 */
		 /* 검정색 아래로 볼록 */
.sub_section_black_radiusB {overflow-x: hidden; background-color: #26272b;}
.sub_section_black_radiusB .section_content_wrap {width: 104%; min-width: var(--page-width); margin: 0 -2%; border-radius: 0 0 50% 50% / 0 0 60px 60px; background-color: #090909;}
		 /* 검정색 위로 볼록 */
.sub_section_black_radiusT {overflow-x: hidden; background-color: #26272b;}
.sub_section_black_radiusT .section_content_wrap {width: 104%; min-width: var(--page-width); margin: 0 -2%; border-radius: 50% 50% 0 0 / 60px 60px 0 0; background-color: #090909;}

	/* 교육과정 */
		 /* 검정색 아래로 볼록 */
.sub_section_black_radiusB {overflow-x: hidden; background-color: #26272b;}
.sub_section_black_radiusB .section_content_wrap {width: 104%; min-width: 1280px; margin: 0 -2%; border-radius: 0 0 50% 50% / 0 0 60px 60px; background-color: #090909;}
		 /* 검정색 위로 볼록 */
.sub_section_black_radiusT {overflow-x: hidden; background-color: #26272b;}
.sub_section_black_radiusT .section_content_wrap {width: 104%; min-width: 1280px; margin: 0 -2%; border-radius: 50% 50% 0 0 / 60px 60px 0 0; background-color: #090909;}
	/* 강사구인 */
.trecruit_wrap .sub_section_darkgray_radius .section_content_wrap {padding: 60px 0;}
.trecruit_wrap .sub_section_black_radiusB .section_content_wrap {background-color: #1f2023;}
.trecruit_wrap .sub_section_black_radiusT .section_content_wrap {background-color: #1f2023;}

/* class="section_content_wrap" */
.section_content_wrap {width: 100%; padding: 100px 0; margin: 0 auto;}

/* class="section_content" */
.section_content {overflow: hidden; width: 1280px; margin: 0 auto;}
.section_content.section_content_w100 {width: 100%; min-width: var(--page-width);}
.section_content_lr {display: -webkit-box; display: -moz-box; display: flex; /* justify-content: space-between; */}
.section_content_lr .section_content_l {text-align: left;}
.section_content_lr .section_content_r {}

.section_title {color: #fff; font-weight: 700; font-size: 50px; line-height: 1.35;} /* 배경 블랙 */
.section_subtitle {padding-top: 25px; color: #fff; /* font-weight: 300; font-size: 18px; */font-weight: 400; font-size: 20px; line-height: 1.6;} /* 배경 블랙 */
.section_content_l .section_subtitle {font-weight: 300; font-size: 18px;}
.sub_section_lightgray .section_title {color: #222; font-weight: 500; font-size: 40px; line-height: 1.2;} /* 배경 연회색 */
.sub_section_lightgray .section_subtitle {color: var(--color-gray); font-weight: 400; font-size: 18px; line-height: 1.4;} /* 배경 연회색 */
	/* 타이틀 > 데코 > 서브타이틀 */
.section_subtitle_deco::before {content: url(/resources/images/common/section_subtitle_img.svg); display: block; padding: 35px 0;}
	/* 타이틀 > 서브타이틀 > 데코 > 서브타이틀 */
.section_title + .section_subtitle_deco2 {padding-top: 60px;}
.section_subtitle_deco2::after {content: url(/resources/images/common/section_subtitle_img.svg); display: block; padding: 35px 0;}
.section_subtitle_deco2 + .section_subtitle {padding-top: 0;}

.content_title {color: #fff; font-weight: 500; font-size: 20px;}

.point_text {color: var(--color-red); font-weight: 400;}

/********** 스타일 **********/
.deco_dot {position: relative; height: 56px; margin: 30px 0 0;}
.deco_dot div {width: 4px; height: 4px; margin: 0 auto; border-radius: 50%; background: var(--color-gray);}
.deco_dot div::before {content: ''; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 4px; height: 4px; border-radius: 50%; opacity: .7; background: var(--color-gray);}
.deco_dot div::after {content: ''; position: absolute; bottom: 0; transform: translateX(-50%); width: 4px; height: 4px; border-radius: 50%; opacity: .4; background: var(--color-gray);}

/*20250509 index 제외된 style code*/
.padding_N{padding:0 !important;}