@import url(/css/font/font.css);

/*초기화*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, thead { margin:0; padding:0 }
body, input, textarea, select, button,dl,dt{ font-size:14px; line-height:1.25em; }
html, body { height: 100%; padding:0; margin:0; }
img, fieldset { border:0 }
ul, ol { list-style:none }
em, address { font-style:normal }
a, li { text-decoration:none }
a:hover, a:active, a:focus { font-weight:bold; }

table{
	border-collapse:collapse;	
}
body{display: flex; flex-direction: column;}

.mainBgImg{width:100%;}
#mainContentArea{flex:1; display:block; position:relative; width:1920px; z-index:100; margin:0 auto;}
#mainBackground{width:100%; height:100%; position:relative;}

#innerContentAreaA{display:inline-block; position:absolute; width:1100px; height:153px; bottom:-5px; left:410px; cursor:default; z-index:500; overflow:hidden;}
#innerContentAreaA > .innerContent{position:absolute; display:inline-block;width:254px; bottom:0px; height:137px; z-index:600; padding-left:20px; padding-top:15px;}
#innerContentAreaA > #innerContent1{background-color:#017dd4; left:0px; top:77px; border-right: 1px solid rgba(255,255,255,0.5);}
#innerContentAreaA > #innerContent2{background-color:#017dd4; left:275px; top:77px;border-right: 1px solid rgba(255,255,255,0.5);}
#innerContentAreaA > #innerContent3{background-color:#017dd4; left:550px; top:77px;border-right: 1px solid rgba(255,255,255,0.5);}
#innerContentAreaA > #innerContent4{background-color:#017dd4; right:1px; top:77px;}
#innerContentAreaA > #innerContent1:hover{cursor:pointer;}
#innerContentAreaA > #innerContent2:hover{cursor:pointer;}
#innerContentAreaA > #innerContent3:hover{cursor:pointer;}
#innerContentAreaA > #innerContent4:hover{cursor:pointer;}
#innerContentAreaA > .innerContent > .innerIcon{position:absolute; display:block; bottom:22px; right:24px; width:40px; height:40px; }
#innerContentAreaA > .innerContent > #innerIcon1{background:url(/images/builder/choice.png) no-repeat;}
#innerContentAreaA > .innerContent > #innerIcon2{background:url(/images/builder/megaphone.png) no-repeat;}
#innerContentAreaA > .innerContent > #innerIcon3{background:url(/images/builder/idcard.png) no-repeat;}
#innerContentAreaA > .innerContent > #innerIcon4{background:url(/images/builder/search.png) no-repeat;}

.textKorA{display:block; font-size:20px; margin-top:15px; color:white;}


#innerContentAreaB{display:inline-block; position:absolute; top:480px; left:415px; z-index:500;}
#innerContentAreaB > .innerContent{position:relative; display:inline-block; z-index:600; float:left; box-shadow:15px 10px 15px 5px rgba(0,0,0,0.53);}


#innerContentAreaB > #innerContent1{background-color:#017dd4; width:832px; height:225px; padding:16px; border-right:1px solid rgba(255,255,255,0.46);}

#innerContentAreaB > #innerRight{width:235px; height:257px; }
#innerContentAreaB > #innerRight > .btnRight{	
	cursor:pointer; height:85.5px; padding-top:35px; padding-left:16px; font-size:20px; color:white;background-size: 300% 100%;	
	background-position: 0;	-webkit-transition:background-position .5s, color .5s;    transition:background-position .5s, color .5s ; box-sizing:border-box;
}
#innerContentAreaB > #innerRight > .btnRight > .textEngB{display:block; margin-bottom:7px; font-size:15px; color:rgba(255,255,255,0.46); font-weight:normal;}

#innerContentAreaB > #innerRight > .btnRight:hover{ color:black; font-weight:bold; background-position:100%; }
#innerContentAreaB > #innerRight > .btnRight:hover > .textEngB{display:block; margin-bottom:7px; font-size:15px; color:#131313 !important; opacity:0.7;  font-weight:bold;}


#noticeCntArea{position:absolute; top:30px; right:28px; width:60px; height:60px; border:1px solid white; font-size:24px; line-height:60px; color:white; text-align:center;}
#innerContent2 > hr{width:95%; float:left; border:0.5px solid white;}
.flRight{float:right;}
.textKorB{display:block; font-size:20px; color:white; margin-bottom:20px;}
.textLinkB{display:inline-block; font-size:14px; color:white; margin-left:10px; cursor:pointer; position:absolute; top:10px; right:16px;
		   border:2px solid white; height:25px; width:65px; text-align:center; line-height:25px; border-radius:4px;	
}
.noticeTitle{display:inline-block; width:100%; height:20px; font-size:14px; color:white; overflow:hidden; text-decoration:underline; margin-bottom:13px;}
.opnState{display:inline-block; width:50px; height:20px; line-height:20px; font-size:12px; background-color:white; overflow:hidden; margin-bottom:13px; float:left; text-align:center;}
.opnState2{display:inline-block; width:50px; height:20px; line-height:20px; font-size:12px; background-color:#cbcaca; color:white; overflow:hidden; margin-bottom:10px; float:left; text-align:center;}
.opnTitle{display:inline-block; width:577px; height:22px; line-height:22px; font-size:16px; color:white; overflow:hidden; margin-left:5px; 
	margin-bottom:13px; float:left; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.opnDate{display:inline-block; width:200px; height:22px; line-height:22px; font-size:16px; color:white; overflow:hidden; margin-bottom:13px; float:left;}
.posRight{right:16px;}
.underLine{height:30px; padding-right:10px; border-bottom:1px solid white;}
#innerContentAreaC{display:inline-block; position:absolute; width:370px; height:370px; top:198px; right:445px; cursor:default; z-index:500;  }
#innerContentAreaC > .innerContent{position:relative; display:inline-block;width:174px; height:162px; float:left; padding-top:22px; padding-left:10px; }
#innerContentAreaC > #innerContent1{background-color:#017dd4; z-index:750; border-right: 1px solid rgba(255,255,255,0.45);}
#innerContentAreaC > #innerContent1:hover{box-shadow:10px 10px 15px 10px rgba(0,0,0,0.31); z-index:755;}
#innerContentAreaC > #innerContent2{background-color:#017dd4; z-index:740;}
#innerContentAreaC > #innerContent2:hover{box-shadow:10px 10px 15px 10px rgba(0,0,0,0.31); z-index:755;}
#innerContentAreaC > #innerContent3{background-color:#017dd4; z-index:730; border-right: 1px solid rgba(255,255,255,0.45); border-top: 1px solid rgba(255,255,255,0.45);}
#innerContentAreaC > #innerContent3:hover{box-shadow:10px 10px 15px 10px rgba(0,0,0,0.31); z-index:755;}
#innerContentAreaC > #innerContent4{background-color:#017dd4; z-index:720; border-top: 1px solid rgba(255,255,255,0.45);}
#innerContentAreaC > #innerContent4:hover{box-shadow:5px 5px 20px 10px rgba(0,0,0,0.31); z-index:755;}
#innerContentAreaC > .innerContent > .innerIcon{position:absolute; display:inline-block; bottom:20px; right:18px; width:40px; height:40px; }
#innerContentAreaC > .innerContent > #innerIcon1{background:url(/images/builder/choice.png) no-repeat;}
#innerContentAreaC > .innerContent > #innerIcon2{background:url(/images/builder/megaphone.png) no-repeat;}
#innerContentAreaC > .innerContent > #innerIcon3{background:url(/images/builder/idcard.png) no-repeat;}
#innerContentAreaC > .innerContent > #innerIcon4{background:url(/images/builder/search.png) no-repeat;}

#orgListArea{
	position:absolute;
	bottom:55px;
	left:calc((100% - 952px) / 2);
	width:952px;
	height:259px;	
}

#orgListArea .rowArea{
	position:relative;
	width:100%;
	height:82px;	
}

#orgListArea .rowArea:nth-child(2){
	margin-top:6.5px;
	margin-bottom:6.5px;
}

#orgListArea .rowArea div{
	display:flex;
	justify-content:center;
	text-align:center;
	width:185px;
	height:82px;
	line-height:82px;
	box-sizing:border-box;
	float:left;
	margin-right:6.5px;
	background-color:rgba(255,255,255,0.8);
	border:1px solid #3c58a3;	
	border-radius:5px;
}


#orgListArea .rowArea div:last-child{
	margin-right:0px;
}

#orgListArea .rowArea div:hover{
	background-color:#264a99;
	cursor:pointer;
}

#orgListArea .rowArea div:hover img{
	display:none;
}

#orgListArea .rowArea div:hover span{
	display:block;
	color:white !important;
	font-weight:normal !important;
}

#orgListArea .rowArea div img{
	width:85%;
	object-fit:contain;
	
}

#orgListArea .rowArea div span{
	display:none;
	color:white;	
	font-size:16px;
}

#orgListArea .rowArea:last-child div:first-child span{
	font-size:15px;
}

#orgListArea .rowArea:last-child div:last-child span{	
	font-size:19px;
	color:black;
	display:block;
	font-weight:bold;
	padding-right:35px;
}

#orgListArea .rowArea:last-child div:last-child{
	position:relative;
}

#orgListArea .rowArea:last-child div:last-child div{
    width: 28px;
    height: 28px;
    position: absolute;
    top: 29px;
    right: 15px;
    border:0px;
    background:url('/outside/recruitMainBg/2160/arrowBlue.png') no-repeat;
    background-size:cover;
}

#orgListArea .rowArea:last-child div:last-child:hover div{    
    background:url('/outside/recruitMainBg/2160/arrowWhite.png') no-repeat;
    background-size:cover;    
}

#orgListArea .rowArea:nth-child(1) div:nth-child(1) img, #orgListArea .rowArea:nth-child(3) div:nth-child(1) img{
	width:85%;
	object-fit:contain;
}
#orgListArea .rowArea:nth-child(1) div:nth-child(2) img, #orgListArea .rowArea:nth-child(3) div:nth-child(1) img{
	width:75%;
	object-fit:contain;
}
#orgListArea .rowArea:nth-child(2) div:nth-child(3) img, #orgListArea .rowArea:nth-child(3) div:nth-child(1) img{
	width:75%;
	object-fit:contain;
}
#orgListArea .rowArea:nth-child(2) div:nth-child(4) img, #orgListArea .rowArea:nth-child(3) div:nth-child(1) img{
	width:85%;
	object-fit:contain;
}

#totalJobOpeningArea{
	margin-top:100px;
	text-align:center;
	margin-bottom:60px;
}

.textEng{display:block; margin-bottom:7px; font-size:15px; color:rgba(255,255,255,0.46); }
.textKorC{display:block; font-size:20px; color:white; }
.textLinkC{position:absolute; display:inline-block; bottom:22px; display:inline-block; font-size:16px; color:white; text-decoration:underline;  cursor:pointer;}
.centerArea{display:block; position:relative;  width:1100px;  margin:0 auto;}
.bdTopBottom{border-top:1px solid rgba(255,255,255,0.46); border-bottom:1px solid rgba(255,255,255,0.46);}

.hiddenPopup{display:inline-block; position:absolute; z-index:900;}
.popupBtnArea{display:inline-block; width:100%; color:white; background-color:black;}

.mgR36{margin-right:36px;}

.h785{height:785px;}
.h910{height:910px;}