/* 채용 CSS */

@charset "utf-8";

.rc.header .util .kdbHome a:after{width:13px;}
.rc.main .visualFrame{max-width:1778px;}

.rc.main .visualFrame, .rc.main .sectionWrap {height:761px;}
.rc.main .visualFrame ~ .sectionWrap{z-index:auto}
.rc.main .visualFrame .swiper-controls{top:320px;}

.rc.main .copyArea{position:relative; padding-top:104px; z-index:5}
.rc.main .copyArea .titH1{margin-top:10px;color:#001f5b;font-size:57px;font-family:'NotoSans Medium';letter-spacing:-1.6px;line-height:1.2em;}
.rc.main .copyArea .titH1 span{font-size:65px;vertical-align:bottom;}
.rc.main .copyArea .subTxt{padding-left:4px;color:#001f5b;font-size:28px;font-weight:bold;letter-spacing:-0.6px;}

.rc.main .keyContents{width:1132px;height:230px;overflow:hidden;border-radius:8px 8px;bottom:74px; z-index:5;}
.rc.main .keyContents:after{content:""; display:block; clear:both}
.rc.main .keyContents .notice_area{float:left;width:590px;padding:30px 50px;}
.rc.main .keyContents .notice_area h3{position:relative;padding:0;color:#333;font-family:'NotoSans Medium';font-size:20px;line-height:1.9;}
.rc.main .keyContents .notice_area h3 .btn_more{position:absolute;width:17px;height:17px;min-width:auto;padding:0;background:url(/img/wbiz/rc/ico_plus_gray.png) no-repeat 50%;border:#666 solid 1px;border-radius:0;color:transparent;font-size:0;line-height:0;top:11px;right:-1px;}
.rc.main .keyContents .notice_area li{position:relative;overflow:hidden;height:auto;padding:7px 0;color:#333;line-height:1;}
.rc.main .keyContents .notice_area li a{float:left;overflow:hidden;width:482px;color:#333;line-height:1.08;white-space:nowrap;text-overflow:ellipsis;}
.rc.main .keyContents .notice_area li a:hover, .rc.main .keyContents .notice_area li a:focus{text-decoration:underline;}
.rc.main .keyContents .notice_area li .date{float:right;color:#666;font-family:'Roboto Light';}
.rc.main .keyContents .directLink {position:absolute;box-sizing: border-box; padding:0; text-align: center;top:40px;right:48px;}
.rc.main .keyContents .directLink li {position:relative; float: left; width:100px;padding:0 36px;text-align: center;}
.rc.main .keyContents .directLink li a {position:relative; display: inline-block; width:100px;padding-top:124px;color:#666;font-family:'Roboto Medium';font-size:18px;}
.rc.main .keyContents .directLink li a > span {position: relative; transition: color 0.10s ease-in-out;}
.rc.main .keyContents .directLink li a > span:after {content: ''; position:absolute; bottom:0; right:50%; left:50%; width:0%; border-bottom: 1px solid #0063cc; transition: all 0.18s ease-in-out;}
.rc.main .keyContents .directLink .ico {position: absolute; top:0; left:0; right:0; width: 100px; height: 106px; margin:0 auto; background-color: #eff1f3; overflow: hidden; transition: background-color 0.25s ease-in-out;}
.rc.main .keyContents .directLink .ico:before {content: ''; position: absolute; top:0; left:0; display:block; width: 100px; height: 106px; background: url(/img/wbiz/rc/ico_link_qna.png) no-repeat -200px 0; z-index: 3 }
.rc.main .keyContents .directLink .ico:after {content: ''; position:relative; top:0; left:0; display:block; width:100px; height: 200px; transform: translate(0,0); background: url(/img/wbiz/rc/ico_link_qna.png) no-repeat 4px 2px; z-index: 2; transition: transform 0.25s ease-in-out}
.rc.main .keyContents .directLink .link2 .ico:after {background-position:-100px 0;}
.rc.main .keyContents .directLink li a:hover .ico, .rc.main .keyContents .directLink li a:focus .ico{background-color: #0063cc;}
.rc.main .keyContents .directLink li a:hover .ico:after, .rc.main .keyContents .directLink li a:focus .ico:after {transform: translate(0,-106px);}
.rc.main .keyContents .directLink li a:hover > span, .rc.main .keyContents .directLink li a:focus > span {color:#0063cc}
.rc.main .keyContents .directLink li a:hover > span:after, .rc.main .keyContents .directLink li a:focus > span:after {left:0; right:0; width:100%;}

.rc.main .footArea{z-index:5}
.rc.main .footArea .notiCont {width:570px; }
.rc.main .footArea .rightArea.type_banner > a{width:239px; height:50px; display: inline-block; background: url(/img/common/img_sub_main.png) no-repeat -263px -824px;}

.footer .shareArea{top:38px;right:262px;}

.essential {position:relative; display:inline-block; width:auto; height:auto; padding:5px 2px 0 2px; vertical-align:top; font-size:0; line-height:0; background:none;}
.essential:after {content:'*'; font-size:13px; color:#d6006d; line-height:1;}
table .essential{padding-top:9px}