@charset "utf-8";

#content.youthjob-main-wrap {width:100%; padding:60px 0; min-width:910px; background-color:#e2f6fa; background-image:url('/images/youthJob/main/youthjob-main-bg01.png'), url('/images/youthJob/main/youthjob-main-bg02.png'); background-repeat:no-repeat, no-repeat; background-position:left top, right bottom;} /* 2021-02-04 수정 */
.youthjob-main {width:910px; margin:0 auto;} /* 2021-02-04 수정 */
/* 20220106 수정 start */
.youthjob-main .bannrer-area {overflow:hidden; border-radius:10px;}
.youthjob-main .bannrer-area .box {float:left; width:455px; height:340px; color:#fff; box-sizing:border-box;}
.youthjob-main .bannrer-area .box.blue {padding:25px 0 0 30px; background:url('/images/youthJob/main/youthjob-main-bn-bg01.png') 0 0 no-repeat}
.youthjob-main .bannrer-area .box .tit {font-size:28px; font-weight:700; line-height:36px;}
.youthjob-main .bannrer-area .box .tit span {display:block; font-size:20px; font-weight:normal; font-family:'NanumGothic'}
.youthjob-main .bannrer-area .box .txt {margin:16px 0 25px; line-height:28px; font-size:18px; letter-spacing:-0.5px;}
.youthjob-main .bannrer-area .box a {display:inline-block; padding:0 10px; margin-right:10px; border:1px solid #aad2f7; border-radius:3px; color:#fff; font-size:16px; font-family:'NanumGothicBold'; line-height:35px;}
.youthjob-main .bannrer-area .box a:hover {text-decoration:none;}
.youthjob-main .bannrer-area .box .items {padding:13px 0 0 32px; height:157px}
.youthjob-main .bannrer-area .box .items .tit {font-size:18px}
.youthjob-main .bannrer-area .box .items .tit span {display:inline-block; font-size:16px}
.youthjob-main .bannrer-area .box .items .txt {margin:9px 0 16px; line-height:22px; font-size:14px}
.youthjob-main .bannrer-area .box .items:nth-child(1) {background:#9099a2 url('/images/youthJob/main/youthjob-main-bn-bg02.png') 279px bottom no-repeat}
.youthjob-main .bannrer-area .box .items:nth-child(2) {background:#767c82 url('/images/youthJob/main/youthjob-main-bn-bg03.png') 269px bottom no-repeat}
.youthjob-main .bannrer-area .box .items a {line-height:30px; border-color:#fff; font-size:14px}
/* 20220106 수정 end */

.youthjob-main .main-board-wrap {margin:40px 0;}
.youthjob-main .main-board-wrap:after {display:block; clear:both; content:""}
.youthjob-main .main-board-wrap .main-board-area {float:left; width:445px;}
.youthjob-main .main-board-wrap .main-board-area:first-child {margin-right:20px;}
.youthjob-main .main-board-area {position:relative; padding:40px 30px; background-color:#fff; border-radius:10px; box-shadow: 5px 5px 5px rgba(0, 0, 0, .03); box-sizing:border-box;}
.youthjob-main .main-board-area .tit-board {margin:0 0 25px; color:#000; font-size:20px; font-weight:700;}
.youthjob-main .main-board-area .tit-board select {min-width:120px; height:32px; padding:0 0 0 10px; margin:0 4px 0 25px; border-radius:5px; vertical-align:middle;}
.youthjob-main .main-board-area .tit-board button {padding:0 13px; color:#fff; background-color:#41506e; border-radius:5px; line-height:32px; vertical-align:middle;}
.youthjob-main .main-board-area ul li {overflow:hidden; padding:19px 0; border-top:1px solid #e1e1e1;}
.youthjob-main .main-board-area ul li:first-child {border:0; padding-top:0;}
.youthjob-main .main-board-area ul li:last-child {padding-bottom:0;}
.youthjob-main .main-board-area ul li a {float:left; display:block; max-width:300px; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.youthjob-main .main-board-area ul li span {float:right; color:333; font-size:13px;}
.youthjob-main .main-board-area a.btn-more {display:block; position:absolute; top:40px; right:30px; width:24px; height:24px; border:1px solid #e1e1e1; border-radius:50%; background:url('/images/youthJob/main/ico-more.png') no-repeat 50% 50%; font-size:0; text-indent:-9999px;}
.youthjob-main .main-board-area .tbl_srchLi thead th {color:#333; font-weight:700;}

/* 2021-02-01  연관 배너 추가작업 */
.brn-main-relation {position:relative; padding:30px 115px 30px 25px; margin:40px 0 0; background-color:#fff; border-radius:10px; box-shadow: 5px 5px 5px rgba(0, 0, 0, .03); box-sizing:border-box;}
.brn-main-relation .relation-slider .bx-viewport a {display:table; table-layout:fixed; width:100%;}
.brn-main-relation .relation-slider .bx-viewport a span {display:table-cell; height:48px; text-align:center; vertical-align:middle; line-height:0;}
.brn-main-relation .relation-slider .bx-viewport a span img {max-width:140px !important; height:38px !important;}
.brn-main-relation .ctrl-wrp .btn-ctrl {position:absolute; top:37px; right:25px; border:1px solid #ccc; border-radius:10px;}
.brn-main-relation .ctrl-wrp .btn-ctrl a , .brn-main-relation .ctrl-wrp .btn-ctrl button {float:left; display:block; padding:0; width:22px; height:22px; border:none; background:none}
.brn-main-relation .ctrl-wrp .btn-ctrl .btn-prev {background:url('/images/youthJob/main/ico-prev.png') 50% 50% no-repeat}
.brn-main-relation .ctrl-wrp .btn-ctrl .btn-next {background:url('/images/youthJob/main/ico-next.png') 50% 50% no-repeat}
.brn-main-relation .ctrl-wrp .btn-ctrl .btn-stop {border-left:1px solid #ccc; border-right:1px solid #ccc; background:url('/images/youthJob/main/ico-stop.png') 50% 50% no-repeat}
.brn-main-relation .ctrl-wrp .btn-ctrl .btn-play {border-left:1px solid #ccc; border-right:1px solid #ccc; background:url('/images/youthJob/main/ico-play.png') 50% 50% no-repeat}