@charset "utf-8";
#scrtxt {position:fixed;left:10px;bottom:10px;z-index:9999;background:#333;color:#fff;font-size:14px;padding:10px;}

#wrap {position:relative;width:100%;}
#wrap.sub {padding-top:90px;}
#header {
	background:rgba(255,255,255,1);
	height:132px;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:1000;
	transition:0.5s;
}
#header.ov {height:400px;}
#header.active {background:rgba(255,255,255,0.95);}
#header .inner {width:1200px;height:90px;margin:0 auto;position:relative;z-index:10;}
#header .bg {position:absolute;left:0;top:100%;width:100%;height:310px;z-index:0;}

#header .logo {position:absolute;font-size:0;left:27px;top:22px;}
#header .lang {position:absolute;right:27px;top:36px;font-size:13px;color:#999;}
#header .gnb {position:absolute;right:144px;top:0;}
#header .gnb > li {float:left;position:relative;}
#header .gnb > li > a {font-size:16px;color:#222;padding:0 33px;height:90px;line-height:90px;display:block;}
#header .gnb li ul {
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	border-left:1px solid #e0e0e0;
	box-sizing:border-box;
	padding-top:20px;
	height:310px;
}
#header .gnb li ul li {padding:7px 0;}
#header .gnb li ul li a {
	display:block;
	font-size:13px;
	color:#777;
	padding:0 15px 0 25px;
	text-indent:-9px;
	line-height:18px;
}
#header .gnb > li:hover > a,
#header .gnb > li.active > a {color:#0050aa;}
#header .gnb li ul li a:hover,
#header .gnb li ul li.active a {
	color:#0050aa;
	border-left:3px solid #0050aa;
	margin-left:-1px;
	padding-left:23px;
}


#vis {height:1007px;position:relative;z-index:0;background:url(/img/visual_main.png) no-repeat 50% 0 fixed;}
#vis .side {
	position:absolute;
	top:656px;
	left:0;
	background:url(/img/visual_left.png) no-repeat 50% 0;
	height:702px;
	width:100%;
}
#vis .txt {
	position:absolute;
	width:592px;
	height:0;
	z-index:10;
	left:50%;
	margin-left:-296px;
	top:221px;
	opacity:0;
	overflow:hidden;
	
}
#vis .txt span {background:rgba(255,255,255,0.4);position:absolute;display:block;}


#vis .down {
	position:absolute;
	left:50%;
	margin-left:-43px;
	display:block;
	font-size:0;
	top:686px;
	z-index:10;
	-webkit-animation:one 1s ease infinite;
	-moz-animation:one 1s ease infinite;
	-ms-animation:one 1s ease infinite;
	-o-animation:one 1s ease infinite;
	animation:one 1s ease infinite;
}

#introduction {
	position:relative;
	z-index:10;
	height:auto;
	/*background:url(/img/bg_01.png) no-repeat 50% 0;*/
	margin-top:0px;
}
#introduction .side {
	position:absolute;
	top:1079px;
	left:0;
	background:url(/img/vis_right.png) no-repeat 50% 0;
	height:702px;
	width:100%;
	z-index:-1;
}
#introduction .container {padding-top:100px;}
.container .intro_tit { text-align:center;font-size:35px;letter-spacing:-0.07em;padding:0 0 20px 0;}
.container .inro_txt { display:block;text-align:center;font-size:22px;padding:0 0 100px 0;}
.container .inro_txt2 { display:block;text-align:center;font-size:22px;padding:10px 0;}
.container .bt_box { overflow:hidden;}
/*.container .bt_box li { float:left; width:19.2%; margin-right:1%;}*/
.container .bt_box li { float:left; width:49%; margin-right:2%; overflow: hidden; height: 480px; border: 1px solid #aaa; box-sizing: border-box; }
.container .bt_box li:last-child { margin-right: 0px; }
.container .bt_box li a { }
.container .bt_box li a .img_div { width: 100%; height: 340px; overflow: hidden; }
.container .bt_box li a .img_div img { width: 100%; height: 340px; transition: 0.3s; }
.container .bt_box li a .txt_div { margin: 21px 0; text-align: center; font-size:25px; font-weight: 500; color: #333;  }
.container .bt_box li a .txt_div2 { margin: 21px 0; text-align: center; }
.container .bt_box li a .txt_div2 span { padding: 5px 15px; background-color: #2e2b59; color:#fff; font-size: 14px; border-radius: 3px; margin-bottom:10px;}

/*.container .bt_box li a { display:block; width:100%; height:300px; text-align:center; font-size:30px; font-weight:bold; color:#fff; box-sizing:border-box; line-height:1.2em; transition::0.5s; opacity:1; transition: 0.3s; padding: 240px 0 0 0; margin: -60px 0 0 0; }*/

.container .bt_box li:hover a .img_div img { transform:scale(1.2); transition: 0.3s; }
.container .bt_box li:hover a .txt_div2 span { background-color: /*#dd4013*/#ff6817; color:#fff; transition: 0.3s; }
/*.container .bt_box li:hover a { opacity:0.5; transform:scale(1.1); transition: 0.3s; }*/
/*.container .bt_box li a.intro_bt01 { background:url(/img/mainbannerlist01.jpg) no-repeat center center; background-size: cover; padding-top:242px; }
.container .bt_box li a.intro_bt02 { background:url(/img/mainbannerlist02.jpg) no-repeat center center; background-size: cover; padding-top:242px; }
.container .bt_box li a.intro_bt03 { background:url(/img/mainbannerlist03.jpg) no-repeat center center; background-size: cover; padding-top:242px; }
.container .bt_box li a.intro_bt04 { background:url(/img/mainbannerlist04.jpg) no-repeat center center; background-size: cover; padding-top:242px; }*/
/*.container .bt_box li a.intro_bt05 { background:url(/img/mainbannerlist05.jpg) no-repeat 0 0; padding-top:132px;}*/









@keyframes one {
	0% {top:736px}
	50% {top:746px}
	100% {top:736px}
}


#industry {background:#c01b3c;height:1007px;position:relative;margin-top:-351px;z-index:0;}
#industry .container {padding-top:255px;}
#industry .container .title .txt h3 {color:#969aae;}
#industry .container .title p {color:#545768;}
#industry .desc {
	position:absolute;
	width:1140px;
	top:400px;
	left:50%;
	margin-left:-570px;
}
#industry .desc:after {content:"";display:block;clear:both;}
#industry .desc .box {display:block;float:left;width:50%;text-align:center;position:relative;top:20px;opacity:0;}
#industry .desc .box em {display:block;}
#industry .desc .box span {
	display:block;
	background:url(../images/industry-off.gif) no-repeat 50% 40px;
	font-size:20px;
	color:#fff;
	letter-spacing:-0.05em;
	font-family:nr,sans-serif;
	margin-bottom:15px;
}
#industry .desc .box p { display:block;border:1px solid #fff; color:#fff;font-size:15px;padding:5px 0;text-align:center;width:60%;margin:0 auto;}
#industry .desc .box:hover p { color:#e2001a; border:1px solid #fff; background:#fff}
#industry .desc .box:hover span { color:#fff;background:url(../images/industry-on.gif) no-repeat 50% 40px;}

#supply {
	position:relative;
	z-index:10;
	margin-top:-305px;
	height:1090px;
	background:url(/img/supply-bg.png) no-repeat 50% 0;
}
#supply .container {padding-top:450px;}
#supply .desc {position:absolute;width:1320px;left:50%;margin-left:-660px;top:566px;}
#supply .desc .box {position:absolute;width:298px;height:298px;display:block;opacity:0;}
#supply .desc .box1 {top:-20px;left:0;}
#supply .desc .box3 {top:-20px;left:341px;}
#supply .desc .box5 {top:-20px;left:689px;}
#supply .desc .box7 {top:-20px;left:1022px;}

#supply .desc .box2 {top:189px;left:171px;}
#supply .desc .box4 {top:189px;left:511px;}
#supply .desc .box6 {top:189px;left:851px;}
#supply .desc .box:hover {z-index:10;}
#supply .desc .box img {transition:0.3s;}
#supply .desc .box:hover img {transform:scale(1.2,1.2);}


#memberfirm {height:723px;background:url(../images/memberfirm-bg.png) no-repeat 50% 0;position:relative;}
#memberfirm .container {padding-top:190px;}
#memberfirm .desc {width:1000px;position:absolute;left:50%;margin-left:-500px;top:375px;}
#memberfirm .desc:after {content:"";display:block;clear:both;}
#memberfirm .desc a {
	width:25%;
	float:left;
	text-align:center;
	display:block;
	padding-bottom:35px;
	background:url(../images/memberfirm-off.png) no-repeat 50% 100%;
	position:relative;
	top:20px;
	opacity:0;
}


#aside {position:fixed;right:50px;top:50%;margin-top:-135px;text-align:right;z-index:1500;}
#aside a {display:block;padding-right:43px;position:relative;margin-top:65px;height:13px;}
#aside a:before {
	content:"";
	display:block;
	width:3px;
	height:65px;
	background:url(../images/aside-dot.png) repeat-y;
	position:absolute;
	right:16px;
	bottom:100%;
}
#aside a:first-child {margin-top:0;}
#aside a:first-child:before {display:none;}
#aside a strong {
	display:none;
	height:36px;
	line-height:36px;
	font-size:17px;
	font-family:nb,sans-serif;
	color:#88a4c9;
	letter-spacing:-0.05em;
}
#aside a span {
	width:13px;
	height:13px;
	display:block;
	position:absolute;
	right:11px;
	top:50%;
	margin-top:-6.5px;
	background:#596e83;
	border-radius:50%;
}

#aside .active {height:36px;}
#aside .active strong {display:block;}
#aside .active span {
	width:24px;
	height:24px;
	border:6px solid #88a4c9;
	right:0;
	background:none;
	margin-top:-18px;
}

#footer {background:#212529;padding:45px 0;}
#footer .inner {width:1200px;margin:0 auto;position:relative;}
#footer h2 {position:absolute;left:0;top:0;font-size:0;}
#footer .info {padding-left:215px;}
#footer .info address {font-size:12px;color:#999;}
#footer .info .copy {font-size:9px;color:#999;padding:7px 0;}
#footer .info .contact a {display:inline-block;font-weight:bold;color:#88a4c9;margin-right:15px;}

.mline {
	position:absolute;
	z-index:5;
	width:28px;
	height:28px;
	left:50%;
	margin-left:-14px;
	height:0;
	overflow:hidden;
	font-size:0;
}
.mline em {position:absolute;display:block;width:28px;height:28px;left:50%;margin-left:-14px;z-index:5;}
.mline span {position:absolute;width:1px;height:100%;top:0;display:block;left:50%;margin-left:-0.5px;z-index:1;}

.mline.mline1 {top:351px;height:296px;}
.mline.mline1 span {background:#c6c6c6;}
.mline.mline1 em {bottom:0;}

.mline.mline2 {top:1134px;height:296px;}
.mline.mline2 span {background:#c6c6c6;}
.mline.mline2 em {top:0;}

.mline.mline3 {top:0;height:298px;}
.mline.mline3 span {background:#3b3e4d;}
.mline.mline3 em {bottom:0;}

.mline.mline4 {top:770px;height:237px;}
.mline.mline4 span {background:#3b3e4d;}
.mline.mline4 em {top:0;}

.mline.mline5 {top:305px;height:188px;}
.mline.mline5 span {background:#c6c6c6;}
.mline.mline5 em {bottom:0;}

.mline.mline6 {top:1075px;height:231px;}
.mline.mline6 span {background:#c6c6c6;}
.mline.mline6 em {top:0;}

.mline.mline7 {top:0;height:231px;}
.mline.mline7 span {background:#c6c6c6;}
.mline.mline7 em {bottom:0;}

.container {width:1200px;;margin:0 auto;position:relative;z-index:15;}
.container .title {position:relative;}
.container .title .txt {text-align:right;padding-right:50%;margin-right:55px;position:relative;opacity:0;right:-20px;}
.container .title .txt h3 {font-size:36px;font-weight:normal;font-family:nb,sans-serif;color:#333;letter-spacing:-0.075em;}
.container .title .txt span {display:block;font-size:16px;font-family:nl,sans-serif;color:#a9a9a9;margin-top:0;}
.container .title p {position:absolute;left:49%;top:10px;margin-left:55px;font-size:15px;color:#666;line-height:23px;opacity:0;}



#sub {min-height:1200px;padding-bottom:90px;}
#sub.svis1 {background:url(../images/svis1.jpg) no-repeat 50% 0;}


#sub > .inner {width:1200px;margin:0 auto;padding-top:420px;}
#sub .title {text-align:center;margin-bottom:60px;}
#sub .title h3 {
	font-size:40px;
	font-weight:normal;
	letter-spacing:-0.075em;
	font-family:nb,sans-serif;
	color:#333;
	text-transform:uppercase;
}
#sub .title p {font-size:14px;color:#a9a9a9;line-height:24px;}

#gotop {
	width:51px;
	height:131px;
	position:absolute;
	left:50%;
	margin-left:575px;
	background:url(../images/gotop-bg.png) no-repeat;
	top:710px;
	z-index:200;
}
#gotop button {display:block;position:absolute;border:none;background:none;top:50%;margin-top:-26px;left:0;}
#gotop.fix {position:fixed;top:150px;}

.aboutus {width:746px;margin:0 auto;}
.aboutus .desc {font-size:15px;line-height:25px;color:#555;}
.aboutus .desc p {text-align:right;}

.membertab {border-bottom:1px solid #d1dde7;position:relative;}
.membertab:after {content:"";display:block;clear:both;}
.membertab a {
	display:block;
	width:25%;
	text-align:center;
	float:left;
	padding-bottom:10px;
	position:relative;
	margin-bottom:-1px;
	z-index:0;
}
.membertab a.active {border-bottom:1px solid #3b3e4d;}
.membertab a.active:before,
.membertab a.active:after {
	content:"";
	width:12px;
	height:11px;
	position:absolute;
	bottom:0;
	margin-bottom:-6px;
	background:url(../images/membertab-dot.png) no-repeat;
}
.membertab a.active:before {left:0;}
.membertab a.active:after {right:0;}
.memberdesc {margin-top:70px;position:relative;min-height:743px;padding-left:417px;}
.memberdesc .logo {position:absolute;right:756px;top:0;}
.memberdesc .area {overflow:hidden;}
.memberdesc .area .tab:after {content:"";display:block;clear:both;}
.memberdesc .area .tab a {
	display:block;
	float:left;
	width:33.33333%;
	word-spacing:-0.03em;
	box-sizing:border-box;
	background:url(../images/memtab-bg.gif) no-repeat 0 50%;
	font-size:16px;
	color:#6c6c6c;
	letter-spacing:-0.03em;
	text-align:center;
	height:27px;
	line-height:27px;
	margin-bottom:5px;
}
.memberdesc .area .tab a img {display:none;}
.memberdesc .area .tab .active {font-weight:600;color:#3671b1;}
.memberdesc .area .tab .active img {display:inline;}
.memberdesc .area a:nth-child(3n+1) {background:none;clear:both;}
.memberdesc .area .desc {margin-top:30px;}
.memberdesc .area .desc .box {display:none;}
.memberdesc .area .desc .box.active {display:block;}




.atit {
	font-family:nb,sans-serif;
	font-weight:normal;
	letter-spacing:-0.05em;
	padding-left:20px;
	background:url(../images/atit-dot.gif) no-repeat 0 11px;
	font-size:21px;
	color:#00429d;
	text-transform:uppercase;
	margin-bottom:20px;
}
.atit + .btit {margin-top:-10px;}
.btit {
	font-family:nb,sans-serif;
	font-weight:normal;
	letter-spacing:-0.05em;
	font-size:19px;
	color:#222;
	text-transform:uppercase;
	margin-bottom:20px;
}
.atxt {line-height:25px;color:#555;font-size:15px;}
.btxt {margin-top:5px;color:#888;font-size:13px;}

.ctit {
	font-family:nb,sans-serif;
	font-weight:normal;
	letter-spacing:-0.05em;
	font-size:24px;
	color:#222;
	text-transform:uppercase;
	margin-bottom:10px;
}



.tbl-lists {width:100%;table-layout:fixed;}
.tbl-lists caption {height:4px;background:url(../images/tbl-bg.gif) no-repeat;}
.tbl-lists th,
.tbl-lists td {padding:10px 13px;font-size:14px;border:1px solid #ccc;font-weight:normal;text-align:left;}
.tbl-lists .tbl-top th,
.tbl-lists .tbl-top td {background:#2f3e5a !important;border:1px solid #2f3e5a;color:#fff !important;text-transform:uppercase;}
.tbl-lists .tbl-th th,
.tbl-lists .tbl-th td {background:#f0f0f0;border-bottom:1px solid #57647c;color:#253147;text-align:center;}
.tbl-lists.tbl-lists2 tr th.subject:first-child {background:#f0f0f0;color:#253147;}
.tbl-lists.tbl-lists2 .tbl-foot .subject:first-child,
.tbl-lists .tbl-foot .subject:first-child {background:#d7e1e8;}
.tbl-lists.tbl-lists3 tr th {background:#f0f0f0;color:#253147;}

.tbl-lists .tbl-foot td {background:#e9f0f5;}

.linkpage:after {content:"";display:block;clear:both;}
.linkpage .box {width:522px;float:right;margin-bottom:45px;}
.linkpage .box:nth-child(odd) {float:left;clear:both;}
.linkpage .box .list {padding:15px;}
.linkpage .box .list li {padding:7px 0;font-family:'���� ����','malgun gothic',sans-serif;}
.linkpage .box .list li a {font-size:14px;color:#575757;letter-spacing:-0.03em;font-weight:600;}


.sub21 .top dl {font-size:0;margin-top:40px;}
.sub21 .top dl:first-child {margin-top:0;}
.sub21 .top dl dt {display:inline-block;vertical-align:middle;width:174px;}
.sub21 .top dl dd {
	width:895px;
	vertical-align:middle;
	display:inline-block;
	margin-left:19px;
	font-size:15px;
	color:#777;
	line-height:23px;
	background:url(../images/sub12-dot.gif) no-repeat 0 9px;
	padding-left:10px;
}
.sub21 .bot {margin-top:70px;}
.sub21 .bot li {font-size:15px;text-indent:-22px;padding-left:22px;line-height:25px;margin-top:10px;}
.sub21 .bot li:first-child {margin-top:0;}
.sub21 .bot li strong {font-size:19px;font-weight:normal;font-family:nb,sans-serif;}


.cr-wh { color:#fff !important;}