/* common */
.overh{overflow: hidden;}
.pad{padding: 160px 0 200px;}
.p100{padding: 50px 0;}

.s_tit{margin-bottom:120px;}
.s_tit h2{font-weight:800; font-size:90px; letter-spacing:-0.02em; color: #111; line-height: 1.22222em;}
.s_tit p{font-size:20px; color: #333; line-height:1.7em; padding-left: 200px; margin-top: 60px;}

/* dots */
.dots{}
.dots li{position:relative; font-size:18px; line-height: 1.66667em; letter-spacing:-0.02em; color: #333; padding-left: 20px; margin-bottom:15px;} 
.dots li::before{content:""; position:absolute;top: 12px; left: 0; width: 4px; height: 4px; background: #C4000F;}
.dots li:last-of-type{margin-bottom:0;}
.dots li span{font-weight:700;}

.sub{position:relative; }
.sub .sv{height: 100vh;}
.sub .txt{position:absolute; bottom: 120px; left: 150px;}
.sub .txt p{font-family: var(--enF); font-weight:300; font-size:20px; color: #fff;}
.sub .txt h2{font-weight:700; font-size:100px; letter-spacing:-0.02em; color: #fff; margin: 20px 0 30px;}
.sub .txt .lnb{}
.sub .txt .lnb > ul{display:flex; align-items:center; margin-left: -20px;}
.sub .txt .lnb > ul > li{}
.sub .txt .lnb > ul > li > a{display:inline-block; vertical-align: top; padding: 0 20px; font-weight:700; font-size:24px; color: #fff; letter-spacing:-0.02em; opacity: 0.5;} 
.sub .txt .lnb > ul > li.on > a{font-weight:700; opacity: 1; color: var(--mColor);}

/* 채용정보 */
.hr{}
.hr .cont_list{}
.hr .cont_list .box{margin-bottom:200px;}
.hr .cont_list .box:last-of-type{margin-bottom:0;}
.hr .cont_list .box .hidden_box{position:relative; margin-bottom:100px; padding-bottom:31.25%; }
.hr .cont_list .box .hidden_box figure{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); padding-bottom: 19%; overflow: hidden; width: 100%; transition:0.5s}
.hr .cont_list .box .hidden_box figure::before{content:""; position:absolute; top: 0; left: 0; height: 100%; width: 200px; background: #fff; z-index: 1; transition:0.5s}
.hr .cont_list .box .hidden_box figure::after{content:""; position:absolute; top: 0; right: 0; height: 100%; width: 200px; background: #fff; z-index: 1; transition:0.5s}
.hr .cont_list .box .hidden_box figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.hr .cont_list .box > figure{margin-bottom:100px;}
.hr .cont_list .box .hidden_box.on figure{padding-bottom:31.4%;}
.hr .cont_list .box .hidden_box.on figure::after,
.hr .cont_list .box .hidden_box.on figure::before{width: 0;}

.hr .cont_list .box .icon_list{max-width: 1200px; margin: 0 auto;}
.hr .cont_list .box .icon_list h3{font-weight:700; font-size:40px; letter-spacing:-0.02em; color: #222;}
.hr .cont_list .box .icon_list .fbox02{display:flex; flex-wrap:wrap; gap:15px; margin-top: 28px; filter: drop-shadow(0px 30px 100px rgba(0, 0, 0, 0.08));}
.hr .cont_list .box .icon_list .fbox02 .item{width: calc((100% - 30px) / 3); background: #fff; padding: 50px 40px; transition:0.3s}
.hr .cont_list .box .icon_list .fbox02 .item figure{}
.hr .cont_list .box .icon_list .fbox02 .item figure img{transition:0.3s}
.hr .cont_list .box .icon_list .fbox02 .item .txt{margin-top: 50px;}
.hr .cont_list .box .icon_list .fbox02 .item .txt h4{font-weight:700; font-size:22px; letter-spacing:-0.02em; color: #222; transition:0.3s}
.hr .cont_list .box .icon_list .fbox02 .item .txt p{font-weight:300; font-size:18px; letter-spacing:-0.02em; color: #666; line-height: 1.66667em; margin-top: 10px; transition:0.3s}

.job .cont_list .box{margin-bottom:150px;}

/* 개인정보처리방침 */
.policy .privacy .table_box{}
.policy .privacy .table_box th{text-align: center;font-size:18px; background: #ddd; font-weight:500; color: #111; padding: 10px 0; border:1px solid #999; border-right: none;}
.policy .privacy .table_box td{text-align: center;font-size:18px; font-weight:400; color: #111; padding: 10px 5px; border:1px solid #999; border-right: none; line-height: 1.66667em;}
.policy .privacy .table_box .bl{border-left: none;}

@media (hover :hover){
	.hr .cont_list .box .icon_list .fbox02 .item:hover{background: var(--mColor);}
	.hr .cont_list .box .icon_list .fbox02 .item:hover figure img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
	.hr .cont_list .box .icon_list .fbox02 .item:hover .txt *{color: #fff;}
}

@media (max-width: 1600px){
	.pad{padding: 120px 0 150px;}

	.s_tit{margin-bottom:80px;}
	.s_tit h2{font-size:60px;}
	.s_tit p{padding-left: 120px; margin-top: 40px;}

	.sub .txt{left: 30px;}
}

@media (max-width: 1200px){
	.s_tit{margin-bottom:60px;}
	.s_tit h2{font-size:48px;}
	.s_tit p{padding-left: 0; margin-top: 20px;}

	.sub .txt{left: 16px;}
	.sub .txt h2{font-size:75px; margin: 10px 0 20px;}
	.sub .txt .lnb > ul{margin-left: -14px;}
	.sub .txt .lnb > ul > li > a{font-size:20px; padding: 0 14px;}
	
	.hr .cont_list .box{margin-bottom:100px;}
	.hr .cont_list .box .icon_list h3{font-size:30px;}
	.hr .cont_list .box > .hidden_box{margin-bottom:50px;}
	.hr .cont_list .box .icon_list .fbox .item .txt p br{display:none; }

}

@media (max-width: 1000px){
	.pad{padding: 100px 0;}

	.sub .sv{height: 40svh;}
	.sub .txt{bottom: 60px;}
	.sub .txt h2{margin: 10px 0 0; font-size:50px;}
	.sub .txt .lnb{display:none; }
	.scroll_icon{display:none; }

	.s_tit{margin-bottom:40px;}
	.s_tit h2{font-size:38px;}
	.s_tit p{font-size:18px;}
	.s_tit p br{display:none; }

	.hr .cont_list .box{margin-bottom:60px;}
	.hr .cont_list .box .icon_list .fbox02 .item{padding: 30px 20px;}
	.hr .cont_list .box .icon_list .fbox02 .item .txt p{font-size:17px;}
	
}

@media (max-width: 800px){
	.hr .cont_list .box > .hidden_box{padding-bottom:200px; overflow: hidden;}
	.hr .cont_list .box > .hidden_box img{object-fit:cover;}
	.hr .cont_list .box > .hidden_box figure{padding-bottom: 150px; width: 800px;}
	.hr .cont_list .box .hidden_box.on figure{padding-bottom:200px;}
	
	.hr .cont_list .box .icon_list h3{font-size:26px;}
	.hr .cont_list .box .icon_list .fbox02{flex-wrap:wrap; margin-top: 15px;}
	.hr .cont_list .box .icon_list .fbox02 .item{width: 100%; }
}


@media (max-width: 600px){
	.hr .cont_list .box > figure{height: 240px;}
}