@import url(http://fonts.googleapis.com/css?family=Open+Sans:600,400);

/*common*/
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video { 
	margin:0;padding:0;border:0;font-size:100%;background:transparent;}
article,aside,figure,footer,header,hgroup,nav,section {display:block;}
img,object,embed {max-width:100%;}
html {overflow-y:scroll;}
ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:#646464;}
del {text-decoration:line-through;}
abbr[title],dfn[title] {border-bottom:1px dotted #000;cursor:help;}
table { border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%;}
th {font-weight:bold;}
td {font-weight:normal;}
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle; }
pre {white-space:pre; /* CSS2 */ white-space:pre-wrap; /* CSS 2.1 */white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */word-wrap:break-word; /* IE */}
input[type="radio"] { vertical-align:text-bottom; }
input[type="checkbox"] {vertical-align:bottom; *vertical-align:baseline;}
.ie6 input {vertical-align:text-bottom;}
select, input, textarea {font:99% sans-serif;}
small {font-size:85%;}
strong, th {font-weight:bold;}
sub, sup {font-size:75%;line-height:0;position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
pre,code,kbd,samp {font-family:monospace, sans-serif;}
.clickable,label, input[type=button], input[type=submit], button {cursor:pointer;}
button, input, select, textarea {margin:0;}
button {width:auto;overflow:visible;}
.ie7 img {-ms-interpolation-mode:bicubic;}
.ie6 html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}
.clearfix:before, .clearfix:after {content:"\0020";display:block;height:0;overflow:hidden;}  
.clearfix:after {clear:both;}
.clearfix {zoom:1;}  
::-moz-selection {background:#fcd700; color:#fff; text-shadow:none;}
::selection { background:#fcd700;color:#fff;text-shadow:none;} 
ins {background-color:#fcd700;color:#000;text-decoration:none;}
mark {background-color:#fcd700;color:#000;font-style:italic;font-weight:bold;}
img {max-width:100%;}

.hidden_element {display:block;font-size:1px;height:0;overflow:hidden;position:relative;width:0;z-index:-1;margin:0;padding:0;}
.bg_dark {background:#141b22 !important;}
.floatL {float:left;}
.floatR {float:right;}
.right {text-align:right;}
.red {color:#c4373c !important;}
.sky {color:#D7E1E6 !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pt0 {padding-top:0 !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt40 {padding-top:40px !important;}
.pl50 {padding-left:50px !important}
.pr10 {padding-right:10px !important;}
.mr20 {margin-right:20px !important;}
.ml20 {margin-left:20px !important;}
.w200 {width:200px;}
.w300 {width:300px;}
.w350 {width:350px;}
.w50p {width:50%;}
.f18 {font-size:18px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f11 {font-size:11px !important;}
.f10 {font-size:10px !important;}
.bold {font-weight:bold;}
.line_top {border-top:1px solid #a4a4a4;}
.line_no {border-bottom:0 !important;}
.blank_box{height:160px;}
.border_tpbt {border-top:5px solid #ddd;border-bottom:5px solid #ddd;}

/*layout*/
html {height:100%;}
body,header,footer,#wrap_gnb {min-width:990px;}
body {position:relative;height:100%;color:#646464;font-size:14px;font-family:'Open Sans','Droid sans', Helvetica, 'Apple SD Gothic Neo', AppleSDGothic, sans-serif; background:#efefef;
			-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
header {position:absolute;width:100%;height:80px;background:#fff;border-bottom:1px solid rgba(0,0,0,0.4);box-shadow:0 0 6px rgba(0,0,0,0.4);z-index:999;}
.header_logo {position:absolute;top:29px;left:50%;margin-left:-475px;z-index:2;width:137px;}
.header_logo_img {width:120px;}
#wrap_gnb {position:absolute;width:100%;top:0;background:rgba(255,255,255,0.9);box-shadow:0 2px 3px rgba(0,0,0,0.2);
					height:80px;overflow:hidden; transition:all 200ms ease; -moz-transition:all 200ms ease; -webkit-transition:all 200ms ease;-o-transition:all 200ms ease;}
#wrap_gnb.transp {background:rgba(255,255,255,0.7);}
.gnb {position:relative;width:560px;top:0;margin:auto;padding-left:50px;font-size:16px;font-weight:bold;clear:both;overflow:hidden;}
.gnb>.list, .gnb_side>.list {float:left;}
.gnb>.list {width:auto;height:260px;margin:0 5px;}
.gnb>.list>.menu {display:inline-block;width:110px;height:80px;line-height:80px;margin:0 5px;cursor:default;}
.gnb>.list.on>.menu{color:#c4373c;}
.gnb>.list.on .gnb_sub {border-top-color:#c4373c;background-clip:border-box;}
.gnb .gnb_sub {width:110px;padding:15px 5px;font-size:11px;line-height:15px;font-weight:normal;border-top: 4px solid transparent;}

.gnb>.list>.menu.small {width:100px;}
.gnb>.list>.menu.big {width:115px;}
.gnb .gnb_sub.small {width:100px;}
.gnb .gnb_sub.big {width:115px;}

.gnb .gnb_sub .menu {display:inline-block;width:100%;line-height:15px;padding-bottom:15px;}
.gnb .gnb_sub .menu:hover {color:#c4373c;}
.gnb_side {position:absolute;display:inline-block;top:30px;right:50%;margin-right:-480px;font-size:11px;z-index:2;}
.gnb_side>.list:first-child:after {content:'|';color:#959595;}
.gnb_side>.list>.menu {display:inline-block;padding:5px;color:#959595;}

nav#separate {display:none;position:absolute;top:0;width:100%;padding-top:80px;background:#f1f1f1;z-index:900;}
.gnb_separate {box-sizing: border-box;}
.gnb_separate li {border-bottom:1px solid #ddd;}
.gnb_separate li a {color:#333;}
.gnb_separate .list {padding-left: 45px;border-bottom-width:2px;background: url('../img/ic_down2.png') no-repeat 18px 15px;background-size: 12px;}
.gnb_separate .menu {display:block;padding:12px 0;}
.gnb_separate .top_menu {font-weight:bold;border-bottom:1px solid #ddd;}
.gnb_separate li:last-child {border-bottom:0;}
.gnb_separate .gnb_sub .menu {font-size:12px;}
.gnb_separate .gnb_sub2 li {border-bottom-width:0;}
.gnb_separate .gnb_sub2 .menu {color:#888;}

.sitemap {line-height:18px;box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.sitemap .list {display:inline-block;width:48%;float:left;margin:0 1%;padding-top:20px;}
/*.sitemap .list #company {background:url('../img/ic_ink.png') no-repeat 95% 57%;background-size:26px;}
.sitemap .list #business {background:url('../img/ic_lift.png') no-repeat 95% 70%;background-size:26px;}
.sitemap .list #rnd {background:url('../img/ic_book.png') no-repeat 95% 70%;background-size:24px;}
.sitemap .list #community {background:url('../img/ic_comment.png') no-repeat 95% 70%;background-size:24px;}*/
.sitemap li {font-weight:bold;}
.sitemap .top_menu {display:block;border-bottom:2px solid #45494d;font-size:18px;line-height:40px;}
.sitemap .gnb_sub {padding-top:15px;font-size:14px;}
.sitemap .gnb_sub .menu {display:block;padding:10px 0;color:#707070;}
.sitemap .gnb_sub2 {padding-bottom:15px;}
.sitemap .gnb_sub2 li {font-weight:normal;font-size:12px;}
	
.main_content {position:absolute;width:950px;top:40%;left:0;right:0;margin:auto;z-index:50;
							/*transition:all 200ms ease; -moz-transition:all 200ms ease; -webkit-transition:all 200ms ease;-o-transition:all 200ms ease;*/}
.txt_main1 {font-size:30px;line-height:34px;font-weight:bold;color:#fff; text-shadow: 1px 1px 1px #000;}
.txt_main2 {font-size:42px;font-weight:bold;color:#fff; text-shadow: 1px 1px 1px #000; margin-top:15px;}
.txt_sub_title {font-size:18px;display:inline-block;padding-right:5px;}
.txt_img_label {position: absolute;top: 0;left:0;padding: 0 5px;font-size: 11px;background: #fff;border: 1px solid #909090;}
.txt_sub_p {font-size:18px;}
.txt_small {font-size:11px;color:#888;line-height:14px;}
.float_box {position:absolute;right:0;width:310px;background-color:rgba(255, 255, 255, 0.8);border-radius:5px;padding:15px;z-index:50;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.float_box.box1 {top:0;min-height:160px;}
.float_box.box2 {top:170px;height:60px;line-height:60px;padding:0 0 0 30px;}
.float_box .title {font-weight:bold;padding-bottom:20px;}
.float_box .title.ic_cata {display:block;padding-bottom:0;background-image:url('../img/ic_catalog.png');background-repeat:no-repeat;background-size:38px;background-position:90% 50%;}
.float_box .list {padding:5px 0;font-size:12px;}
.float_box .list .news:hover {color:#333;}
.float_box .date {position:absolute;right:15px;}
footer {width:100%;height:25px;bottom:0;text-align:center;font-size:11px;color:#bbb;}
.foot_main {position:absolute;z-index:50;}

#container {position:relative;padding-top:80px;}
.page_title {position:relative;height:180px;color:#fff;background-repeat:no-repeat;background-position:center;background-size:cover;text-align:right;z-index:3;line-height:26px;}
.page_title.company {background-image:url('../img/bg_company.jpg');}
.page_title.business_civil {background-image:url('../img/bg_business_civil.jpg');}
.page_title.business_civil1 {background-image:url('../img/bg_business_civil1.jpg');}
.page_title.business_civil2 {background-image:url('../img/bg_business_civil2.jpg');}
.page_title.business_civil3 {background-image:url('../img/bg_business_civil3.jpg');}
.page_title.business_civil4 {background-image:url('../img/bg_business_civil4.jpg');}
.page_title.business_civil5 {background-image:url('../img/bg_business_civil5.jpg');}
.page_title.business_con {background-image:url('../img/bg_business_con.jpg');}
.page_title.business_con1 {background-image:url('../img/bg_business_con1.jpg');}
.page_title.business_con2 {background-image:url('../img/bg_business_con2.jpg');}
.page_title.business_con3 {background-image:url('../img/bg_business_con3.jpg');}
.page_title.business_con4 {background-image:url('../img/bg_business_con4.jpg');}
.page_title.rnd_plan {background-image:url('../img/bg_rnd_plan.jpg');}
.page_title.rnd_approval {background-image:url('../img/bg_rnd_approval.jpg');}
.page_title.rnd_equip {background-image:url('../img/bg_rnd_equip.jpg');}
.page_title.rnd_attest {background-image:url('../img/bg_rnd_attest.jpg');}
.page_title.community {background-image:url('../img/bg_community4.jpg');}
.page_title.sitemap {background-image:url('../img/bg_sitemap.jpg');}


/*.diagonal {width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;opacity:0.2;}
.diagonal img {position: absolute;width: 9000px;max-width: 9000px;left: 50%;margin-left:-2850px;}*/
.diagonal {display:none;}
.icon {display:inline-block;position:absolute;left:0;top:0;width:44px;height:44px;border-radius:22px;
			background-repeat:no-repeat;background-position:center;background-size:44px;}
.icon.trans {background-color:#e4454a;background-image:url('../img/ic_trans.png');}
.icon.contact {background-color:#e4454a;background-image:url('../img/ic_contact.png');}

.title_cont {width:950px;margin:auto;padding-top:61px;font-size:15px;text-shadow: 1px 1px 1px #000;}
.title_cont .title {padding-bottom:10px;font-size:30px;text-shadow: 1px 1px 1px #000;}

.wrap_content {position:relative;width:950px;margin:40px auto;padding-left:10px;/*overflow:hidden;clear:both;*/}
.aside_menu {display:inline-block;position:absolute;left:10px;width:200px;float:left;padding:30px 20px;margin-right:10px;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
						/*transition:all 200ms ease; -moz-transition:all 200ms ease; -webkit-transition:all 200ms ease;-o-transition:all 200ms ease;*/z-index:50;}
.aside_menu .title {padding-bottom:30px;font-size:26px;border-bottom:1px solid #efefef;}
.aside_menu .list {border-bottom:1px solid #efefef;}
.aside_menu .menu {display:block;padding:10px 15px 10px 0;font-weight:bold;}
.aside_menu .menu.arrow {background:url('../img/ic_down.png') no-repeat 100% 50%;background-size:13px;}
.aside_menu .sub_menu {padding-left:15px;font-size:12px;line-height:20px;}
.aside_menu .sub_menu a{display:block;padding:10px 0;line-height:20px;}
.aside_menu .select, .aside_menu a:hover {color:#c4373c;}

.content {display:inline-block;width:740px;padding:30px;margin-left:210px;min-height:541px;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
					/*transition:all 200ms ease; -moz-transition:all 200ms ease; -webkit-transition:all 200ms ease;-o-transition:all 200ms ease;*/}
.content #company_info {background:url('../img/bg_company_info4.png') no-repeat right bottom;background-size:230px;}
.content .title {font-size:26px;}
.content .sub_title {font-size:22px;margin:0 0 25px}
.content .summary {padding-top:25px;font-size:14px;font-weight:bold;line-height:18px;}
.content .parent {position:relative;transition:all 200ms ease; -moz-transition:all 200ms ease; -webkit-transition:all 200ms ease;-o-transition:all 200ms ease;}
.content .year {float:left;padding-top: 10px;}
.content .year .year_bg {display:table-cell;width: 100px;height: 100px;background:#e4454a;border-radius: 50px;text-align: center;font-size: 18px;color: #fff;font-weight: bold;vertical-align: middle;}
.content .history {display: table-cell;position:relative;padding-left: 130px;z-index:20;
										/*transition:all 200ms ease; -moz-transition:all 200ms ease; -webkit-transition:all 200ms ease;-o-transition:all 200ms ease;*/}
.content .history .flow:before {content:'';display:inline-block;position:absolute;width:12px;height:12px;margin-top:9px;margin-right:15px;background:#e4454a;border-radius:10px;}
.content .history .date {font-size:18px;margin:0 30px 0 42px;font-weight:bold;line-height:30px;vertical-align:middle;}
.content .timeline {display: inline-block;position: absolute;left: 235px;top:10px;width:2px;height:34px;background: #ccc;z-index:1;
										/*transition:all 200ms ease; -moz-transition:all 200ms ease; -webkit-transition:all 200ms ease;-o-transition:all 200ms ease;*/}
.content .main {position:relative;padding-top:30px;margin-top:30px;font-size:13px;line-height:24px;border-top:3px solid #45494d;overflow:hidden;}
.content .main .list {position:relative;width:100%;padding-bottom:20px;margin-bottom:20px;clear:both;overflow:hidden;border-bottom:1px solid #a4a4a4;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.content .main .list:last-child {margin-bottom:0;}
.content .main .list_img {position:relative;float:left;width:230px;margin-right:20px;}
.content .main .list_box {position:relative;float:right;width:430px;}
.content .main .list_title {padding-bottom:20px;font-size:18px;line-height:24px;font-weight:bold;}
.content .main .btn_detail {display:none;position:absolute;right:0;bottom:25px;width:40px;height:24px;background:rgba(207,207,207,0.9) url('../img/ic_arrow.png') no-repeat 50% 50%;background-size:12px;font-size:0;text-indent:-999px;}
.content .main .sub_content:before {content:'';display:block;background:#6D81B6;width:10px;height:3px;margin-bottom:5px;}
.content .main.map .list {padding-left:70px;}
.content .tabs .main {padding-top:0;border-top:0;}
.content .tabs .accordion {margin-top:0;}
.content .column {position:relative;width:31.333%;margin:0 1% 1%;float:left;}
.content .gallery-item {filter:grayscale(50%); /* IE6-9 */
												-webkit-filter: grayscale(0.5); /* Google Chrome & Safari 6+ */}
.content .gallery-item:hover {filter: none; -webkit-filter: grayscale(0);}												
.content .m_minus {margin:0 -1%;}
.content .main .ul_download .list {padding-bottom:10px;padding-top:10px;margin-bottom:0;}
.ul_download li {padding-right:100px;line-height:40px;}
.ul_list li {position:relative;}
.disc_list {padding-left:10px;color:#4a4a4a;line-height:26px;}
.disc_list li {text-indent:-10px;}
.disc_list li:before {content:'• ';color:#555;}
.ex_box {background-color:#f2f0d4;}
.img_box {width:100%;text-align:center;background-color:#fff;}
.map_box {display:block;width:295px;height:200px;margin-right:20px;margin-bottom:30px;border:1px solid #4a4a4a;}

.btn_nav {display:inline-block;position:absolute;top:11px;right:10px;width:30px;height:30px;background:url('../img/ic_nav.png') no-repeat center;background-size:18px;font-size:0;text-indent:-999px;}
.btn_download {display:inline-block;position:absolute;top:50%;right:0;margin-top:-15px;padding:0 10px;height:30px;line-height:30px;font-size:11px;background:#ddd;text-transform: uppercase;
							transition:all 200ms ease; -moz-transition:all 200ms ease; -webkit-transition:all 200ms ease;-o-transition:all 200ms ease;}
.btn_download:hover {background:#646464;color:#fff;
							transition:all 200ms ease; -moz-transition:all 200ms ease; -webkit-transition:all 200ms ease;-o-transition:all 200ms ease;}

.accordion .collapse>h4>a {display: block;padding:18px 30px 18px 0;border-bottom:1px solid #a4a4a4;background:url('../img/ic_down2.png') no-repeat 98% 50%;background-size:18px;font-size:18px;font-weight:bold;}
.accordion .collapse.open>h4>a {border-bottom:0;}
.accordion .collapse>div {display:none;padding:15px 0 30px;border-bottom:1px solid #a4a4a4;overflow:hidden;}

.row {position: relative;width: 100%;margin-bottom: 20px;padding-top: 10px;border-top: 4px solid #D7E1E6;}
.row:before, .row:after {display: table;content: " ";}
.row:after {clear: both;}
.grid {float: left;position: relative;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.grid.width50 {width:50%;padding:1%;}
.grid.width20 {width:20%;}
.grid.width30 {width:30%;}
.grid.width70 {width:70%;}
.m_minus .grid.width30 {margin:1%;}
.row .grid.width30 {padding-right:20px;}


table .left {text-align:left !important;}
table .top {vertical-align:top; !important;}
.table_default {width:100%;border-top:4px solid #ddd;border-bottom:4px solid #ddd;}
.table_default .bg_gray {background:#f5f5f5;}
.table_default th, .table_default td {padding:5px; border:1px solid #ddd;text-align:center;}
.table_default.small th, .table_default.small td {padding:1px 0;}
.table_default.left th, .table_default.left td {text-align:left;}
.table_default.th140 th {width:140px;}
.row .table_default,.table_default.simple {border-top-width:1px;border-bottom-width:1px;margin:10px 0;}
.table_default.no_inner_line {border-top-width:1px;border-bottom-width:1px;}
.table_default.no_inner_line th, .table_default.no_inner_line td {border-left-width:0;border-right-width:0;padding:5px 10px;}

/*slideshow*/
.wide-container {width:100%;height:100%;}
#slides {position:absolute;min-width:950px;}
#slides .slides-container {display:none;}
#slides .scrollable {*zoom:1;position:relative;top:0;left:0; overflow-y:auto; -webkit-overflow-scrolling:touch; height:100%;}
#slides .scrollable:after {content: "";display: table;clear: both;}
.slides-navigation {margin:0 auto;position:absolute;z-index:3;top:46%;width:100%;}
.slides-navigation a {position:absolute;display:block;}
.slides-navigation a.prev {left:0;}
.slides-navigation a.next {right:0;}
.slides-pagination {position:absolute;z-index:3;bottom:60px;text-align:center;width:100%;}
.slides-pagination a {border-radius:15px;width:10px;height:10px;margin:0 5px;overflow:hidden;text-indent:-99999px;
  display:-moz-inline-stack; display:inline-block; vertical-align:middle; *vertical-align:auto; zoom:1;
  *display:inline;background:rgba(256,256,256,0.3);}
.slides-pagination a.current {background:#fafafa;}


/*photoswipe*/
body.ps-active {-webkit-text-size-adjust: none;overflow: hidden;}
body.ps-active * { -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); }
body.ps-active *:focus { outline: 0; }

div.ps-document-overlay {background: #000;}
div.ps-viewport {background: #000;cursor: pointer;}
div.ps-zoom-pan-rotate{background: #000;}
div.ps-slider-item-loading { background: url("../img/photoswipe-loader.gif") no-repeat center center; }

div.ps-caption{	background: #000000;background: -moz-linear-gradient(top, #303130 0%, #000101 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-bottom: 1px solid #42403f;color: #ffffff;font-size: 13px;text-align: center;}
div.ps-caption-bottom{ border-top: 1px solid #42403f;border-bottom: none;}
div.ps-caption-content{padding: 13px;}

div.ps-toolbar{ background: #000000;background: -moz-linear-gradient(top, #303130 0%, #000101 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-top: 1px solid #42403f;color: #ffffff;font-size: 13px;font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;text-align: center;
	height: 44px;display: table;table-layout: fixed;}
div.ps-toolbar-top {border-bottom: 1px solid #42403f;border-top: none;}
div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play{cursor: pointer;display: table-cell;}
div.ps-toolbar div div.ps-toolbar-content{width: 44px;height: 44px;margin: 0 auto 0;background-image: url("../img/photoswipe-icons.png");background-repeat: no-repeat;}
div.ps-toolbar-close div.ps-toolbar-content{background-position: 0 0;}
div.ps-toolbar-previous div.ps-toolbar-content{background-position: -44px 0;}
div.ps-toolbar-previous-disabled div.ps-toolbar-content{background-position: -44px -44px;}
div.ps-toolbar-next div.ps-toolbar-content{background-position: -132px 0;}
div.ps-toolbar-next-disabled div.ps-toolbar-content{background-position: -132px -44px;}
div.ps-toolbar-play div.ps-toolbar-content{background-position: -88px 0;}

@media only screen and (-webkit-min-device-pixel-ratio: 2){
	div.ps-toolbar div div.ps-toolbar-content{-webkit-background-size: 176px 88px;background-image: url("../img/photoswipe-icons@2x.png");}
}


/*tab*/
.tab-section {display:none;}
.tabs {margin-top:30px;}
/*.tabs nav {text-align: center;}*/
.tabs nav ul {position: relative;margin: 0 -1%;padding: 0;list-style: none;}
.tabs nav ul li {position: relative;z-index: 1;display: inline-block;margin: 0 1%;text-align: center;float:left;}
.tabs nav a {position: relative;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2.5;
						padding: 0 1px;color: #74777b;font-weight:bold;-webkit-transition: color 0.3s;transition: color 0.3s;}
.tabs nav a span {vertical-align: middle;font-size:12px;}
/*.tabs nav a span br {display:none;}*/
.tabs nav li.tab-current a {color: #74777b;}
.tabs nav a:focus {outline: none;}
.tabs nav a:hover, .tabs nav a:focus {color: #45494d;}
.tabs nav li.tab-current a {color: #fff;}
.tabs nav .divide3 li {width:31.333%;}
.tabs nav .divide2 li {width:48%;}
.tabs nav .line2 a {heighT:36px;line-height:17px;padding-top:5px;padding-bottom:5px;}
.tabs nav .line2 a.l35 {line-height:34px;}

.tabs nav a::after {position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: #d2d8d6;content: '';
	-webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
	transition: background-color 0.3s, transform 0.3s;
	-webkit-transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
	-webkit-transform: translate3d(0,100%,0) translate3d(0,-3px,0);
	transform: translate3d(0,100%,0) translate3d(0,-3px,0);}
.tabs nav li.tab-current a::after {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.tabs nav a:hover::after, .tabs nav a:focus::after, .tabs nav li.tab-current a::after {background: #45494d;}


/*dialog*/
#mask {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;background:rgba(0,0,0,.7);}
.dialog {display:none;z-index:1000;max-width:930px;overflow:hidden;font-size:13px;line-height:20px;}
.dialog .close {position:absolute;width:30px;height:30px;top:25px;right:22px;border-radius:15px;background:#fff url('../img/ic_close.png') no-repeat center;background-size:16px;text-indent:-999px;cursor:pointer;}
.popup_news {position:fixed;width:380px;min-height:200px;padding:30px;border-radius:10px;background:#fff;border:2px solid #000;}
.popup_news .title {padding-bottom:10px;font-size:14px;}
.popup_news .date {font-size:12px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #efefef;}
.popup_photo {position:fixed;box-shadow: 0 0 0px 5px #fff;clear:both;overflow:hidden;}
.popup_photo img {float:left;}