.tie h3 {font-weight:bold; font-size:16px; border-bottom:1px solid #ddd; padding-bottom:10px; box-sizing:border-box; margin-bottom:20px;}
.ben {border:2px solid #2F75B5;border-radius:5px;padding:25px 20px 15px;margin-top:30px;margin-bottom:20px;position:relative;}
.ben h4 {background:#2F75B5;color:#fff;font-size:16px;padding:7px 25px;position:absolute;left:22px;top:-16px;margin:0;display:inline-block;}
.ben .benin {padding-left:17px;line-height:170%;margin-bottom:0; color:#444;font-size:15px;}

.thb { text-align:center;margin-right:20px;color:#333;}
.tff_board .dar  th{background:#9c9c9c; color:#fff;}
.bgn {background: none !important;}
.psan {font-size:13px; line-height:170%;margin-top:10px;}
.grain {font-size:14px; line-height:170%;margin-top:10px;}

.rab { background: #ECECEC; padding:30px 20px; box-sizing:border-box;}
.rab h3 {font-weight:bold; font-size:18px; color:#898EC5; margin-bottom:20px; line-height:150%}
.rab p {font-weight:bold;     font-size: 15px; letter-spacing: -0.7px;}
.rnum {background:#8C8DBC; margin-bottom:10px; margin-right:10px; width:30px; height:30px; display:inline-block; color:#fff; font-weight:bold; font-size:15px; text-align:center; line-height:30px; border-radius:50%; box-sizing:Border-box;}


.gra1 { margin: 30px 0; } 
.gra1 h4 { color: red;font-weight:bold; font-size:18px; margin: 30px 0; } 
.gra1 table {width:100%;}
.gra1 .image { width:127px;border:1px solid #ddd;padding:5px;margin-bottom:10px;}
.gra1 table ,.gra1  thead th, .gra1  thead td {	border:1px solid #eee;border-bottom:none;}
.gra1 .table>tbody>tr>td,
.gra1 .table>tbody>tr>th,
.gra1 .table>tfoot>tr>td,
.gra1 .table>tfoot>tr>th,
.gra1 .table>thead>tr>td,
.gra1 .table>thead>tr>th {padding:5px ;border:1px solid #eee; text-align:center;}

.gra1  img {width:125px;}
.gra1 .arrow {
	display:inline-block;
	width:5px;
	height:10px;
	background:url('../imgs/btn-arrow.png') no-repeat;
	margin-left:14px;
	vertical-align: middle;
}
.gra1 .btn-default {
	color:#fff;
	background-color:#a0a0a0 !important;
	border-color:#a0a0a0 !important;
}
.gra1 .btn-group-xs>.btn,
.gra1 .btn-xs {
	padding:1px 10px;
}
.gra1 .btn-orange {
	background-color:#ff6600 !important;
	border-color: #ff6600 !important;
}
.gra1 .img {
	border:1px solid #cccccc;
	padding:10px;
}
.gra1 .img-responsive {
	/*margin:0 auto; 중앙정렬은 center-block으로 */
}
.gra1 .box {
	text-align: center;
	padding: 5px 10px;
	margin: 15px 0;
	border:1px solid #e5e5e5;
	background:#f9f9f9;}



.gra2 { margin: 30px 0; } 
.gra2 h3 { color: #F08716;font-weight:bold; font-size:18px; margin: 30px 0; } 
.gra2 table {width:100%;}

.gra2 table ,.gra2  thead th, .gra2  thead td {	border:1px solid #eee;border-bottom:none;}

.gra2 .table>tbody>tr>th,
.gra2 .table>tfoot>tr>td,
.gra2 .table>tfoot>tr>th,
.gra2 .table>thead>tr>td,
.gra2 .table>thead>tr>td ,
.gra2 .table>thead>tr>th {
	padding:10px ;border:1px solid #eee; text-align:center; 
}
.gra2 .table>tbody>tr>td{padding:10px ;border:1px solid #eee; text-align:left; }

.gra2 .table>thead>tr>td {background: #f9f9f9;  font-size:13px;}


/* .gra3 */
.gra3 { margin: 30px 0; } 
.gra3 h3 { color: #F08716; font-weight:bold; font-size:18px; margin: 30px 0; } 
.gra3 table {width:100%;}
.gra3 table ,.gra3  thead th, .gra3  thead td {	border:1px solid #eee;border-bottom:none;}
.gra3 .table>tbody>tr>th,
.gra3 .table>tbody>tr>td,
.gra3 .table>thead>tr>th {
	padding:10px ;border:1px solid #eee; text-align:left; 
}
.gra3 .table>tbody>tr>td.bold
{
	padding:10px ;border:1px solid #eee; text-align:center; background: #f9f9f9;font-size:13px;
}

.tiet {overflow:hidden}
.tiet .left {float:left;  font-weight:bold; font-size:13px;  line-height:180%}
.tiet .right {float:right}
.tiet2 { text-align:Center;}

.center-block3 { width:180px; height: 133px; object-fit:cover; float:left; border-right:1px solid #eee; margin-right:10px; }


/* .gra4 */
.gra4 { margin: 30px 0; } 
.gra4 h3 { color: #F08716; font-weight:bold; font-size:18px; margin: 30px 0; } 
.gra4 table {width:100%;}

.gra4 table ,.gra4 thead th, .gra4 thead td {	border:1px solid #eee;border-bottom:none;}

.gra4 .table>tbody>tr>th,
.gra4 .table>tbody>tr>td,
.gra4 .table>thead>tr>th {
	padding:10px ;border:1px solid #eee; text-align:center; 
}
.gra4 .table>tbody>tr>td.bold
{
	padding:10px ;border:1px solid #eee;  font-size:13px;
}

.gra4 .table>thead>tr>td.bold
{
	padding:10px ;border:1px solid #eee; font-size:13px;
}
.gra4 .table>thead>tr>th.bold
{
	padding:10px ;border:1px solid #eee; font-size:14px; background:#eee;
}

/* .gra5 */
.gra5 { margin: 25px 0; } 
.gra5 h3 { color: #F08716; font-weight:bold; font-size:18px; margin: 30px 0; } 
.gra5 table {width:100%;}

.gra5 table ,.gra5 thead th, .gra5 thead td {	border:1px solid #eee;border-bottom:none;}

.gra5 .table>tbody>tr>th,
.gra5 .table>tbody>tr>td,
.gra5 .table>thead>tr>th {
	padding:10px ;border:1px solid #eee; text-align:center; 
}
.gra5 .table>tbody>tr>td.bold
{
	padding:10px ;border:1px solid #eee; text-align:center; background: #f9f9f9;font-size:13px;
}

.gra5 .table>thead>tr>td.bold
{
	padding:10px ;border:1px solid #eee; text-align:center; background: #f9f9f9;font-size:13px;
}


/* .gra6 */
.gra6 {} 
.gra6 h3 { color: red; font-weight:bold; font-size:17px; margin: 0 0  20px 0; } 
.gra6 h4 { color: green; font-weight:bold; font-size:14px; margin: 10px 0 10px 0; } 
.gra6 h5 { color: #333; font-weight:bold; font-size:16px; margin: 10px 0 10px 0; } 

.gra6 table {width:100%;}

.gra6 table ,.gra6 thead th, .gra6 thead td {	border:1px solid #eee;border-bottom:none;}

.gra6 .table>thead>tr>td.bold
{
	padding:10px ;border:1px solid #d9d9d9; text-align:center; background: #ededed;font-size:13px; line-height:150%;
}

.gra6 .table>tbody>tr>td.bold
{
	padding:10px ;border:1px solid #d9d9d9; text-align:center; background: #f5f5f5;font-size:13px;
}

.gra6 .table>tbody>tr>td,
.gra6 .table>thead>tr>th {
	padding:10px ;border:1px solid #d9d9d9; text-align:left; 
}

/* .gra7 */
.gra7 { margin: 20px 0; } 
.gra7 h3 { color: red; font-weight:bold; font-size:17px; margin: 0 0 20px 0; } 
.gra7 h4 { color: green; font-weight:bold; font-size:14px; margin: 10px 0 10px 0; } 
.gra7 h5 { color: red; font-weight:bold; font-size:17px; margin:0 0  20px 0; } 
.gra7 table {width:100%;}

.gra7 table ,.gra7 thead th, .gra7 thead td {	border:1px solid #eee;border-bottom:none;}

.gra7 .table>thead>tr>td.bold
{
	padding:10px ;border:1px solid #d9d9d9; text-align:center; background: #ededed;font-size:13px; line-height:150%;
}

.gra7 .table>tbody>tr>td.bold
{
	padding:10px ;border:1px solid #d9d9d9; text-align:center; background: #f5f5f5;font-size:13px;
}

.gra7 .table>tbody>tr>td,
.gra7 .table>thead>tr>th {
	padding:10px ;border:1px solid #d9d9d9; text-align:center;
}


/* 탭메뉴 */
.grpbuy_tab {width: 100%;overflow:hidden;border-bottom:0px solid #ccc;overflow:hidden; height:50px;}
.grpbuy_tab li {float:left;margin-right:1px;}
.grpbuy_tab li a {display:block;padding:10px 20px;text-align:center;color:#7f7f7f;background-color:#9c9c9c;font-size:13px; color:#fff}
.grpbuy_tab li.on a {color:#fff;background-color:#313131;font-size:13px;font-weight:bold;}
.grpbuy_tab li.active a {color:#fff;background-color:#313131;font-size:13px;font-weight:bold;}
/*.grpbuy_tab li:hover a {color:#000;background-color:#fff;}*/
.grpbuy_tab.mt20{margin-top:40px; margin-bottom:0px;}'

/* 탭메뉴 */
.grpbuy_tab2 {width: 100%;overflow:hidden;border-bottom:0px solid #ccc;overflow:hidden; height:50px;}
.grpbuy_tab2 li {float:left; width:19.9%; margin-right:1px;}
.grpbuy_tab2 li a {display:block;padding:10px 20px;text-align:center;color:#7f7f7f;background-color:#9c9c9c;font-size:13px; color:#fff}
.grpbuy_tab2 li.on a {color:#fff;background-color:#555;font-size:13px;font-weight:bold;}
.grpbuy_tab2 li.active a {color:#fff;background-color:#555;font-size:13px;font-weight:bold;}
/*.grpbuy_tab li:hover a {color:#000;background-color:#fff;}*/
.grpbuy_tab2.mt20{margin-top:40px; margin-bottom:0px;}

/* 탭메뉴 */
.grpbuy_tab3 {width: 100%;overflow:hidden;border-bottom:0px solid #ccc;overflow:hidden; height:50px;}
.grpbuy_tab3 li {float:left; width:15%; margin-right:1px;}
.grpbuy_tab3 li a {display:block;padding:10px 20px;text-align:center;color:#7f7f7f;background-color:#9c9c9c;font-size:13px; color:#fff}
.grpbuy_tab3 li.on a {color:#fff;background-color:#555;font-size:13px;font-weight:bold;}
.grpbuy_tab3 li.active a {color:#fff;background-color:#555;font-size:13px;font-weight:bold;}
/*.grpbuy_tab li:hover a {color:#000;background-color:#fff;}*/
.grpbuy_tab3.mt20{margin-top:40px; margin-bottom:0px;}

.blue {color:blue; text-decoration:underline;}
.tabin {margin:10px 0; text-align:left;font-size:13px;}
.tabin h4 { font-weight:bold; font-size:17px; margin-bottom:18px;}
.tabin .red {font-size:14px; margin-bottom:18px;}

.red2 { color:red; font-weight:bold; font-size:17px; margin-bottom:10px;}
.tiet .left2 {float:left; margin-top:10px; font-weight:bold; font-size:13px;  line-height:180%}
.sma {margin-top:5px;}
.fw {font-size:13px;line-height:170%; font-weight:400;}
.left2 h3 {font-weight:bold; font-size:15px;margin-bottom:8px; }

/* txtcimg */
.txtcimg {margin-top:15px; border:1px solid #ddd; box-sizing:Border-box; padding:20px; text-align:center;  }
.txtcimg p {font-weight:bold; font-size:17px; color:red;margin-top:15px; letter-spacing:1.2px; }

.pht30 {margin-top:30px;}