/*<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;}


/* 일반게시판 */
.j-bbs-latest {position:relative; margin:0;padding:0; overflow:hidden; }
.j-bbs-latest p {clear:both; margin:0; padding:25px 0;}
.j-bbs-latest ul {margin:1px 0 0; padding:0; overflow:hidden;}
.j-bbs-latest ul li {clear:both; position:relative; margin:0; padding:3px 0; overflow:hidden; /*background:url('</?=$skin_site_dir;?>/</?=$__is_main_style;?>/images/jbbs_line.gif') repeat-x 0 100%;*/}
/*.j-bbs-latest ul li.active {background:url('</?=$skin_site_dir;?>/</?=$__is_main_style;?>/images/jbbs_line.gif') repeat-x 0 100% #f9f9f9;}*/
.j-bbs-latest ul li a {display:block; margin:0; overflow:hidden; font-size:16px;}
.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 span {display:block; margin:0; color:#666;}
.j-bbs-latest ul li a:hover span {text-decoration:underline; color:#666;}
.j-bbs-latest ul li em {display:block; position:absolute; bottom:5px; right:5px; text-align:right; margin:0; padding:0; color:#aaa; font-size:16px; font-weight:300;}
.j-bbs-latest ul li.no-data {margin:0; padding:64px 0; text-align:center; color:#aaa; background:none;}


/* 갤러리 */
.j-gall-latest {position:relative; margin:0 0 0 10px; padding:5px 10px; overflow:hidden;}
.j-gall-latest p {margin:0; padding:7px 0 7px 0;color:#000; border-bottom:0px solid #ddd;}
.j-gall-latest .line {clear:both; margin:0; padding:0;}
.j-gall-latest ul {float:left; width:200px; margin:0 10px 0; padding:5px;}
.j-gall-latest ul li {margin:0; padding:0; vertical-align:top;  *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:0px 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-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-wzine-latest {position:relative; margin:0; padding:0; overflow:hidden;}

.j-wzine-latest ul {float:left; margin:0 20px 0 0; padding:0; width:285px; height:409px; border:0px solid #ddd; background:none; }
.j-wzine-latest li {position:relative; margin:0; vertical-align:top; *zoom:1; height:409px; overflow:hidden;}
.j-wzine-latest li:hover {background:#fafafa;}
.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:0 0 0 0; font-size:18px; font-weight:bold; color:#111; font-family: 'NanumSquare', 'Nanum Gothic', sans-serif;
	font-weight:700; background:#fff; position:relative; z-index:10; margin-top:20px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.j-wzine-latest li:hover a strong {color:#3f8af9;background:#fafafa;}
.j-wzine-latest .thumb { display:block; width:285px; height:200px; transition: all 0.5s ease;}
.j-wzine-latest li:hover .thumb {transform: scale(1.05);}
.j-wzine-latest div.tit {margin:0; padding:0; line-height:1.4; color:#666; vertical-align:top; overflow:hidden;}
.j-wzine-latest span {display:block;margin:15px 0 0; padding:0; color:#aaa; font-size:14px; position:absolute; bottom:0; left:0;}
.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%;}



/* 더보기 */
.j-bbs-more {position:absolute; top:40px; right:10px; width:20px; height:20px; 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;}
