@charset "utf-8";
@import "normalize.css";

/* webfont */

@font-face {
  font-family: 'NBG';
  src: url('../fonts/NanumBarunGothic.eot');
  src: url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), url('../fonts/NanumBarunGothic.woff') format('woff'), url('../fonts/NanumBarunGothic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NBL';
  src: url('../fonts/NanumBarunGothicUltraLight.eot');
  src: url('../fonts/NanumBarunGothicUltraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/NanumBarunGothicUltraLight.woff') format('woff'), url('../fonts/NanumBarunGothicUltraLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
 font-family: "NGothic";
 src: url("font/NanumGothic.eot");
 src: local("?"), url("font/NanumGothic.woff") format("woff"), url("font/NanumGothic.ttf") format("truetype"), url("NanumGothic.otf") format("opentype");
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: "NGothicBold";
 src: url("font/NanumGothicBold.eot");
 src: local("?"), url("font/NanumGothicBold.woff") format("woff"), url("font/NanumGothicBold.ttf") format("truetype"), url("NanumGothicBold.otf") format("opentype");
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: "NGothicExtraBold";
 src: url("font/NanumGothicBold.eot");
 src: local("?"), url("font/NanumGothicExtraBold.woff") format("woff"), url("font/NanumGothicExtraBold.ttf") format("truetype"), url("NANUMGOTHICEXTRABOLD.otf") format("opentype");
 font-weight: normal;
 font-style: normal;
}

@font-face {
  font-family: 'NBG';
  src: url('font/NanumBarunGothic.eot');
  src: url('font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), url('font/NanumBarunGothic.woff') format('woff'), url('font/NanumBarunGothic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NBL';
  src: url('font/NanumBarunGothicUltraLight.eot');
  src: url('font/NanumBarunGothicUltraLight.eot?#iefix') format('embedded-opentype'), url('font/NanumBarunGothicUltraLight.woff') format('woff'), url('font/NanumBarunGothicUltraLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}



@font-face{font-family:"easyNanumGothic02"; src: url("font/NanumGothic.eot");}
@font-face{font-family:"easyNanumGothicBold02"; src: url("font/NanumGothicBold.eot");}
@font-face{font-family:"easyNanumGothicExtraBold02"; src: url("font/NanumGothicExtraBold.eot");}

/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details,
figure, figcaption, footer, header, hgroup,
menu, nav, output, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-family:"NBG";
}
a {cursor: pointer;}
a, a:hover, a:focus{text-decoration: none;}
fieldset {border: none;}
img {border: 0;}
legend, caption {
	width: 0;
	height: 0;
	text-indent: -999em;
	font-size: 0;
	visibility: hidden;
}
ul, nav {list-style: none;}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
textarea {resize: none;}
table {width: 100%;}
table th, table td {vertical-align: middle;}
input, select {vertical-align: middle;}

/* font */
body, input, select, textarea, a {
	font-family: "NGothic", "나눔고딕", MalgunGothic, "맑은고딕", dotum, "돋움", sans-serif;
	font-size: 13px;
	color: #666;
}

/* common */
ol {padding-left: 20px;}
em {font-style: normal;}
p {line-height: 1.65;}
input[type="text"], input[type="password"], select, textarea {border: 1px solid #ccc;}
input[type="text"], input[type="password"] {padding: 4px 10px;}
input[type="submit"], input[type="reset"], button {
	border: 0;
	background-color: transparent;
}
select {height: 25px;}
button {padding: 0;}
table th {font-weight: normal;}
table td {
	font-size: 12px;
	text-align: center;
}

.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}


#container strong {
	font-weight: normal;
	font-family: "NGothicBold";
}
.hide {
	display: inline-block;
	width: 0;
	height: 0;
	text-indent: -9999em;
	font-size: 0;
}
.pointColor {color: #e80000;}
.pointTxtTit {
	color: #0073cc;
	font-weight: normal;
	font-size: 24px;
	line-height: 1.25;
}
.pointTxtTit02 {
	margin-bottom: 4px;
	color: #0073cc;
}
.txtTit, .txtTitGray {
	padding-top: 8px;
	margin-bottom: 17px;
	background: url("../images/bg_txttit.gif") no-repeat left top;
	color: #333;
	font-weight: normal;
	font-size: 15px;
	font-family: "NGothicBold";
}
.txtTitGray {background: url("../images/bg_txttit_gray.gif") no-repeat left top;}
.hyphenList li, .hyphenTxt {
	padding-left: 8px;
	background: url("../images/bg_ico_bul.png") no-repeat -60px -111px;
}
.circleList li, .circleTxt {
	padding-left: 12px;
	background: url("../images/bg_ico_bul.png") no-repeat -339px -330px;
	line-height: 1.65;
}
.circleList li:first-child {margin-top: 0;}
.subsTxt {margin: 20px 0 30px;}
.layerWrap {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 70;
	width: 100%;
	height: 100%;
}
.layerWrap img {display: block;}
.dimmed {
	position :absolute;
	top :0;
	left :0;
	z-index: 60;
	width :100%;
	height :100%;
	background :#000;
	opacity :.5;
	filter:alpha(opacity=50);
}

/* button */
.btnCenter, .btnRight {margin-top: 25px;}
.btnCenter {text-align: center;}
.btnRight {text-align: right;}
.btnCenter a, .btnCenter span, .btnRight a, .btnCenter span {
	margin-left: 5px;
	vertical-align: middle;
}
.btnCenter a:first-child, .btnCenter span:first-child,
.btnRight a:first-child, .btnCenter span:first-child {margin-left: 0px;}


.btnCenter .btn {display:inline-block;padding:12px 50px 10px;width: 180px;height: 50px;font-size:15px;line-height:28px;text-align:center;box-sizing:border-box}
.btn.d_grayblue {color:#fff;background-color: #7193a3;}

.btnType01, .btnType04, .btnType03 {
	display: inline-block;
	height: 35px;
}
.btnType01 span, .btnType01 input, .btnType04 span,
.btnType04 input, .btnType03 span, .btnType03 input,
.btnType05 span, .btnType05 input {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 3px;
}
.btnType01 span, .btnType01 input {
	background: #0073cc;
	background: -moz-linear-gradient(top,  #0073cc 0%, #0065b3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0073cc), color-stop(100%,#0065b3));
	background: -webkit-linear-gradient(top,  #0073cc 0%,#0065b3 100%);
	background: -o-linear-gradient(top,  #0073cc 0%,#0065b3 100%);
	background: -ms-linear-gradient(top,  #0073cc 0%,#0065b3 100%);
	background: linear-gradient(to bottom,  #0073cc 0%,#0065b3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073cc', endColorstr='#0065b3',GradientType=0 ); /* IE6-9 */
	vertical-align: middle;
	color: #fff;
}
.btnType02 {height: 25px;}
.btnType02 span, .btnType02s span {display: inline-block;}
.btnType02 .btnDown, .btnType02 .btnWebzine, .btnType02 .btnAllView,
.btnType02 .btnQandA, .btnType02 .btnBrochure, .btnType02 .btnDown02 {
	width: 147px;
	padding: 4px 12px;
	border: 1px solid #999;
	border-radius: 2px;
	background: #fff url("../images/bg_cmbtn_ico.png") no-repeat 94% 4px;
}
.btnType02 .btnWebzine {background-position: 94% -33px;}
.btnType02s .btnPrint {
	width: 36px; /* 50px */
    height: 27px;
	padding: 5px 10px;
	border: 1px solid #bcbcbc;
	background: #fff url("../images/bg_cmbtn_ico.png") no-repeat 10px -131px;
	text-align: right;
    box-sizing:border-box;
    font-size:0;
    text-indent:-99999px
}
.btnType02 .btnAllView, .btnType02 .btnQandA,
.btnType02 .btnBrochure, .btnType02 .btnDown02 {
	width: auto;
	padding: 4px 12px 4px 30px;
	background-position: 10px -100px;
}
.btnType02 .btnQandA {background-position: 10px -68px;}
.btnType02 .btnBrochure {background-position: 10px -161px;}
.btnType02 .btnDown02 {background-position: 10px 4px;}
.btnType03 span, .btnType03 input {
	padding: 10px 20px;
	background: #58595b;
	color: #fff;
}
.btnType04 span, .btnType04 input {
	border: 1px solid #999;
	background: #fff;
	color: #58595b;
}
.btnType05 input, .btnType05 span {
	padding: 5px 12px;
	background: #58595b;
	color: #fff;
}

/* layout */
body {width: 100%;}
#wrap {min-width: 74em;}
.skipNavi {
	position: absolute;
	top: -80px;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 80px;
	text-align: center;
}
.skipNavi a{
	width: 100%;
	background-color: #252;
	color: #fff;
}
.skipNavi a:active, .skipNavi a:focus {
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 100;
	height: 25px;
	padding: 10px 0 0 0;
}
#wrap {position:relative;}
#header, #container, #footer {background-color: #fff;}
#header, .topMenu, .gnbWrap, #footer, .footerWrap {width: 100%;}
.utilWrap, #container, .footerMenu, .footerInfo {
	width: 74em;
	margin: 0 auto;
}
#header {
	position: relative;
	z-index: 40;
	height: 114px;
	border-bottom: 1px solid #d1d3d4;
}
.bgTop {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 20;
	width: 50%;
	height: 35px;
}
.topMenu, .utilWrap {
	height: 35px;
	background-color: #0073cc;
}
.utilWrap {
	position: relative;
	z-index: 60;
}
.utilWrap h1 {
	position: absolute;
	top: 53px;
	left: 0;
}
.utilWrap li{float: left;}
.utilWrap a {
	display: block;
	font-size: 12px;
}
.utilWrap ul {overflow: hidden;}
.utilNavi {border-left: 1px solid #2688d4;}
.utilNavi li {border-right: 1px solid #2688d4;}
.utilNavi a {
	height: 14px;
	padding: 10px 18px 11px 40px;
	background: url("../images/bg_ico_bul.png") no-repeat 20px 10px;
	color: #fff;
}
.utilNavi .utilNavi02 {background-position: -424px 10px;}
.utilNavi .utilNavi03 {background-position: -127px 10px;}
.utilNavi .utilNavi04 {background-position: -268px 10px;}
.utilNavi .utilNavi05 {
	height: 14px;
	padding: 10px 18px 11px 40px;
	background: url("../images/history_icon_white.png") no-repeat 12px 9px;
	background-size: 18px;
	color: #fff;
}
.utilNavi .utilNavi_career {background-position: -424px -74px;}
.utilLink {
	position: absolute;
	top: 0;
	right: 0;
}
.utilLink a {
	height: 14px;
	padding: 10px 20px 11px;
	color: #333;
}
.gnbWrap {
	height: 45px;
	padding-top: 34px;
}
#container {
	zoom: 1;
	overflow:hidden;
}
#container:after {
	display: block;
	clear: both;
	content: '';
}
#contents, .lnb {padding-bottom: 70px;}
.lnb {
	position:relative;
	float: left;
	width: 180px;
	margin-top: 15px;
	margin-right: 50px;
}
.lnb h2 {height: 150px;}
.lnbMenu li {border-bottom: 1px solid #ccc;}
.lnbMenu a {
	display: block;
	width: 165px;
	padding: 12px 0 12px 15px;
	font-size: 15px;
	font-family: "NGothicBold";
	color: #666;
}
.lnbMenu .current {
	background: url("../images/bg_lnb_on.png") no-repeat 92% center;
	color: #0075c2;
}
.lnbMenu .lnbSubMenu {
	padding: 11px 0;
	border-top: 1px dashed #ccc;
}
.lnbMenu .lnbSubMenu li {border-bottom: 0;}
.lnbMenu .lnbSubMenu a {
	width: 158px;
	padding: 6px 0 6px 22px;
	background: url("../images/bg_ico_bul.png") no-repeat -47px -107px;
	font-family: "NGothic";
	font-size: 13px;
}
.lnbMenu .lnbSubMenu .current {
	background-position: -7px -135px;
	color: #333;
	font-family: "NGothicBold";
}
#contents {
	float: left;
	width: 730px;
}
.contentsTit {
	position: relative;
	height: 175px;
	background: no-repeat right top;
}
.contentsTit h1 {padding-top: 90px;font-size:40px;font-weight: 500;color:#464646}
.contentsTit .h1_title {padding-top: 90px; font-size: 40px; color: #333; font-family: "NGothic"; letter-spacing: -3px;}

.location {
	position: absolute;
	top: 26px;
}
.location span {color: #767676;}
.subContents {width: 730px;}
#footer {
	position: relative;
	border-top: 1px solid #999;
}
.footerWrap {border-bottom: 1px solid #e5e5e5;}
.footerMenu {
	position: relative;
	height: 25px;
	padding-bottom: 9px;
}
.btmLink {zoom: 1;}
.btmLink:after {
	display: block;
	clear: both;
	content: '';
}
.btmLink li {
	float: left;
	padding-top: 10px
}
.btmLink a {
	padding: 0 10px;
	border-left: 1px solid #e5e5e5;
	font-size: 13px;
}
.btmLink a.bold{font-weight:bold}
.btmLink li:first-child a {
	padding: 0 10px 0 0;
	border-left: 0;
}
.btmLink .linkJwell {
	padding: 0 10px 0 30px;
	background: url("../images/bg_ico_bul.png") no-repeat 8px -27px;
	color: #0073cc;
}
.btmLink .linkAnsim {color: #0073cc;}
.familySite, .goTop {
	position: absolute;
	top: 0;
}
.familySite {
	right: 0;
	top: 0;
	z-index: 50;
	height: 34px;
}
.familySite a {
	display: block;
	width: 139px;
	height: 15px;
	padding: 9px 0 10px 10px;
	border: solid #d1d3d4;
	border-width: 0 1px 0 1px;
	background: url("../images/bg_ico_bul.png") no-repeat 130px -78px;
}
.familySite .current {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #f8f8f8;
	background-position: -16px -79px;
	color: #333;
	font-family: "NGothicBold";
}


.familySite2, .goTop {
	position: absolute;
	top: 0;
}
.familySite2 {
	right: 0;
	top: 0;
	z-index: 50;
	height: 34px;
}
.familySite2 a {
	display: block;
	width: 139px;
	height: 15px;
	padding: 9px 0 10px 10px;
	border: solid #d1d3d4;
	border-width: 0 1px 0 1px;
	background: url("../images/bg_ico_bul.png") no-repeat 130px -78px;
}
.familySite2 .current {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #f8f8f8;
	background-position: -16px -79px;
	color: #333;
	font-family: "NGothicBold";
}
.familyList {
	overflow: hidden;
	display: none;
	position: absolute;
	left: 0;
	bottom: -1px;
	padding: 0 15px 15px;
	width: 119px;
	border: solid #ccc;
	border-width: 0 1px 1px 1px;
	background: #f8f8f8;
}
.familyList a {
	width: auto;
	height: auto;
	padding: 0;
	border: 0;
	font-weight: normal;
	letter-spacing: -1px;
	background: none;
	font-size: 12px;
	color: #666;
}
.familyList a:hover {text-decoration: underline;}
.familyList li {
	padding-left: 8px;
	margin: 4px 0;
	background: url("../images/bg_ico_bul.png") no-repeat -60px -112px;
}
.goTop {
	width: 40px;
	padding: 10px 0;
	right: -41px;
	border-right: 1px solid #d1d3d4;
	color: #333;
	text-align: center;
	font-size: 12px;
}
.footerInfo {
	position: relative;
	z-index: 60;
	padding-top: 15px;
	padding-bottom: 35px;
	background: #fff no-repeat right 16px;
}
address {
	margin-bottom: 5px;
	font-style: normal;
}
.footerLogo {
	position: absolute;
	top: 20px;
	right: 0;
}

/* gnb */
.gnbWrap {
	position: absolute;
	top: 35px;
}
.gnb {
	position: relative;
	z-index: 50;
	zoom: 1;
	margin: 0 auto;
}
.gnb:after {
	display: block;
	clear: both;
	content: '';
}
.gnb li, .gnb a {float: left;}
.gnb li {line-height: 1;}
.gnb a {
	height: 47px;
	padding: 0 40px;
}
.gnbSubMenu {
	display: none;
	position: absolute;
	top: 57px;
	left: 0;
}
.gnbSubMenu li, .gnbSubMenu a {
	display: block;
	float: none;
	height: auto;
	padding: 0;
}
.gnbSubMenu a {
	padding: 8px 0 9px;
	color: #333;
	width: 100%;
}
.gnbSubMenu .currnet, .gnbSubMenu a:hover, .gnbSubMenu a:focus {
	height: auto;
	color: #0073cc;
	text-decoration: underline;
}
.bgGnbSub {
	display: none;
	position: absolute;
	top: 80px;
	z-index: 30;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #999;
}
.gnbSubArea {
	position: relative;
	width: 995px;
	margin: 0 auto;
	background-color: #fff;
}
.gnbSubArea a {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 35px;
}

/* holdings layout */
.bgTop, .utilLink a {background-color: #febc00;}
.utilLink li {border-right: 1px solid #e4a900;}
.gnb {
	width: 596px;
	padding-left: 364px;
}
.bgGnbSub, .gnbSubArea {height: 224px;}
.gnbSubArea {background: url("../../commonsite/ko/asset/images/bg_gnbsub.jpg") no-repeat 80px top;}
.gnbSub01 {left: 412px;}
.gnbSub02 {left: 553px;}
.gnbSub03 {left: 716px;}
.gnbSub04 {left: 856px;}
.footerInfo {background-image: url("../../commonsite/ko/asset/images/logo_holdings_footer.png");}
.paginate strong {color: #333;}
/* //holdings layout */

/* board list */
.boardTop {
	overflow: hidden;
	margin-bottom: 15px;
	text-align: right;
}
.boardAll {
	float: left;
	padding-top: 5px;
	font-size: 12px;
	font-family: "NGothicBold";
	color: #666;
}
.boardAll span {
	margin-left: 5px;
	color: #333;
}
.boardSearch {float: right;}
.boardSearch input[type="text"] {
	width: 148px;
	height: 15px;
}
.boardTbl {
	border-top: 2px solid #999;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.boardTbl th, .boardTbl td {
	height: 40px;
	padding: 0 15px;
}
.boardTbl th {
	border-bottom: 1px solid #ccc;
	background: #f8f8f8 url("../images/bg_ico_bul.png") no-repeat left -44px;
}
.boardTbl th:first-child {background-image: none;}
.boardTbl td {
	border-top: 1px solid #e5e5e5;
	font-size: 12px;
}
.boardTbl .title {
	font-size: 13px;
	text-align: left;
}
.boardTbl .title:hover {text-decoration: underline;}
.thumbList, .galleryList {
	zoom: 1;
	padding: 20px 0 0 15px;
	border-top: 2px solid #999;
	border-bottom: 1px solid #ccc;
}
.thumbList:after, .galleryList:after {
	display: block;
	clear: both;
	content: '';
}
.thumbList li, .thumbList a, .thumbList img, .thumbList span, .thumbList ul {float: left;}
.thumbList li {
	overflow: hidden;
	width: 342px;
	height: 90px;
	padding-bottom: 17px;
	margin-right: 15px;
}
.thumbList img {
	width: 120px;
	height: 90px;
}
.thumbList span, .thumbList ul {
	width: 210px;
	padding-left: 10px;
	line-height: 1.5;
}
.thumbList span {
	margin-top: 27px;
	margin-bottom: 5px;
	font-size: 12px;
}
.thumbList .title, .tvAdList ul {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 13px;
	font-family: "NGothicBold";
	color: #333;
}
.thumbList a:hover .title {
	text-decoration: underline;
	color: #0073cc;
}
.thumbList ul li {
	float: none;
	width: auto;
	height: auto;
	margin-right: 0;
	padding-bottom: 5px;
}
.thumbList a.mediaView span.title {
	overflow: hidden;
	width: 210px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.thumbList.tvAdList ul li {
	overflow: hidden;
	width: 210px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* paginate */
.paginate {
	margin-top: 25px;
	text-align: center;
}
.paginate a, .paginate strong {
	display: inline-block;
	margin: 0 7px;
	padding: 11px 0 7px;
	vertical-align: middle;
	color: #333;
	font-size: 13px;
	line-height: 1;
}
.paginate strong {
	color: #1a7bd8;
	text-decoration: underline;
	-webkit-padding: 12px 0 6px;
}
.paginate .prev, .paginate .prevAll,
.paginate .next, .paginate .nextAll {
	margin-right: 1px;
	margin: 2px 1px 0 1px;
	padding: 0;
	line-height: 0;
}
.paginate .prev {padding-right: 10px;}
.paginate .next {padding-left: 10px;}

/* board view */
.posterTop {
	border-top: 2px solid #999;
	background-color: #f8f8f8;
}
.posterTop{padding:18px 10px !important;border-top:1px solid #abb1b5;background-color:#fff}
.posterTop, .posterNav li {
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
.posterTop, .posterNav li, .postFile {padding: 13px 0 11px;}


.posterNav li {overflow: hidden;padding: 0 30px;border-bottom: 1px solid #dfe3e6;height: 56px;}
.posterNav .prev,
.posterNav .next {
  position: relative;
  padding: 20px 35px 0 25px;
  margin-right:15px;
}

.posterNav .prev:after,
.posterNav .next:after {
  display: block;
  clear: both;
  content: "";
  position: absolute;
  top: 21px;
  right: 0;
  width: 1px;
  height: 14px;
  background-color: #abb1b5;
}

.posterNav span,
.posterNav a {
  display: inline-block;
  float: left;
  padding: 20px 0;
  color: #333;
  font-size:15px !important;

}

.posterTop span, .posterNav a, .posterNav span, .postFile span {
	float: left;
	font-weight: normal;
	font-size: 18px;
	text-align: center;
}
/* .posterTop span, .posterNav span, .postFile span {width:87px;} */
.posterTop span:first-child{display:inline-block;width: 80px;}
.posterTop span.singleTit{width:600px}
.posterTop span:first-child, .posterNav span:first-child, .postFile span:first-child {
	/* border-right: 1px solid #ccc; */
	border-left: 0;
}
.posterTop span{}
.posterTop .title {
	width: 474px;
	padding: 0 15px;
	border-left: 0;
	text-align: left;
}
.posterTop .singleTit, .posterTop .singleDate {
	padding: 0 15px;
	border: none !important;
	text-align: left;
}
.posterTop .singleTit{padding:0;display:inline-block;width:600px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.posterTop .singleDate {
	width: 145px;
	padding-left: 0;
	text-align: right;
}
.posterTop .title, .posterNav .prev, .posterNav .next,
.posterTop .singleTit, .postInfo em {color: #333;}
.posterTop .title, .posterTop .singleTit, .postInfo em {font-family: "NGothicBold";}
.posterTop .title, .posterTop .singleTit {font-size: 18px;}
.postInfo, .postFile {
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	text-align: right;
}
.postInfo {text-align: right;}
.postInfo span, .postFile span {
	display: inline-block;
	margin: 10px 0 9px;
	padding: 2px  15px;
	border-right: 1px solid #e5e5e5;
}
.postInfo .postLastInfo {border-right: 0;}
.postFile {
	text-align: left;
	zoom: 1;
}
.postFile:after {
	display: block;
	clear: both;
	content: '';
}
.postFile span {
	width: auto;
	margin: 0;
}
.postFile ul {float: left;}
.postFile ul li {
	margin-left: 15px;
	padding-left: 21px;
	background: url("../images/bg_ico_bul.png") no-repeat 0 -314px;
	z-index: 1;
}
.postFile a {
	display: block;
	font-size: 12px;
}
.posterCont {
	word-break:keep-all;
	word-wrap:break-word;
	padding: 20px 15px;
	border-bottom: 1px solid #ccc;
	line-height: 1.65;
}

#container .posterCont *{font-weight: inherit ;font-family: 'NBG';color:#000;font-size:15px;line-height: 18px}
#container .posterCont p{font-size:15px;line-height:28px;text-align:left !important}
#container .posterCont img{max-width:100%}
#container .posterCont strong{font-weight:bold !important;line-height:18px}
#container .posterCont .text-tiny {font-size: .7em}
#container .posterCont .image{margin:0 auto;max-width:100%}
#container .posterCont p{margin-top:0}
#container .posterCont .text-small {font-size: .85em}

#container .posterCont .text-big {
  font-size: 1.4em
}

#container .posterCont .text-huge {
  font-size: 1.8em
}

#container .posterCont .table {
  margin: 1em auto;
  display: table
}

#container .posterCont .table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  border: 1px double #b3b3b3
}

#container .posterCont .table table td, #container .posterCont .table table th {
  min-width: 2em;
  padding: .4em;
  border: 1px solid #bfbfbf
}

#container .posterCont .table table th {
  font-weight: 700;
  background: hsla(0, 0%, 0%, 5%)
}

#container .posterCont[dir=rtl] .table th {
  text-align: right
}

#container .posterCont[dir=ltr] .table th {
  text-align: left
}

#container .posterCont img{
	max-width: 100%;
}
.relatedPd {
	overflow: hidden;
	padding: 2px 1px;
	border: 1px solid #ccc;
	border-width: 0 1px 1px 1px;
	line-height: 1;
}
.relatedPd h3 {
	float: left;
	height: 83px;
}
.relatedPd ul {
	float: left;
	width: 547px;
	padding: 13px 15px;
	line-height: 1.5;
}
.relatedPd a {
	display: block;
}

/* board preview */
.posterNav {
  margin-top:25px;
	border-top: 1px solid #dfe3e6;
}
.posterNav a {
	width: 440px;
	margin: 0 15px;
	border-left: 0;
	font-size: 13px;
	text-align: left;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.posterNav .downFile {width: 450px;}
.posterNav a:hover {text-decoration: underline;}
.posterNav .downFile {background-position: 0 -288px;}


.posterNav .prev::before,
.posterNav .next::before  {
  display: block;
  clear: both;
  content: "";
  position: absolute;
  top: 21px;
  left: 0;
  width: 15px;
  height: 15px;
  background-image: url("../images/bg_ico_bul.png");
  background-repeat: no-repeat;
  background-position: 0 -213px;
}
.posterNav .prev::before {background-position:0 -174px}

.posterNav .next {background-position: -20% -210px;}
.posterNav .prev, .posterNav .next {color: #333;}
.posterNav .date {float: right;}


/* write */
.inputTbl {border-bottom: 1px solid #ccc;}
.inputTbl tr:first-child th, .inputTbl tr:first-child td {border-top: 1px solid #999;}
.inputTbl th, .inputTbl td {
	padding: 8px 15px;
	border-top: 1px solid #e5e5e5;
}
.inputTbl th {
	padding: 0;
	background-color: #f8f8f8;
	color: #333;
}
.inputTbl td {text-align: left;}
.inputTbl input[type="text"], .inputTbl input[type="password"] {height: 15px;}
.emailInput input[type="text"] {width: 120px;}
.telInput input[type="text"] {width: 60px;}
.fileInput input[type="file"] {
	display: block;
	margin: 5px 0;
}
.fileInput p {
	padding-top: 5px;
	color: #767676;
	font-size: 12px;
}
.inputTitle input[type="text"] {width: 95%;}
.essential {color: #eb3232;}
.address span, .address input, .address a {vertical-align: middle;}
.address input {
	width: 95%;
	margin-top: 6px;
}
.address .zipcodeInp {
	width: 50px;
	margin-top: 0;
}
.visitDate input {
	width: 140px;
	margin-right: 30px;
}
.inpTxt {width: 132px;}
.answerPwd {margin-left: 5px;}
.inputTbl textarea {width: 98%;}

/* data table */
.tblTit {
	padding-bottom: 10px;
	font-family: "NGothicBold";
	width: auto;
	height: auto;
	text-indent: 0;
	font-size: 13px;
	visibility: visible;
}
.dataTbl, .rowDataTbl {border: 1px solid #ccc;}
.dataTbl th, .dataTbl td {
	border-left: 1px solid #ccc;
	border-top: 1px solid #e5e5e5;
}
.dataTbl th, .rowDataTbl th {font-family: "NGothicBold";}
.dataTbl thead th {
	padding: 10px 15px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #333;
}
.dataTbl td {
	padding: 7px 15px;
	text-align: center;
}
.dataTbl .lineTop th, .dataTbl .lineTop td {border-top-color: #ccc;}
.dataTbl .lineTop02 th, .dataTbl .lineTop02 td {border-top-color: #999;}
.dataTbl .lineRight {border-right: 1px solid #ccc;}
.dataTbl .lineBtm {border-bottom: 1px solid #e5e5e5;}
.rowDataTbl th, .rowDataTbl td {
	padding: 7px 15px;
	border: 1px solid #ccc;
}

/*20160923 추가*/
.tblnleft td.address {text-align:left;}

.rowDataTbl th {
	color: #333;
	background: #ecf9ff;
}
.rowDataTbl td {text-align: left;}
.dataTbl .grayTop th {
	background-color: #f8f8f8;
	font-family: "NGothic";
}

/* tab */
.jwTab {position: relative;}
.jwTabMenu {
	float: left;
	margin: 0;
}
.jwTabMenu:hover {cursor: pointer;}
.jwTabContent {
	overflow: hidden;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.contTabTit {
	display: block;
	width: 140px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 11px 0;
	text-align: center;
	border: 1px solid #ccc;
	background: #fff;
	font-weight: normal;
}
.contTabTit:first-child {margin-left: 0;}
.contTabTit.current {
	border-color: #333;
	background: #333;
	color: #fff;
}

/* accordion */
.jwAcHorizon, .jwAcVertical {overflow: hidden;}
.jwAcMenu, .jwAcContainer {
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.jwAcContent {overflow: hidden;}
.jwAcMenu:hover {cursor: pointer;}
.jwAcHorizon .jwAcMenu,
.jwAcHorizon .jwAcContainer {
	float: left;
	width: 100%;
	height: 100%;
}
.jwAcVertical .jwAcMenu,
.jwAcVertical .jwAcContainer {width: 100%;}

/* slide */
.jwSlMask {
    overflow: auto;
    position: relative;
}
.jwSlWrap {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.jwSlItem {
    float: left;
    width: 400px;
    height: 200px;
    background-color: #fff;
}
.jwSlNavi, .jwSlNavi .btnStop,
.jwSlPaging {display: none;}
/* //layout */

/* infotcenter */
.radioPlay {
	display: block;
	width: 17px;
	height: 17px;
	margin: 0 auto;
	background: url("../images/bg_play.gif") no-repeat 50% bottom;
	color: transparent;
	text-indent: -9999em;
}
.radioPlay:hover {background-position: 50% 0;}
.tvAdList span {margin-top: 13px;}
.tvAdList ul {font-family: "NGothicBold";}
#mediaView, #magazineView {position: relative;}
#mediaView div, #magazineView div {position: absolute;}
.brochureView h2, .videoTit {
	color: #0075c2;
	font-size: 14px;
	font-family: "NGothicBold";
}
.videoTit {margin-bottom: 18px;}
.videoView, .brochureView  {
	margin-bottom: 20px;
	background-color: #f8f8f8;
}
.videoView {
	width: 640px;
	height: 421px;
	padding: 34px 45px 25px;
	text-align: center;
}
.videoView div {
	top: 34px;
	left: 45px;
}
.videoView .current {display: block;}
.brochureView {
	zoom: 1;
	width: 100%;
	height: 460px;
	padding: 25px 15px;
}
.brochureView:after {
	display: block;
	clear: both;
	content: '';
}
.brochureView h2 {margin: 15px 0 20px;}
.brochureInfo, .brochureView img {float: left;}
.brochureView img {
	width: 348px;
	height: 458px;
	margin-right: 15px;
	border: 1px solid #e5e5e5;
}
.brochureView a {display: block;}
#mediaView .brochureInfo, #magazineView .brochureInfo {position: static;}
.brochureInfo .btnType02 {margin-bottom: 5px;}
.galleryList {padding: 20px 0 0 20px;}
.galleryList li, .galleryList a, .galleryList img {
	float: left;
	text-align: center;
}
.galleryList li, .galleryList a {width: 156px;}
.galleryList li {
	margin-right: 20px;
	padding-bottom: 20px;
}
.galleryList img {
	width: 154px;
	height: 201px;
	margin-bottom: 10px;
	border: 1px solid #e5e5e5;
}
.galleryList span {
	overflow: hidden;
	font-size: 12px;
	line-height: 1.5;
	float: left;
	text-align: center;
	width: 100%;
}
.galleryList .title {
	color: #333;
	font-family: "NGothicBold";
	font-size: 12px;
	line-height: 1.5;
	float: left;
	text-align: center;
	width: 100%;
	max-height: 54px;
	min-height: 54px;
}
.paperLayer {
	position: absolute;
	z-index: 70;
}
.paperLayer a {
	position: absolute;
	top: 0;
	right: -43px;
}
.paperDetail {
	padding: 45px 35px;
	background-color: #e5e5e5;
}
.paperDetail img {display: block;}
.thumbList .listNon, .thumbList02 .listNon, .galleryList .listNon {
	float: none;
	width: 100%;
	height: auto;
	margin-right: 0;
	padding-bottom: 0;
	text-align: center;
}
.thumbList .listNon, .galleryList .listNon {padding-bottom: 20px;}
/* //infocenter */

/* social */
.boardSel {float: left;}
.socialSel {position: absolute;}
.socialSel a, .socialSel ul {border: 1px solid #ccc;}
.socialSel a {
	display: block;
	padding: 4px 30px 4px 9px;
	text-align: left;
	background: url("../images/bg_select.png") no-repeat 93% center;
}
.socialSel ul {
	position: absolute;
	top: 24px;
	padding: 10px 0;
	background: #fff;
}
.socialSel ul a {
	width: auto;
	padding: 2px 9px;
	border: 0;
	background: none;
}
.socialSel ul a:hover {
	background: #2688d4;
	color: #fff;
}
.thumbList02 {
	padding: 20px 15px;
	border-top: 2px solid #999;
	border-bottom: 1px solid #ccc;
}
.thumbList02 li {padding-top: 20px;}
.thumbList02 li:first-child {padding-top: 0;}
.thumbList02 a {
	overflow: hidden;
	display: block;
}
.thumbList02 img, .thumbList02 span {float: left;}
.thumbList02 img {
	width: 198px;
	height: 136px;
	border: 1px solid #ccc;
}
.thumbList02 span {
	width: 480px;
	padding-left: 15px;
	margin-top: 18px;
	line-height: 1.5;
}
.thumbList02 .title {
	color: #333;
	font-size: 15px;
	font-family: "NGothicBold";
}
.thumbList02 a:hover .title {
	color: #0073cc;
	text-decoration: underline;
}
.thumbList02 .date {
	padding-left: 18px;
	margin-top: 4px;
	font-size: 12px;
}
.awardCon {
	overflow: hidden;
	margin-top: -20px;
	margin-left: -20px;
	background: url("../images/bg_social_award.jpg") no-repeat right bottom;
}
.awardCon div {
	float: left;
	width: 315px;
	margin: 20px 0 0 20px;
	padding: 18px;
	border: 1px solid #e5e5e5;
}
.awardItem01 {height: 460px;}
.awardItem02 {height: 373px;}
.awardCon img {margin-bottom: 15px;}
.awardTxt {margin-top: 25px;}
.foundSubsTxt {margin: 20px 0;}
.socialField {
	width: 700px;
	margin: 50px auto 40px;
	text-align: center;
	zoom: 1;
}
.socialField:after {
	display: block;
	clear: both;
	content: ''
}
.socialField div {
	float: left;
	width: 174px;
	padding-top: 160px;
	border-left: 1px solid #e5e5e5;
	background: url("../images/bg_social.png") 5% 0 no-repeat;
}
.socialField h3 {padding-bottom: 10px;}
.socialField .field1 {border: 0;}
.socialField .field2 {background-position: -200px 0;}
.socialField .field3 {background-position: -370px 0;}
.socialField .field4 {background-position: -540px 0;}
.activeTxt {padding-top: 18px;}
div[class^="activeIntro"] {
	position: relative;
	zoom: 1;
}
.activeIntro01, .activeIntro03 {padding-top: 20px;}
.activeIntro02, .activeIntro03 {padding-top: 40px;}
div[class^="activeIntro"]:after {
	display: block;
	content: '';
	clear: both;
}
.activeIntro01 .txtTit, .activeIntro01 p,
.activeIntro03 .txtTit, .activeIntro03 p {float: left;}
.activeIntro02 .txtTit, .activeIntro02 p,
.activeIntro04 .txtTit, .activeIntro04 p {float: right;}
.activeIntro01 .txtTit, .activeIntro01 p,
.activeIntro02 .txtTit, .activeIntro02 p {width: 406px;}
.activeIntro03 .txtTit, .activeIntro03 p,
.activeIntro04 .txtTit, .activeIntro04 p {width: 363px;}
div[class^="activeIntro"] .txtTit {margin-bottom: 0;}
div[class^="activeIntro"] p {text-align: justify;}
.activeIntro01 img, .activeIntro03 img {float: right;}
.activeIntro02 img, .activeIntro04 img {float: left;}
.contributeWrap {
	height: 530px;
	padding-left: 365px;
	background: url("../images/bg_contribute.jpg") no-repeat -35px top;
}
.contributeWrap h2, .contributeWrap p {margin-left: 20px;}
.contributeWrap h2 {
	padding-top: 60px;
	padding-bottom: 10px;
}
.contributeWrap p {
	padding: 15px 0;
	text-align: justify;
}
/* //social */

/* ethics */
.ethicsWrap {margin-top: 25px;}
.ethicsWrap ol {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
}
.ethicsWrap li {line-height: 1.65;}
.ethicsWrap h3 {margin-bottom: 10px;}
.ethicsWrap p {padding: 0 0 15px 0;}
.decList01, .decList02, .decList03 {
	background: url("../images/bg_declaration.png") no-repeat 16px 0;
	list-style: none;
}
.decList01, .decList02 {margin-bottom: 50px;}
.decList01 {padding-left: 180px;}
.decList02 {background-position: right -128px;}
.decList02 li {width: 545px;}
.decList03 {
	padding: 15px 0 40px 180px;
	background-position: 16px -287px;
}
.decItem {
	padding-left: 24px;
	position: relative;
	background-color: #fff;
	font-family: "NGothicBold";
	line-height: 1.65;
}
.decItem span {
	position: absolute;
	left: 0;
	display: inline-block;
	padding: 2px 4px;
	margin-top: 3px;
	border: 1px solid #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size: 12px;
	font-family: "NGothic";
	text-align: center;
	line-height: 1;
}
.decItem.last span {padding: 2px 1px 2px 0;}
.autonomyIntro {
	margin-top: 0;
	padding-right: 211px;
	background: url("../images/bg_autonomy.gif") no-repeat top right;
}
.jwSign {
	color: #333;
	font-family: "NGothicBold";
	text-align: right;
}
.jwSign span, .jwSign em {
	display: block;
	font-size: 13px;
}
.jwSign em  {
	font-family: "NGothic", "나눔고딕", MalgunGothic, "맑은고딕", dotum, "돋움", sans-serif;
	color: #666;
}
.jwSign strong {font-size: 15px;}
/* //ethics */

/* cyber */
.subInform li, .subInform p {line-height: 1.5;}
*:first-child+html .informList {margin-left:3px;}
.informList li {font-family: "NGothicBold";}
.informList ol {
	padding-left: 0;
	list-style: none;
}
.informList p, .informList li li {
	font-weight: normal;
	font-family: "NGothic";
}
.subInform h2 {margin-bottom: 25px;}
.subInform h3, .subInform h4 {margin-top: 25px;}
.txtTit .pointColor {
	margin-left: 5px;
	font-size: 13px;
	font-weight: normal;
}
.informer .name {width: 80px;}
.informer .department {width: 130px;}
/* //cyber */

/* document */
#contents.doc {
	width: 74em;
	padding-bottom: 50px;
	margin-bottom: 36px;
	border-bottom: 1px solid #d1d3d4;
}
.doc .location {
	position: static;
	top: 0;
	padding: 25px 0 50px;
}
.doc h2 {
	padding-bottom: 42px;
	margin-bottom: 25px;
	border-bottom: 1px solid #d1d3d4;
}
.doc .docTit, .doc h3 {
	font-family: "NGothicBold";
	color: #494949;
}
.doc h3 {padding: 21px 0;}
.doc h4, .doc h5 {
	font-weight: normal;
	line-height: 1.65;
}
.doc h4.bold,
.doc h5.bold{
  font-weight:bold
}
.doc p {padding-bottom: 21px;}
.doc ul + h4, .doc ul + p {padding-top: 21px;}
.doc .circleTxt, .doc .listTit {padding-bottom: 0;}
.doc li {line-height: 1.65;}
.doc ol, .doc .hyphenList li li {
	padding: 0;
	list-style: none;
}
.doc .hyphenList li li {background: none;}
.docDate {text-align: right;}
.htyTxt {margin-bottom: 24px;}

.lapseWrap {background: url("../images/bg_lapse.gif") no-repeat left top;padding-left:215px;}
.lapseWrap .lapseDetaW {margin-bottom: 30px;}
.lapseWrap .lapseDetaW .lapseYear {
	color: #333;
	font-size: 15px;
	line-height: 35px;
}
.lapseWrap .lapseDetaW .lapseDeta {
	overflow: hidden;
	color: #666;
	font-size: 12px;
	line-height: 35px;
}
.lapseWrap .lapseDetaW .lapseDeta span {
	display: inline-block;
	float: left;
	width: 170px;
}
.lapseWrap .lapseDetaW .lapseDeta ul {
	float: left;
	margin-top: 8px;
	line-height: 19px;
}
.constructionPlan ul, .constructionPlan p {
	font-size: 0;
	text-indent: -9999em;
}
.constructionPlan div:first-child {margin: 28px 0 39px;}
.footerInfo p.mark {
	position: absolute;
	right: 110px;
	top: 52px;
	color: #1c712b;
}
.footerInfo .waMark {
	position: absolute;
	right: 5px;
	top: 25px;
}
/*  fair_trade 20170523  */
.FairtraedW {
	overflow: hidden;
	margin-top: 42px;
	width: 750px;
	height: 480px;
	/*background: url("../images/img_fair_trade02.gif") no-repeat left top;*/
}
.FairtraedW li {
	float: left; width: 50%; text-align: center;
}
.FairtraedW li a {
	display: block; margin: 20px 0;
}
/*.FairtraedW .fairPdfDown {margin: 81px 0 0 443px;}
.FairtraedW .fairPdfDown h4 {
	padding:46px 0 11px;
	font-size: 15px;
	color: #333333;
}
.FairtraedW .fairPdfDown h4:first-child {padding-top: 0;}*/
h2.seeSite {
	padding-top: 25px;
	line-height: 1.6;
	color: #0073cc;
}
.seeSiteList li {line-height: 1.6;}
.btnArea {
	margin-top: 50px;
	text-align: center;
}

.contTabTitlink {
	display: block;
	width: 140px;
	margin-left: 294px;
	margin-bottom: 5px;
	padding: 11px 0;
	text-align: center;
	border: 1px solid #ccc;
	background: #fff;
	font-weight: normal;
}

.cp_section{
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #dfe3e6
}
.cp_section h3{
	font-size:28px;
	color:#4c7a98;
	padding:50px 0 60px;
	text-align:center;
}
.cp_section .cp_list{
	text-align:center;
}

.cp_section .cp_list dl{
	display:inline-block;
	width:30%;
	text-align:center;
	vertical-align:top;
}
.cp_section .cp_list dl dt{
	margin-bottom:40px;
}
.cp_section .cp_list dl dd h4{
  color: #333;
  font-size:24px;
  margin-bottom:20px
}
.cp_section .cp_list dl dd p{
  color: #666;
  font-size:100%;
  line-height:25px
}


/* popup */
.printPopWrap {padding: 0;}
.printTop {
	padding: 15px 20px;
	background: #666;
	text-align: right;
}
.printTop input, .printTop label, .printTop a {vertical-align: bottom;}
.printTop label {
	padding: 0 15px 0 8px;
	color: #fff;
}
.printCont {padding: 20px 20px 50px;}
.printCont .contTabTit {
	margin-top: 40px;
	margin-left: 0;
}

/* product view */
.productView {zoom: 1;}
.productView:after {
	display: block;
	clear: both;
	content: '';
}
.productTit {
	position: absolute;
	left: -9999em;
	visibility: hidden;
	width: 1px;
	height: 1px;
}
.productTbl {
	border-top: 1px solid #999;
	border-bottom: 1px solid #ccc;
	font-size: 13px;
}
.productTbl th, .productTbl td {padding: 13px 15px;}
.productTbl th {
	background-color: #f7f7f7;
	color: #666;
}
.productTbl td {
	color: #747474;
	text-align: left;
}
.productTbl td strong {
	color: #494949;
	font-size: 14px;
}
.productTbl .productName, .productTbl td {
	background-color: transparent;
	color: #747474;
	text-align: left;
}
.productTbl .productName {
	color: #494949;
	font-family: "NGothicBold";
	font-size: 14px;
}


.productInfo {
	width: 700px;
	line-height: 1.5;
}
.productInfo h4, .productInfo h3 {
	margin: 24px 0 12px;
	padding: 0 18px;
	background: url("../images/img_product_bul.gif") no-repeat 0 -124px;
}
.productTab {margin-top: 24px}
.productInfo .ingredient {background-position: 0 0;}
.productInfo .property {background-position: 0 -151px;}
.productInfo .efficacy {background-position: 0 -26px;}
.productInfo .usage {background-position: 0 -52px;}
.productInfo .packing {background-position: 0 -76px;}
.productInfo .storage {background-position: 0 -100px;}
.productInfo p, .productInfo ul {padding-left: 10px;}
.careList li {margin-bottom: 24px;}
.careList ul li {margin-bottom: 0;}

.printPopWrap .productImg .pdDetailImg{max-width:100%}

/* 사회공헌 */
.contribute_ty01{position:relative;width:730px;height:640px;background-size:cover;background-position:center;text-align:center;font-size:0}
.contribute_ty01:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle}
.contribute_ty01 .txt_box{display:inline-block;padding:0 80px;vertical-align:middle;}
.contribute_ty01 .txt_box h5{font-size:45px;color:#0e0b0b;font-weight:bold}
.contribute_ty01 .txt_box p{margin-top:25px;font-size:20px;color:#0e0b0b;white-space:break-spaces}
.contribute_ty01 .txt_box .btn_more{display:inline-block;margin-top:70px;padding:15px 20px;background-color:rgba(0,0,0,0.5);font-size:20px;color:#fff}


.contribute_ty02{position:relative;width:730px;height:640px;background-size:cover;background-position:center;text-align:center;font-size:0}
.contribute_ty02 .bg_box{position:absolute;display:block;left:0;bottom:0;width:100%;height:40%;padding:0 30px;background-color:rgba(0,0,0,0.7);box-sizing:border-box;word-break: keep-all;}
.contribute_ty02 .bg_box:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle}
.contribute_ty02 .txt_box{display:inline-block;width:100%;vertical-align:middle;box-sizing:border-box}
.contribute_ty02 .txt_box h5{font-size:30px;color:#fff;font-weight:bold}
.contribute_ty02 .txt_box p{margin-top:20px;font-size:15px;color:#fff}
.contribute_ty02 .txt_box .btn_more{display:inline-block;margin-top:10px;padding:10px 20px;background-color:#2688d4;font-size:20px;color:#fff}