@charset "utf-8";

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/noto-sans-kr-v7-latin_korean-100.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Thin'), local('NotoSansKR-Thin'),
       url('../fonts/noto-sans-kr-v7-latin_korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v7-latin_korean-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v7-latin_korean-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v7-latin_korean-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v7-latin_korean-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-kr-v7-latin_korean-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
       url('../fonts/noto-sans-kr-v7-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v7-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v7-latin_korean-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v7-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v7-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-kr-v7-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('../fonts/noto-sans-kr-v7-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v7-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v7-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v7-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v7-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-kr-v7-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('../fonts/noto-sans-kr-v7-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v7-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v7-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v7-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v7-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-kr-v7-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('../fonts/noto-sans-kr-v7-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v7-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v7-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v7-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v7-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/noto-sans-kr-v7-latin_korean-900.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Black'), local('NotoSansKR-Black'),
       url('../fonts/noto-sans-kr-v7-latin_korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v7-latin_korean-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v7-latin_korean-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v7-latin_korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v7-latin_korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Black Han Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/black-han-sans-v4-korean_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Black Han Sans Regular'), local('BlackHanSans-Regular'),
       url('../fonts/black-han-sans-v4-korean_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/black-han-sans-v4-korean_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/black-han-sans-v4-korean_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/black-han-sans-v4-korean_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/black-han-sans-v4-korean_latin-regular.svg#BlackHanSans') format('svg'); /* Legacy iOS */
}

* {font-family: 'Noto Sans KR', sans-serif; margin: 0; padding: 0; outline: 0;}
html, body, div, span, applet, 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, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1; font-family: 'Noto Sans KR', sans-serif;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
body { color:#000; background:#fff;max-width:100%;overflow-x:hidden;}
a {color: #000; text-decoration:none;}
label, img { vertical-align:middle;}
html { -webkit-text-size-adjust: none; -webkit-font-smoothing: aliased; }
html, body { height:100%;word-break:keep-all;}
div { box-sizing:border-box;}



.f-clear:after { content:" "; height:0; display:block; visibility:hidden; clear:both; }
* html .f-clear { height:1%; }
.f-clear { display:block; min-height:1%;}
.clear { clear: both; }
.f-left {float: left;}
.f-right {float: right;}
.astbl { display:table; width:100%; height:100%; overflow:hidden;}
* {font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', sans-serif; margin: 0; padding: 0; outline: 0; letter-spacing: -0.3px;}

.btn { border:0; text-align:center; letter-spacing:-0.07em; cursor:pointer; display:block;}

#wrap { background:#fff; position: relative; z-index: 2; overflow: hidden; min-width: 320px;}



.nav {position: fixed; left:0px; top:0px; z-index: 10; width:100%;min-height:70px;box-shadow: 0px 11px 11px rgba(0,0,0,0.2); background-color:#fff;}
.nav .logoImg{display:inline-block; width:340px;height:70px; left:0px; top:0px; position:relative;background:url('img/logo.png')70px 20px no-repeat;}
.nav > ul {display:inline-block;width:840px;right:0px;position:relative;top:35px; height:35px;float:right;background-color:rgba(0,0,0,0);text-align:right;font-size:23px;}
.nav > ul > li {display:inline;margin-right:50px;position:relative;height:23px;}
.nav > ul > li span {display: inline-block; bottom:0px; text-align:right;font-weight:500;font-size:22px;letter-spacing:-0.5;background-color:rgba(0,0,0,0);}



.nav ul li:hover span{display: inline-block;}
.nav ul li:hover img, .nav li.active img {color: #db2a32;}

.nav ul li a span  {display: inline-block; }
.nav ul li:hover a span, .nav li.active a span {color: #db2a32;}



.section {padding-top: 5px; position: relative;}
.section.first, .section.pt0 {}



.forum-wrap {position: relative; overflow: hidden; }


.forum-wrap h1 {color: #d21b23; font-size: 1.2em; font-weight:500; text-align:left; margin-left:8%;position:relative;margin-top:1.8em;}
.forum-wrap h2 {color: #222222; font-size: 0.8em; font-weight:300; text-align:left; margin-left:8%;position:relative;margin-top:0.8em;line-height:1.5em;width:90%;}

.forum-wrap .forum-head {background-color:#d21b23;background-size: cover; width: 100%; height:0px; padding-bottom:57%;text-align: center; box-sizing: border-box; position: relative; z-index: 2; overflow: hidden;vertical-align:top;}
.forum-wrap .forum-head video {width: 100%; height:auto;margin:0px;overflow-y:hidden;margin-top:65px;}
.forum-wrap .forum-head .bottom-box{background: url(img/com_img.png)no-repeat 10% 5%; background-size:25%;background-color:#d21b23;width:100%;height:100%;position:absolute;color:#fff;margin-top:-5px; text-align:left;overflow: hidden;}
.forum-wrap .forum-head .bottom-box > h1 {color: #fff; font-size: 1.2em; font-weight: 500;text-align:left;margin-left:8%;position:relative;top:-0.5em;}
.forum-wrap .forum-head .bottom-box > h2 {color: #fff; top:-0.5em; font-size: 0.8em; font-weight:300;margin-left:8%;position:relative;margin-bottom:1.5em;}
.forum-wrap .forum-head .bottom-box > ul {margin-top:0px;background-color:#000;margin-left:8%;padding:0px;}
.forum-wrap .forum-head .bottom-box > ul > li strong{display: block; font-size: 1.1em; font-weight: 500; text-align:left;margin-top:-0.5em;line-height:1.8em; margin-left:0px;}
.forum-wrap .forum-head .bottom-box > ul > li{display: block; font-size: 0.7em; font-weight:300;width:28%;line-height:1.2em;text-align:left;float:left;margin-right:10px; padding-left:10px; border-left:thin solid rgba(255,255,255,0.5);margin-top:0px;}



.forum-wrap .forum-overview {display:block;width:100%;max-width:1900px;margin:0px; height:35em; }
.forum-wrap .forum-overview {background: url(img/com_img2.jpg) no-repeat right 60%; background-size:35%;  text-align: center; box-sizing: border-box; position: relative; z-index: 2; overflow: hidden;}
.forum-wrap .forum-overview .left-img{background: url(img/com_img3.png) no-repeat left top; width:922px; height:0px;padding-bottom:57%; float:left;margin-top:2em;margin-left:8%;}
 

.forum-wrap .forum-business {margin-top:1.64em;background: url(img/bg_business.jpg) no-repeat center top; height:32em; text-align: center; margin-top:0px;background-size: cover;  width: 100%;}
.forum-wrap .forum-business .center-img{background: url(img/bus_img.png) no-repeat center; width:90%; min-height:195px; margin:0px auto;margin-top:20px;text-align:center;}

.forum-wrap .forum-business .center-ul {width:100%;margin-top:10px;position: relative;}
.forum-wrap .forum-business .center-ul > ul {text-align:center; margin:0 auto;width:100%;position:relative;}
.forum-wrap .forum-business .center-ul > ul > li {display:inline-block;text-align:center;width:468px;max-width:31%;height:225px;margin:10px;vertical-align:top;}
/**/
.forum-wrap .forum-business .center-ul > ul > li:nth-child(1){background: url(img/bus_img1.png) no-repeat center;box-shadow: 0px 11px 11px rgba(0,0,0,0.2);}
.forum-wrap .forum-business .center-ul > ul > li:nth-child(2){background: url(img/bus_img2.png) no-repeat center;box-shadow: 0px 11px 11px rgba(0,0,0,0.2);}
.forum-wrap .forum-business .center-ul > ul > li:nth-child(3){background: url(img/bus_img3.png) no-repeat center;box-shadow: 0px 11px 11px rgba(0,0,0,0.2);}

.forum-wrap .forum-business .center-ul > ul > li strong{display:inline-block;color:#d21b23; font-size: 1.3em; font-weight: 500; text-align:center; line-height:1em;width:100%;margin-top:1.0em;width:100%;}
.forum-wrap .forum-business .center-ul > ul > li .b-line{background-color:#d21b23;display:inline-block;text-align:center;margin:0 auto;width:50px;height:4px;}
.forum-wrap .forum-business .center-ul > ul > li > ul {margin-top:0.5em;}
.forum-wrap .forum-business .center-ul > ul > li > ul li{display: block; font-size: 0.8em; font-weight:300;width:28%;line-height:1.0em;text-align:center;width:100%;line-height:1.8em;color:#222222;}


.forum-wrap .forum-history {margin-top:1.64em;width:100%;min-height:33em;position:relative;}

.forum-wrap .forum-history .his-img1{position:relative;background: url(img/his_img1.jpg) no-repeat top left; margin-left:8%; width:100%;min-height:322px; background-size:35%;float:left;}
.forum-wrap .forum-history .his-img1 .txt-year1{position:relative;display:inline-block;width:2.5em; text-align:right; height:100%;color:#d21b23;top:0px;margin-left:40%;float:left;}
.forum-wrap .forum-history .his-img1 > ul {display:inline-block;text-align:left; border-left:5px solid #d21b23;font-size:0.8em;font-weight:300;width:39%;margin-top:0px;margin-left:10px;padding-left:20px;float:left;top:0px;}
.forum-wrap .forum-history .his-img1 > ul > li{display:inline-block;text-align:left; text-indent:-0.8em;line-height:30px;top:0px;}

.forum-wrap .forum-history .his-img2{position:relative;background: url(img/his_img2.jpg) no-repeat top right; margin-left:8%; width:100%;min-height:220px; background-size:35%;float:right;margin-right:10px;margin-top:2em;}
.forum-wrap .forum-history .his-img2 .txt-year2{position:relative;display:inline-block;width:2.5em; text-align:left; height:100%;color:#cacaca;top:0px;margin-right:40%;float:right;}
.forum-wrap .forum-history .his-img2 > ul {display:inline-block;text-align:right; border-right:5px solid #cacaca;font-size:0.8em;font-weight:300;width:39%;margin-top:0px;margin-left:10px;padding-right:20px;float:right;margin-right:20px;top:0px;}
.forum-wrap .forum-history .his-img2 > ul > li{display:inline-block;text-align:right; text-indent:-0.8em;line-height:30px;top:0px;}

.forum-wrap .forum-history .his-img3{position:relative;background: url(img/his_img3.jpg) no-repeat top left; margin-left:8%; width:100%;min-height:148px; background-size:35%;float:left;margin-top:2em;}
.forum-wrap .forum-history .his-img3 .txt-year3{position:relative;display:inline-block;width:2.5em; text-align:right; height:100%;color:#cacaca;top:0px;margin-left:40%;float:left;}
.forum-wrap .forum-history .his-img3 > ul {display:inline-block;text-align:left; border-left:5px solid #cacaca;font-size:0.8em;font-weight:300;width:39%;margin-top:0px;margin-left:10px;padding-left:20px;float:left;}
.forum-wrap .forum-history .his-img3 > ul > li{display:inline-block;text-align:left; text-indent:-0.8em;line-height:30px;top:0px;}


.forum-wrap .forum-portfolio {margin-top:1.64em;height:auto;min-height:31.5em;}
/*.forum-wrap .forum-portfolio .whiteBox{background-color:#666; width:calc(100% - 18px);top:0px;height:2em;z-index:5;position:relative;}*/
.forum-wrap .forum-portfolio .portTxt {color: #d21b23; font-size: 1.2em; top:0px; font-weight:500; text-align:left; margin-left:8%;position:relative;z-index:6;}

.forum-wrap .forum-portfolio .i_fr{width: 100%;height:auto;min-height:31.5em;}

.forum-wrap .forum-portfolio .i_fr #vFrame{width:100%;height:auto;min-height:35em;margin-top:-90px;position:absolute;}


.forum-wrap .forum-portfolio .subTxt{color: #222222; font-size: 0.8em; top:0px; font-weight:300; text-align:left; margin-left:8%;position:relative;margin-bottom:5px;margin-top:15px;}

.forum-wrap .forum-portfolio ul{margin-left:8%;max-width:92%;color:#222222; height:310px;background-size:cover;position:relative;}
.forum-wrap .forum-portfolio ul li{width:463px; height:280px;float:left;margin:10px 10px 10px 0px;background-repeat: no-repeat;}
.forum-wrap .forum-portfolio ul li p{width:100%; text-align:center; font-size:0.7em; top:260px;font-weight:300;position:relative;}



.forum-wrap .forum-contact{width:80%;height:500px;text-align:center;background-color:#888;margin:0px auto;margin-bottom:100px;}


.bottom_area{width:100%;height:90px;background-color:#3d3d3d;bottom:0px;background-image:url("./img/copyright.png");background-position: center;background-repeat: no-repeat;} 
.mt10 {margin-bottom:40px;}





filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;}



/**/
@media all and (min-aspect-ratio:16/9) {
	.mobile-mode .videowrap {width: auto; height: 100%;}
	.mobile-mode .videowrap:before {padding-top: 0;}
}
@media only screen and (orientation:landscape){
	.mobile-mode .videowrap { top:0 !important;}
}

@media screen and (max-width: 1400px) {
	.forum-wrap .forum-head {padding-bottom:60%;}
	.forum-wrap .forum-business {height:34em;}
}

@media screen and (max-width: 1400px) {
	.forum-wrap .forum-business {height:33em;}
	.forum-wrap .forum-overview .left-img{background: url(img/com_img3.png) no-repeat left top; background-size:74%; width:85%; float:left;margin-top:2em;margin-left:8%;}
}

@media screen and (min-width: 1201px) {
	body { font-size:25px;}
	.forum-wrap .forum-business {height:33em;}
}

@media screen and (max-width: 1200px) {
	body { font-size:20px;}
	.forum-wrap .forum-business {height:33em;}
	.forum-wrap .forum-business .center-ul > ul > li {display:inline-block;text-align:center;width:468px;max-width:30%;height:190px;margin:10px;}
	.nav > ul {display:inline-block;width:600px;}
	.nav > ul > li {display:inline;margin-right:30px;}
	.nav > ul > li span {font-size:20px;letter-spacing:-0.5;}

	.forum-wrap .forum-history {height:37em;}
	.forum-wrap .forum-history .his-img1{min-height:280px;}
	.forum-wrap .forum-history .his-img2{min-height:225px;}
	
	/*#vFrame{margin-top:-45px;}*/
}

@media screen and (max-width: 1030px) {
	.forum-wrap .forum-head {padding-bottom:63%;}
}

@media screen and (max-width: 1000px) {
	body { font-size:18px;}
	.forum-wrap .forum-business .center-ul > ul > li {display:inline-block;text-align:center;width:468px;max-width:30%;height:170px;margin:10px;}
	.forum-wrap .forum-business .center-ul > ul > li > ul li{display: block; font-size: 0.9em; font-weight:300;width:28%;text-align:center;width:100%;color:#222222;}
	.nav > ul {display:inline-block;width:540px;}
	.nav > ul > li {display:inline;margin-right:30px;}
	.nav > ul > li span {font-size:17px;letter-spacing:-0.5;}

	.forum-wrap .forum-business .center-img{background-size:80%;}

	.forum-wrap .forum-history .his-img1{min-height:250px;}
	.forum-wrap .forum-history .his-img2{min-height:210px;}
		
}

@media screen and (max-width: 900px) {
	body { font-size:16px;}
	.nav > ul {display:inline-block;width:460px;}
	.nav > ul > li {display:inline;margin-right:20px;}
	.nav > ul > li span {font-size:16px;letter-spacing:-0.5;}

	.forum-wrap .forum-head .bottom-box > ul {margin-top:-10px;background-color:#000;margin-left:8%;padding:0px;}
	.forum-wrap .forum-business { height:32em;}
	.forum-wrap .forum-business .center-img{background-size:75%;}


	.forum-wrap .forum-history .his-img1 > ul > li{line-height:25px}
	.forum-wrap .forum-history .his-img2 > ul > li{line-height:25px}
	.forum-wrap .forum-history .his-img3 > ul > li{line-height:25px}
}


@media screen and (max-width: 815px) {
	.nav .logoImg{background-size:70%;background:url('img/logo.png')20px 20px no-repeat;}
	.forum-wrap .forum-head {height:33em;}
	.nav > ul {display:inline-block;width:460px; top:0px;}
	.nav > ul > li {display:inline;margin-right:20px;}
	.nav > ul > li span {font-size:16px;letter-spacing:-0.5;}
	.forum-wrap .forum-head video {width: 100%; height:auto;margin:0px;overflow-y:hidden;margin-top:90px;}
	.forum-wrap .forum-business .ul-div {transform:scale(0.5);margin-top:1.0em; display:inline-block;}
	.forum-wrap .forum-business .center-img{background-size:75%;margin:0 auto;}
	.forum-wrap .forum-business .center-ul {width:100%;margin-top:0px;position: relative;}

	.forum-wrap .forum-history {margin-top:1.64em;width: 100%;}	
	.forum-wrap .forum-history  ul li{line-height:20px;top:0px;}
}

@media screen and (max-width: 750px) {
	.forum-wrap .forum-head {height:32em;}
	
	.forum-wrap .forum-head .bottom-box{height:11.5em;}
	
	.forum-wrap .forum-overview {display:block;width:100%;margin:0px; height:0px;padding-bottom:90%;background-image:none; }
	.forum-wrap .forum-overview .left-img{background-size:100%;height:500px;}


	.forum-wrap .forum-business .center-img{background-size:75%;}
	.forum-wrap .forum-business .center-ul{margin:0px;}
	.forum-wrap .forum-business .center-ul > ul {margin:0px;}
	.forum-wrap .forum-business .center-ul > ul > li {max-width:29%;min-height:180px;margin:5px;margin-bottom:15px;}
	.forum-wrap .forum-business .center-ul > ul > li > ul li{display: block; font-size: 1.0em; font-weight:300;width:25%;line-height:1.0em;text-align:center;width:100%;line-height:1.8em;color:#222222;}
	.forum-wrap .forum-business .center-ul > ul > li strong{font-size: 1.1em; font-weight: 500; text-align:center; line-height:1.2em;width:90%;margin-top:1.0em;}
	.forum-wrap .forum-business .center-ul > ul > li > ul li{display: block; font-size: 0.85em; font-weight:300;width:28%;width:90%;line-height:1.4em;margin-left:4%}

	.forum-wrap .forum-history {height:44em;}

	.forum-wrap .forum-history .his-img1 > ul > li{line-height:20px}
	.forum-wrap .forum-history .his-img2 > ul > li{line-height:20px}
	.forum-wrap .forum-history .his-img3 > ul > li{line-height:20px}

	.forum-wrap .forum-portfolio .portTxt {color: #d21b23; font-size: 1.2em; top:-30px; font-weight:500; text-align:left; margin-left:8%;position:relative;z-index:6;}

}

@media screen and (max-width: 610px) {
	.forum-wrap .forum-head {height:29em;}
}

@media screen and (max-width: 525px) {
	.forum-wrap .forum-head {height:27em;}
}
@media screen and (max-width: 500px) {
	
	.nav {position: fixed; left:0px; top:0px; z-index: 10; width:100%;min-height:70px;}
	.nav .logoImg{background-size:70%;background:url('img/logo.png')20px 20px no-repeat;}
	.nav > ul {width:100%; top:5px;}
	.nav > ul > li {margin-right:10px;}
	.nav > ul > li span {font-size:14px;letter-spacing:-1;}
	
	.forum-wrap .forum-head .bottom-box > h1 {margin-left:4%;margin-top:25px;}
	.forum-wrap .forum-head .bottom-box > h2 {margin-left:4%;top:-13px; font-size:14px;line-height:20px;}
	.forum-wrap .forum-head .bottom-box > ul {margin-left:4%;margin-top:-25px;}
	.forum-wrap .forum-head .bottom-box > ul > li{display: block; width:27%;}


	.forum-wrap .forum-overview {display:block;width:100%;margin:0px; height:27em;background-image:none; }


		

	.forum-wrap h1 {margin-left:4%;}
	.forum-wrap h2 {margin-left:4%;}


	.forum-wrap .forum-business {margin:0px;background-size:cover;height:33em;width:100%;overflow-x:hidden;}	
	.forum-wrap .forum-business .center-img{margin-left:15px;}
	.forum-wrap .forum-business .center-ul > ul {margin-left:0px;}
	.forum-wrap .forum-business .center-ul > ul > li {display:inline-block;text-align:center;max-width:30%;height:160px;margin:2px;}	
	.forum-wrap .forum-business .center-ul > ul > li .b-line{height:3px;}
	.forum-wrap .forum-business .center-ul > ul > li strong{font-size: 1.1em; font-weight: 500; text-align:center; line-height:1.1em;width:90%;margin-top:0.7em;}
	.forum-wrap .forum-business .center-ul > ul > li > ul li{display: block; font-size: 0.7em; font-weight:300;width:90%;line-height:1.4em;margin-left:4%}

	.forum-wrap .forum-history {height:33em;}

	.forum-wrap .forum-portfolio .portTxt {margin-left:4%;}
	.forum-wrap .forum-portfolio ul{margin-left:4%;max-width:100%;color:#222222; height:250px;background-size:cover;position:relative;}
	.forum-wrap .forum-portfolio ul li{width:90%; background-size:90%; height:220px; float:left;margin:10px 10px 10px 20px;background-repeat: no-repeat;}
	.forum-wrap .forum-portfolio ul li p{width:90%; text-align:center; font-size:0.8em; top:210px;font-weight:300;position:relative;}
	
	.forum-wrap .forum-history .his-img1{position:relative;display:inline-block;background:none; margin-left:0%; width:100%;min-height:122px;float:left;}
	.forum-wrap .forum-history .his-img1 .txt-year1{position:relative;display:inline-block;width:100%; text-align:left; height:30px;color:#d21b23;float:left;margin-left:4%;font-size:20px;}
	.forum-wrap .forum-history .his-img1 > ul {display:inline-block;text-align:left; border-left:5px solid #d21b23;font-size:0.8em;font-weight:300;width:100%;margin-top:0px;margin-left:4%;padding-left:20px;float:left;top:0px;}
	.forum-wrap .forum-history .his-img1 > ul > li{display:inline-block;text-align:left; text-indent:-0.8em;line-height:20px;top:0px;width:90%;}

	.forum-wrap .forum-history .his-img2{position:relative;display:inline-block;background:none; margin-left:0%; width:100%;min-height:122px;float:left;}
	.forum-wrap .forum-history .his-img2 .txt-year2{position:relative;display:inline-block;width:100%; text-align:left; height:30px;color:#dcacaca;float:left;margin-left:4%;font-size:20px;}
	.forum-wrap .forum-history .his-img2 > ul {display:inline-block;text-align:left; border-left:5px solid #cacaca;font-size:0.8em;font-weight:300;width:100%;margin-top:0px;margin-left:4%;padding-left:20px;float:left;top:0px;}
	.forum-wrap .forum-history .his-img2 > ul > li{display:inline-block;text-align:left; text-indent:-0.8em;line-height:20px;top:0px;width:90%;}


	.forum-wrap .forum-history .his-img3{position:relative;display:inline-block;background:none; margin-left:0%; width:100%;min-height:122px;float:left;}
	.forum-wrap .forum-history .his-img3 .txt-year3{position:relative;display:inline-block;width:100%; text-align:left; height:30px;color:#dcacaca;float:left;margin-left:4%;font-size:20px;}
	.forum-wrap .forum-history .his-img3 > ul {display:inline-block;text-align:left; border-left:5px solid #cacaca;font-size:0.8em;font-weight:300;width:100%;margin-top:0px;margin-left:4%;padding-left:20px;float:left;top:0px;}
	.forum-wrap .forum-history .his-img3 > ul > li{display:inline-block;text-align:left; text-indent:-0.8em;line-height:20px;top:0px;width:90%;}


	.forum-wrap .forum-contact{width:90%;margin-left:4%;}
}