@charset "utf-8";

.sub_top {height: 500px;display: table;width: 100%;color: #fff;position: relative;background-color: #000 !important}
.sub_top .title {text-align: right;margin-top:210px;font-size: 33px;line-height: 1.5em}
.sub_top .title span {font-weight: 600}
.sub_top .sub_nav {position: absolute;bottom: 25px;left: 0;width: 100%}
.sub_top .sub_nav .subject {font-weight: 800;font-size: 35px}
.sub_top .sub_nav .subject span {font-weight: 600;font-size: 16px;margin-left: 15px}
.sub_top .sub_nav .nav {margin-top: 20px;}

.sub_top .sub_nav .nav ul li {display: inline-block;padding-right: 50px;font-size: 20px;font-weight: 500}
.sub_top .sub_nav .nav ul li a {color: #b7b7b7}
.sub_top .sub_nav .nav ul li:hover a {color: #fff}
.sub_top .sub_nav .nav ul li.on a {color: #fff;font-weight: 700}

.sub_wrap {padding: 80px 0;margin: 0 auto;width: 1200px}
.sub_wrap  .title_wrap {text-align: center;border-bottom: 1px solid #ddd;padding-bottom: 50px;margin-bottom: 50px}
.sub_wrap  .title_wrap h2 {color: #000;font-size: 32px;font-weight: 800}
.sub_wrap  .title_wrap .subtext {font-size:20px;color:#606060;margin-top: 20px;line-height: 1.5em}


/* about - sub01 */
.about01_left {float: left;width: 50%}
.about01_right {float: right;width: 50%;line-height: 2.5em;font-size: 18px;letter-spacing: -.05em}
.about01_right .text1 {font-weight: 500;margin-top: 25px}
.about01_right .text1 span {font-size: 22px;color: #c30d23;font-weight: 700}
.about01_right .text2 {margin-bottom:30px}
.about01_right .text3 {font-size: 15px;font-weight: 500;;margin-top:30px}

/* about - sub03 */
.sub03_ul ul {display: table;width: 100%}
.sub03_ul ul li {float: left;width: 33.33%;text-align: center;}
.sub03_ul ul li .name {margin-top:30px;font-size: 24px;font-weight: 600;line-height: 1.4em}
.sub03_ul ul li .name p {color: #b7260d;font-size: 16px;font-weight: 400;}
.sub03_ul ul li .career {font-size: 16px;font-weight: 500;line-height: 1.8em;margin-top: 10px; text-align: left; margin-left: 40px;}
.sub03_ul ul li .history {font-size: 14px;line-height: 1.8em;;margin-top: 5px;color: #666; text-align: left; margin-left: 40px;}

/* about - sub04 */
.history_wrap {overflow: hidden}
.history_wrap .years {font-size: 60px;font-weight: 800;float: left;width: 470px;float: left;line-height: 1em;padding-top: 50px}
.history_wrap .year {float: right;width: 730px;float: left;border-left: 2px solid #999;padding-left: 80px;position: relative}
.history_wrap .year:before {content: '';position: absolute;left: -2px;top:0;width: 2px;height: 120px;background: #c30f25}
.history_wrap .year .inner {margin:25px 0 60px;}
.history_wrap .year .inner .title {font-size: 30px;margin-bottom: 30px;font-weight: 500;border-bottom: 1px solid #eee;padding-bottom: 20px}
.history_wrap .year .inner ul li {overflow: hidden;line-height: 1.5em;margin-bottom: 10px;display: table}
.history_wrap .year .inner ul li .m {display: table-cell;width: 50px;font-weight: 600}
.history_wrap .year .inner ul li .t {display: table-cell}

/* about - sub05 */
.sub05_fix {overflow: hidden;display: table;margin: 0 auto}
.sub05_fix_mo {display: none}

/* business - sub01 */
.tab_nav ul {width: 100%;overflow: hidden}
.tab_nav.business01 ul li {float: left;width: 25%;text-align: center;padding: 20px 0;line-height: 40px;background: #f5f5f5;position: relative;cursor: pointer}
.tab_nav.business02 ul li {float: left;width: 50%;text-align: center;padding: 20px 0;line-height: 40px;background: #f5f5f5;position: relative;cursor: pointer}

.business02_top {overflow: hidden}
.business02_top .left {float: left;width: 49%}
.business02_top .right {float: right;width: 49%}
.business02_top div .img {height: 310px}

.business02_top div .textbox {background: #d02d2e;color: #fff;padding: 30px 30px;margin-top:10px;height: 200px}
.business02_top div .textbox .title {font-size: 22px;position: relative;font-weight: 500}


.tab_nav ul li:before {content: '';position: absolute;right: 0;width: 1px;height: 40px;background: #999}
.tab_nav ul li:hover {background: #c2251f;color: #fff}
.tab_nav ul li:last-child:before, .tab_nav ul li:hover:before, .tab_nav ul li.active:before {width: 0;}
.tab_nav ul li.active {background: #c2251f;color: #fff;font-weight: 600}

.biz_tab_wrap {margin-top: 80px;overflow: hidden;display: none}
.biz_tab_wrap.tab1 {margin-top: 80px;overflow: hidden;display: block}
.biz_tab_wrap .sub_left {float: left;width: 50%}
.biz_tab_wrap .sub_right {float: right;width: 50%}

.business01_title {font-size: 24px;position: relative;padding-top: 15px;font-weight: 500}
.business01_title:before {content: '';position: absolute;top:0;left: 0;width: 30px;height: 3px;background: #b21119}

.business01_ul {margin-top: 20px;margin-bottom: 80px;margin-left: 15px}
.business01_ul li {width: 100%;padding: 0;line-height: 1.5em;margin-bottom: 10px;position: relative;font-size: 14px}
.business01_ul li:before {
	content: "▪︎";
	position: absolute;
	left: -15px;
	color: #e7372b;
}

.biz_bn_box {width: 100%;height: 280px;display: table;margin-bottom: 80px}
.biz_bn_box .inner {display: table-cell;vertical-align: middle}
.biz_bn_box .inner .bo {padding-left: 40px;position: relative}
.biz_bn_box .inner .bo:before {content: '';position: absolute;left: 0;top:20px;width: 8px;height: 40px;background: #c2251f}
.biz_bn_box .inner .bo2 {padding-right: 40px;position: relative}
.biz_bn_box .inner .bo2:before {content: '';position: absolute;right: 0;top:20px;width: 8px;height: 40px;background: #c2251f}
.biz_bn_box .inner .title {font-size: 28px;font-weight: 500;line-height: 1.8em}
.biz_bn_box .inner .text {font-size: 16px;line-height: 2em}

/* business - sub02 */
.biz02_box {position: relative;padding-bottom: 80px}
.biz02_box .img {width: 1100px}
.biz02_box .textbox {width: 600px;position: absolute;right: 0;bottom: 0;background: #d02d2e;color: #fff;padding: 30px 30px;z-index: 9}
.biz02_box .textbox .title {font-size: 22px;position: relative;font-weight: 500}
.biz02_ul {margin-top: 20px;list-style: none;padding-left: 15px}
.biz02_ul li {width: 100%;padding: 0;line-height: 1.5em;margin-bottom: 10px;position: relative;}
.biz02_ul li:before {
	content: "▪︎";
	position: absolute;
	left: -15px;
	color: #f4baba;
}

.biz02_left {float: left;width: 50%;font-size: 24px;padding-right: 80px;line-height: 1.4em}
.biz02_left span {font-weight: 600}
.biz02_right {float: right;width: 50%}
.biz02_right .title {color: #e7372b;font-size: 22px;font-weight: 600}
.biz02_right .biz02_right_box {border: 1px solid #ddd;padding: 30px 40px;margin-bottom: 50px}
	
/* business - sub03 */
.biz03_title {font-size: 28px;padding-left: 35px;position: relative;font-weight: 600;line-height: 27px}
.biz03_title:before {content: '';position: absolute;left: 0;top:0;width: 8px;height: 27px;background: #ca2a27}
.biz03_title span {display: inline-block;margin-left: 40px;font-size: 18px;font-weight: 400}

.biz03_ul {list-style: none;display: table;margin: 80px auto 0;padding: 0}
.biz03_ul li {float: left}

.biz_03_branch {margin-top: 100px}

/* cs - sub01 */
.cs_left {float: left;width: 50%}
.cs_right {float: right;width: 50%;padding-left: 80px;}
.cs_right .text {font-size: 18px;margin-top:30px}

.cs_right ul {margin-top: 20px;margin-bottom: 40px;margin-left: 15px}
.cs_right ul li {width: 100%;padding: 0;line-height: 1.5em;margin-bottom: 10px;position: relative;font-size: 14px}
.cs_right ul li b {display: inline-block;width: 60px}
.cs_right ul li:before {
	content: "▪︎";
	position: absolute;
	left: -15px;
	color: #e7372b;
}

.traffic {display: table;width: 100%;height: 55px;margin-top:30px}
.traffic .icon {background: #e7372b;width: 55px;display: table-cell;vertical-align: middle;text-align: center}
.traffic .icon img {width: 32px;}
.traffic .text {display: table-cell;vertical-align: middle;padding-left:20px}
.traffic .text .name {color: #e7372b;font-size: 15px;font-weight: 600;line-height: 1.2em}
.traffic .text .info {font-size: 13px;}

.go_map {border: 1px solid #e7372b;color: #e7372b;font-size: 13px;font-weight: 600;width: 200px;height: 46px;background: #fff}
.go_map:hover {background: #e7372b;color: #fff;transition: all .3s ease;}

.kakao_map {width: 100%;height: 500px;background: #eee}

/* cs - sub02 */
.cs02_top .left{float: left; width:48%; margin-right:2%;}
.cs02_top .right{float: right; width:48%; margin-left:2%;}
.cs02_top .textbox{margin-bottom: 30px;}
.cs02_top .textbox:last-of-type{margin-bottom: 0;}
.cs02_top .textbox .title{font-weight: 500; font-size: 1.075em;}
.cs02_top .textbox ul li span{white-space: nowrap;}

/* cs - sub03 */
.cs03_wrap ul {border-top:1px solid #ddd;width: 100%;overflow: hidden;border-left: 1px solid #ddd}
.cs03_wrap ul li {float: left;width: 25%;display: table;height: 160px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 24px;font-weight: 600}
.cs03_wrap ul li .inner {width:100%;display: table-cell;vertical-align: middle;text-align: center}

/* privacy */
.privacy_wrap {padding: 20px 40px;font-size: 14px}
.privacy_wrap  h3 {font-size: 1.2em;font-weight: 600;line-height: 2em}

/* bbs */
.search_wrap {text-align: center;margin-top: -40px}
.search_wrap input {border: 1px solid #ddd;height: 40px;line-height: 24px;width: 300px;outline: none;padding: 8px 10px;font-size: 14px}
.search_wrap button {background: #c30d23;color: #fff;width: 80px;height: 40px;border: 0}

.bbs_tbl {margin-top:50px}
.bbs_tbl table {width: 100%;border-top:1px solid #333;border-bottom:1px solid #ddd;}
.bbs_tbl table thead tr th {background: #f9f9f9;height: 60px;font-size: 15px;text-align: center;font-weight: 400}
.bbs_tbl table tbody tr td {border-top:1px solid #ddd;height: 60px;}
.bbs_tbl table tbody tr td.eof_row {height: 250px;text-align: center;font-size: 20px}
.bbs_tbl table .subject {width: 70%}
.bbs_tbl table .date {width: 20%}
.bbs_tbl table .see {width: 10%}
.bbs_tbl table tbody tr {cursor: pointer}
.bbs_tbl table tbody tr:hover {background: #fafafa}
.bbs_tbl table td.subject {width: 70%;text-align: left;padding-left: 35px;font-size: 15px;color: #333;}
.bbs_tbl table td.subject span {border: 1px solid #c30d23;color: #c30d23;font-size: 13px;font-weight: 600;border-radius: 15px;width: 50px;height: 25px;display: inline-block;margin-right: 10px;text-align: center;line-height: 22px}
.bbs_tbl table td.date {width: 20%;text-align: center;font-size: 15px;font-family: 'Roboto Condensed';letter-spacing: 0;color: #777}
.bbs_tbl table td.see {width: 10%;text-align: center;font-size: 15px;font-family: 'Roboto Condensed';letter-spacing: 0;color: #777}

.bbs_view_wrap {width: 100%;border-top:1px solid #333;}
.bbs_view_wrap .subject {background: #f9f9f9;height: 80px;display: table;width: 100%;border-bottom: 1px solid #ddd}
.bbs_view_wrap .subject .text {display: table-cell;vertical-align: middle;width: 90%;padding: 0 20px;font-size: 20px;}
.bbs_view_wrap .subject .date {display: table-cell;vertical-align: middle;width: 10%;padding: 0 20px;font-size: 15px;color: #777}
.bbs_view_wrap .bodytext {min-height: 400px;border-bottom: 1px solid #ddd;padding: 40px 20px}
.bbs_view_wrap .files {padding: 20px;border-bottom: 1px solid #ddd;font-weight: 500;font-size: 14px}
.bbs_view_wrap .files span {color: #c30d23;display: inline-block;margin-right:10px}
.bbs_view_wrap .btn_area {padding: 20px;text-align: center}
.bbs_view_wrap .btn_area button {background: #fff;border: 1px solid #aaa;color: #333;width: 80px;height: 40px;font-size: 14px;font-weight: 500}

@media screen and (max-width:1199px) {
	.sub_wrap {padding: 80px 0;margin: 0 auto;width: 90%}
	
	/* about - sub01 */
	.about01_left {float: left;width: 50%}
	.about01_right {float: right;width: 50%;line-height: 2.5em;font-size: 18px;}
	.about01_right .text1 {font-weight: 500;margin-top: 25px}
	.about01_right .text1 span {font-size: 22px;color: #c30d23;font-weight: 700}
	.about01_right .text2 {margin-bottom:30px}
	.about01_right .text3 {font-size: 15px;font-weight: 500;;margin-top:30px}
	
	/* about - sub03 */
	.sub03_ul ul {display: table;width: 900px;margin: 0 auto}
	.sub03_ul ul li {float: left;width: 300px;text-align: center}
	.sub03_ul ul li .name {margin-top:30px;font-size: 24px;font-weight: 600;line-height: 1.4em}
	.sub03_ul ul li .name p {color: #b7260d;font-size: 16px;font-weight: 400;}
	.sub03_ul ul li .career {font-size: 16px;font-weight: 500;line-height: 1.8em;margin-top: 10px;}
	.sub03_ul ul li .history {font-size: 14px;line-height: 1.8em;;margin-top: 5px;color: #666}
	
	/* about - sub04 */
	.history_wrap {overflow: hidden}
	.history_wrap .years {font-size: 60px;font-weight: 800;float: left;width: 40%;float: left;line-height: 1em;padding-top: 50px}
	.history_wrap .year {float: right;width: 60%;float: left;border-left: 2px solid #999;padding-left: 80px;position: relative}
	.history_wrap .year:before {content: '';position: absolute;left: -2px;top:0;width: 2px;height: 120px;background: #c30f25}
	.history_wrap .year .inner {margin:25px 0 60px;}
	.history_wrap .year .inner .title {font-size: 30px;margin-bottom: 30px;font-weight: 500;border-bottom: 1px solid #eee;padding-bottom: 20px}

	/* about - sub05 */
	.sub05_fix {overflow: hidden;display: table;margin: 0 auto}
	.sub05_fix .pull-left {width: 50% !important}
	
	

}

@media screen and (max-width: 916px){
	.sub_top {height: 400px;display: table;width: 100%;color: #fff;position: relative}
	.sub_top .title {text-align: right;margin-top:160px;font-size: 18px;line-height: 1.5em}
	.sub_top .title span {font-weight: 600}
	.sub_top .sub_nav {position: absolute;bottom: 25px;left: 0;width: 100%}
	.sub_top .sub_nav .subject {font-weight: 700;font-size: 30px}
	.sub_top .sub_nav .subject span {font-weight: 600;font-size: 16px;margin-left: 15px}
	.sub_top .sub_nav .nav {margin-top: 20px;}
	
	.sub_top .sub_nav .nav ul li {display: inline-block;padding-right:20px;font-size: 15px;font-weight: 500}
	.sub_top .sub_nav .nav ul li a {color: #b7b7b7}
	.sub_top .sub_nav .nav ul li:hover a {color: #fff}
	.sub_top .sub_nav .nav ul li.on a {color: #fff;font-weight: 700}
	
	.sub_wrap {padding: 80px 0;margin: 0 auto;width: 92%}
	.sub_wrap  .title_wrap h2 {font-size: 28px;}
	.sub_wrap  .title_wrap .subtext {font-size:15px;}
	
	/* about - sub01 */
	.about01_left {float: none;width: 100%}
	.about01_right {float: none;width: 100%;line-height: 2.2em;font-size: 16px;}
	.about01_right .text1 {font-weight: 500;margin-top: 25px}
	.about01_right .text1 span {font-size: 20px;color: #c30d23;font-weight: 700}
	.about01_right .text2 {margin-bottom:30px}
	.about01_right .text3 {font-size: 15px;font-weight: 500;;margin-top:30px}
	
	
	/* about - sub03 */
	.sub03_ul ul {display: table;width: 100%}
	.sub03_ul ul li {float: none;width: 100%;text-align: center;margin-bottom: 50px;border-bottom: 1px solid #ddd;padding-bottom: 50px}
	.sub03_ul ul li:last-child {border-bottom: 0}
	.sub03_ul ul li .name {margin-top:30px;font-size: 24px;font-weight: 600;line-height: 1.4em}
	.sub03_ul ul li .name p {color: #b7260d;font-size: 16px;font-weight: 400;}
	.sub03_ul ul li .career {font-size: 16px;font-weight: 500;line-height: 1.8em;margin-top: 10px}
	.sub03_ul ul li .history {font-size: 14px;line-height: 1.8em;;margin-top: 5px;color: #666}
	
	/* about - sub04 */
	.history_wrap {overflow: hidden}
	.history_wrap .years {font-size: 30px;font-weight: 800;float: left;width: 35%;float: left;line-height: 1em;padding-top: 20px}
	.history_wrap .year {float: right;width: 65%;float: left;border-left: 2px solid #999;padding-left: 20px;position: relative}
	.history_wrap .year:before {content: '';position: absolute;left: -2px;top:0;width: 2px;height: 120px;background: #c30f25}
	.history_wrap .year .inner {margin:25px 0 60px;}
	.history_wrap .year .inner .title {font-size: 18px;margin-bottom: 30px;font-weight: 500;border-bottom: 1px solid #eee;padding-bottom: 20px}
	.history_wrap .year .inner ul li {overflow: hidden;line-height: 1.5em;margin-bottom: 10px;font-size: 13px;display: table}
	.history_wrap .year .inner ul li .m {display: table-cell;width: 30px;font-weight: 600}
	.history_wrap .year .inner ul li .t {display: table-cell;}
	
	/* about - sub05 */
	.sub05_fix {display: none !important}
	.sub05_fix_mo {display: block}
	.sub05_fix_mo .title {font-size: 22px;text-align: center;font-weight: 600;line-height: 1.6em}
	.sub05_fix_mo .title span {color: #d43126}
	.sub05_fix_mo .text {text-align: center;margin-top:30px;line-height: 1.6em;font-size: 16px;margin-bottom: 30px}
	
	/* business - sub01 */
	.tab_nav ul {width: 100%;overflow: hidden}
	.tab_nav.business01 ul li {float: left;width: 50%;text-align: center;padding: 20px 0;line-height: 40px;background: #f5f5f5;position: relative;cursor: pointer;font-size: 13px}
	.tab_nav ul li:before {content: '';position: absolute;right: 0;width: 1px;height: 40px;background: #999}
	.tab_nav ul li:hover {background: #c2251f;color: #fff}
	.tab_nav ul li:nth-child(2n):before, .tab_nav ul li:last-child:before, .tab_nav ul li:hover:before, .tab_nav.business01 ul li.active:before {width: 0;}
	.tab_nav ul li.active {background: #c2251f;color: #fff;font-weight: 600}
	
	.biz_tab_wrap {margin-top: 80px;overflow: hidden;display: none}
	.biz_tab_wrap.tab1 {margin-top: 80px;overflow: hidden;display: block}
	.biz_tab_wrap.tab1 .sub_right {margin-bottom: 40px}
	.biz_tab_wrap .sub_left {float: none;width: 100%}
	.biz_tab_wrap .sub_right {float: none;width: 100%}
	
	.business01_title {font-size: 20px;position: relative;padding-top: 15px;font-weight: 500}
	.business01_title:before {content: '';position: absolute;top:0;left: 0;width: 30px;height: 3px;background: #b21119}
	
	.business01_ul {margin-top: 20px;margin-bottom: 80px;margin-left: 15px}
	.business01_ul li {width: 100%;padding: 0;line-height: 1.5em;margin-bottom: 10px;position: relative;font-size: 14px}
	.business01_ul li:before {
		content: "▪︎";
		position: absolute;
		left: -15px;
		color: #e7372b;
	}
	
	.biz_bn_box {width: 100%;height: 200px;display: table;margin-bottom: 80px}
	.biz_bn_box .inner {display: table-cell;vertical-align: middle}
	.biz_bn_box .inner .bo {padding-left: 20px;position: relative}
	.biz_bn_box .inner .bo:before {content: '';position: absolute;left: 0;top:30px;width: 4px;height: 20px;background: #c2251f}
	.biz_bn_box .inner .bo2 {padding-right: 20px;position: relative}
	.biz_bn_box .inner .bo2:before {content: '';position: absolute;right: 0;top:30px;width: 4px;height: 20px;background: #c2251f}
	.biz_bn_box .inner .title {font-size: 24px;font-weight: 500;line-height: 1.8em}
	.biz_bn_box .inner .text {font-size: 13px;line-height: 2em}
	
	
	/* business - sub02 */
	.biz02_box {position: relative;padding-bottom: 20px}
	.biz02_box .img {width: 100%}
	.biz02_box .textbox {width: 100%;position: relative;right: 0;bottom: 0;background: #d02d2e;color: #fff;padding: 30px 30px;z-index: 9}
	.biz02_box .textbox .title {font-size: 22px;position: relative;font-weight: 500}
	.biz02_ul {margin-top: 20px;list-style: none;padding-left: 15px}
	.biz02_ul li {width: 100%;padding: 0;line-height: 1.5em;margin-bottom: 10px;position: relative;}
	.biz02_ul li:before {
		content: "▪︎";
		position: absolute;
		left: -15px;
		color: #f4baba;
	}
	
	.biz02_left {float: none;width: 100%;font-size: 18px;padding-right: 0px;line-height: 1.6em}
	.biz02_left span {font-weight: 600}
	.biz02_right {float: none;width: 100%;margin-top:20px}
	.biz02_right .title {color: #e7372b;font-size: 22px;font-weight: 600}
	.biz02_right .biz02_right_box {border: 1px solid #ddd;padding: 30px 30px;margin-bottom: 50px}
	
	.business02_top {overflow: hidden}
	.business02_top .left {float: none;width: 100%;margin-bottom: 30px}
	.business02_top .right {float: none;width: 100%}
	.business02_top div .img {height: 180px}
	
	.business02_top div .textbox {background: #d02d2e;color: #fff;padding: 20px 20px;margin-top:10px;height: 200px}
	.business02_top div .textbox .title {font-size: 18px;position: relative;font-weight: 500}
	
	/* business - sub03 */
	.biz03_ul {list-style: none;display: table;margin: 80px auto 0;padding: 0}
	.biz03_ul li {float: none}
	.biz_03_ba {background:url('/images/sub/business/m_biz03_04.jpg') no-repeat;width:100%;background-size:cover;font-weight: 600;font-size: 22px;text-align: center;display: table;height: 200px}
	.biz_03_ba .inner {display: table-cell;vertical-align: middle;line-height: 1.4em}
	.biz_03_ba .inner span {color: #c0172c}
	
	
	/* cs - sub01 */
	.cs_left {float: none;width: 100%}
	.cs_right {float: none;width: 100%;padding-left: 0px;margin-top:50px}
	.cs_right .text {font-size: 18px;margin-top:30px}
	
	.kakao_map {width: 100%;height: 300px;background: #eee}
	
	/* cs - sub02 */
	.cs02_top .left{float: none; width:100%; margin-right:0;}
	.cs02_top .right{float: none; width:100%; margin-left:0; margin-top: 30px;}
	
	/* cs - sub03 */
	.cs03_wrap ul {border-top:1px solid #ddd;width: 100%;overflow: hidden;border-left: 1px solid #ddd}
	.cs03_wrap ul li {float: left;width: 50%;display: table;height: 140px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: 600}
	.cs03_wrap ul li .inner {width:100%;display: table-cell;vertical-align: middle;text-align: center}
	
	
	/* privacy */
	.privacy_wrap {padding: 0 10px;font-size: 12px}
	.privacy_wrap  h3 {font-size: 1.2em;font-weight: 600;line-height: 2em}
	
	/* bbs */
	.search_wrap {text-align: center;margin-top: -40px}
	.search_wrap input {border: 1px solid #ddd;height: 36px;line-height: 24px;width: 240px;outline: none;padding: 8px 10px;font-size: 14px}
	.search_wrap button {background: #c30d23;color: #fff;width: 60px;height: 36px;border: 0;font-size: 12px}
	
	.bbs_tbl {margin-top:50px}
	.bbs_tbl table {width: 100%;border-top:1px solid #333;border-bottom:1px solid #ddd;}
	.bbs_tbl table thead tr th {background: #f9f9f9;height: 60px;font-size: 13px;text-align: center;font-weight: 400}
	.bbs_tbl table tbody tr td {border-top:1px solid #ddd;height: 60px;}
	.bbs_tbl table tbody tr td.eof_row {height: 250px;text-align: center;font-size: 20px}
	.bbs_tbl table .subject {width: 80%;}
	.bbs_tbl table .date {width: 20%}
	.bbs_tbl table .see {display: none}
	.bbs_tbl table tbody tr {cursor: pointer}
	.bbs_tbl table tbody tr:hover {background: #fafafa}
	.bbs_tbl table td.subject {width: 80%;text-align: left;padding:0 5px;font-size: 13px;color: #333;}
	.bbs_tbl table td.subject span {border: 1px solid #c30d23;color: #c30d23;font-size: 11px;font-weight: 600;border-radius: 15px;width: 50px;height: 20px;display: inline-block;margin-right: 10px;text-align: center;line-height: 18px}
	.bbs_tbl table td.subject .inner {width: 240px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	.bbs_tbl table td.date {width: 20%;text-align: center;font-size: 11px;font-family: 'Roboto Condensed';letter-spacing: 0;color: #777}

	
	.bbs_view_wrap {width: 100%;border-top:1px solid #333;}
	.bbs_view_wrap .subject {background: #f9f9f9;height: 80px;display: table;width: 100%;border-bottom: 1px solid #ddd}
	.bbs_view_wrap .subject .text {display: table-cell;vertical-align: middle;width: 80%;padding: 0 20px;font-size: 16px;}
	.bbs_view_wrap .subject .date {display: table-cell;vertical-align: middle;width: 20%;padding: 0 0px;font-size: 11px;color: #777}
	.bbs_view_wrap .bodytext {min-height: 400px;border-bottom: 1px solid #ddd;padding: 40px 20px}
	.bbs_view_wrap .files {padding: 20px;border-bottom: 1px solid #ddd;font-weight: 500;font-size: 14px}
	.bbs_view_wrap .files span {color: #c30d23;display: inline-block;margin-right:10px}
	.bbs_view_wrap .btn_area {padding: 20px;text-align: center}
	.bbs_view_wrap .btn_area button {background: #fff;border: 1px solid #aaa;color: #333;width: 80px;height: 40px;font-size: 14px;font-weight: 500}

}