@charset "utf-8";

.contList {
	padding: 20px 0 10px 0;
	width: 613px;
}

.conImage {
	float: left;
	padding-right: 10px;
}

.cotent {
	float: left;
}

.conTitle a{
	font-size: 1.2em;
	font-weight: bold;
	color: black;
	padding-bottom: 3px;
}

.cont a{
	color:#7f7f7f;
	}

.conDate {
	font-size: 0.9em;
	color: #ad6613;
}

.pagging {
	border-top: #dfdfdf 1px solid;
	text-align: center;
	width: 613px;
	height: 60px;
	padding-top: 10px;
	font-weight: bold;
}

.currentP{
	color:#d5003c;
	}



/**
 * material list title
 **/
#topTitle { width: 684px; height: 32px; border-bottom: 1px solid #d3d3d3; margin: 10px 0 10px 10px; z-index: 1; }
#topTitle h3 { float: left; font-size: 16px; color: #151f5c; padding: 10px 0 0 5px; width: 460px; overflow: hidden; white-space: nowrap; letter-spacing: -1px; }
#topTitle h3 strong { color: #D03212; }

/**
 * material list title - period tab
 **/
.topTitleTab { float: right; margin-right: 10px; height: 17px; padding: 9px 0 0 0px; z-index: 10; *padding-bottom: 3px; }
ul.topTitleTab { margin-top: 3px; }
.topTitleTabtxt { float: right; padding: 12px 4px 0 10px; }
.topTitleTab li { list-style: none; padding: 4px 10px; display: inline; z-index: 20; *margin: 0 1px; }
.topTitleTab li a,
.topTitleTab li a:hover { text-decoration: none; }
.period-tab-on { background-color: #F5F8FB; border: 1px solid #d3d3d3; border-bottom: 1px solid #F5F8FB !important; font-weight: bold; letter-spacing: -1px; color: #d8323c; }
.period-tab-off { background-color: #eee; border: 1px solid #d3d3d3; }

/*리스트*/
#hitList{
	width: 674px;
	margin:10px 0 12px 10px;
}
.hitListFont14{
padding: 6px 0 3px 3px;
}

.hitListFont14 a{
	font-size: 1.2em;
	font-weight: bold;
	color: #151f5c;
}

.hitListFont14 a:hover{
	color: #cc0000;
}

.pl10{
padding-left: 10px;
}
.pb4{
padding-bottom: 4px;
}

.pagging {
	float: left;
	border-top: #dfdfdf 1px solid;
	text-align: center;
	width: 690px;
	height: 40px;
	padding:16px 0 0 0;
	margin:10px 0 0 0px;
    font-size: 12px;
    font-family: Verdana, Tahoma, sans-serif;
}
    .pagging strong.page {
        color: #d5003c;
        font-weight: bold;
        padding: 2px 4px;
        margin: 0 4px;
    }
    .pagging a.page {
        padding: 2px 4px;
        margin: 0 4px;
    }

#thumListinfo{
	width: 550px;
}

/**
 * conference list
 * company list
 **/
#conference-list { float: left; width: 684px; margin: 10px 0 10px 0px; padding: 4px 0 0 16px; border-bottom: 1px dashed #ccc; padding-bottom: 20px; }
#conference-list h3 { float: left; width: 90px; text-align: center; font-size: 1.8em; font-weight: bold; color: #000000; padding: 6px 0 0px 0px; }
#conference-list h3.conference-list { font-family: Tahoma, sans-serif; }
#conference-list ul { float: left; width: 490px; padding-left: 26px; border-left: 3px solid #ddd; }
#conference-list ul li { padding-bottom: 1em; line-height: 1em; }
#conference-list ul li:last-child { padding-bottom: 0; }
#conference-list ul li a { font-size: 1em; color: #151f5c; }
#conference-list ul li a:hover { color: #cc0000; }

.dotLineB { float: left; width: 100%; height: 1px; margin:0 0 0 10px;
	padding:5px 0 5px 0;
	background:transparent url('../images/dot_b.gif') 0 0 repeat-x;
}


/*기업별탭*/
#tabHanEng{
	float: left;
	width: 684px;
	margin:0 0 0 10px;
	padding-bottom: 14px;
}

#tabHanEng ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#tabHanEng li{
	float: left;
	margin: 0;
	border-left:1px solid #d3d3d3;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
}
#tabHanEng li a{
	display: block;
	background-color: #e9e9e9;
	padding: 4px 8px 3px 8px;
	color: #505050;
}

#tabHanEng li a:hover{
	background-color: #f5f8fb;
	font-weight: bold;
	text-decoration: none;
	color:#d73240;
}

#tabHanEng li:last-child {
	border-right:1px solid #d3d3d3;
}









.pl10{
padding-left: 10px;
}
.pb4{
padding-bottom: 4px;
}


.headDataImage {
	float: left;
	width: 216px;
	border:1px solid #282828;
}

.headDataConBox {
	float: left;
	width: 230px;
	padding: 10px 0 0 14px;
}

.headDataContent {
	float: left;
	width: 374px;
	padding-left:0 0 0 16px ;
}

.headDataConTitle{
	float: left;
	padding-bottom: 5px;
}

.headDataConTitle a{
	font-size: 1.2em;
	font-weight: bold;
	color: #fdff7d;
}

.headDataConTitle a:hover{
	color: #fcff36;
}

.headDataCt{
	float: left;
	color: #c6c6c6;
	line-height:1.3em;
	padding: 0 6px 4px 0;
}
.headDatabtn{
	float: left;
	padding-bottom: 1px;
}





/**
 * list - pagination
 **/
.pagination * { margin:0; padding:0;}
.pagination { padding: 15px 0; margin: 20px 0; text-align:center; }
.pagination img { border:0;}
.pagination a,
.pagination strong { position:relative; display:inline-block; text-decoration:none; line-height:normal; color:#4d4d4d; margin:0; padding:2px 6px; font-size:11px; vertical-align:middle;}
.pagination strong { color:#ff3636 !important; border:1px solid #e7e7e7;}
.pagination a.prev,
.pagination a.prevEnd,
.pagination a.next,
.pagination a.nextEnd { font-weight:normal !important; margin:0 !important; white-space:nowrap; text-decoration:none !important; border:1px solid #e7e7e7; background-image:url(../images/arrowPagination.gif); background-repeat:no-repeat;}
.pagination a.prevEnd { padding-left: 14px; background-position: left center; }
.pagination a.nextEnd { padding-right: 14px; background-position: right center; }


.navi-highlight { /*color: #d91b5c;*/ }
/*.navi-arrow { background-image: url(../images/arrowPagination.gif); background-repeat: no-repeat; padding-right: 14px; background-position: right center; }*/
.navi-arrow { background: transparent url(../images/arrowPagination.gif) no-repeat scroll right center; padding-right: 14px; }
.navi-arrow span { font-size: 0; line-height: 0; visibility: hidden; z-index: -1; }


/**
 * material-list
 **/
#material-list { *zoom: 1; clear: both; padding: 0 10px; overflow: hidden; }
#material-list:after { content: ""; clear: both; display: block; }

/**
 * material-list - simple
 **/
.list-simple-item { width: 124px; margin: 10px 22px; float: left; }
.list-simple-thumb { border: 1px solid #d4e0ed; padding: 8px; }
.list-simple-thumb img { display: block; margin: 0 auto; }
.list-simple-title { margin-top: 6px; text-align: center; min-height: 50px; }

/**
 * material-list - list
 **/
#material-list { list-style: none; }

.list-list-item { position: relative; margin-top: 1.4em; *zoom: 1; }
.list-list-item:after { content: ""; clear: both; display: block; }


.list-list-item h4 { font-size: 1.1em; }
.list-list-item h4 a { color: #151f5c; }
.list-list-item h4 a:hover { color: #cc0000; }
.list-list-item table { float: left; width: 100%; border-top: 1px solid #d4e0ed; border-right: 1px solid #d4e0ed; margin-top: 6px; }
.list-list-item th,
.list-list-item td { text-align: center; border-bottom: 1px solid #d4e0ed; padding: 4px; }
.list-list-item th { font-weight: normal; width: 75px; background-color: #e8eff6; }
.list-list-item td { width: 102px; }
.list-list-item td.material-thumb { width: 120px; border: 1px solid #d4e0ed; border-top: 0; }
.list-list-item td.wide-info { text-align: left; padding-left: 1em; width: 430px; }

.list-item-menu { position: absolute; top: 0; right: 6px; }
.list-item-menu li { display: inline; }


.no-materials { margin: 20px auto; padding: 30px; border: 1px solid #d4e0ed; text-align: center; font-weight: bold; color: #555; -moz-border-radius: 8px; }


/*
.list-list-item h4 { font-size: 1.1em; color: #151f5c; }
.material-list-thumb { float: left; padding: 11px 8px; border: 1px solid #d4e0ed; }
.list-list-item dl { float: left; width: 530px; border-top: 1px solid #d4e0ed; }
.list-list-item dl dt,
.list-list-item dl dd { margin: 0; display: inline-block; *display: inline; border-bottom: 1px solid #d4e0ed; padding: 4px; text-align: center; }
.list-list-item dl dt { width: 68px; background-color: #e8eff6; }
.list-list-item dl dd { width: 90px; }
.list-list-item dl dd.wide-info { text-align: left; padding-left: 1em; width: 434px; }
.list-item-menu { position: absolute; top: 0; right: 6px; }
.list-item-menu li { display: inline; }
*/



/**
 * material-view
 **/
#info-box { position: relative; overflow: hidden; width: 684px; background: transparent url('../images/top_con_bg.jpg') no-repeat 0 0; *zoom: 1; }
#info-box:after { content: ""; clear: both; display: block; }
#info-box-bottom { width: 684px; height: 8px; background: transparent url('../images/top_con_bg_bottom.jpg') no-repeat 0 0; clear: both; }
/*#object-container { float: left; width: 422px; padding:0 12px 0 8px; }*/
#object-container { padding: 0 12px 0 8px; overflow: hidden; height: 445px; }
.material-title { font-size: 16px; color: #000000; font-weight: bold; padding: 10px 0 12px 22px; }

#article-column { float: left; width: 240px; }
/*#material-object { width: 422px; }*/
#material-object { text-align: center; }

#info-bottom { position: relative; overflow: hidden; margin: 2em auto; width: 684px; }

#content-comment { float: left; width: 422px; padding: 0 12px 0 8px; }
.material-content { line-height: 1.8em; }


#material-info { float: left; width: 235px; }
#material-info dt,
#material-info dd { margin: 4px; float: left; }
#material-info dt { font-weight: bold; letter-spacing: -1px; width: 65px; clear: left; }
#material-info dd { width: 145px; }


.material-detail-box { width: 684px; clear: both; margin-top: 18px; border: 1px solid #d2d2d2; background-color: #ebf0f3; }
.material-detail { overflow: hidden; clear: both; padding: 8px; }
.material-detail dl { float: left; }
.material-detail dl.material-cate { width: 240px; }
.material-detail dl.material-reg { width: 240px; border-left: 1px dashed #d2d2d2; padding-left: 16px; }
.material-detail dl.material-count { width: 150px;  border-left: 1px dashed #d2d2d2; padding-left: 16px; }

.material-detail dl dt { background: transparent url(../images/bl_c.gif) no-repeat 0 6px; padding-left: 8px; }
.material-detail dl dt,
.material-detail dl dd { margin: 4px; float: left; }
.material-detail dl dt { font-weight: bold; letter-spacing: -1px; width: 65px; clear: left; }
.material-detail dl.material-cate dt { width: 45px; }
.material-detail dl.material-count dt { width: 85px; }
.material-detail dl.material-cate dd { width: 145px; }
.material-detail dl.material-reg dd { width: 145px; }
.material-detail dl.material-count dd { width: 35px; }


/**
 * material-view menu
 **/
.view-bottom-menu { margin-top: 8px; padding-right: 1em; text-align: right; }


/**
 * comment form
 **/
#replyLayout { margin-top: 20px; }
#replyLayout .write_box { border: 1px solid #dedede; background-color: #f5f5f5; padding: 12px; }
#replyLayout .write_box .write_title { color: #252525; font-weight: bold; margin-bottom: 6px; }
#replyLayout .write_box .comment_textarea { width: 96%; height: 5em; color: #000000; border: 1px solid #d6d4d5; padding: 4px; }
#replyLayout .write_box .write_bottons { margin-top: 10px; text-align: right; }
#replyLayout .write_box .help { margin-top: 4px; }

/* comment list */
.reply_list { margin-top: 10px; }
.reply_item { padding: 10px 0; border-bottom: 1px solid #dedede; }
.reply_item .name_date { margin-bottom: 8px; }
.reply_item .name_date .name { color:#637a9e; font-weight: bold; }
.reply_item .name_date .date { padding-left: 1em; font-size: 11px; color: #a6a6a6; }
.reply_item .contents { line-height: 1.4em; }

/* article box */
.articleBox { clear: both; width: 235px; border:1px solid #dadddf; background-color: #ffffff; }
.articleBox h3 { color: #2158aa; padding: 8px 10px 8px 10px; font-weight: bold; border-bottom: 1px solid #dadddf; }
.articleBox ul { padding: 6px 0 6px 0; }
.articleBox ul li { line-height: 1.8em; padding: 0 8px 0 18px; background: url(../images/bl_a.gif) no-repeat 13px 9px; }


/**
 * write form - skin/material_write.html
 **/
.form-title { height: 38px; background: transparent url(../images/t_top_line.gif) no-repeat 0 22px; margin-bottom: 12px; } /* 22 + 14 + 2 = 38 */
#write-title { height: 22px; background: transparent url(../images/title_reg.gif) no-repeat 0 0; }
#write-title span { display: none; }

.text-fixed { background-color: #F9F9F9; border: 1px solid #E0E0E0; color: #333; width: 100%; height: 300px; line-height: 1.6em; padding: 5px; }

#write-box { border: 7px solid #ced6de; padding: 16px; }
.write-pledge { float: left; width: 46%; padding: 0 2%; }
.write-pledge h4 span { display: none; }
#write-pledge-title { height: 26px; background: transparent url(../images/t_s_a.gif) no-repeat 0 0; }
#write-copyright-title { height: 26px; background: transparent url(../images/t_s_b.gif) no-repeat 0 0; }

#write-pledge-confirm { clear: both; text-align: center; padding: 20px 0; }
#write-pledge-confirm label { font-weight: bold; letter-spacing: -1px; color: #333; }

.write-form { /*display: none;*/ }
textarea.form-input,
select.form-input,
input.form-input { width: 550px; background-color: #fff; border: 2px solid #ccc; padding: 3px;  }
select.form-input { padding: 2px; }
.form-help { padding: 4px 0; }

#write-form-table { }
#write-form-table th,
#write-form-table td { padding: 8px; }
#write-form-table th { background: transparent url(../images/bl_01.gif) no-repeat 0 15px; text-align: left; vertical-align: top; padding-left: 14px; padding-top: 12px; color: #FF4E00; }

#write-category { }
#write-category div { padding-bottom: 6px; line-height: 1.8; }
#write-category div:last-child { padding-bottom: 0; }
#write-category div strong { color: #333; }
#write-category div label { margin-right: 16px; }

#write-submit { margin-top: 20px; text-align: center; }
#write-submit-message { text-align: center; font-weight: bold; letter-spacing: -1px; margin: 12px 0; color: #333; }
#write-submit span.button-confirm input { background: transparent url(../images/btn_confirm.gif) no-repeat 0 0; }
#write-submit span.button-reset input { background: transparent url(../images/btn_cancel.gif) no-repeat 0 0; }
#write-submit span.button-confirm input,
#write-submit span.button-reset input { width: 90px; height: 28px; font-size: 0; line-height: 0; border: 0 none; cursor: pointer; }

#uploaded-file-list { border: 2px solid #ccc; height: 1.4em; margin-bottom: 6px; padding: 4px; width: 550px; background-color: #fff; font-family: Consolas, "Courier New", Courier, sans-serif; }

#material-file { border-collapse: collapse; padding: 4px !important; font-family: "나눔고딕", "돋움", sans-serif !important; line-height: 1.6em; }




/**
 * material message
 **/
.material-message { width: 80%; margin: 20px auto; border: 2px solid #ccc; padding: 40px; text-align: center; line-height: 2em; color: #333; }
.material-message h3 { font-size: 13px; font-weight: bold; }



/**
 * modal window after writing material
 **/
#wait-window { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; display: none; }
#wait-modal-window { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; display: block; opacity: 0.4; filter: alpha(opacity=40); -ms-filter: "alpha(opacity=40)"; }
#wait-layer { position: absolute; top: 120px; left: 50%; width: 290px; padding: 30px; margin-left: -175px; background-color: #fff; border: 2px solid #666; text-align: center; }




/**
 * ui-datepicker
 **/
#ui-datepicker-div,
.ui-datepicker-inline { font-family: "나눔고딕", AppleGothic, sans-serif !important; font-size: 12px !important; }
.ui-datepicker-control,
.ui-datepicker-links { font-size: 12px !important; }
.ui-datepicker-one-month { width: 100% !important; }


/**
 *
 **/
.bookmark_button { border: 0 none; height: 24px; width: 24px; opacity: 0.6; }
.bookmark_button:hover { opacity: 1; }
.last_bookmark_button { margin-right: 8px; }