﻿@charset "utf-8";
/* font */
@font-face {
	font-family: 'NanumBarunGothic';
	src: url('./font/NanumBarunGothic.eot'),
			url('./font/NanumBarunGothic.woff') format('woff'),
			url('./font/NanumBarunGothic.ttf') format('truetype');
	src: local("※"),
		url('./font/NanumBarunGothic.eot'),
		url('./font/NanumBarunGothic.woff') format('woff'),
		url('./font/NanumBarunGothic.ttf') format('truetype'),
		url('./font/NanumBarunGothic.woff2') format('woff2');
}

/* **** Common Reset **** */
*{margin:0;padding:0;text-decoration:none;list-style:none;font-size:15px;color:#555555; font-family:'NanumBarunGothic', sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0;word-wrap:break-word;word-break:break-all;}
li,p,span,strong,a{font-size:inherit;color:inherit;font-family:inherit;}
body, html{width:100%;/*height:100%;*/}
input,select,img{vertical-align:middle;}
img{border:0;}
table{border-collapse:collapse;width:100%; min-width:500px; table-layout:fixed;}
table caption{position: absolute;top: 0px;left: 0px;overflow: hidden;display: block !important;width: 0px !important;height: 0px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
.clear{clear:both;}
.clearfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden;font-size:0px;overflow:hidden;}
.blind {position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}


.wrap{width:100%; min-width:1920px; border-top:4px solid #ed1b24; background:#fff;}

.header{width:1240px; height:49px; margin:0 auto;}
.header .left{float:left; padding-top:9px;}
.header .left ul li{float:left; padding-right:13px; padding-left:13px; height:32px; background:url('./images/bd1.gif') no-repeat left center;}
.header .left ul li:first-child{padding-left:0px; background:none;}
.header .left ul li a{display:block; height:100%; font-size:0px; line-height:0px; overflow:hidden;}
.header .left ul li a.sib{width:39px; background:url('./images/sib.gif') no-repeat left center;}
.header .left ul li a.dhzsz{width:123px; background:url('./images/dhzsz.gif') no-repeat left center;}
.header .left ul li a.goldman{width:71px; background:url('./images/goldman.gif') no-repeat left center;}
.header .right{float:right; padding-top:16px;}
.header .right ul li{float:left; padding:0px 9px 0px 10px; background:url('./images/bd2.gif') no-repeat left center;}
.header .right ul li:first-child{padding-left:0px; background:none;}
.header .right ul li a{display:block; height:16px; line-height:16px; font-size:13px; color:#74706f;}
.header .right ul li a.login{padding-left:27px; background:url('./images/login-bg.gif') no-repeat left center;}

.content1{width:1920px; height:638px; margin:0 auto; background:url('./images/big-bg1.jpg') no-repeat center top; position:relative; box-sizing:border-box; padding-top:352px;}
.content1 .link-icon1{display:block; margin:0 auto; width:172px; height:172px; line-height:0px; font-size:0px; overflow:hidden; background:url('./images/bt1.png') no-repeat 0 0;}
.content1 .link-icon2{display:block; margin:1px auto 0px auto; width:172px; height:172px; line-height:0px; font-size:0px; overflow:hidden; background:url('./images/bt2.png') no-repeat 0 0;}

.content2{width:833px; height:770px; margin:95px auto 0px auto; background:url('./images/img1.png') no-repeat 0 0; position:relative;}
.content2:before{content:''; display:block; background:url('./images/bang-lf.png') no-repeat 0 0; font-size:0px; line-height:0px; overflow:hidden; width:209px; height:215px; position:absolute; bottom:0px; left:-184px;}
.content2:after{content:''; display:block; background:url('./images/bang-rt.png') no-repeat 0 0; font-size:0px; line-height:0px; overflow:hidden; width:331px; height:365px; position:absolute; bottom:0px; right:-303px;}

.gray-line{padding-top:213px;}
.gray-line:before{content:''; display:block; background:#f5ece3; font-size:0px; line-height:0px; overflow:hidden; height:498px;}

.content3{width:833px; height:785px; margin:-640px auto 0px auto; background:url('./images/img2.png') no-repeat 0 0;}
.content4{width:833px; height:571px; margin:70px auto 0px auto; background:url('./images/img3.png') no-repeat 0 0;}

.gray-line2{padding-top:400px;}
.gray-line2:before{content:''; display:block; background:#f5ece3; font-size:0px; line-height:0px; overflow:hidden; height:448px;}
.content5{width:833px; height:780px; margin:-779px auto 0px auto; background:url('./images/img4.png') no-repeat 0 0;}

.content6{width:833px; height:866px; margin:70px auto 0px auto; background:url('./images/img5.png') no-repeat 0 0; position:relative; z-index:999;}

.content7{width:1920px; height:616px; box-sizing:border-box; padding-top:189px; margin:-144px auto 0px auto; background:url('./images/big-bg2.jpg') no-repeat 0 0; text-align:center;}
.content7 .p1{display:inline-block; vertical-align:top; margin-bottom:32px; padding-left:96px; font-size:40px; color:#ffffff; height:90px; line-height:90px; background:url('./images/bg-icon10.png') no-repeat left center;}
.content7 .p1 span{font-size:75px; color:#fff; font-weight:bold;}
.content7 > div{margin-bottom:6px;}
.content7 > div p{display:inline-block; vertical-align:top; padding:4px 10px; font-size:27px; color:#fff; background:url('./images/font-bg.png') repeat 0 0;}
.content7 > div p span{color:#ff4048;}
.content7 .p2{margin-top:60px;}
.content7 .p2 a{display:inline-block; vertical-align:top; font-size:0px; line-height:0px; overflow:hidden; width:340px; height:85px; margin:0px 3px;}
.content7 .p2 a.left-bt{background:url('./images/bt3.gif') no-repeat 0 0;}
.content7 .p2 a.right-bt{background:url('./images/bt4.gif') no-repeat 0 0;}

.footer{height:92px; width:307px; margin:0 auto; box-sizing:border-box; padding-top:27px;}
.footer p{float:left; font-size:0px; line-height:0px; overflow:hidden; height:38px; position:relative;}
.footer p.p1{background:url('./images/ft-logo1.gif') no-repeat left center; width:46px; padding-right:14px;}
.footer p.p1:after, .footer p.p2:after{content:''; display:block; background:url('./images/ft-bd2.gif') no-repeat right center; font-size:0px; line-height:0px; overflow:hidden; width:1px; height:100%; position:absolute; top:0px; right:0px;}
.footer p.p2{padding:0px 14px 0px 13px; width:122px; background:url('./images/ft-logo2.gif') no-repeat center center;}
.footer p.p3{padding-left:13px; width:85px; background:url('./images/ft-logo3.gif') no-repeat right center;}

.mo-text1{display:none;}
.mo-text2{display:none;}

@media screen and (max-width:1024px){
	.wrap{min-width:auto;}
	.header{width:100%; box-sizing:border-box; padding:0px 10px;}

	.content1{width:100%; height:auto; background-size:100%; padding:20px 10px 20px; background:url('./images/testbg.jpg') no-repeat center top; background-size:100%;}
	.mo-text1{display:block; text-align:center;}
	.pc-text1{display:none !important;}
/* 	.mo-text1 .text1-ct1{color:#161515; font-weight:bold; font-size:56px;} */
	.mo-text1 .text1-ct1 > img{max-width:60%;}
	.mo-text1 .text1-ct2{border-top:1px solid #333130; border-bottom:1px solid #333130; margin-top:15px; display:inline-block; vertical-align:top; padding:8px 5px; font-size:34px; color:#030303;}
	.mo-text1 .text1-ct3{font-size:31px; color:#171717; margin-top:27px; margin-bottom:20px;}
	.mo-text1 .text1-ct3 span{color:#a05f01;}

	.content2{margin-top:20px; width:100%; height:auto; box-sizing:border-box; background:none; padding:0px 10px;}
	.content2:before, .content2:after{display:none;}
	.mo-text2{display:block; text-align:center;}
	.mo-text2 .text2-ct1{display:inline-block; vertical-align:top; height:60px; line-height:60px; padding-left:60px; margin-bottom:27px; text-align:left; font-size:52px; color:#ed1b24; background:url('./images/mo-text2-bg.png') no-repeat left center;}
	.mo-text2 .hc-gn{display:block; height:0px; line-height:0px; font-size:0px; overflow:hidden;}
	.mo-text2 .text2-ct2{display:inline-block; line-height:110%; vertical-align:top; margin-bottom:15px; font-size:40px; font-weight:bold; color:#3d3d3d; padding:0px 5px; background:url('./images/text2-ct2-bg.gif') repeat-x left bottom;}
	.mo-text2 .text-wbox1{width:475px; position:relative; z-index:999; padding-bottom:30px; background:url('./images/sj-icon5.png') no-repeat center bottom; margin:0 auto;}
	.mo-text2 .text-wbox1 > div{height:auto; background:#fff; width:100%; padding:30px 0px; box-sizing:border-box;}
	.mo-text2 .text-wbox1 > div p{padding:0px 10px; font-size:20px; color:#4e3d3e; line-height:120%;}
	.mo-text2 .img-box-mo{display:inline-block; vertical-align:top; padding:30px; background:#e9e9e9; margin-top:-30px;}
	.gray-line{padding-top:0px; background:#f5ece3;}
	.gray-line:before{display:none;}

	.content3{margin-top:20px; width:100%; height:auto; box-sizing:border-box; background:none; padding:20px 10px;}
	.content3 .mo-text2 .text2-ct1{background:url('./images/mo-text3-bg.png') no-repeat left center;}
	.content3 .mo-text2 .text-wbox1 > div p{color:#4e3d3e;}

	.content4{margin-top:20px; width:100%; height:auto; box-sizing:border-box; background:none; padding:0px 10px;}
	.content4 .mo-text2 .text2-ct1{background:url('./images/mo-text4-bg.png') no-repeat left center;}
	.mo-text2 .img-box-mo span{display:block;}
	.mo-text2 .img-box-mo span.top{margin-bottom:5px;}

	.gray-line2{padding-top:0px; background:#f5ece3;}
	.gray-line2:before{display:none;}
	.content5{margin-top:20px; width:100%; height:auto; box-sizing:border-box; background:none; padding:20px 10px;}
	.content5 .mo-text2 .text2-ct1 {background: url('./images/mo-text5-bg.png') no-repeat left center;}

	.content6{margin-top:20px; width:100%; height:auto; box-sizing:border-box; background:none; padding:0px 10px;}

	.content7{width:100%; height:auto; background-size:cover; padding:20px 10px 20px; margin:20px 0px 0px;}
	.content7 .p1{margin-bottom:20px;}
	.content7 .p1 span{font-size:60px;}
	.content7 > div p{font-size:24px;}
	.content7 .p2{margin-top:20px;}
	.content7 .p2 a{margin:5px 3px;}

	.text1-ct218{margin-top:15px;}
	.text1-ct318{margin-top:10px;}
	.text1-ct1 > img{max-width:90%;}
	.text1-ct218 > img{max-width:95%;}
	.text1-ct318 > img{max-width:85%;}
}

@media screen and (max-width:760px){
	.mo-text2 .img-box-mo > img{width:100%;}
}

@media screen and (max-width:700px){
	.content1 .link-icon1, .content1 .link-icon2{width:100px; height:100px; background-size:100% 100%;}
}

@media screen and (max-width:450px){
	.content1 .link-icon1, .content1 .link-icon2{width:80px; height:80px;}
}

@media screen and (max-width:680px){
	.content7 > div{margin-bottom:0px; background: url('./images/font-bg.png') repeat 0px 0px; text-align:left;}
	.content7 > div.first-div{padding-top:15px;}
	.content7 > div.last-div{padding-bottom:15px;}
	.content7 > div p{font-size:20px; background:none; display:block;}
	.content7 .p1 span, .content7 .p1{font-size:35px;}
	.content7 .p1{padding-left:65px; background-size:50px 50px;}
}

@media screen and (max-width:650px){
	.header{height:auto;}
	.header .left{float:none; text-align:center; padding-top:15px;}
	.header .left ul li{float:none; display:inline-block; vertical-align:top; padding:0px; margin:0px 3px; background:none;}
	.header .right{padding-top:12px; float:none; padding-bottom:15px; text-align:center;}
	.header .right ul li{display:inline-block; vertical-align:top; float:none; margin:0px 3px; background:none; padding:0px;}
	.header .right ul li a.login{padding-left:0px; background:none;}
}

@media screen and (max-width:540px){
	.mo-text2 .text-wbox1{width:100%; background:url('./images/mb-img1.jpg') no-repeat center top; background-size:100% 100% !important; padding-bottom:0px;}
	.mo-text2 .text-wbox1 > div p{color:#fff !important;}
	.mo-text2 .text-wbox1 > div{background:url('./images/all_menubg.png') repeat 0 0; padding:50px 0px;}
	.mo-text2 .img-box-mo{display:none;}
	.content3 .mo-text2 .text-wbox1{background:url('./images/mb-img2.jpg') no-repeat center center;}
	.mo-text2 .text2-ct2{font-size:30px;}
	.mo-text2 .text2-ct2 br{display:none;}
	.mo-text2 .text2-ct1{font-size:40px; margin-bottom:15px;}
	.content4 .mo-text2 .text-wbox1{background: url('./images/mb-img3.jpg') no-repeat center center;}
	.content5 .mo-text2 .text-wbox1{background: url('./images/mb-img5.jpg') no-repeat center center;}
	.content5 .mo-text2 .text-wbox1{background: url('./images/mb-img6.jpg') no-repeat center center;}
}

@media screen and (max-width:510px){
	.mo-text1 .text1-ct1{font-size:40px;}
	.mo-text1 .text1-ct2{font-size:26px;}
	.mo-text1 .text1-ct3{font-size:25px;}
}

@media screen and (max-width:420px){
	.mo-text1 .text1-ct1{font-size:35px;}
	.mo-text1 .text1-ct2{font-size:18px;}
	.mo-text1 .text1-ct3{font-size:18px;}
}

@media screen and (max-width:380px){
	.content7 .p2 a{margin:5px 0px; width:280px; height:70px; background-size:100% 100% !important;}
}

@media screen and (max-width:360px){
	.mo-text2 .text2-ct2{font-size:25px;}
	.mo-text2 .text-wbox1 > div p{font-size:18px;}
	.mo-text2 .text-wbox1 > div p br{display:none;}
}
