@charset "utf-8";


/* 반도체인프라활용현장인력양성 메인  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 /* 메인-레이어팝업 */
.layerPopup {min-width:400px; position:absolute; background:#fff; z-index:9; box-shadow:1px 1px 5px rgba(0,0,0,0.1);}
.layerPopup > div {width:100%; font-size:14px; padding:5px; overflow:hidden;}
.layerPopup > dl {padding:12px; font-size:13px; color:#fff; background:rgba(16,42,69,0.9); overflow:hidden;}
.layerPopup > dl > dt {float:left; cursor:pointer;}
.layerPopup > dl > dd {float:right; cursor:pointer;}

@media screen and (max-width: 1025px){
	.layerPopup {width:80% !important; min-width:auto; height:auto !important; left:50% !important; transform:translateX(-50%); z-index:9 !important;}
	.layerPopup > dl {padding:10px;}
	.layerPopup div {width:100% !Important; height:auto !important;}
	.layerPopup img {width:100% !important; height:auto !important;}
	
	#layer_0 {top:90px !important; left:15% !important; transform:translate(-15%);}
	#layer_1 {top:120px !important;}
	#layer_2 {top:150px !important; left:40% !important; transform:translate(-40%);}
	#layer_3 {top:170px !important; left:25% !important; transform:translate(-25%);}
	#layer_4 {top:200px !important; left:60% !important; transform:translate(-60%);}
}

@media screen and (max-width: 769px){
}


.main-wrap * { word-break: keep-all; }
/* 메인비주얼영역 */
.mnVisual_wrap {display: flex;padding: 5rem 0;justify-content: space-between;align-items: center;gap: 6rem;}
.mnVisual_wrap .mnVisual_tit {  }
.mnVisual_wrap .mnVisual_tit * { line-height: 1em; }
.mnVisual_wrap .mnVisual_tit h3 { color: #222; font-size: 5.2rem; font-weight: 600; letter-spacing: -0.08em; line-height: 1.1; }
.mnVisual_wrap .mnVisual_tit h3::before { content: "On-site engineer training using semiconductor infrastructure based on industrial demand"; display: block; margin-bottom: 2rem; color: #e68a24; font-size: 1.4rem; font-style: italic; line-height: 1em; letter-spacing: -0.03em; font-family: 'Poppins'; }
.mnVisual_wrap .mnVisual_tit h3 span { color: #0f4fa1; }
.mnVisual_wrap .mnVisual_tit p { margin-top: 3rem; color: #555; font-size: 2.2rem; letter-spacing: -0.05em; line-height: 1.2; }
.slide_img { width: 60rem; height: 35rem; border-radius: 2rem; overflow: hidden; box-shadow: #0000003b 0 1px 20px; }
.slide_img .slick-slide img { width: 100%; height: 100%; object-fit: cover; }
.slide_btn { display: flex; margin-top: 5rem; gap: 1rem; align-items: center; }
.slide_btn hr { flex: 1; margin-right: 2rem; height: 1px; background: #999; border: none; }
.slide_btn button { display: inline-flex; width: 5rem; height: 5rem; align-items: center; justify-content: center; background: #ccc; border-radius: 50em; color: #fff; font-size: 1.4rem; }
.slide_btn .slide_more { background: #222; }
.slide_btn .slide_more:hover { background: #0f4fa1; }
.slide_btn .slick-arrow:hover { background: #aaa; }


/* 메인퀵메뉴영역 */
.mnQuick {position: relative;background: #000;}
.mnQuick::before {content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url('../images/main/img_banner_02.png') center center no-repeat;background-size: cover;opacity: 0.7;}
.mnQuick ul { display: flex; }
.mnQuick li {position: relative;padding: 4rem 3rem;flex: 1 0;}
.mnQuick li::before { content: ""; display: inline-block; position: absolute; width: 1px; height: 100%; left: 0; top: 0; background: rgba(255, 255, 255, 0.3); }
.mnQuick li:last-child::after { content: ""; display: inline-block; position: absolute; width: 1px; height: 100%; right: 0; top: 0; background: rgba(255, 255, 255, 0.3); }
.mnQuick li:nth-child(1) .mnQuick_tit {background: rgb(6 72 156 / 80%) url(../images/main/icn_quick_01.png) right -0.5rem bottom -0.5rem no-repeat;}
.mnQuick li:nth-child(2) .mnQuick_tit {background: rgb(213 122 21 / 80%) url(../images/main/icn_quick_02.png) right -0.5rem bottom -0.5rem no-repeat;}
.mnQuick li:nth-child(3) .mnQuick_tit { background: rgba(133, 165, 46, 0.6) url('../images/main/icn_quick_03.png') right -0.5rem bottom -0.5rem no-repeat; }
.mnQuick li .mnQuick_tit {display: flex;padding: 4rem 4rem;height: 30rem;flex-direction: column;align-items: flex-start;/* border-radius: 1.5rem; */}
.mnQuick li div * { color: #fff; line-height: 1em; letter-spacing: -0.08em; }
.mnQuick li div h4 {font-size: 2.8rem;font-weight: 500;}
.mnQuick li div p {width: 72%;margin-top: 2rem;font-size: 1.7rem;color: #f7f7f7;line-height: 1.4;letter-spacing: -0.04em;}
.mnQuick li div a { display: inline-flex; margin-top: auto; font-size: 1.6rem; font-weight: 500; gap: 0.8rem; }
.mnQuick li div a::after { content: "→"; transition: all 0.3s; }
.mnQuick li div a:hover::after { transform: translateX(1rem); }
.mnQuick li .mob { display: none; }
/* .mnQuick li:nth-child(1) .mnQuick_tit { background-color: rgba(19, 68, 131, 0.7); }
.mnQuick li:nth-child(2) .mnQuick_tit { background-color: rgba(180, 108, 29, 0.7); }
.mnQuick li:nth-child(3) .mnQuick_tit { background-color: rgba(60, 129, 32, 0.7); } */

@media screen and (max-width: 1200px){
	.mnVisual_wrap .mnVisual_tit h3 { font-size: 4.6rem; }
	.mnVisual_wrap .mnVisual_tit h3::before { margin-bottom: 1rem; }
	.mnVisual_wrap .mnVisual_tit p { margin-top: 2rem; font-size: 1.8rem; }
	.slide_img { width: 54rem; height: 31.5rem; }
	.slide_btn { margin-top: 3rem; }
	
	.mnQuick ul { padding: 2rem 0; gap: 2rem; }
	.mnQuick li { padding: 0; }
	.mnQuick li::before, .mnQuick li:last-child::after { content: none; }
	.mnQuick li .mnQuick_tit { padding: 4rem 3rem; height: 24rem; background-size: 12rem !important; }
	.mnQuick li div h4 { font-size: 2.8rem; }
	.mnQuick li div p { font-size: 1.6rem; }
}

@media screen and (max-width: 1025px){
	.mnVisual_wrap { padding: 5.5rem 0 4.5rem; flex-wrap: wrap; gap: 3rem; }
	.mnVisual_wrap > div { width: 100%; }
	.mnVisual_wrap .mnVisual_tit { text-align: center; }
	.slide_img { width: 100%; height: 35rem; }
	.slide_img .slick-slide img { object-fit: contain; }
	
	.mnQuick ul { flex-direction: column; }
	.mnQuick li:nth-child(1) .mnQuick_tit { background-color: rgba(19, 68, 131, 0.7); }
	.mnQuick li:nth-child(2) .mnQuick_tit { background-color: rgba(180, 108, 29, 0.7); }
	.mnQuick li:nth-child(3) .mnQuick_tit { background-color: rgba(60, 129, 32, 0.7); }
	.mnQuick li .mnQuick_tit { height: auto; flex-direction: row; align-items: center; gap: 5rem; }
	.mnQuick li .mnQuick_tit div { flex: 1; }
	.mnQuick li div p { margin-top: 2rem; width: 100%; }
	.mnQuick li div a { margin-top: 0; padding: 1.2rem 2rem; background: #1f1f1f; border-radius: 50em; font-size: 1.5rem; font-weight: 400; }
	
}

@media screen and (max-width: 769px){
	.mnVisual_wrap { gap: 2rem; }
	.mnVisual_wrap .mnVisual_tit h3 { font-size: 4rem; }
	.mnVisual_wrap .mnVisual_tit h3::before { content: none; }
	.slide_img { width: 100%; height: 100%; }
	.slide_btn button { width: 4rem; height: 4rem; }
	.slide_btn { justify-content: flex-end; }
	
	.mnQuick li .mnQuick_tit { padding: 3.4rem 2.4rem; gap: 2rem; }
	.mnQuick li div h4 { font-size: 2.4rem; }
	.mnQuick li div p { display: none; margin-top: 1.2rem; }
	.mnQuick li .mob { display: block; }
}

@media screen and (max-width: 576px){
	.mnQuick li .mnQuick_tit { background-size: 10rem !important; }
	.mnQuick li div h4 { font-size: 2.2rem; }
	.mnQuick li div p { margin-top: 0.8rem; }
	.mnVisual_wrap .mnVisual_tit h3 { font-size: 3.6rem; }
	.mnVisual_wrap .mnVisual_tit p { margin: 2rem auto; font-size: 1.6rem; }
}

@media screen and (max-width: 481px){
	.mnQuick li .mnQuick_tit { flex-direction: column; align-items: flex-start; }
}


/* 메인랜딩페이지영역 */
.mnLand {padding: 3rem 0; background: #232938 url('../images/main/bg_mnland.png') center center no-repeat; background-size: cover; }
.mnLand > div {display: flex; text-align: center; align-items: center; justify-content: space-between;}
.mnLand .mnLand-tit {margin-left: 3rem; color: #fff;}
.mnLand .mnLand-tit span { display: block; margin-bottom: 0.8rem; text-align: left; font-size: 1.6rem; opacity: 0.4; }
.mnLand .mnLand-tit p { text-align: left; font-size: 2.4rem; }
.mnLand .mnLand-btns {display: inline-flex; margin-right: 3rem; gap: 2rem;justify-content: center; flex-wrap: wrap; }
.mnLand .mnLand-btns > div {display: flex; flex: 1 0; width: 30rem; padding: 2rem 2.8rem; background: #387FDA; border-radius: 1rem; word-break: keep-all; justify-content: space-between; align-items: center; gap: 3rem; }
.mnLand .mnLand-btns > div:nth-child(2n) { background: #3256CD; }
.mnLand .mnLand-btns .sub_tit { margin-bottom: 0.6rem; color: #fff; font-size: 1.4rem; opacity: 0.5; letter-spacing: 0; text-align: left; white-space: pre;}
.mnLand .mnLand-btns .tit {font-size: 1.7rem; color: #fff; white-space: pre; text-align: left;}
.mnLand .mnLand-btns .btn_more { padding: 0.5em 1.2em; border: 1px solid #fff; border-radius: 50em; font-size: 1.4rem; color: #fff;}
.mnLand .mnLand-btns .btn_more:hover { background: rgb(0, 0, 0, 0.5); border: 1px solid rgb(0, 0, 0, 0.2); }
@media screen and (max-width: 1025px){
	.mnLand > div { flex-direction: column; }
	.mnLand .mnLand-tit { margin: 0; }
	.mnLand .mnLand-tit span { text-align: center; }
	.mnLand .mnLand-btns { margin: 0; margin-top: 3rem; }
}

@media screen and (max-width: 769px){
	.mnLand { background: #232938 url(../images/main/bg_mnland.png) left center no-repeat; background-size: cover; }
	.mnLand .mnLand-btns { width: 100%; flex-direction: column; }
	.mnLand .mnLand-btns > div { width: 100%; }
	.mnLand .mnLand-tit p { text-align: center; }
}

@media screen and (max-width: 576px){
}