.breadcrumbs {
  border-bottom:1px solid #dddddd;
}
.bcrumbs {display:table; width:100%;}
.bcrumbs > * {display:table-cell; line-height:35px;}
.bcrumbs > dt {width:30px;}
.bcrumbs > dt .home {display:block; width:30px; height:35px;
  background-image:url(/mob/images/homeicon.png);
  background-repeat:no-repeat;
  background-position: center center;
  background-size:10px 9px;
  background-color:#1272c0;
  text-indent:-99999px;
}
.bcrumbs > dd {
  position:relative;
  border-right:1px solid #dddddd;
  width:50%;
}
.bcrumbs > dd:last-child {
  border-right-width:0px;
}
.bcrumbs > dd > a {
  display:block;
  padding:0 12px;
  background-image:url(/mob/images/tabarrow.png);
  background-repeat:no-repeat;
  background-position:right 15px center;
  background-size:13.5px 6.5px;
  background-color:#fff;
  position:relative;
  z-index:100;
  white-space:nowrap;
  max-height:35px;
  background-color: #f8f8f8;
}
.bcrumbs .depth1_sub {left:0;}
.bcrumbs .depth2_sub {left:-1px;}
.bcrumbs .depth1_sub,
.bcrumbs .depth2_sub  {
  position:absolute;
  top:35px;
  width:100%;
  width:calc(100% + 1px);
  min-width:135px;
  background-color:#fff;
  border:1px solid #dfdfdf;
	z-index:1;

  -ms-transform:translateY(-100%);
  -webkit-transform:translateY(-100%);
  -o-transform:translateY(-100%);
  -moz-transform:translateY(-100%);
  transform:translateY(-100%);
  -ms-transition:all 0.3s;
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;
}
.bcrumbs .on + .depth1_sub,
.bcrumbs .on + .depth2_sub {
  -ms-transform:translateY(0);
  -webkit-transform:translateY(0);
  -o-transform:translateY(0);
  -moz-transform:translateY(0);
  transform:translateY(0);
  -ms-transition:all 0.3s;
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;
}
.depth1_sub > li > a,
.depth2_sub > li > a  {
  display:block;
  padding:8px 10px;
  line-height:1.2em;
}



.pagetit {
  font-size:18px;
  font-weight:600;
  color:#010101;
  letter-spacing:-0.25px;
  line-height:1.35em;
  margin-bottom:30px;
}
.inner_content {
  padding-top:20px;
  padding-bottom:20px;
  min-height:200px;
}
.inner_content p {line-height:1.45em; margin:0.8em 0; color:#666666;}
.inner_content p strong {
  font-weight:600;
  font-size:16px;
  line-height:1.45em;
  color:#1598dc;
}

.imgwrap {margin-bottom:10px;}

.tab_wrap {margin-bottom:30px;}
.page_tab {}
.page_tab > li {margin:2.5px 0;}
.page_tab > li > a {
  display:block;
  background-color:#f5f5f5;
  color:#010101;
  border:1px solid #c0d0da;
  padding:12px 0;
  text-align:center;
}
.page_tab > li > a.on {
  background-color:#e4eef6;
  font-weight:600;
}

h3 {
  font-size:18px; color:#1598dc; font-weight:600; margin-bottom:15px; margin-top:30px; line-height:1.25em;
}
h4 {
    font-size:16px; color:#010101; font-weight:600; margin-top:15px; line-height:1.25em; margin-bottom:5px;
}

dl.txt {margin-bottom:30px;}
dl.txt > dt {font-size:16px; font-weight:600; color:#010101; margin-bottom:10px;}
dl.txt > dd {color:#666666; line-height:1.45em;}

.box {background-color:#f5f5f5; border:1px solid #c0d0da; padding:5px 7px;}
.box > p {line-height:1.35em; margin:0; font-size:12px;}

.inner_content .box {
    border:4px solid #e9eff2;
    background-color:#fff;
	padding:0.8em 1em;
}

/* history 연혁 */
.history {}
.history > dt {font-size:18px; color:#1598dc; font-weight:600; margin-bottom:15px; margin-top:30px;}
.history > dt:first-child {margin-top:0;}
.history > dd {position:relative; margin-bottom:10px; line-height:1.45em;}
.history > dd > .date {
  display:block;
  float:left;
  width:68px; font-weight:600;
  color:#010101;
  position:relative;
}
.history > dd > .date:after {
  display:block; content: " "; clear:both;
  position:absolute; top:6px; right:0;
  width:6px; height:10px;
  background-image:url(/images/history_arrow.png);
  background-repeat:no-repeat;
  background-position:0 0;
}
.history > dd > .event {
  display:block;
  overflow:hidden;
  color:#666666;
  padding-left:15px;
}






/* 게시판 */
.board_table table td table {width:100%;}
div:not(#DIV_LIST) > .board_table > table td table tr {border-width:0;}
.board_table table td table td {padding:0; }
#DIV_LIST {margin-bottom:15px;}
#DIV_LIST .board_table {}
.board_table > table {border-top:2px solid #1598dc; width:100%;}
#DIV_LIST .board_table > table {width:100%; display:block;}
.board_table > table caption {display:none;}
#DIV_LIST .board_table > table thead {display:none;}
.board_table > table tbody {display:block;}
.schedule_view.board_table > table tbody {display:table-row-group;}
#DIV_LIST > .board_table > table tbody tr {display:block; }
#DIV_LIST > .board_table > table tbody td {display:block; width:100%; padding:10px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; color:#888888; vertical-align:middle;}
.board_table > table tbody td {padding:10px 0;}
#DIV_LIST .board_table > table tbody td:first-child {border-bottom-width:0px; color:#111111;}
#DIV_LIST .board_table > table tbody td:last-child {border-bottom:1px solid #dddddd; padding-top:0;}

.board_table > table thead th {padding:10px 0; font-weight:600; line-height:1.45em;}
.board_table > table tbody th {vertical-align:middle; height:41px;}
.board_table > table tbody td {line-height:1.45em;}
.board_table > table tbody tr:nth-child(2) > th:first-child {padding-left:5px; padding-right:5px;}

div:not(#DIV_LIST) > .board_table > table thead th,
div:not(#DIV_LIST) > .board_table > table tbody tr:first-child,
div:not(#DIV_LIST) > .board_table > table tbody tr {border-bottom:1px solid #ddd;}

.board_table > table td img {width:auto !important; max-width:100%;}

.con_area > table td > select {height:34px;}

.num_list {margin-top:15px;}
.num_list table td {}
.num_list table td > span,
.num_list table td > a {
    display:inline-block;
    width:29px; height:29px; line-height:29px;
    background-color:#f8f8f8;
    color:#000000;
    border:1px solid #e4e4e4;
    margin:2px;
}
.num_list table td span {
    background-color:#1272c0;
    color:#ffffff;
    border-color:#1272c0;
}
.num_list table td > img {
	display:inline-block;
	margin:2px;
	line-height:29px;
	vertical-align:top;
}



.schedule_list {}
.schedule_list .board_table table {}
#DIV_LIST .board_table.schedule_list table td {padding:10px 0 0 0;}
#DIV_LIST .board_table.schedule_list table td:last-child {padding-bottom:10px;}



/* 회원사 */

.org_table {line-height:1.45em; margin-bottom:30px;}
.org_table caption {text-align:left; font-size:18px; color:#1598dc; font-weight:600; margin-bottom:15px;}
.org_table thead th {
    background-color:#97a1ad;
    font-weight:600;
    color:#fff;
    text-align:center;
    padding:10px;
}
.org_table thead th:first-child,
.org_table thead td:first-child,
.org_table tbody th:first-child,
.org_table tbody td:first-child {border-left-width:0;}
.org_table thead th:last-child,
.org_table thead td:last-child,
.org_table tbody th:last-child,
.org_table tbody td:last-child {border-right-width:0;}
.org_table tbody th,
.org_table tbody td {
    border:1px solid #c0d0da;
}
.org_table tbody th {
    background-color:#e4eef6;
    text-align:center;
    font-weight:600;
    padding:14px;
}
.org_table tbody td {
    color:#666666;
    text-align:left;
    padding:14px;
}

/* 고객사 view */
.member_dtl {border-top:2px solid #1598dc;}
.member_dtl p {margin:0; padding:10px 0;}
.member_dtl .member_bg {border-bottom:1px solid #dddddd; *zoom:1;}
.member_dtl .member_bg:after {display:block; content:" "; clear:both;}
.member_dtl .member_bg > span {float:left; font-weight:600; font-size: 16px;}
.member_dtl .member_bg > .member {float:right;}
.member_dtl .member_img {text-align:center; border-bottom:1px solid #ddd;}
.member_dtl .member_img img {display:block; margin:0 auto;}
.member_text {padding:15px 0; border-bottom:1px solid #dddddd;}
.member_text .member_company {font-size:16px; color:#010101; font-weight:600; margin-bottom:10px;}
.member_text .member_address {font-size:14px; color:#666666; margin-bottom:10px; line-height:1.45em;}

.con_area .member_tit3 {text-align:left; font-size:18px; color:#1598dc; font-weight:600; margin-bottom:15px;}

.member_pro {color:#666666; border-bottom:1px solid #dddddd; padding-bottom:15px;}
.member_pro > li {display:inline-block; width:160px; line-height:1.45em; text-overflow:hidden; overflow:hidden; white-space:nowrap;}

select.wizcom_sel {padding:2px 5px 5px; line-height:1;}



.table_wrapper {
    width:100%; max-width:100%;
    overflow-x:auto;
    margin-bottom:30px;
}
/*.table_wrapper:before {display:block; content:"* 좌우 스크롤"; font-size:12px; color:#888;}*/
.table_wrapper table.default {min-width:460px; width:100%; margin-bottom:10px;}

table.default {width:100%;}
table.default {line-height:1.45em; margin-bottom:30px;}
table.default caption {text-align:left; font-size:18px; color:#1598dc; font-weight:600; padding-bottom:20px; position:relative;}
table.default caption .subtxt {font-weight:normal; font-size:12px;}
table.default caption .subtxt.right {position:absolute; right:0; bottom:0;}
table.default thead th {
    background-color:#97a1ad;
    font-weight:600;
    color:#fff;
    text-align:center;
    padding:10px;
}
table.default thead td {
    background-color:#f5f5f5;
    color:#111111;
    text-align:center;
    padding:10px 5px;
}
table.default thead th:first-child,
table.default thead td:first-child,
table.default tbody th:first-child,
table.default tbody td:first-child {border-left-width:0;}
table.default thead th:last-child,
table.default thead td:last-child,
table.default tbody th:last-child,
table.default tbody td:last-child {border-right-width:0;}
table.default tbody th,
table.default tbody td {
    border:1px solid #c0d0da;
}
table.default tbody th {
    background-color:#e4eef6;
    text-align:center;
    font-weight:600;
    padding:14px 7px;
}
table.default tbody td {
    color:#666666;
    text-align:center;
    padding:14px 7px;
}
table.default tfoot td.total {
    background-color:#f5f5f5;
    text-align:center;
    color:#111111;
    padding:10px 5px;
}
table.default tfoot tr:last-child > .total {
    border-bottom:1px solid #dddddd;
}
table.default tfoot td.leftalign {text-align:left;}

table.default.center th,
table.default.center td {text-align:center;}
table.default.middle th,
table.default.middle td {vertical-align:middle;}
table.default tbody td.left {text-align:left; padding-left:10px}


ul.default {line-height:1.45em; margin-bottom:30px;}


.search {text-align:center; padding:15px 0;}
.search > * {display:inline-block; vertical-align:top;}
.search > select {height:34px;}
.search > input[type="text"] {height:34px;}

.search > .btn {
	height:34px; background-color:#002b5c; padding:10px; line-height:34px;
	color:#fff; 
	text-indent:-999999px;
}
.search > .btn:before {display:block; content:"검색"; text-indent:0; line-height:1;}
.search.list > .btn:before {display:block; content:"목록"; text-indent:0; line-height:1;}
.search > .btn > img {display:none;}



/* 170202 - 철강보 페이지 추가 */
.steelmagazine {}
.steelmagazine .list_box {
	clear:both;
	border-bottom: #c6c6c6 1px dashed;
    padding: 15px 0;
	min-height:230px;
}
.steelmagazine .list_box .bo_title span {
	padding-right: 5px;
    color: #094a9b;
    font-weight: bold;
    font-size: 16px;
}
.steelmagazine .list_box .bo_img {float:left; width:30%; margin-right:20px; position:relative;}
.steelmagazine .list_box .bo_img a {display:block; position:absolute;}
.steelmagazine .list_box .bo_img a img {width:100%; height:10em;}
/* .steelmagazine .list_box .bo_img a img {height:12em;} */
.steelmagazine .list_box .bo_text {overflow:hidden;}
.steelmagazine .list_box .bo_text > li {padding: 0 0 3px 7px; line-height:1.45em;
    background: url(/images/steel_info/bo_b.gif) no-repeat left 7px;}
.steelmagazine .list_box .bo_text > li > span {
    color: #2b6309;
    font-weight: bold;
}
.steelmagazine .bo_top {clear: both;
    border-bottom: #4999ba 2px solid;
    padding: 0 0 5px 0;
	*zoom:1;
}
.steelmagazine .bo_top:after {display:block; content:" "; clear:both;}
.steelmagazine .bo_top p.total {
	float: left;
    padding: 0 0 5px 0; margin:0;
}
.steelmagazine .bo_top p.page_num {
	float: right;
    text-align: right;
    padding: 0 2px 5px 0; margin:0;
}