function jf_viewArtcl(siteId, fnctNo, bbsArtclSeq) {
	var url = kurl( '/bbs/' + siteId + "/" + fnctNo + "/" + bbsArtclSeq + "/artclView" );
	$( "form[name='viewForm']" ).attr( "action", url );
	$( "form[name='viewForm']" ).submit();
}



.tab_div .ul_4 > li._active > a,
.tab_div .ul_4 > li:hover > a {font-family: 'Dream Medium'; color: #010101;}
.tab_div .ul_4 > li._active::before,
.tab_div .ul_4 > li:hover::before {opacity: 0;}
.tab_div .ul_4 > li._active::after,
.tab_div .ul_4 > li:hover::after {opacity: 1;}


.tab_div.div_4 {font-size: 0;}
.tab_div .ul_4 {display: inline-block; position: relative; width: 100%; border-left: 1px solid #ccc;}
.tab_div .ul_4::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #010101;}
.tab_div .ul_4 > li {position: relative; float: left; width: 20%; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #333;}
.tab_div .ul_4 > li::after {content: ''; position: absolute; left: -1px; top: -1px; z-index: 1; width: calc(100% + 2px); height: calc(100% + 2px); background: #fff; border: 1px solid #333; border-bottom: 0px; opacity: 0;}
.tab_div .ul_4 > li::before {content: ''; position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 1px; background: #d7d7d7; opacity: 1; transition: opacity 0.5s;}
.tab_div .ul_4 > li > a {position: relative; z-index: 3; display: block; padding: 15px 10px 16px 10px; font-family: 'Dream Regular'; font-size: 18px; letter-spacing: -1px; text-align: center; color: #555;}
.tab_div .ul_4 > li > a[target=_blank]::after {content: ''; position: relative; top: 1px; display: inline-block; width: 16px; height: 16px; margin: 0 0 0 5px; background:  url('../images/tab-link-blank.png') no-repeat 93% center; }

.tab_div .ul_4 > li._active > a,
.tab_div .ul_4 > li:hover > a {font-family: 'Dream Medium'; color: #010101;}
.tab_div .ul_4 > li._active::before,
.tab_div .ul_4 > li:hover::before {opacity: 0;}
.tab_div .ul_4 > li._active::after,
.tab_div .ul_4 > li:hover::after {opacity: 1;}

.type2 .tab_div .ul_4 {border: 0;}
.type2 .tab_div .ul_4::before {display: none;}
.type2 .tab_div .ul_4 > li {border: 0;}
.type2 .tab_div .ul_4 > li > a {background: #eee; color: #888;}
.type2 .tab_div .ul_4 > li._active > a,
.type2 .tab_div .ul_4 > li:hover > a {background: url('../images/bg-tab4.png'); color: #fff;}
.type2 .tab_div .ul_4 > li::after {content: ''; position: absolute; left: auto; right: 0; top: 20px; z-index: 3; width: 1px; height: 17px; background: #b3b3b3; border: 0; opacity: 1;}
.type2 .tab_div .ul_4 > li:last-child::after {display: none;}
.type2 .tab_div .ul_4 > li:hover::after,
.type2 .tab_div .ul_4 > li._active::after {display: none;}
.type2 .tab_div .ul_4 > li::before {display: none;}
.type2 .tab_div .ul_4 > li:hover > a[target=_blank]::after {background: url('../images/tab-link-blank-ov-white.png');}
.type2 .tab_div .ul_4 > li > a::before {content: ''; display: inline-block; position: relative; top: -1px; width: 0; height: 20px; margin-right: 7px; /*background: url('../../images/guide/icon-tab4.png') no-repeat center center;*/ vertical-align: middle;}
.type2 .tab_div .ul_4 > li._active > a::before,
.type2 .tab_div .ul_4 > li:hover > a::before {width: 20px; background: url('../images/icon-tab4-ov.png') no-repeat center center;}
.type2 .tab_div .ul_4 > li > a[target=_blank]::after {margin-left: 10px;}

.func-tab a::before { top:16px !important; }
.func-tab a::after { top:5px !important; }