@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap" rel="stylesheet"');
@import url(guide.css);
@import url(table.css);
* { box-sizing: border-box; }

body { font-family: Pretendard, sans-serif; font-size: 16px; line-height: 160%; }
.aos { overflow-x: hidden; }
.over-hidden, .scroll-hidden { overflow: hidden; }
.wrap { position: relative; overflow: hidden; }
.pc-hide { display: none; }
.pc-hide::after { content: ''; }

/* main */
.main-visual-box {position:relative;}
.main-content-box01 {}
.main-content-wrap02 {background:url(/_res/unist/hrc/img/main/sec02-bg.png) no-repeat center;background-size:cover;}
.main-content-box02 {}
.footer-box { max-width: 1440px; margin: auto;}

/* sub */
.content-outer-wrap { max-width: 1520px; margin: 0 auto; }
.content-outer-wrap .content-outer-box { display: flex; flex-wrap: wrap; gap: 60px; padding: 70px 0 120px; }
.content-outer-wrap .lnb-wrap { width: 240px; flex-shrink: 0; }
.content-outer-wrap .sub-content-wrap { box-sizing: border-box; flex: 1; position: relative; min-width: 0; }
.content-outer-wrap .content-outer-box .sub-content-box .title-box {padding: 0 0 50px;}
.content-outer-wrap .content-outer-box .sub-content-box > .tab-box { padding: 0; }
.footer-wrap { background: #1c1d1f url(../img/common/footer-bg.png) no-repeat bottom right; }
.footer-box {max-width: 1440px;margin: auto;}
@media (max-width: 1200px) {
	.content-outer-wrap .lnb-wrap { display: none; }
	.content-outer-wrap .content-outer-box .sub-content-box { padding: 43px 15px 0; }
	.content-outer-wrap .content-outer-box { padding: 0 0 100px; }
}
@media (max-width: 1024px) {
	.pc-hide { display: block; }
	.mobile-hide { display: none; }
	.mobile-hide::after { content: ''; }
	
	.main-content-wrap02 {background:url(/_res/unist/hrc/img/main/sec02-bg-mo.jpg) no-repeat top center;background-size:cover;}
	
	
	.content-outer-wrap .sub-content-wrap { width: 100%; }
	.content-outer-wrap .content-outer-box .sub-content-box .title-box {padding: 0 0 40px;}
	.footer-wrap { background-image: url(/_res/unist/hrc/img/common/footer-bg-mo.png); }
	.footer-box{padding: 0 20px;}
}