@font-face {
  font-family: "GmarketSansTTF";
  font-style: normal;
  font-weight: 400;
  src: local("/resource/fonts/GmarketSansTTFLight"), /* computer */
    url("/resource/fonts/GmarketSansTTFLight.eot"), /* IE9 Compat Modes */
    url("/resource/fonts/GmarketSansTTFLight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/resource/fonts/GmarketSansTTFLight.woff2") format("woff2"), /* Modern Browsers */    
    url("/resource/fonts/GmarketSansTTFLight.woff") format("woff"), /* Modern Browsers */
    url("/resource/fonts/GmarketSansTTFLight.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "GmarketSansTTF";
  font-style: normal;
  font-weight: 500;
  src: local("/resource/fonts/GmarketSansTTFMedium"), /* computer */
    url("/resource/fonts/GmarketSansTTFMedium.eot"), /* IE9 Compat Modes */
    url("/resource/fonts/GmarketSansTTFMedium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/resource/fonts/GmarketSansTTFMedium.woff2") format("woff2"), /* Modern Browsers */
    url("/resource/fonts/GmarketSansTTFMedium.woff") format("woff"), /* Modern Browsers */
    url("/resource/fonts/GmarketSansTTFMedium.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "GmarketSansTTF";
  font-style: normal;
  font-weight: 800;
  src: local("/resource/fonts/GmarketSansTTFBold"), /* computer */
    url("/resource/fonts/GmarketSansTTFBold.eot"), /* IE9 Compat Modes */
    url("/resource/fonts/GmarketSansTTFBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/resource/fonts/GmarketSansTTFBold.woff2") format("woff2"), /* Modern Browsers */
    url("/resource/fonts/GmarketSansTTFBold.woff") format("woff"), /* Modern Browsers */
    url("/resource/fonts/GmarketSansTTFBold.ttf") format("truetype"); /* Safari, Android, iOS */
}



/* **** Common Reset **** */
li,p,span,strong,a,i,em{font-size:inherit;color:inherit;font-family:'ROKAFSansMedium', sans-serif;}
b, strong{font-weight:700;color: inherit;font-size: inherit;}
font{font-weight:700;font-size:inherit;}
body{background:transparent;}

.intro-new-logo{text-align:center;height: 100px;line-height: 100px;}
.intro-new-logo img{vertical-align:middle;}

.intro-new-cont{background:#fcf5e2;padding: 55px 0 65px;overflow: hidden;}
.intro-new-cont > div{max-width:1120px;margin: 0 auto;}
.intro-new-cont > div::after{content:"";display:block;clear:both;}
.intro-new-cont-tp{background:url(/resource/images/intro_bg.png) no-repeat left bottom 10px;/* min-height:646px; */}
.intro-new-cont-tp > div{width:calc((100% - 22px) / 2);}
.intro-new-cont-tp-lf{float:left;}
.intro-new-cont-tp-lf p{font-size: 36px;color:#222222;/* letter-spacing: -3px; */}
.intro-new-cont-tp-lf p span{vertical-align: baseline;}
.intro-new-cont-tp-lf p span.sp1{position:relative;font-size:50px;}
.intro-new-cont-tp-lf p span.sp1::before{content:"";position:absolute;top: -20px;left: 31px;width:35px;height:30px;background:url(/resource/images/intro_icon1.png) no-repeat;}
.intro-new-cont-tp-lf p span.sp2{background:url(/resource/images/intro_icon2.png) no-repeat center bottom;}
.intro-new-cont-tp-lf p span.sp3{color:#0051a3;}
.intro-new-cont-tp-lf p span.sp4{color:#bb9300;}
.intro-new-cont-tp-lf .intro-new-btn{font-size:26px;font-weight:500;color:#676767;display: inline-block;width: 400px;height: 57px;line-height: 49px;text-align: center;border: 3px solid #676767;border-radius: 30px;margin-top: 20px;}
.intro-new-cont-tp-rt{float:right;}
.intro-new-cont-tp-rt > div{position:relative;height: 295px;box-shadow: 0px 5px 5px rgb(0 0 0 / 52%);background: #ffffff;margin-top: 30px;border-radius: 5px;}
.intro-new-cont-tp-rt > div:first-child{margin-top:0;}
.intro-new-cont-tp-rt > div > a{display:block;height: 294px;position: relative;/* z-index: 1; */}
.intro-new-cont-tp-rt > div > a > div{height: 217px;border-radius: 5px;padding: 50px 35px 0;}
.intro-new-cont-tp-rt > div > a .color-box{background:#b286e4;}
.intro-new-cont-tp-rt > div > a .color-box2{background: #ffe040;}
.intro-new-cont-tp-rt > div > a p.p1{font-size: 33px;font-weight: 500;color: #222222;}
.intro-new-cont-tp-rt > div > a p.p2{font-size: 41px;color: #222222;}
.intro-new-cont-tp-rt > div > a p.p3{	font-weight:500;font-size: 29px;color: #161e23;line-height: 78px;padding-left: 40px;}
.intro-new-cont-tp-rt > div > a p.p3 i.icon{display:inline-block;width:31px;height:31px;text-align:-webkit-center;line-height: 23px;font-weight: 500;background:#9769cb;border-radius:50%;font-style:normal;vertical-align: 2px;margin-left: 3px;color: #fff;}
.intro-new-cont-tp-rt > div.intro-new-cont-tp-rt-box1::after{content:"";position:absolute;top:35px;right:-40px;width:282px;height:247px;background:url(/resource/images/intro_icon3.png) no-repeat;}
.intro-new-cont-tp-rt > div.intro-new-cont-tp-rt-box2::after{content:"";position:absolute;top:35px;right:-10px;;width:247px;height:247px;background:url(/resource/images/intro_icon4.png) no-repeat;}

.intro-new-cont .intro-new-cont-ct{margin-top:25px;}
.intro-new-cont-ct > div{float: left;width: calc((100% - 22px) / 2);background: #f4ecd5;border-radius: 5px;}
.intro-new-cont-ct > div:last-child{float:right;}
.intro-new-cont-ct > div p{padding: 23px 0 23px 132px;color:#222;background: url(/resource/images/intro_icon5.png) no-repeat 35px center;position: relative;}
.intro-new-cont-ct > div:last-child p:not(.tel){background:url(/resource/images/intro_icon6.png) no-repeat 35px center;}
.intro-new-cont-ct > div p strong{display:block;font-size:21px;font-weight:500;margin-bottom:5px;}
.intro-new-cont-ct > div p span{font-size:16px;}
.intro-new-cont-ct > div i.tel{position:absolute;top:35px;right: 8%;font-size: 25px;font-weight: 500;font-style: normal;}

.intro-new-cont .intro-new-cont-bt{margin-top:35px;text-align:center;}
.intro-new-cont-bt p{font-size:14px;color:#222222;line-height: 1.5;}
.intro-new-cont-bt p span{margin-left:15px;display: inline-block;}
.intro-new-cont-bt > ul{display:table;margin: 15px auto 0;}
.intro-new-cont-bt > ul > li{float:left;margin-left: 42px;position: relative;font-size: 14px;}
.intro-new-cont-bt > ul > li:first-child{margin-left:0;}
.intro-new-cont-bt > ul > li::before{content:"";position:absolute;top: calc(50% - 9px);left: -21px;width:1px;height:14px;background:#222222;}
.intro-new-cont-bt > ul > li:first-child::before{display:none;}

.intro-new-footer{max-width:1120px;margin:0 auto;padding: 40px 0;position: static;}
.intro-new-footer::after{content:"";display:block;clear:both;}
.intro-new-footer > div{float:left;}
.intro-new-footer > div.intro-new-ft-rt{float:right;font-size: 0;}
.intro-new-footer > div.intro-new-ft-rt a{display:inline-block;}
.intro-new-footer > div.intro-new-ft-rt a:first-child{margin-right:60px;position: relative;}
.intro-new-footer > div.intro-new-ft-rt a:first-child::after{content:"";position:absolute;top:calc(50% - 13px);right: -32px;width:2px;height:26px;background:#dde1e5;}
.intro-new-ft-txt{font-size:12px;color:#222;margin-left:30px;margin-top: 28px;}

@media screen and (max-width:1024px){
    .intro-new-logo{height: auto;line-height: 100%;padding: 10px 0;}
	.intro-new-logo img{width: 209px;}
	.intro-new-cont{padding: 50px 30px 30px;}
	.intro-new-cont-tp-rt > div.intro-new-cont-tp-rt-box1::after,
	.intro-new-cont-tp-rt > div.intro-new-cont-tp-rt-box2::after{background-size: 100%;width: 190px;height: 190px;top: auto;bottom: 40px;}
	.intro-new-cont-ct > div i.tel{display: block;position:static;margin-top: 5px;}
	.intro-new-footer{text-align:center;padding: 20px 0;}
	.intro-new-footer > div,
	.intro-new-footer > div.intro-new-ft-rt{float:none;margin-left: 0;}
	.intro-new-ft-txt{margin:15px 0;}

	
}
@media screen and (max-width:768px){
	.intro-new-cont{padding: 50px 15px 30px;}
	.intro-new-cont-tp-lf,
	.intro-new-cont-tp-rt{float:none;}
	.intro-new-cont-tp > div{width: auto;}
	.intro-new-cont-tp-lf{text-align:center;margin-bottom:20px;}
	.intro-new-cont-tp-rt > div.intro-new-cont-tp-rt-box1::after, 
	.intro-new-cont-tp-rt > div.intro-new-cont-tp-rt-box2::after{right:0;width: 247px;height: 247px;bottom: 0px;}
	.intro-new-cont-ct > div,
	.intro-new-cont-ct > div:last-child{float:none;width:auto;margin: 5px 0;}
	.intro-new-cont-bt > ul > li{display:inline-block;float: none;}
}
@media screen and (max-width:480px){
    .intro-new-cont-tp-lf p{line-height:1.5;font-size:20px;}
    .intro-new-cont-tp-lf p span.sp1{font-size:40px;}
    .intro-new-cont-tp-lf .intro-new-btn{font-size:20px;width: auto;height: 40px;padding: 0px 15px;line-height: 40px;background: #fff;}
    .intro-new-cont-tp-rt > div.intro-new-cont-tp-rt-box1::after, 
    .intro-new-cont-tp-rt > div.intro-new-cont-tp-rt-box2::after{display:none;}
    .intro-new-cont-tp-rt > div,
    .intro-new-cont-tp-rt > div > a{height:auto;}
    .intro-new-cont-tp-rt > div > a > div{height:auto;padding: 20px 0 10px;text-align: center;}
    .intro-new-cont-tp-rt > div > a p.p1{font-size: 25px;}
    .intro-new-cont-tp-rt > div > a p.p2{font-size: 30px;}
    .intro-new-cont-tp-rt > div > a p.p3{font-size: 25px;line-height: 50px;text-align: center;padding: 0;}
    .intro-new-cont-ct > div p,
    .intro-new-cont-ct > div:last-child p:not(.tel){padding-left: 105px;background-position: 15px center;}

    .intro-new-ft-logo1 img{width: 160px;}
    .intro-new-footer > div.intro-new-ft-rt img{max-width: 100%;}
    .intro-new-footer > div.intro-new-ft-rt a{max-width: 80%;}
    .intro-new-footer > div.intro-new-ft-rt a:first-child{margin-right:30px;}
    .intro-new-footer > div.intro-new-ft-rt a:first-child::after{right: -15px;}
}