/*<style type="text/css">*/

/* 아웃로그인 */
.j-outlogin {clear:both; margin:0 0 10px; padding:0; border:1px solid #dcdcdc; overflow:hidden;}
.j-outlogin .j-outlogin-title {margin:0; padding:5px; font:bold 13px tahoma,dotum,vedana,sans-serif; border-bottom:1px solid #dcdcdc; overflow:hidden; background:#eee;}
#j_outlogin {position:relative; margin:0; padding:0;}
#j_outlogin form {display:none; margin:0; padding:0;}
#j_outlogin fieldset {border:0; margin:0; padding:0;}
#j_outlogin legend {position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; visibility:hidden;}
#j_outlogin .j-outlogin-item {margin:3px 5px 0; padding:0;}
#j_outlogin .j-outlogin-item input {width:224px; font-size:12px; margin:2px; padding:3px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
#j_outlogin .j-outlogin-item label {display:none;}
#j_outlogin .j-outlogin-btn {float:right; margin:3px 7px 5px 0; *margin:3px 4px 5px 0; padding:0; overflow:hidden;}
#j_outlogin .j-outlogin-btn input {padding:3px 5px; font:normal 12px dotum,tahoma,sans-serif; cursor:pointer; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #aaa; border-bottom:1px solid #aaa; background:#f9f9f9;}
#j_outlogin .j_outlogin_save {float:left; margin:7px 0 5px 7px; *margin:5px 0 5px 5px; padding:0; overflow:hidden;}
#j_outlogin .j_outlogin_save input {float:left; display:block; margin:0; padding:0; overflow:hidden;}
#j_outlogin .j_outlogin_save label {float:left; display:block; cursor:pointer; margin:1px 0 0 3px; *margin:5px 0 0 0; padding:0; overflow:hidden;}
#j_outlogin #ej-login-load {display:none;}
#j_outlogin .j-outlogin-menu {clear:both; margin:0; padding:0; border-top:1px solid #dcdcdc; overflow:hidden; background:#f9f9f9;}
#j_outlogin .j-outlogin-menu ul {clear:both; float:right; position:relative; left:-50%; margin:0; padding:0; z-index:1;}
#j_outlogin .j-outlogin-menu ul li {float:left; position:relative; left:50%; z-index:2;}
#j_outlogin .j-outlogin-menu ul li a {display:block; padding:5px;}
#j_outlogin .jl-wrap {margin:0; padding:7px 10px; font:normal 11px dotum,gulim,tahoma,vedana,sans-serif;}
#j_outlogin .jl-wrap .jl-info {height:20px; line-height:20px; color:#555; margin:0; padding:0; overflow:hidden; white-space:nowrap;}
#j_outlogin .jl-wrap .jl-info span {font-weight:bold; color:#555;}

.j-box-l {border-left:1px solid #ddd;}
.j-box-r {border-right:1px solid #ddd;}
.j-box-t {border-top:1px solid #ddd;}
.j-box-b {border-bottom:1px solid #ddd;}
.j-line-box {margin:0; padding:0; height:435px; overflow:hidden;}

.latest_left{width:calc(50% - 30px); margin:30px 20px 30px 10px;}
.latest_right{width:calc(50% - 30px); margin:30px 10px 30px 20px;}

/* 일반게시판 */
.j-bbs-latest {float:left; position:relative;  padding:0; overflow:hidden;}
.j-bbs-latest p {font-size:1.4em;color:#111; font-weight:700;margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #ddd;}
.j-bbs-latest ul {margin:1px 0 0; padding:0; overflow:hidden;}
.j-bbs-latest ul li {clear:both; position:relative; line-height:320%; margin:0; padding:0; overflow:hidden; background:url('../../../../_skin/site/woorihrd/images/jbbs_line-.gif') repeat-x 0 100%;border-bottom:1px solid #eee;}
.j-bbs-latest ul li.active {background:url('../../../../_skin/site/woorihrd/images/jbbs_line.gif') repeat-x 0 100% #f9f9f9;}
.j-bbs-latest ul li a {display:block; margin:0; overflow:hidden;}
.j-bbs-latest ul li a img {vertical-align:middle;}
.j-bbs-latest ul li a:hover {text-decoration:underline;}
.j-bbs-latest ul li a:hover span {text-decoration:underline; color:#666;}
.j-bbs-latest ul li em {display:block; position:absolute; bottom:0px; right:5px; text-align:right; margin:0; padding:3px 0 0px; color:#bbb; font-size:0.875em;}
.j-bbs-latest ul li.no-data {margin:0; padding:64px 0; text-align:center; color:#aaa; background:none;}

@media screen and (max-width:980px) {
	.j-bbs-latest {clear:both; width:calc(100% - 10px); margin:5px 5px;}
}

/* 갤러리 */
.j-gall-latest {position:relative; margin:0; padding:5px 10px; overflow:hidden;}
.j-gall-latest p {margin:0; padding:7px 0 7px 0; font:bold 14px tahoma,dotum,sans-serif; border-bottom:1px solid #ddd;}
.j-gall-latest .line {clear:both; margin:0; padding:0;}
.j-gall-latest ul {float:left; width:190px; margin:0 10px 0; padding:5px 4px 5px 3px; overflow:hidden;}
.j-gall-latest ul li {margin:0; padding:0; vertical-align:top; overflow:hidden; *z-index:1;}
.j-gall-latest ul li .img {margin:0 auto; padding:0;}
.j-gall-latest ul li .img span {display:block; width:100%; height:100%; cursor:pointer; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; *z-index:5;}
.j-gall-latest ul li .img span.active {border:1px solid #333; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; *z-index:5;}
.j-gall-latest ul li div.tit {margin:0; padding:5px 5px; font:normal 12px tahoma,dotum,sans-serif;}
.j-gall-latest ul li em {display:block; margin:0; padding:0 0 0 5px; color:#aaa; font:normal 11px tahoma,dotum,sans-serif;}
.j-gall-latest ul.no-data {width:591px; margin:0 auto; padding:0;}
.j-gall-latest ul.no-data li {width:100%; margin:0 auto; padding:75px 0; text-align:center; color:#aaa; font:normal 12px tahoma,dotum,sans-serif; background:none;}

/* 웹진 */
.j-wzine-latest {float:left; position:relative;  padding:0; overflow:hidden;}
.j-wzine-latest p { font-size:1.4em;color:#111; font-weight:700;margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #eee;}
.j-wzine-latest ul {margin:0px 0; padding:0px 0; list-style:none; }
.j-wzine-latest li {clear:both; position:relative; margin:0; vertical-align:top; *zoom:1; background:url('../../../../_skin/site/woorihrd/images/jbbs_line.gif') repeat-x 0 100%;}
.j-wzine-latest li:after {content:""; display:block; clear:both;}
.j-wzine-latest a {text-decoration:none; cursor:pointer;}
.j-wzine-latest a strong {display:block; margin:2px 0 0 0; color:#555; }
.j-wzine-latest .thumb {position:relative; float:left; display:inline; overflow:hidden; text-align:center; color:#666; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.j-wzine-latest .active {border:1px solid #333 !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.j-wzine-latest div.tit {margin:3px; padding:0; line-height:1.4; color:#767676; vertical-align:top; overflow:hidden;}
.j-wzine-latest span {display:block; position:absolute; bottom:3px; right:3px; margin:0; padding:0; color:#aaa; font-size:12px;}
.j-wzine-latest a:hover strong,
.j-wzine-latest a:active strong,
.j-wzine-latest a:focus strong {color:#333;}
.j-wzine-latest ul.no-data li {margin:0; padding:64px 0; text-align:center; color:#aaa; font:normal 12px tahoma,dotum,sans-serif; background:url('../../../../_skin/site/woorihrd/images/jbbs_line.gif') repeat-x 0 100%;}

@media screen and (max-width:980px) {
	.j-wzine-latest {clear:both; width:calc(100% - 10px); margin:5px 5px;}
}

/* 배경웹진 */
.j-wzine-latest2 {position:relative; margin:0 10px; padding:0px 5px;}
.j-wzine-latest2 p {margin:0; padding:9px 0 9px 0;   border-bottom:0px solid #ddd;}
.j-wzine-latest2 ul {margin:0px 0; padding:0px 0; list-style:none; font-size:12px; font-family:tahoma,geneva,sans-serif; color:#fff}
.j-wzine-latest2 li {clear:both; position:relative; margin:0; vertical-align:top; *zoom:1; background:url('../../../../_skin/site/woorihrd/images/jbbs_line.gif') repeat-x 0 100%;}
.j-wzine-latest2 li:after {content:""; display:block; clear:both;}
.j-wzine-latest2 a {text-decoration:none; cursor:pointer;}
.j-wzine-latest2 a strong {display:block; margin:2px 0 0 0; color:#fff; font:bold 12px tahoma,dotum,sans-serif; color:#fff}
.j-wzine-latest2 .thumb {position:relative; float:left; display:inline; overflow:hidden; text-align:center; color:#666; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.j-wzine-latest2 .active {border:1px solid #333 !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.j-wzine-latest2 div.tit {margin:3px; padding:0; line-height:1.4; color:#fff; vertical-align:top; overflow:hidden;}
.j-wzine-latest2 span {display:block; position:absolute; bottom:3px; right:3px; margin:0; padding:0; color:#fff; font-size:12px;}
.j-wzine-latest2 a:hover strong,
.j-wzine-latest2 a:active strong,
.j-wzine-latest2 a:focus strong {color:#333;}
.j-wzine-latest2 ul.no-data li {margin:0; padding:64px 0; text-align:center; color:#aaa; font:normal 12px tahoma,dotum,sans-serif; background:url('../../../../_skin/site/woorihrd/images/jbbs_line.gif') repeat-x 0 100%;}



/* 구인 */
.j-guin-latest {position:relative; margin:0; padding:0px 10px; overflow:hidden;}
.j-guin-latest p {margin:0; padding:9px 0 9px 0;  border-bottom:0px solid #ddd;}
.j-guin-latest .line {float:left; margin:0; padding:0;}
.j-guin-latest ul {float:left; width:150px; margin:0 0px 0; padding:5px 3px; overflow:hidden;}
.j-guin-latest ul li {margin:0; padding:0; vertical-align:top; overflow:hidden; *z-index:1;}
.j-guin-latest ul li .img {margin:0 auto; padding:0;}
.j-guin-latest ul li .img span {display:block; width:100%; height:100%; cursor:pointer; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; *z-index:5;}
.j-guin-latest ul li .img span.active {border:1px solid #333; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; *z-index:5;}
.j-guin-latest ul li div.tit {margin:0; padding:5px 5px; font:normal 12px tahoma,dotum,sans-serif;}
.j-guin-latest ul li em {display:block; margin:0; padding:0 0 0 5px; color:#aaa; font:normal 11px tahoma,dotum,sans-serif;}
.j-guin-latest ul.no-data {width:100%; margin:0 auto; padding:0;}
.j-guin-latest ul.no-data li {width:100%; margin:0 auto; padding:64px 0; text-align:center; color:#aaa; font:normal 12px tahoma,dotum,sans-serif; background:none;}

#j-gall-roll {position:relative; width:591px; height:175px; margin:30px auto 0; padding:5px 0; overflow:hidden;}
#j-gall-list {position:absolute; top:0; left:0; width:99999em; height:170px; margin:0; padding:0; overflow:hidden;}

.j-gall-latest .j-bbs-prev {display:block; float:left; width:35px; height:35px; margin:90px 17px 0 5px; text-indent:-9999em; overflow:hidden; background:url('../../../../_skin/site/woorihrd/images/jg_roll_prev.png') no-repeat 50% 50%;}
.j-gall-latest .j-bbs-next {display:block; float:right; width:35px; height:35px; margin:90px 5px 0 0; text-indent:-9999em; overflow:hidden; background:url('../../../../_skin/site/woorihrd/images/jg_roll_next.png') no-repeat 50% 50%;}
.j-gall-latest .j-bbs-prev a,
.j-gall-latest .j-bbs-next a {display:block; width:100%; height:100%;}


/* 더보기 */
.j-bbs-more {position:absolute; top:3px; right:5px; width:17px; height:17px; overflow:hidden;}
.j-bbs-more a {display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url('/images/m_bbs_more.png') no-repeat 0 0;}