@charset "utf-8";
@import url(./../../common/css/wizUser_common.css);
@import url(./../../common/css/button.css);
@import url(./../../common/css/button_black.css);
@import url(./../../common/css/button_gray.css);

/******************************************************
	default
******************************************************/
#board-container {
	font-family: '맑은 고딕';
	font-size:13px;
}
/******************************************************
	common
******************************************************/

/******************************************************
	List
******************************************************/
#board-container .list table td.title span {display:block; width:215px; overflow:hidden; white-space: nowrap;}
#board-container .list table td.title img {margin-left:3px;}
#board-container .list table td.no_result {
	padding: 10px 0; 
	text-algin: center;
}
#board-container .list table td.reply{
	text-align:center;
}
#board-container .list table .conHide{
	display:none;
}

/******************************************************
	List+Contents
******************************************************/
#board-container .list-contents{
	border-top: 2px solid #000;
	margin-bottom: 20px;
}
#board-container .list-contents dl{
	padding:30px 20px;
	border-width:0px 0 1px;
	border-style:solid;
	border-color:#ddd;
	line-height:20px;
}
#board-container .list-contents dl:hover{
	background-color:#fcfcfc;
}
#board-container .list-contents dl dd.date,
#board-container .list-contents dl dd.hit,
#board-container .list-contents dl dd.name{
	font-size:12px;
	margin-right:15px;
}
#board-container .list-contents dl dt{
	font-size:16px;
	margin-bottom:10px;
}
#board-container .list-contents dl dd{
	display:inline-block;
}
#board-container .list-contents dl .contents{
	margin-top:10px;
	display: block;
}

/******************************************************
	View
******************************************************/

#board-container .view dl.viewdata dt{
	border: none;
}
#board-container .view dl.viewdata dd img {
	vertical-align:middle; 
	margin-right:5px;
}
#board-container .view dl.viewdata dd.file,
#board-container .answer dl dd.file{
	overflow:hidden;
	padding:20px !important;
	color:#838383;
	_position: relative;
	_width: 100%;
}
#board-container .view dl.viewdata dd.file div,
#board-container .answer dl dd.file div{
	float: left;
	margin: 10px 6px 0 20px;
}
#board-container .view dl.viewdata dd.file ul,
#board-container .answer dl dd.file ul{
	float: left;
}
#board-container .view dl.viewdata dd.file ul li,
#board-container .answer dl dd.file li{
	margin: 2px 0;
	overflow: hidden;
}
#board-container .view dl.viewdata dd.file ul li *,
#board-container .answer dl dd.file li *{
	float: left;
}
#board-container .view dl.viewdata dd.file ul li img,
#board-container .answer dl dd.file li img{
	margin-right: 5px;
}
#board-container .answer{
	padding: 2% 0;
	margin-bottom: 5px;
}
#board-container .answer dl{
	width: 96%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
#board-container .answer dl dt{
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 10px;
}
#board-container .answer dl dd.name{
	position: absolute;
	color:#999999;
	top: 0;
	right: 0;
	font-size: 12px;
}
#board-container .answer dl dd.name strong{
	margin:0 5px 0 10px;
}
#board-container .answer dl dd.file{
	margin-bottom: 10px;
	padding-bottom: 5px;
}
#board-container .answer dl dd.con{
	margin-bottom: 10px;
}

#board-container .listTb {
	margin-top:20px;
	margin-bottom: 20px;
	border-width: 1px 0px 1px 0px ;
	border-style: solid;
}
#board-container .listTb table {
	width:100%;
}
#board-container .listTb td,
#board-container .listTb th { 
	padding:10px;
}
#board-container .listTb .Odd td,
#board-container .listTb .Odd th {
	border: none !important;
}
#board-container .listTb td {
	text-align:left;
	color:#666;
}
#board-container .listTb th {
}
#board-container .view .viewReply {
	width:100%;
	margin-top:20px; 
	padding:10px; 
	text-align:left;
}
#board-container .view .viewReply p {
	float:left;
}
#board-container .view .viewReply p.ico {
	margin-right:5px;
}
#board-container .view .viewReply textarea {
	width:506px; 
	height:50px;  
	margin-right:5px;
}
#board-container .commentBox{
	margin-bottom: 10px;
}
#board-container .commentForm{
	overflow: hidden;
	_position: relative;
	_width: 100%;
}
#board-container .commentForm .commentTextarea{
	display: block;
	margin: 5px;
	_width: 100%;
	_position: relative;
	_border: none !important;
	_margin:0;
}
#board-container .commentForm .commentTextarea textarea{
	width: 99.5%;
	height: 80px;
	border: none;
	_border-width: 1px;
	_border-style: solid;
	_height: 50px;
	_width: 97%;
	_margin: 5px;
	_border-color: #ccc;
}
#board-container .commentForm .commentWrite{
}
#board-container .commentForm .commentIcons, .reply_commentIcons{
	float: left;
	margin-left: 5px;
	position: relative;
	_margin-left:3px;
}
#board-container .commentForm .iconTa {
	position: absolute;
	display: none;
	width: 480px;
	top:0;
	left:0;
	z-index: 1;
	background-color: #fff;
}
#board-container .commentForm .iconTa ul{
	overflow: hidden;
}
#board-container .commentForm .iconTa ul li{
	float: left;
	margin: 0 2px;
	_display: inline;
}
#board-container .commentForm .commentIcons img, .reply_commentIcons img{
	cursor: pointer;
}
#board-container .commentForm input[type="image"]{
	float: right;
	margin-right: 1%;
}
#board-container .commentForm input{
    _float: right;
    _margin-right: 1%;
}
#board-container .commentList{
	overflow: hidden;
	margin-top: 10px;
	padding-bottom: 10px;
	position:relative;
	_width: 100%;
	_position: relative;
}
#board-container .commentList p{
	float: left;
	background-color: #eee;
	margin: 0 10px 10px 0;
	padding: 5px;
}
#board-container .commentList dl{
	overflow: hidden;
	_float: left;
}
#board-container .commentList dl dt{
	float: left;
	font-weight: bold;
}
#board-container .commentList dl dd.date{
	float: right;
	font-size: 11px;
}
#board-container .commentList dl .comment-file{
	position:absolute;
	right:0;
	top:20px;
	font-size:11px;
	color:#666;
}
#board-container .commentList dl .comment-file img{
	width:13px;
}
#board-container .commentList dl dd.comment{
	display: block;
	clear: both;
	padding-top: 5px;
	line-height: 130%;
	font-size: 11px;
}

/******************************************************
	Write
******************************************************/

#board-container .write table td.editor textarea.editorArea{
	width: 100%;
	height: 400px;
}
#board-container .write table input{
	padding:4px;
	border:1px solid #cecece;
}
/******************************************************
	View + Write
******************************************************/

#board-container .view dl.viewdata dd,
#board-container .listTb td,
#board-container .listTb th,
#board-container .answer dl dd.file,
#board-container .answer dl dd.con,	
#board-container .commentList{
	border-width: 0 0 1px 0;
	border-style: solid; 
}
#board-container .view .viewReply,
#board-container .answer,
#board-container .commentForm .commentTextarea,
#board-container .commentForm .commentIcons .iconTa, .reply_commentIcons .iconTa,
#board-container .commentList p{
	border-width: 1px;
	border-style: solid;
}
#board-container .answer dl dt,
#board-container .commentForm{
	border-width: 1px;
	border-style: solid;
}
/******************************************************
	ETC
******************************************************/


/******************************************************
	pms
******************************************************/
#board-container .pms table th{
	background:#f3f3f3 !important;
	text-align:left;
	padding-left:15px !important;
}
#board-container .pms table th.lineLeft{
	border-left:1px solid #ddd;
}
#board-container .pmsTextbox{
	border:1px solid #ddd; 
	background:#fbfbfb; 
	padding:15px; 
	height:150px; 
	overflow-y:auto
}

/*********************************
 직원검색
*******************************/
.member-search fieldset{text-align:center; display:block; padding:15px 0; background-color:#f7f7f7; border:1px solid #dedede; margin-bottom:30px;}
.member-search fieldset label{font-weight:bold; font-size:13px;}
.member-search fieldset .inp{padding:7px 10px; border:1px solid #ddd; border-radius:5px; margin:0 5px;}
.member-search fieldset .searchBtn input{background:url('/Web-home/user/formBoard/images/searchBtn.png') 15px center #3667a3 no-repeat; border-radius:5px; border:1px solid #3667a3; padding:6px 15px 7px 37px; color:#fff; font-weight:bold; font-family:'맑은 고딕'; font-size:13px;}
.member-search img{width:150px;}

.tablenomal{border-collapse: collapse; border-top:2px solid #7d7d7d; width:100%; margin-bottom:10px; border-left:2px solid #fff; font-size:13px;}
.tablenomal th{background-color:#f3f3f3; padding:10px 0; border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.tablenomal th+th{border-left:1px solid #ddd;}
.tablenomal td{border-bottom:1px solid #ddd; padding:10px 5px; text-align:center;}
.tablenomal td + td{border-left:1px solid #ddd;}
.tablenomal input{padding:5px;}
.tablenomal strong{color:#000;}
.tablenomal .alignLeft{text-align:left;}
/*********************************
 *품목별 시세*
*******************************/
.marketView table{
	border-top-color: #008f4c !important;
	border-top-style: solid !important;
	border-top-width: 3px !important;
	border-collapse: collapse;	
	width: 100%;
}
.marketView table th,
.marketView table td{
   padding: 6px;
   font-size:13px;
   border:1px solid #ddd;
}
.marketView table th{
	background-color: #f3f3f3;
}    
.marketView table td{
	text-align:center;   
	border:1px solid #ddd;     
}

.marketView{
	max-height:300px;
	min-height:100px; 
	margin-bottom:30px;
	padding:10px; 
	border:1px solid #999; 
	overflow-y:scroll;
}

.title1st{
	color: #2d659f;
    background: url("/Web-home/addons/contentsbuilder/images/skin_001/h1.png") 0 6px no-repeat;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold;
    margin: 9px 0;
}
.excelDown a{
	margin:-20px 0 10px 0;
	text-align:right;
	display:block;
}
.excelDown strong{
	color:#9a732f;
	font-size:14px;
}
.excelDown a:hover{
	text-decoration:underline;
}

/****
etc
****/
.wizUser .textbox{
	background-color:#fbfbfb;
	padding: 20px 30px;
    border: 1px solid #ddd;
	margin-bottom:20px;	
	font-size:13px;
	line-height:1.5;
}
.wizUser .textbox .title{
	display:block;
	font-size:14px;
}
.wizUser .textbox strong{
	color:#000;
	margin-right:5px;
}
.wizUser .textbox p{
	margin:5px 0;
}
.wizUser .boardTitle1st{
	position: relative;
    margin: 32px 0 20px 0;
    padding-left: 15px;
    height: 15px;
    font-size: 16px;
    line-height: .9;
    font-weight: bold;
    color: #2d659f;
}
.wizUser .boardTitle1st:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 15px;
    background-color: #144298;
}

/*창조경제 인물소개*/
#profile-nhcontainer .list											{border-top:2px solid #585858; width:100%; border-bottom:1px solid #a0a0a0;}
#profile-nhcontainer .listTop .listTopSearch select, 
#profile-nhcontainer .listTop .listTopSearch input					{border:1px solid #cecece; font-family:'맑은 고딕'}
#profile-nhcontainer .list .gallery									{overflow:hidden; padding:30px 0 0 0;}
#profile-nhcontainer .list .gallery li								{float: left; width: 50%; overflow: hidden; margin-bottom:30px; height:170px;}
#profile-nhcontainer .list .gallery li .thumb						{width:120px; height:150px; overflow:hidden; border:1px solid #ddd; float:left; margin:0 20px;}
#profile-nhcontainer .list .gallery li .thumb img					{width:100%; height:100%; }
#profile-nhcontainer .list .gallery li dl							{position:relative; overflow:hidden;}
#profile-nhcontainer .list .gallery li dl dt						{color:#2c2c2c; font-size:16px; font-weight:bold; margin:5px 0 5px;}
#profile-nhcontainer .list .gallery li dl dd						{font-size:13px; line-height:20px;}
#profile-nhcontainer .list .gallery li dl dd.profile-content strong{border-top:1px solid #ddd; margin:5px 0; padding-top:5px; width:100%; display:block;}
#profile-nhcontainer .list .gallery li dl dd strong					{color:#28a444; padding-right:10px;}
#profile-nhcontainer .list .gallery li dl dd.profile-more			{position:absolute; top:5px; right:0;}
#profile-nhcontainer .list .gallery li dl dd.profile-more a			{background-color:#6a8ec7; color:#fff; padding:3px 5px 4px; border-radius:5px; font-size:11px; letter-spacing:-1px;}

#profile-nhcontainer .view{padding:15px;}
#profile-nhcontainer .view .thumb {width:120px; overflow:hidden; margin-right:10px;}
#profile-nhcontainer .view .thumb {overflow:hidden; float:left; border:1px solid #ddd;}
#profile-nhcontainer .view .thumb img{width:100%;}
#profile-nhcontainer .view dl{overflow:hidden; padding:10px;}
#profile-nhcontainer .view dl dt{font-size:16px; color:#2c2c2d; font-weight:bold; margin-bottom:20px;  text-decoration:underline;}
#profile-nhcontainer .view dl dd{display:inline; margin-right:40px;}
#profile-nhcontainer .view dl strong{color:#28a444; margin-right:10px;}
#profile-nhcontainer .view .contents{overflow:hidden; padding:10px; line-height:20px; font-size:13px;}
#profile-nhcontainer .view .contents .ctitle{border-top:1px solid #ddd; color:#28a444; font-weight:bold; padding-top:10px; margin-bottom:10px;}

.photoup{float:left; width:300px; margin:2px 3px 0 0;}
.c-icon ul{margin-top:15px;}
.c-icon ul li{position:relative; padding-left:7px; margin-bottom:10px;}
.c-icon ul li:before{content:''; width:3px; height:3px; display:block; background-color:#999; position:absolute; left:0; top:9px;}
.c-icon ul li input,
.c-icon ul li select{padding:5px; border:1px solid #ddd;}

/*paging*/
.cultureWrap .paging {text-align:center; padding: 30px 0;}
.cultureWrap .paging div > a{display:inline-block; width:28px; height:30px; text-indent:-9999px; vertical-align:middle;}
.cultureWrap .paging div .btnFirst{background:url(/Web-home/user/board/images/skin_001/arrow_begin.gif) no-repeat;}
.cultureWrap .paging div .btnEnd{background:url(/Web-home/user/board/images/skin_001/arrow_last.gif) no-repeat;}
.cultureWrap .paging ul {text-align:center; display:inline; padding:0 10px;}
.cultureWrap .paging li {display:inline; border:1px solid #dedede; padding:5px 10px 6px; vertical-align:middle; margin:0 1px;}
.cultureWrap .paging li.on {font-weight:bold; color:#fff; border:1px solid #9aaac8; background-color:#9aaac8;}


/* finance */
#board-container .finance-notic{position: relative;border:1px solid #e3e9f6;border-top:1px solid #b0c8ef;padding:10px 80px 10px 74px;font-size:13px; color:#333333;line-height:24px;letter-spacing:-1px;background:#f6f9ff;margin-bottom:10px}
#board-container .finance-notic:after{content:"";display:block;position:absolute;top:14px;left:20px;width:41px;height:41px;background-image: url(/Web-home/user/board/images/skin_001/icon-notic-finance.png);}
#board-container .point-b{display:inline-block;color:#395da0;font-weight:bold;}
.wizUser .listTop{position:relative;}
.wizUser .listTop .list-title{font-weight:bold;color:#000}
.list-information{position:absolute;bottom:15px;left:0;font-weight:bold;}


/*  finance category  */
#board-container .category-finance{background-color:#fafafa;padding:15px 0 10px 0;margin-bottom:30px;border:1px solid #e7e7e7;border-top:2px solid #585858}
#board-container .category-finance .category-finance-depth{background: url(/Web-home/user/board/images/categoryTbg.gif) no-repeat left center;padding-left: 25px;margin:0 16px 10px 15px;line-height:.9}
#board-container .category-finance .category-finance-depth .view_text{position:relative;display:inline-block;font-size:14px;font-weight:bold}
#board-container .category-finance .category-finance-depth .view_text:hover{text-decoration: underline;}
#board-container .category-finance .category-finance-depth .view_text + .view_text{padding-left:26px}
#board-container .category-finance .category-finance-depth .view_text + .view_text:before{content:"";display:block;position:absolute;top:50%;left:12px;width:5px;height:9px;margin-top:-3px;background: url(/Web-home/user/board/images/arrow-2depth.png) no-repeat left center}
#board-container .category-finance ul:after{content:"";display:block;clear:both}
#board-container .category-finance ul{padding:0 40px;}
#board-container .category-finance ul li{float:left;min-width:228px;width:auto;line-height:24px}
#board-container .category-finance ul li a{font-size:13px;color:#666666;}
#board-container .category-finance ul li a:hover{text-decoration: underline;}

/*  finance table type  */
#board-container .list-type-a{width:100%}
#board-container .list-type-a table thead{background:#f2f2f2}
#board-container .list-type-a table th{border-top: 1px #585858 solid;border-bottom: 1px #bcbcbc solid;padding: 12px 0 14px !important;color: #333333;}
#board-container .list-type-a table tbody td span{display: block;width: 100%;overflow: inherit;white-space: inherit;}
#board-container .list-type-a table tbody td{padding: 10px 0;line-height: 150%; text-align: center;border-bottom:1px solid #d8d8d8}
#board-container .list-type-a table tbody .title{text-align:left}
#board-container .list-type-a table tbody .title a{display:inline-block;max-width:400px;width:auto;vertical-align: middle;text-align: justify;padding-right: 8px;}
#board-container .list-type-a table tbody .title a:hover{text-decoration: underline;}
#board-container .list-type-a table tbody .title a .td-title{display:block;font-weight:bold;color:#333333;line-height:.9;padding-bottom:10px; font-size:15px;}
#board-container .list-type-a table tbody .title a .td-title span{display:inline}
#board-container .list-type-a table tbody .title a .td-body{display:block}

#board-container .list-type-a table tbody .title .box{display:inline-block;width: 270px;margin: 10px 0;vertical-align: top;}
#board-container .list-type-a table tbody .title .thump{display:inline-block;width:200px;height:126px;margin-right: 12px;}
#board-container .list-type-a table tbody .title .thump img{width:100%; height:100%;}
#board-container .list-type-a table tbody .title .thump.no-image{background: url(/Web-home/user/board/images/no-image-list.png) no-repeat}
#board-container .list-type-a table tbody .title .thump.temp01{background: url(/Web-home/user/board/images/no-image-list.png) no-repeat}
#board-container .list-type-a table tbody .title .thump.temp02{background: url(/Web-home/user/board/images/no-image-list.png) no-repeat}
#board-container .list-type-a table tbody .title .thump.temp03{background: url(/Web-home/user/board/images/no-image-list.png) no-repeat}

#board-container .list-type-a.type-a table th + th{background:url(/Web-home/user/board/images/skin_001/title_bg.gif) no-repeat left center;}
#board-container .list-type-a.type-b{margin-left:20px}
#board-container .list-type-a.type-b table th + th{border-left:1px solid #d2d2d2}
#board-container .list-type-a.type-b table td + td{border-left:1px solid #d2d2d2}
#board-container .list-type-a.type-b table td{padding:14px 20px;color:#666;line-height:24px}

/*  finance view  */
#board-container .list-view-wrap{padding:10px 0 20px 0}
#board-container .list-view-wrap dl{padding:0;border-top:1px solid #585858}
#board-container .list-view-wrap dl dt{border-bottom:1px solid #dcdcdc;line-height:.9;padding:18px 20px 20px 20px}
#board-container .list-view-wrap dl dt .point{display:inline-block;color:#395da0;}
#board-container .list-view-wrap dl dt .td-title{display:inline-block;font-weight:bold;color:#333333;line-height:.9;font-size:16px}
#board-container .list-view-wrap dl dt .td-title span{display:inline}
#board-container .list-view-wrap dl dt .td-data{float: right;color:#666666;font-size:13px;letter-spacing:-1px}
#board-container .list-view-wrap dl dt:after{content:"";display:block;clear:both}
#board-container .list-view-wrap dl .contents{color:#666666;font-size:13px;line-height:20px;letter-spacing:-1px;padding:14px 20px 16px 20px}
#board-container .list-view-wrap dl .list-data{border:none}
#board-container .list-view-wrap dl .list-data .view-sub-list{padding:14px 24px;background:#f2f2f2;}
#board-container .list-view-wrap dl .list-data .view-sub-list .item{position:relative;line-height:26px;padding-left:16px;letter-spacing:-1px}
#board-container .list-view-wrap dl .list-data .view-sub-list .item:after{content:"";display:block;width:3px;height:3px;position:absolute;top:11px;left:5px;background:#395da0}
#board-container .list-view-wrap dl .list-data .view-sub-list .item .title{display: inline-block;color:#395da0;font-weight:bold;width:85px;vertical-align: top;}
#board-container .list-view-wrap dl .list-data .view-sub-list .item .summary{display: inline-block;color:#666666;padding-left:10px;vertical-align: top;width:360px}

#board-container .list-view-wrap dl .list-data.type-b:after{content:"";display:block;clear:both}
#board-container .list-view-wrap dl .list-data.type-b .view-sub-list{position:relative;float:right;padding:14px 24px;background:#f2f2f2;width:480px}
#board-container .list-view-wrap dl .list-data.type-b .view-thum{float:left; width:220px; height:auto; max-height:180px;}


#board-container .list-type-a .point{display:inline-block;color:#395da0;}

/*  상품설명 */
.finance-explain{border-bottom:1px solid #728cb9;margin-bottom:8px}
.finance-explain .finance-explain-title{display:block;padding-top:6px;width:90px;height:24px;line-height:.9;background:#728cb9;text-align:center;color:#fff;font-size:14px;letter-spacing:-1px;font-weight:bold}

/*  finance  title*/
.finance-title-01{padding:44px 0 6px 20px;font-size:16px;line-height:.9;color:#000000;letter-spacing:-1px;font-weight:bold}
.finance-title-02{position:relative;color:#395da0;font-size:13px;line-height:1;letter-spacing:-1px;padding:24px 0 14px 30px;font-weight:bold}
.finance-title-02:after{content:"";display:block;width:3px;height:10px;position:absolute;top:26px;left:18px;background:#395da0;}
.finance-title-03{padding:17px 0 6px 0;font-size:16px;line-height:.9;color:#000000;letter-spacing:-1px;font-weight:bold}

/*  finance  ul type */
.li-style-dot{padding:0 0 0 40px;}
.li-style-dot > .item{position:relative;letter-spacing:-1px;font-size:13px;color:#666666;line-height:24px;}
.li-style-dot > .item:after{content:"";display:block;width:2px;height:2px;position:absolute;top:11px;left:-10px;background:#666666;}

.li-style-normal{padding:0}
.li-style-normal > .item{letter-spacing:-1px;font-size:12px;color:#666666;line-height:24px;}

.li-style-point{padding:16px 20px 25px 20px;border-bottom:1px solid #dcdcdc;margin-bottom:30px}
.li-style-point > .item{letter-spacing:-1px;font-size:12px;color:#666666;line-height:24px;padding-bottom:8px}


/* content color txt*/
.point-txt-a{display:block;position:relative;color:#7690c2;font-size:12px;padding-left:22px}
.point-txt-a:after{content:"";display:block;position:absolute;top:50%;left:0;width:15px;height:15px;margin-top: -6px;background-image: url(/Web-home/user/board/images/skin_001/icon-notic-finance-a.png);}
.point-txt-b{display:block;position:relative;color:#f45c34;font-size:12px;padding-left:22px}
.point-txt-b:after{content:"";display:block;position:absolute;top:6px;left:0;width:15px;height:15px;background: url(/Web-home/user/board/images/skin_001/icon-notic-finance-b.png) no-repeat;}
.guide-txt{font-size:12px;color:#666666;letter-spacing:-1px;line-height:24px;padding:4px 0 8px 0}
.p-top{padding-top:12px}

/* 금융 tab title*/
.tab-title-wrap{margin-bottom:30px}
.tab-title-wrap .txt-item{display:inline-block;font-size:14px;color:#fff;line-height:.9;padding:9px 20px 0 20px;height:26px;min-width:100px;width:auto;background-color:#adadad;font-weight:bold;text-align:center} 
.tab-title-wrap .txt-item-on{display:inline-block;font-size:14px;color:#fff;line-height:.9;padding:9px 20px 0 20px;height:25px;min-width:100px;width:auto;background-color:#3561ab;font-weight:bold;text-align:center}
.tab-title-wrap .txt-item:hover,.tab-title-wrap .txt-item-on:hover{color:#fff !important}
.tab-title-wrap > a + a{margin-left:2px}

.finance-icon-list{width:100%;border-top:2px solid #585858}
.finance-icon-list:after{content:"";display:block;clear:both}
.finance-icon-list li{position:relative;float:left;width:50%;border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;margin-right: -1px;}
.finance-icon-list li a{display:block;}
.finance-icon-list li a:hover{text-decoration: underline;}
.finance-icon-list li:after{content:"";display:block;position:absolute;top:39px;left:34px;width:60px;height:60px;background:url(/Web-home/user/board/images/icon-finance.png) no-repeat;}
.finance-icon-list .item01{background-position: 0 0;}
.finance-icon-list .item02:after{background-position: -127px 0;}
.finance-icon-list .item03:after{background-position: -253px 0}
.finance-icon-list .item04:after{background-position: -401px 0}
.finance-icon-list .item05:after{background-position: -562px 0}
.finance-icon-list .item06:after{background-position: -725px 0}
.finance-icon-list .item07:after{background-position: 0 -176px}
.finance-icon-list .item08:after{background-position: -126px -176px}
.finance-icon-list .item09:after{background-position: -866px 0}
.finance-icon-list .item10:after{background-position: -866px -176px}
.finance-icon-list .item11:after{background-position: -113px -90px}
.finance-icon-list .item12:after{background-position: -254px -90px}
.finance-icon-list .item13:after{background-position: 0px -90px}
.finance-icon-list .item14:after{background-position: -562px -176px}
.finance-icon-list .item15:after{background-position: -725px -176px}
.finance-icon-list .item16:after{background-position:  -256px -176px}
.finance-icon-list .item17:after{background-position:  -402px -176px}
.finance-icon-list li a .wrap{display:block;padding:34px 0 0 128px;height:92px;width:274px}
.finance-icon-list li a .wrap .title{display:block;font-size:16px;color:#3a6dc3;font-weight:bold;line-height:.9;letter-spacing:-1px;padding-bottom:13px}
.finance-icon-list li a .wrap .summary{display:block;font-size:13px;color:#666666;line-height:16px;letter-spacing:-1px}
.finance-icon-list .item01{}
.finance-icon-list.type-a{margin-bottom:55px}

/*  finance  button type */
.arow-btn{margin-left:9px}
.arow-btn .arow-btn{position:relative;display:inline-block;padding:6px 29px 0 10px;height:18px;color:#fff;font-size:12px;letter-spacing:-1px;line-height:.9}
.arow-btn .arow-btn + .arow-btn{margin-left:5px}
.arow-btn .arow-btn:after{content:"";display:block;width:9px;height:9px;position:absolute;top:50%;right:10px;margin-top: -4px;background:url(/Web-home/user/board/images/icon-btn-arrow.png) no-repeat -7px -8px;;}
.arow-btn .arow-btn.type-a{background-color:#3a6dc3}
.arow-btn .arow-btn.type-b{background-color:#374a75}
.arow-btn .arow-btn:hover{color:#fff !important;text-decoration: underline}



/* *수탁판매정산서* */
#board-container2 .finance-notic{position: relative;border:1px solid #e3e9f6;border-top:1px solid #b0c8ef;padding:10px 80px 10px 74px;font-size:13px; color:#333333;line-height:24px;letter-spacing:-1px;background:#f6f9ff;margin-bottom:10px}
#board-container2 .finance-notic:after{content:"";display:block;position:absolute;top:14px;left:20px;width:41px;height:41px;background-image: url(/Web-home/user/board/images/skin_001/icon-notic-finance.png);}
#board-container2 .point-b{display:inline-block;color:#395da0;font-weight:bold;}
.wizUser .listTop{position:relative;}
.wizUser .listTop .list-title{font-weight:bold;color:#000}
.list-information{position:absolute;bottom:15px;left:0;font-weight:bold;}

#board-container2 {
	font-family: '맑은 고딕';
	font-size:13px;
}

/*수탁판매정산서*/
#board-container .accounts .accounts-title{font-size:24px;padding:26px 0 24px;text-align:center;letter-spacing: 8px;color: #555;}
#board-container .accounts .accounts-inpo-wrap{border:1px solid #ddd;padding:14px 18px}
#board-container .accounts .accounts-inpo-wrap .accounts-inpo-title{font-size:16px;font-weight:bold;padding-bottom:6px;color: #555;}
#board-container .accounts .accounts-inpo-wrap .accounts-inpo{padding-top:8px;border-top:1px solid #ddd}
#board-container .accounts .accounts-inpo-wrap .accounts-inpo .item{position:relative;padding-left:12px;line-height:20px;color: #555;}
#board-container .accounts .accounts-inpo-wrap .accounts-inpo .item:after{content:"";position:absolute;top:50%;left:0;width:4px;height:4px;background:#888;margin-top:-2px}
#board-container .accounts .total-sum{color:red;font-size:16px;font-weight:bold}
#board-container .accounts .chulgaju-name{padding:14px 0;color: #555;}
#board-container .accounts .chulgaju-name .title{font-size:14px;font-weight:bold}
#board-container .accounts .chulgaju-name .summary{font-size:16px;font-weight:bold}
#board-container .accounts .sum-point{color:red;font-weight:bold}
#board-container .accounts table + table{margin-top:20px}
#board-container .accounts .form-box{display: block;text-align:right}
#board-container2 .accounts .calendar-data{width:70px;border: 1px solid #cecece;vertical-align: middle;line-height: .9;margin:0 4px}