/* package apply index - intro main (package_main design) */
.pkg-apply-index { background:#fff; }
.pkg-apply-focus-body #wrap { width:100%; min-width:0; }
.pkg-apply-focus-body #footer_contents { width:100%; }
.pkg-apply-index .landing_container { position:relative; width:100%; max-width:980px; margin:0 auto; box-sizing:border-box; }
.pkg-apply-index .pkg-apply-index-hero { background:url(/web/page/package/images/pack_intro/intromain_bg.jpg) center top no-repeat; }
.pkg-apply-index .pkg-apply-index-hero img { display:block; width:100%; height:auto; }

.pkg-apply-index .intromain_thumb_line1 { height:442px; width:980px; max-width:100%; margin:50px auto 20px; content-visibility:auto; contain-intrinsic-size:980px 442px; }
.pkg-apply-index .intromain_thumb_line2 { height:450px; width:980px; max-width:100%; margin:20px auto 20px; content-visibility:auto; contain-intrinsic-size:980px 450px; }
.pkg-apply-index .intromain_thumb_line3 { height:450px; width:980px; max-width:100%; margin:20px auto 20px; content-visibility:auto; contain-intrinsic-size:980px 450px; }
.pkg-apply-index .intromain_thumb_line4 { height:450px; width:980px; max-width:100%; margin:20px auto 20px; content-visibility:auto; contain-intrinsic-size:980px 450px; }
.pkg-apply-index .intromain_thumb_sa,
.pkg-apply-index .intromain_thumb_fm,
.pkg-apply-index .intromain_thumb_bo,
.pkg-apply-index .intromain_thumb_hls,
.pkg-apply-index .intromain_thumb_beauty,
.pkg-apply-index .intromain_thumb_dis,
.pkg-apply-index .intromain_thumb_busi,
.pkg-apply-index .intromain_thumb_psy,
.pkg-apply-index .intromain_thumb_jido,
.pkg-apply-index .intromain_thumb_edu,
.pkg-apply-index .intromain_thumb_kor { width:310px; height:442px; border:1px solid #dfdfdf; float:left; position:relative; box-sizing:border-box; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.pkg-apply-index .intromain_thumb_bo,
.pkg-apply-index .intromain_thumb_hls,
.pkg-apply-index .intromain_thumb_dis,
.pkg-apply-index .intromain_thumb_jido { margin:0 20px; }
.pkg-apply-index .intromain_thumbwrap::after { content:""; display:block; clear:both; }
.pkg-apply-index .intromain_thumbwrap img { display:block; width:100%; height:auto; }
.pkg-apply-index .intromain_thumb_txtwrap { font-family:'Noto Sans KR', sans-serif; margin-left:20px; }
.pkg-apply-index .intromain_thumb_tit { font-size:21px; margin:15px 0 10px; font-weight:800; color:#111; letter-spacing:-.03em; }
.pkg-apply-index .intromain_thumb_txt { font-size:15px; line-height:24px; letter-spacing:-1px; color:#444; }
.pkg-apply-index .intromain_thumb_txt strong { color:#006dff; font-weight:700; }
.pkg-apply-index .intromain_thumb_btn { position:absolute; left:20px; bottom:20px; }
.pkg-apply-index .intromain_thumb_btn a { cursor:pointer; border:1px solid #006dff; display:inline-block; padding:6px 14px 7px; border-radius:50px; font-size:14px; font-family:'Noto Sans KR', sans-serif; color:#006dff; font-weight:700; text-decoration:none; transition:background .2s,color .2s; }
.pkg-apply-index .intromain_thumb_btn a:hover { background:#006dff; color:#fff; }
.pkg-apply-index .intromain_thumb_sa:hover,
.pkg-apply-index .intromain_thumb_fm:hover,
.pkg-apply-index .intromain_thumb_bo:hover,
.pkg-apply-index .intromain_thumb_hls:hover,
.pkg-apply-index .intromain_thumb_beauty:hover,
.pkg-apply-index .intromain_thumb_dis:hover,
.pkg-apply-index .intromain_thumb_busi:hover,
.pkg-apply-index .intromain_thumb_psy:hover,
.pkg-apply-index .intromain_thumb_jido:hover,
.pkg-apply-index .intromain_thumb_edu:hover,
.pkg-apply-index .intromain_thumb_kor:hover { transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,.12); border-color:#006dff; }

@media (max-width:1020px) {
	.pkg-apply-index .intromain_thumb_line1,
	.pkg-apply-index .intromain_thumb_line2,
	.pkg-apply-index .intromain_thumb_line3,
	.pkg-apply-index .intromain_thumb_line4 { width:100%; height:auto; overflow:hidden; }
	.pkg-apply-index .intromain_thumb_sa,
	.pkg-apply-index .intromain_thumb_fm,
	.pkg-apply-index .intromain_thumb_bo,
	.pkg-apply-index .intromain_thumb_hls,
	.pkg-apply-index .intromain_thumb_beauty,
	.pkg-apply-index .intromain_thumb_dis,
	.pkg-apply-index .intromain_thumb_busi,
	.pkg-apply-index .intromain_thumb_psy,
	.pkg-apply-index .intromain_thumb_jido,
	.pkg-apply-index .intromain_thumb_edu,
	.pkg-apply-index .intromain_thumb_kor { float:none; width:100%; max-width:310px; height:auto; margin:0 auto 20px !important; }
}