@charset "utf-8";

#visual .visual .desc .mv1{background:#000 url(../img/main/main_visual01.png) no-repeat top center}
#visual .visual .desc .mv2{background:#000 url(../img/main/main_visual02.png) no-repeat top center}
#visual .visual .desc .mv3{background:#000 url(../img/main/main_visual03.png) no-repeat top center}

@media all and (min-width:1260px) {
	/**/
	#index{position:relative;overflow:hidden}
	#index .title{padding:40px 0;text-align:center}
	#index .title h3{position:relative;margin:0 0 30px 0;padding:0 0 30px 0;font-size:36px}
	#index .title h3:before{ content:'';position:absolute;bottom:0;left:50%;margin:0 0 0 -40px;width:80px;height:2px;background:#0d4da5}
	#index .title p{font-size:16px;color:#777}

	/**/
	#visual{position:relative}
	#visual .visual:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:232px;background: url("../img/main/main_roundline1.png") no-repeat center bottom;background-size:100% auto;}
	#visual .visual .desc *{color:#fff;transition:all 0.5s}
	#visual .visual .desc{position:relative;padding-top:80px;height:660px;text-align:center;overflow:hidden}
	#visual .visual .desc .tit{position:relative;z-index:1;margin:0 auto;max-width:1200px;text-align:center;opacity:1}
	#visual .visual .desc .tit img{display:inline-block}
	#visual .visual .desc .img{position:absolute;bottom:0;left:50%;margin-left:-50%;width:100%;height:660px;transition:all 5s}
	#visual .visual .desc .img img{width:100%;height:auto}
	#visual .visual .slick-dots{display:none !important;position:absolute;bottom:100px;left:50%;margin-left:-600px;width:1200px;text-align:center}
	#visual .visual .slick-dots li{display:inline-block}
	#visual .visual .slick-dots button{margin:0 6px;width:16px;height:16px;text-indent:-9999em;background:rgba(255,255,255,.5);border-radius:20px;overflow:hidden;transition:all .3s}
	#visual .visual .slick-dots .slick-active button{background:#fff}
	#visual .visual .slick-current .img{transform:scale(1.1)}
	#visual .control{position:absolute;z-index:55;top:50%;left:2%;right:2%}
	#visual .control .arrow{margin:-35px 0 0 0;background:none}
	#visual .control .arrow i{width:70px;line-height:70px;font-size:24px;color:#000;background:#fff;border-radius:80px;opacity:0.5}
	#visual .control .arrow:hover i{opacity:1}
	#visual .control .prev{float:left}
	#visual .control .next{float:right}

	/**/
	#community{position:relative;padding: 75px 0;overflow:hidden;background: #ffff url("../img/main/main_community.png") no-repeat 0% 50%;}
	#community .notice{float:left;position: relative;width: 50%;padding: 15px 45px 54px;}
	#community .notice .subtit{display: block;margin-bottom: 30px;padding: 15px 0;line-height: 30px;font-size: 24px;font-weight: 600;color: #333;border-bottom: 2px solid #e9e9e9;letter-spacing: -0.5px;}
	#community .notice .area{clear: both}
	#community .notice .area ul:after{content:'';display:table;line-height:0;clear:both}
	#community .notice .area ul li +li{margin-top:45px;}
	#community .notice .area ul li .inner{position:relative;display:block;padding-left: 85px;}
	#community .notice .area ul li .inner .tit{line-height:20px;font-size: 18px;font-weight:600;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;letter-spacing: -0.5px;}
	#community .notice .area ul li .inner .txt{position: relative;margin-top: 5px;line-height: 20px;font-size: 14px;font-weight:400;color:#555;letter-spacing: -0.5px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:normal;text-overflow: ellipsis;height: 40px;}
	#community .notice .area ul li .inner .date{position:absolute;top:0;left:0;width: 65px;line-height: 20px;font-size:15px;font-weight:400;text-align:center;font-family:'Gmarket Sans';}
	#community .notice .area ul li .inner .date strong{display:block;margin-top: 10px;line-height: 35px;font-size:35px;font-family:'Gmarket Sans';}
	#community .notice .area ul li .inner:hover .tit{text-decoration:underline}
	#community .cert{float:right;margin-left: 20px;padding: 65px;width: calc(50% - 20px);background:#b79d86 url("../img/main/main_infomation_cert.png") repeat;}
	#community .cert .desc{position:relative;padding-right:160px;height: 206px;}
	#community .cert .desc .img{position:absolute;top: 50%;right:0;transform: translateY(-50%);}
	#community .cert .desc .img img{width:auto;max-width:100%;height:auto;}
	#community .cert .desc .sub{margin-bottom:15px;font-size:14px;font-weight:500;color:#fff}
	#community .cert .desc .tit{font-size:26px;font-weight:600;color:#fff}
	#community .cert .desc .act{position:absolute;bottom:0;left:0}
	#community .cert .desc .act span{line-height:25px;font-size:14px;font-weight:500;color:#fff;border-bottom:1px solid #fff}
	#community .cert .list .slick-dots{position:absolute;bottom: 30px;left: 0;text-align:center;}
	#community .cert .list .slick-dots li{display:inline-block}
	#community .cert .list .slick-dots button{margin: 0 5px;width: 8px;height: 8px;text-indent:-9999em;background: transparent;border: 1px solid #fff;border-radius:20px;overflow:hidden;transition:all .3s;}
	#community .cert .list .slick-dots .slick-active button{background:#fff;border-color: #fff;}
	
	/**/
	#dataroom{position:relative;z-index:52;padding: 75px 0;background: #fff;}
	#dataroom h3{display:block;margin-bottom:35px;line-height: 50px;font-size:37px;font-weight: 500;color:#1c1c1c;letter-spacing:-0.5px;text-align:center;font-family: 'Gmarket Sans';}
	#dataroom h3 strong{font-weight:600;font-family: 'Gmarket Sans';}
	#dataroom h3 span{display:block;line-height:40px;font-size:16px;font-weight:400;color:#333;letter-spacing:-0.5px}
	#dataroom .content{position:relative;z-index:10;padding-bottom: 80px;}
	#dataroom .content:after{content:'';display:table;line-height:0;clear:both}
	#dataroom .content .picture{position: relative;float: left;width: 50%;padding-right:20px;transition:all 0.2s;}
	#dataroom .content .movie{position: relative;float: left;width: 50%;padding-left: 20px;transition:all 0.2s;}
	#dataroom .content .box{position:relative;padding: 20px 0 0 20px;}
	#dataroom .content .subtit{position: absolute;z-index: 10;top: 0;left: 0;padding: 30px;width: 130px;height: 130px;line-height: 28px;font-size: 25px;font-weight: 300;color: #fff;letter-spacing:-0.5px;}
	#dataroom .content .subtit strong{position:relative;display:block;font-weight: 600;}
	#dataroom .content .subtit strong:before{content:'';position:relative;margin-bottom:10px;display: block;width: 16px;height: 1px;background:#fff;}
	#dataroom .content .picture .subtit{background:#68c4ff url("../img/main/dataroomtit.png") repeat}
	#dataroom .content .movie .subtit{background: #ffc436 url("../img/main/dataroomtit2.png") repeat;}
	#dataroom .content .list{overflow:hidden;}
	#dataroom .content .list .slick-list{margin-right:-22px;}
	#dataroom .content .desc{float:left}
	#dataroom .content .desc .inner{display:block;margin:0 25px 0 0}
	#dataroom .content .desc .img{position:relative}
	#dataroom .content .desc .img img{width:100%;height:100%}
	#dataroom .content .desc .noimg{display:block;width: 100%;height: 100%;background: #fafafa url(../img/noico.png) no-repeat 50% 50%;background-size: 30% auto;}
	#dataroom .content .desc .noimg img{opacity:0}
	#dataroom .content .picture .img{background:#fbfbfb}
	#dataroom .content .movie .img{background:#000}
	#dataroom .content .movie .img:before{content:'';position:absolute;z-index: 10;top:50%;left:50%;margin:-34px 0 0 -34px;width:68px;height:68px;background:url("../img/main/ico_view.png") no-repeat 50% 50%;opacity:0.75;}
	#dataroom .content .movie .img img{opacity:0.75}
	#dataroom .content .movie .img:hover:before{opacity:1}
	#dataroom .content .desc .con{position:relative;margin: 15px 0;}
	#dataroom .content .desc .con .name{padding: 0 100px 0 0;line-height:24px;font-size: 18px;font-weight:500;color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: -0.5px;}
	#dataroom .content .desc .con .date{position:absolute;top:0;right:0;line-height:24px;font-size: 16px;font-weight: 300;color:#999;}
	#dataroom .content .more{position:absolute;top:0;right:0;display:block;width:34px;height:34px;text-align:center}
	#dataroom .content .more i{position:relative;display:block;margin:8px auto;width:18px;height:18px;transition:all 0.5s}
	#dataroom .content .more i:before{content:'';position:absolute;top:50%;left:50%;margin:-1px 0 0 -50%;width:100%;height:2px;background:#999}
	#dataroom .content .more i:after{content:'';position:absolute;top:50%;left:50%;margin:-50% 0 0 -1px;width:2px;height:100%;background:#999}
	#dataroom .content .more:hover i{transform:rotate(180deg)}
	#dataroom .content .control{margin-top: 20px;overflow:hidden;}
	#dataroom .content .control .prev,
	#dataroom .content .control .next{float:left;width: 32px;height: 32px;line-height: 32px;font-size:20px;color:#333;text-align: right;background:none;opacity:0.4;}
	#dataroom .content .control .prev:hover,
	#dataroom .content .control .next:hover{opacity:1}
	#dataroom .content .control .progress{float:left;display:block;margin: 15px 0;margin-right: 15px;width: calc(100% - 80px);height:2px;border-radius:2px;overflow:hidden;background-color:#ddd;background-image: linear-gradient(to right, #333, #333);background-repeat:no-repeat;background-size:0 100%;transition:background-size .4s ease-in-out;}
	
	#findout{position:relative;z-index:52;padding:75px 0;background:#f8f6ee url("../img/main/main_findout.png") no-repeat bottom center;background-size:cover;}
	#findout:before{content:'';position:absolute;z-index: -1;top: -120px;left:0;width: 100%;height: 120px;background: url("../img/main/main_roundline2.png") no-repeat top center;background-size:100% auto;}
	#findout h3{display: block;margin-bottom:35px;line-height: 50px;font-size:37px;font-weight: 500;color:#1c1c1c;letter-spacing:-0.5px;text-align:center;font-family: 'Gmarket Sans';}
	#findout h3 strong{font-weight:600;font-family: 'Gmarket Sans';}
	#findout h3 span{display:block;line-height:40px;font-size:16px;font-weight:400;color:#333;letter-spacing:-0.5px}
	#findout .content{padding: 0 0 45px 0}
	#findout .content .unit{margin-right:-20px;overflow:hidden;}
	#findout .content .unit .desc{float:left;width:25%;text-align:center;}
	#findout .content .unit .desc .inner{display: block;margin:0 20px 0 0;padding: 50px;min-height: 350px;}
	#findout .content .unit .desc:nth-child(1) .inner{background:#ffe589 url("../img/main/main_findunit01.png") no-repeat bottom center}
	#findout .content .unit .desc:nth-child(2) .inner{background:#2b70b5 url("../img/main/main_findunit02.png") no-repeat bottom center}
	#findout .content .unit .desc:nth-child(3) .inner{background:#18b963 url("../img/main/main_findunit03.png") no-repeat bottom center}
	#findout .content .unit .desc:nth-child(4) .inner{background:#46bee2 url("../img/main/main_findunit04.png") no-repeat bottom center}
	#findout .content .unit .desc .tit{font-size:26px;font-weight:600;}
	#findout .content .unit .desc .act{margin-top:5px;font-size:12px;font-weight:600;color:#fff;letter-spacing:1px;}
	#findout .content .unit .desc:nth-child(1) .tit,
	#findout .content .unit .desc:nth-child(1) .act{color:#333}
	#findout .content .unit .desc:nth-child(2) .tit,
	#findout .content .unit .desc:nth-child(2) .act{color:#fff}
	#findout .content .unit .desc:nth-child(3) .tit,
	#findout .content .unit .desc:nth-child(3) .act{color:#fff}
	#findout .content .unit .desc:nth-child(4) .tit,
	#findout .content .unit .desc:nth-child(4) .act{color:#fff}
	#findout .content .mov {margin: 0 -20px 0 0;margin-top:35px;overflow:hidden;}
	#findout .content .mov .desc{float:left;width:33.33%}
	#findout .content .mov .desc .inner{display: block;margin:0 20px 0 0;}
	#findout .content .mov .desc .inner .img{position:relative;background:#000}
	#findout .content .mov .desc .inner .img:before{content:'';position:absolute;z-index: 10;top:50%;left:50%;margin: -24px 0 0 -24px;width: 48px;height: 48px;background:url("../img/main/ico_view.png") no-repeat 50% 50%;background-size: 100% auto;opacity:0.75;}
	#findout .content .mov .desc .inner .img img{width: 100%;height: auto;opacity:0.7;transition:all 0.3s;}
	#findout .content .mov .desc .inner:hover .img:before{opacity:1}
	
	/**/
	#business{position:relative;z-index:52;padding: 75px 0;background: #fff url("../img/main/main_business.png") no-repeat bottom center}
	#business h3{display:block;margin-bottom:35px;line-height: 50px;font-size:37px;font-weight: 500;color:#1c1c1c;letter-spacing:-0.5px;text-align:center;font-family: 'Gmarket Sans';}
	#business h3 strong{font-weight:600;font-family: 'Gmarket Sans';}
	#business .content{position:relative;z-index:10;}
	#business .content .list{margin-right:-20px;overflow:hidden;}
	#business .content .list .desc{float:left;width:33.33%;text-align:left}
	#business .content .list .desc .inner{display: block;margin:0 20px 0 0;}
	#business .content .list .desc .img{margin-bottom:20px}
	#business .content .list .desc .img img{width:auto;max-width:100%;height:auto}
	#business .content .list .desc .tit{margin-bottom: 10px;line-height: 25px;font-size:22px;font-weight:600;color:#333;letter-spacing:-0.5px;}
	#business .content .list .desc .txt{padding: 0 20px 0 0;line-height: 20px;font-size: 15px;font-weight: 400;color:#666;letter-spacing:-0.5px;word-break: keep-all;}

	/**/
	#social{position:relative;z-index:52;padding: 75px 0;background: #f8f8f8}
	#social h3{display:block;margin-bottom:35px;line-height: 50px;font-size:37px;font-weight: 500;color:#1c1c1c;letter-spacing:-0.5px;text-align:center;font-family: 'Gmarket Sans';}
	#social h3 strong{font-weight:600;font-family: 'Gmarket Sans';}
	#social .content{position:relative;z-index:10}
	#social .content .social{position:relative;}
	#social .content .social ul{margin:0 -20px -20px 0;overflow:hidden}
	#social .content .social li{float:left;width:25%}
	#social .content .social li a{display:block;margin:0 20px 20px 0;padding:15px;background:#fff;border:1px solid #ddd}
	#social .content .social li a .img{margin-bottom:10px}
	#social .content .social li a .img img{width:auto;max-width:100%;height:auto}
	#social .content .social li a .tit{line-height:18px;font-size:14px;font-weight:400;color:#555;letter-spacing: -0.5px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal;text-overflow: ellipsis;height: 54px;}
	#social .content .social li a .inf{margin-top:20px;line-height:23px;overflow:hidden}
	#social .content .social li a .inf .ico{float:left;margin-right:10px;}
	#social .content .social li a .inf .ico img{width:auto;height:23px;border-radius:3px;overflow:hidden;vertical-align:top}
	#social .content .social li a .inf .dat{float:left;font-size:13px;font-weight:400;color:#999}
    #social .content .social li a:hover{border-color:#999}
    #social .content .social li a:hover .tit{text-decoration:underline}
}

@media (max-width: 1259px) and (min-width: 748px) {
/**/
	#index{position:relative;overflow:hidden}
	#index .title{padding:40px 0;text-align:center}
	#index .title h3{position:relative;margin:0 0 30px 0;padding:0 0 30px 0;font-size:36px}
	#index .title h3:before{ content:'';position:absolute;bottom:0;left:50%;margin:0 0 0 -40px;width:80px;height:2px;background:#0d4da5}
	#index .title p{font-size:16px;color:#777}

	/**/
	#visual{position:relative}
	#visual .visual:after{content:'';position:absolute;z-index:53;bottom:0;left:0;width:100%;height:232px;background: url("../img/main/main_roundline1.png") no-repeat center bottom;background-size:100% auto;}
	#visual .visual .desc *{color:#fff;transition:all 0.5s}
	#visual .visual .desc{position:relative;padding-top: 60px;height: 550px;text-align:center;overflow:hidden;}
	#visual .visual .desc .tit{position:relative;z-index:1;margin:0 auto;max-width: 100%;height: 100%;text-align:center;opacity:1;}
	#visual .visual .desc .tit img{display:inline-block;width: auto;height: 100%;}
	#visual .visual .desc .img{position:absolute;bottom:0;left:50%;margin-left:-50%;width:100%;height:660px;transition:all 5s}
	#visual .visual .desc .img img{width:100%;height:auto}
	#visual .visual .slick-dots{display:none !important;position:absolute;z-index: 5;bottom:100px;left:50%;margin-left: -50%;width: 100%;text-align:center;}
	#visual .visual .slick-dots li{display:inline-block}
	#visual .visual .slick-dots button{margin:0 6px;width:16px;height:16px;text-indent:-9999em;background:rgba(255,255,255,.5);border-radius:20px;overflow:hidden;transition:all .3s}
	#visual .visual .slick-dots .slick-active button{background:#fff}
	#visual .visual .slick-current .img{transform:scale(1.1)}
	#visual .control{position:absolute;z-index:54;top:50%;left:2%;right:2%}
	#visual .control .arrow{margin:-35px 0 0 0;background:none}
	#visual .control .arrow i{width: 50px;line-height: 50px;font-size: 18px;color:#000;background:#fff;border-radius:80px;opacity:0.5;}
	#visual .control .arrow:hover i{opacity:1}
	#visual .control .prev{float:left}
	#visual .control .next{float:right}
	
	/**/
	#community{position:relative;padding: 50px 0;overflow:hidden;background: #ffff url("../img/main/main_community.png") no-repeat 0% 50%;}
	#community .notice{float:left;position: relative;width: 50%;padding: 0 15px;}
	#community .notice .subtit{display: block;margin-bottom: 10px;padding: 0 0 10px 0;line-height: 30px;font-size: 24px;font-weight: 600;color: #333;border-bottom: 2px solid #e9e9e9;letter-spacing: -0.5px;}
	#community .notice .area{clear: both}
	#community .notice .area ul:after{content:'';display:table;line-height:0;clear:both}
	#community .notice .area ul li +li{margin-top:45px;}
	#community .notice .area ul li .inner{position:relative;display:block;padding-left: 70px;}
	#community .notice .area ul li .inner .tit{line-height:20px;font-size: 15px;font-weight:600;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;letter-spacing: -0.5px;}
	#community .notice .area ul li .inner .txt{position: relative;margin-top: 5px;line-height: 18px;font-size: 13px;font-weight:400;color:#555;letter-spacing: -0.5px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:normal;text-overflow: ellipsis;height: 36px;}
	#community .notice .area ul li .inner .date{position:absolute;top:0;left:0;padding: 2px 0 0 0;width: 55px;line-height: 20px;font-size: 12px;font-weight:400;text-align:center;font-family:'Gmarket Sans';}
	#community .notice .area ul li .inner .date strong{display:block;margin-top: 5px;line-height: 30px;font-size: 30px;font-family:'Gmarket Sans';}
	#community .notice .area ul li .inner:hover .tit{text-decoration:underline}
	#community .cert{float:right;padding: 15px;width: 50%;background:#b79d86 url("../img/main/main_infomation_cert.png") repeat;}
	#community .cert .desc{position:relative;padding-right:160px;height: 206px;}
	#community .cert .desc .img{position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
	#community .cert .desc .img img{/* width:auto; */max-width:100%;height:auto;}
	#community .cert .desc .sub{margin-bottom:15px;font-size:14px;font-weight:500;color:#fff}
	#community .cert .desc .tit{font-size: 16px;font-weight:600;color:#fff;}
	#community .cert .desc .act{position:absolute;bottom:0;left:0}
	#community .cert .desc .act span{line-height:25px;font-size:14px;font-weight:500;color:#fff;border-bottom:1px solid #fff}
	#community .cert .list .slick-dots{position:absolute;bottom: 30px;left: 0;text-align:center;}
	#community .cert .list .slick-dots li{display:inline-block}
	#community .cert .list .slick-dots button{margin: 0 5px;width: 8px;height: 8px;text-indent:-9999em;background: transparent;border: 1px solid #fff;border-radius:20px;overflow:hidden;transition:all .3s;}
	#community .cert .list .slick-dots .slick-active button{background:#fff;border-color: #fff;}
	
	/**/
	#dataroom{position:relative;z-index:52;padding: 50px 0;background: #fff;}
	#dataroom h3{display:block;margin-bottom:35px;line-height: 50px;font-size: 26px;font-weight: 500;color:#1c1c1c;letter-spacing:-0.5px;text-align:center;font-family: 'Gmarket Sans';}
	#dataroom h3 strong{font-weight:600;font-family: 'Gmarket Sans';}
	#dataroom h3 span{display:block;line-height: 20px;font-size: 14px;font-weight:400;color:#333;letter-spacing:-0.5px;}
	#dataroom .content{position:relative;z-index:10;padding: 0 10px;padding-bottom: 50px;}
	#dataroom .content:after{content:'';display:table;line-height:0;clear:both}
	#dataroom .content .picture{position: relative;float: left;width: 50%;padding-right:20px;transition:all 0.2s;}
	#dataroom .content .movie{position: relative;float: left;width: 50%;padding-left: 20px;transition:all 0.2s;}
	#dataroom .content .box{position:relative;padding: 20px 0 0 20px;}
	#dataroom .content .subtit{position: absolute;z-index: 10;top: 0;left: 0;padding: 18px;width: 100px;height: 100px;line-height: 25px;font-size: 20px;font-weight: 300;color: #fff;letter-spacing:-0.5px;}
	#dataroom .content .subtit strong{position:relative;display:block;font-weight: 600;}
	#dataroom .content .subtit strong:before{content:'';position:relative;margin-bottom:10px;display: block;width: 16px;height: 1px;background:#fff;}
	#dataroom .content .picture .subtit{background:#68c4ff url("../img/main/dataroomtit.png") repeat}
	#dataroom .content .movie .subtit{background: #ffc436 url("../img/main/dataroomtit2.png") repeat;}
	#dataroom .content .list{overflow:hidden;}
	#dataroom .content .list .slick-list{margin-right:-22px;}
	#dataroom .content .desc{float:left}
	#dataroom .content .desc .inner{display:block;margin:0 25px 0 0}
	#dataroom .content .desc .img{position:relative}
	#dataroom .content .desc .img img{width:100%;height:100%}
	#dataroom .content .desc .noimg{display:block;width: 100%;height: 100%;background: #fafafa url(../img/noico.png) no-repeat 50% 50%;background-size: 30% auto;}
	#dataroom .content .desc .noimg img{opacity:0}
	#dataroom .content .picture .img{background:#fbfbfb}
	#dataroom .content .movie .img{background:#000}
	#dataroom .content .movie .img:before{content:'';position:absolute;z-index: 10;top:50%;left:50%;margin:-34px 0 0 -34px;width:68px;height:68px;background:url("../img/main/ico_view.png") no-repeat 50% 50%;opacity:0.75;}
	#dataroom .content .movie .img img{opacity:0.75}
	#dataroom .content .movie .img:hover:before{opacity:1}
	#dataroom .content .desc .con{position:relative;margin: 10px 0;}
	#dataroom .content .desc .con .name{padding: 0 100px 0 0;line-height:24px;font-size: 16px;font-weight:500;color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: -0.5px;}
	#dataroom .content .desc .con .date{position:absolute;top:0;right:0;line-height:24px;font-size: 14px;font-weight: 300;color:#999;}
	#dataroom .content .more{position:absolute;top:0;right:0;display:block;width:34px;height:34px;text-align:center}
	#dataroom .content .more i{position:relative;display:block;margin:8px auto;width:18px;height:18px;transition:all 0.5s}
	#dataroom .content .more i:before{content:'';position:absolute;top:50%;left:50%;margin:-1px 0 0 -50%;width:100%;height:2px;background:#999}
	#dataroom .content .more i:after{content:'';position:absolute;top:50%;left:50%;margin:-50% 0 0 -1px;width:2px;height:100%;background:#999}
	#dataroom .content .more:hover i{transform:rotate(180deg)}
	#dataroom .content .control{margin-top: 20px;overflow:hidden;}
	#dataroom .content .control .prev,
	#dataroom .content .control .next{float:left;width: 32px;height: 32px;line-height: 32px;font-size:20px;color:#333;text-align: right;background:none;opacity:0.4;}
	#dataroom .content .control .prev:hover,
	#dataroom .content .control .next:hover{opacity:1}
	#dataroom .content .control .progress{float:left;display:block;margin: 15px 0;margin-right: 15px;width: calc(100% - 80px);height:2px;border-radius:2px;overflow:hidden;background-color:#ddd;background-image: linear-gradient(to right, #333, #333);background-repeat:no-repeat;background-size:0 100%;transition:background-size .4s ease-in-out;}
	
	#findout{position:relative;z-index:52;padding: 25px 0 50px;background:#f8f6ee url("../img/main/main_findout.png") no-repeat bottom center;background-size: 100% auto;}
	#findout:before{content:'';position:absolute;z-index: -1;top: -120px;left:0;width: 100%;height: 120px;background: url("../img/main/main_roundline2.png") no-repeat bottom center;background-size:100% auto;}
	#findout h3{display: block;margin-bottom:35px;line-height: 50px;font-size: 26px;font-weight: 500;color:#1c1c1c;letter-spacing:-0.5px;text-align:center;font-family: 'Gmarket Sans';}
	#findout h3 strong{font-weight:600;font-family: 'Gmarket Sans';}
	#findout h3 span{display:block;line-height: 20px;font-size: 14px;font-weight:400;color:#333;letter-spacing:-0.5px;}
	#findout .content{padding: 0 0 45px 0}
	#findout .content .unit{margin-right: -10px;padding: 0 10px;overflow:hidden;}
	#findout .content .unit .desc{float:left;width:25%;text-align:center;}
	#findout .content .unit .desc .inner{display: block;margin: 0 10px 0 0;padding: 50px 20px;min-height: 350px;}
	#findout .content .unit .desc:nth-child(1) .inner{background:#ffe589 url("../img/main/main_findunit01.png") no-repeat bottom center}
	#findout .content .unit .desc:nth-child(2) .inner{background:#2b70b5 url("../img/main/main_findunit02.png") no-repeat bottom center}
	#findout .content .unit .desc:nth-child(3) .inner{background:#18b963 url("../img/main/main_findunit03.png") no-repeat bottom center}
	#findout .content .unit .desc:nth-child(4) .inner{background:#46bee2 url("../img/main/main_findunit04.png") no-repeat bottom center}
	#findout .content .unit .desc .tit{font-size: 22px;font-weight:600;}
	#findout .content .unit .desc .act{margin-top:5px;font-size:12px;font-weight:600;color:#fff;letter-spacing:1px;}
	#findout .content .unit .desc:nth-child(1) .tit,
	#findout .content .unit .desc:nth-child(1) .act{color:#333}
	#findout .content .unit .desc:nth-child(2) .tit,
	#findout .content .unit .desc:nth-child(2) .act{color:#fff}
	#findout .content .unit .desc:nth-child(3) .tit,
	#findout .content .unit .desc:nth-child(3) .act{color:#fff}
	#findout .content .unit .desc:nth-child(4) .tit,
	#findout .content .unit .desc:nth-child(4) .act{color:#fff}
	#findout .content .mov {margin: 0 -10px 0 0;margin-top: 10px;padding: 0 10px;overflow:hidden;}
	#findout .content .mov .desc{float:left;width:33.33%}
	#findout .content .mov .desc .inner{display: block;margin: 0 10px 0 0;}
	#findout .content .mov .desc .inner .img{position:relative;background:#000}
	#findout .content .mov .desc .inner .img:before{content:'';position:absolute;z-index: 10;top:50%;left:50%;margin: -24px 0 0 -24px;width: 48px;height: 48px;background:url("../img/main/ico_view.png") no-repeat 50% 50%;background-size: 100% auto;opacity:0.75;}
	#findout .content .mov .desc .inner .img img{width: auto;max-width: 100%;height: auto;opacity:0.7;transition:all 0.3s;}
	#findout .content .mov .desc .inner:hover .img:before{opacity:1}
	
	/**/
	#business{position:relative;z-index:52;padding: 75px 0;background: #fff url("../img/main/main_business.png") no-repeat bottom center}
	#business h3{display:block;margin-bottom:35px;line-height: 50px;font-size: 26px;font-weight: 500;color:#1c1c1c;letter-spacing:-0.5px;text-align:center;font-family: 'Gmarket Sans';}
	#business h3 strong{font-weight:600;font-family: 'Gmarket Sans';}
	#business .content{position:relative;z-index:10;}
	#business .content .list{margin-right: -10px;padding: 0 10px;overflow:hidden;}
	#business .content .list .desc{float:left;width:33.33%;text-align:left}
	#business .content .list .desc .inner{display: block;margin: 0 10px 0 0;}
	#business .content .list .desc .img{margin-bottom: 10px;}
	#business .content .list .desc .img img{width:auto;max-width:100%;height:auto}
	#business .content .list .desc .tit{margin-bottom: 5px;line-height: 25px;font-size: 18px;font-weight:600;color:#333;letter-spacing:-0.5px;}
	#business .content .list .desc .txt{line-height: 18px;font-size: 13px;font-weight: 400;color:#666;letter-spacing:-0.5px;word-break: keep-all;}

	/**/
	#social{position:relative;z-index:52;padding: 50px 0;background: #f8f8f8;}
	#social h3{display:block;margin-bottom:35px;line-height: 50px;font-size: 26px;font-weight: 500;color:#1c1c1c;letter-spacing:-0.5px;text-align:center;font-family: 'Gmarket Sans';}
	#social h3 strong{font-weight:600;font-family: 'Gmarket Sans';}
	#social .content{position:relative;z-index:10}
	#social .content .social{position:relative;}
	#social .content .social ul{margin: 0 -10px -10px 0;padding: 0 10px;overflow:hidden;}
	#social .content .social li{float:left;width: 33.33%;}
	#social .content .social li a{display:block;margin:0 20px 20px 0;padding:15px;background:#fff;border:1px solid #ddd}
	#social .content .social li a .img{margin-bottom:10px}
	#social .content .social li a .img img{width:auto;max-width:100%;height:auto}
	#social .content .social li a .tit{line-height: 16px;font-size: 13px;font-weight:400;color:#555;letter-spacing: -0.5px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal;text-overflow: ellipsis;height: 48px;}
	#social .content .social li a .inf{margin-top:20px;line-height:23px;overflow:hidden}
	#social .content .social li a .inf .ico{float:left;margin-right:10px;}
	#social .content .social li a .inf .ico img{width:auto;height:23px;border-radius:3px;overflow:hidden;vertical-align:top}
	#social .content .social li a .inf .dat{float:left;font-size:13px;font-weight:400;color:#999}
}

@media all and (max-width:747px) {
/**/
	#index{position:relative;overflow:hidden}
	#index .title{padding:40px 0;text-align:center}
	#index .title h3{position:relative;margin:0 0 30px 0;padding:0 0 30px 0;font-size:36px}
	#index .title h3:before{ content:'';position:absolute;bottom:0;left:50%;margin:0 0 0 -40px;width:80px;height:2px;background:#0d4da5}
	#index .title p{font-size:16px;color:#777}

	/**/
	#visual{position:relative}
	#visual .visual:after{content:'';position:absolute;z-index:53;bottom:0;left:0;width:100%;height:232px;background: url("../img/main/main_roundline1.png") no-repeat center bottom;background-size:100% auto;}
	#visual .visual .desc *{color:#fff;transition:all 0.5s}
	#visual .visual .desc{position:relative;padding-top:80px;height: 450px;text-align:center;overflow:hidden;}
	#visual .visual .desc .tit{position:relative;z-index:1;margin:0 auto;max-width: 100%;text-align:center;opacity:1;}
	#visual .visual .desc .tit img{display:inline-block;width: 100%;}
	#visual .visual .desc .img{position:absolute;bottom:0;left:50%;margin-left:-50%;width:100%;height: 450px;transition:all 5s;background-size: auto 100%;}
	#visual .visual .desc .img img{width:100%;height:auto}
	#visual .visual .slick-dots{position:absolute;z-index:54;bottom: 50px;left:50%;margin-left:-600px;width:1200px;text-align:center;}
	#visual .visual .slick-dots li{display:inline-block}
	#visual .visual .slick-dots button{margin:0 6px;width:12px;height:12px;text-indent:-9999em;background:rgba(255,255,255,.5);border-radius:20px;overflow:hidden;transition:all .3s}
	#visual .visual .slick-dots .slick-active button{background:#fff}
	#visual .visual .slick-current .img{transform:scale(1.1)}
	#visual .control{display: none;position:absolute;z-index:54;top:50%;left:2%;right:2%;}
	#visual .control .arrow{margin:-35px 0 0 0;background:none}
	#visual .control .arrow i{width: 40px;line-height: 40px;font-size:24px;color:#000;background:#fff;border-radius:80px;opacity:0.5;}
	#visual .control .arrow:hover i{opacity:1}
	#visual .control .prev{float:left}
	#visual .control .next{float:right}
	
	/**/
	#community{position:relative;padding: 25px 10px;overflow:hidden;background: #ffff url("../img/main/main_community.png") no-repeat 0% 50%;background-size: 50% auto;}
	#community .notice{position: relative;padding: 0 10px;}
	#community .notice .subtit{display: block;margin-bottom: 10px;padding: 0 0 10px 0;line-height: 30px;font-size: 16px;font-weight: 600;color: #333;border-bottom: 2px solid #e9e9e9;letter-spacing: -0.5px;}
	#community .notice .area{clear: both;padding-bottom: 30px;}
	#community .notice .area ul:after{content:'';display:table;line-height:0;clear:both}
	#community .notice .area ul li +li{margin-top: 20px;}
	#community .notice .area ul li .inner{position:relative;display:block;padding-left: 70px;}
	#community .notice .area ul li .inner .tit{line-height:20px;font-size: 14px;font-weight:600;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;letter-spacing: -0.5px;}
	#community .notice .area ul li .inner .txt{position: relative;margin-top: 5px;line-height: 15px;font-size: 12px;font-weight:400;color:#555;letter-spacing: -0.5px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:normal;text-overflow: ellipsis;height: 30px;}
	#community .notice .area ul li .inner .date{position:absolute;top:0;left:0;padding: 5px 0;width: 55px;line-height: 20px;font-size: 11px;font-weight:400;text-align:center;font-family:'Gmarket Sans';}
	#community .notice .area ul li .inner .date strong{display:block;margin-top: 5px;line-height: 24px;font-size: 24px;font-family:'Gmarket Sans';}
	#community .notice .area ul li .inner:hover .tit{text-decoration:underline}
	#community .cert{margin-top: 25px;padding: 20px;background:#b79d86 url("../img/main/main_infomation_cert.png") repeat;}
	#community .cert .desc{position:relative;text-align: center;}
	#community .cert .desc .img{position: relative;}
	#community .cert .desc .img img{display: block;margin: 0 auto;width: auto;max-width: 100%;height: auto;max-height: 180px;}
	#community .cert .desc .sub{padding: 10px;font-size: 12px;font-weight:500;color:#fff;}
	#community .cert .desc .tit{font-size: 15px;font-weight: 500;color:#fff;}
	#community .cert .desc .act{position: relative;display: block;margin-top: 10px;}
	#community .cert .desc .act span{line-height:25px;font-size: 12px;font-weight:500;color:#fff;border-bottom:1px solid #fff;}
	#community .cert .list .slick-dots{position: relative;padding: 10px 0 0 0;width: 100%;text-align:center;}
	#community .cert .list .slick-dots li{display:inline-block}
	#community .cert .list .slick-dots button{margin: 0 5px;width: 8px;height: 8px;text-indent:-9999em;background: transparent;border: 1px solid #fff;border-radius:20px;overflow:hidden;transition:all .3s;}
	#community .cert .list .slick-dots .slick-active button{background:#fff;border-color: #fff;}
	
	/**/
	#dataroom{position:relative;z-index:52;padding: 25px 10px;background: #fff;}
	#dataroom h3{display:block;margin-bottom: 20px;line-height: 30px;font-size: 22px;font-weight: 500;color:#1c1c1c;letter-spacing:-0.5px;text-align:center;font-family: 'Gmarket Sans';}
	#dataroom h3 strong{font-weight:600;font-family: 'Gmarket Sans';}
	#dataroom h3 span{display:block;line-height: 15px;font-size: 12px;font-weight:400;color:#333;letter-spacing:-0.5px;}
	#dataroom .content{position:relative;z-index:10;padding-bottom: 50px;}
	#dataroom .content:after{content:'';display:table;line-height:0;clear:both}
	#dataroom .content .picture{position: relative;transition:all 0.2s;}
	#dataroom .content .movie{position: relative;transition:all 0.2s;}
	#dataroom .content .box{position:relative;padding: 10px 0 0 10px;}
	#dataroom .content .subtit{position: absolute;z-index: 10;top: 0;left: 0;padding: 10px;width: 60px;height: 60px;line-height: 17px;font-size: 14px;font-weight: 300;color: #fff;letter-spacing:-0.5px;}
	#dataroom .content .subtit strong{position:relative;display:block;font-weight: 600;}
	#dataroom .content .subtit strong:before{content:'';position:relative;margin-bottom: 5px;display: block;width: 16px;height: 1px;background:#fff;}
	#dataroom .content .picture .subtit{background:#68c4ff url("../img/main/dataroomtit.png") repeat}
	#dataroom .content .movie .subtit{background: #ffc436 url("../img/main/dataroomtit2.png") repeat;}
	#dataroom .content .list{overflow:hidden;}
	#dataroom .content .list .slick-list{margin-right:-22px;}
	#dataroom .content .desc{float:left}
	#dataroom .content .desc .inner{display:block;margin:0 25px 0 0}
	#dataroom .content .desc .img{position:relative}
	#dataroom .content .desc .img img{width:100%;height:100%}
	#dataroom .content .desc .noimg{display:block;width: 100%;height: 100%;background: #fafafa url(../img/noico.png) no-repeat 50% 50%;background-size: 30% auto;}
	#dataroom .content .desc .noimg img{opacity:0}
	#dataroom .content .picture .img{background:#fbfbfb}
	#dataroom .content .movie .img{background:#000}
	#dataroom .content .movie .img:before{content:'';position:absolute;z-index: 10;top:50%;left:50%;margin: -25px 0 0 -25px;width: 50px;height: 50px;background:url("../img/main/ico_view.png") no-repeat 50% 50%;background-size: 100% auto;opacity:0.75;}
	#dataroom .content .movie .img img{opacity:0.75}
	#dataroom .content .movie .img:hover:before{opacity:1}
	#dataroom .content .desc .con{position:relative;margin: 5px 0;}
	#dataroom .content .desc .con .name{padding: 0 100px 0 0;line-height:24px;font-size: 13px;font-weight:500;color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: -0.5px;}
	#dataroom .content .desc .con .date{position:absolute;top:0;right:0;line-height:24px;font-size: 12px;font-weight: 300;color:#999;}
	#dataroom .content .more{position:absolute;top:0;right:0;display:block;width:34px;height:34px;text-align:center}
	#dataroom .content .more i{position:relative;display:block;margin:8px auto;width:18px;height:18px;transition:all 0.5s}
	#dataroom .content .more i:before{content:'';position:absolute;top:50%;left:50%;margin:-1px 0 0 -50%;width:100%;height:2px;background:#999}
	#dataroom .content .more i:after{content:'';position:absolute;top:50%;left:50%;margin:-50% 0 0 -1px;width:2px;height:100%;background:#999}
	#dataroom .content .more:hover i{transform:rotate(180deg)}
	#dataroom .content .control{margin-top: 10px;overflow:hidden;}
	#dataroom .content .control .prev,
	#dataroom .content .control .next{float:left;width: 22px;height: 22px;line-height: 22px;font-size: 18px;color:#333;text-align: right;background:none;opacity:0.4;}
	#dataroom .content .control .prev:hover,
	#dataroom .content .control .next:hover{opacity:1}
	#dataroom .content .control .progress{float:left;display:block;margin: 10px 0;margin-right: 10px;width: calc(100% - 55px);height:2px;border-radius:2px;overflow:hidden;background-color:#ddd;background-image: linear-gradient(to right, #333, #333);background-repeat:no-repeat;background-size:0 100%;transition:background-size .4s ease-in-out;}
	
	#findout{position:relative;z-index:52;padding: 10px 10px 25px;background:#f8f6ee url("../img/main/main_findout.png") no-repeat bottom center;background-size: 100% auto;}
	#findout:before{content:'';position:absolute;z-index: -1;top: -120px;left:0;width: 100%;height: 120px;background: url("../img/main/main_roundline2.png") no-repeat bottom center;background-size:100% auto;}
	#findout h3{display: block;margin-bottom: 20px;line-height: 30px;font-size: 22px;font-weight: 500;color:#1c1c1c;letter-spacing:-0.5px;text-align:center;font-family: 'Gmarket Sans';}
	#findout h3 strong{font-weight:600;font-family: 'Gmarket Sans';}
	#findout h3 span{display:block;line-height: 15px;font-size: 13px;font-weight:400;color:#333;letter-spacing:-0.5px;}
	#findout .content{padding: 0 0 45px 0}
	#findout .content .unit{margin-right: -10px;overflow:hidden;}
	#findout .content .unit .desc{float:left;width: 50%;text-align:center;}
	#findout .content .unit .desc .inner{display: block;margin: 0 10px 10px 0;padding: 25px 10px;min-height: 200px;}
	#findout .content .unit .desc:nth-child(1) .inner{background:#ffe589 url("../img/main/main_findunit01.png") no-repeat bottom center;background-size: 100% auto;}
	#findout .content .unit .desc:nth-child(2) .inner{background:#2b70b5 url("../img/main/main_findunit02.png") no-repeat bottom center;background-size: 100% auto;}
	#findout .content .unit .desc:nth-child(3) .inner{background:#18b963 url("../img/main/main_findunit03.png") no-repeat bottom center;background-size: 100% auto;}
	#findout .content .unit .desc:nth-child(4) .inner{background:#46bee2 url("../img/main/main_findunit04.png") no-repeat bottom center;background-size: 100% auto;}
	#findout .content .unit .desc .tit{font-size: 18px;font-weight: 500;}
	#findout .content .unit .desc .act{margin-top: 2px;font-size: 10px;font-weight:600;color:#fff;letter-spacing:1px;}
	#findout .content .unit .desc:nth-child(1) .tit,
	#findout .content .unit .desc:nth-child(1) .act{color:#333}
	#findout .content .unit .desc:nth-child(2) .tit,
	#findout .content .unit .desc:nth-child(2) .act{color:#fff}
	#findout .content .unit .desc:nth-child(3) .tit,
	#findout .content .unit .desc:nth-child(3) .act{color:#fff}
	#findout .content .unit .desc:nth-child(4) .tit,
	#findout .content .unit .desc:nth-child(4) .act{color:#fff}
	#findout .content .mov {margin:0 -8px -8px 0;overflow:hidden;}
	#findout .content .mov .desc{}
	#findout .content .mov .desc .inner{display: block;margin:0 8px 8px 0}
	#findout .content .mov .desc .inner .img{position:relative;background:#000;overflow: hidden;}
	#findout .content .mov .desc .inner .img:before{content:'';position:absolute;z-index: 10;top:50%;left:50%;margin: -25px 0 0 -25px;width: 50px;height: 50px;background:url("../img/main/ico_view.png") no-repeat 50% 50%;background-size: 100% auto;opacity:0.75;}
	#findout .content .mov .desc .inner .img img{width: auto;max-width: 100%;height: auto;opacity:0.7;transition:all 0.3s;}
	#findout .content .mov .desc .inner:hover .img:before{opacity:1}
	#findout .content .mov .slick-dots{position:relative;z-index:54;width: 100%;text-align:center;}
	#findout .content .mov .slick-dots li{display:inline-block}
	#findout .content .mov .slick-dots button{margin:0 6px;width:12px;height:12px;text-indent:-9999em;background: rgb(213, 220, 124);border-radius:20px;overflow:hidden;transition:all .3s;}
	#findout .content .mov .slick-dots .slick-active button{background: #739a41;}
	/**/
	#business{position:relative;z-index:52;padding: 25px 10px;background: #fff url("../img/main/main_business.png") no-repeat bottom center;}
	#business h3{display:block;margin-bottom: 20px;line-height: 30px;font-size: 22px;font-weight: 500;color:#1c1c1c;letter-spacing:-0.5px;text-align:center;font-family: 'Gmarket Sans';}
	#business h3 strong{font-weight:600;font-family: 'Gmarket Sans';}
	#business .content{position:relative;z-index:10;}
	#business .content .list{overflow:hidden;}
	#business .content .list .desc{text-align:left;overflow: hidden;}
	#business .content .list .desc + .desc{margin-top:10px;}
	#business .content .list .desc .inner{display: block;position: relative;padding: 5px 0 25px 50%;}
	#business .content .list .desc .img{position: absolute;top: 0;left: 0;width: 50%;padding-right: 10px;}
	#business .content .list .desc .img img{width:auto;max-width:100%;height:auto}
	#business .content .list .desc .tit{line-height: 25px;font-size: 15px;font-weight:600;color:#333;letter-spacing:-0.5px;}
	#business .content .list .desc .txt{line-height: 15px;font-size: 12px;font-weight: 400;color:#666;letter-spacing:-0.5px;word-break: keep-all;}

	/**/
	#social{position:relative;z-index:52;padding: 25px 10px;background: #f8f8f8;}
	#social h3{display:block;margin-bottom: 20px;line-height: 30px;font-size: 22px;font-weight: 500;color:#1c1c1c;letter-spacing:-0.5px;text-align:center;font-family: 'Gmarket Sans';}
	#social h3 strong{font-weight:600;font-family: 'Gmarket Sans';}
	#social .content{position:relative;z-index:10}
	#social .content .social{position:relative;}
	#social .content .social ul{margin: 0 -8px -8px 0;overflow:hidden;}
	#social .content .social li{float:left;width: 50%;}
	#social .content .social li a{display:block;margin: 0 8px 8px 0;padding: 8px;background:#fff;border:1px solid #ddd;}
	#social .content .social li a .img{margin-bottom:10px}
	#social .content .social li a .img img{width:auto;max-width:100%;height:auto}
	#social .content .social li a .tit{line-height: 15px;font-size: 12px;font-weight:400;color:#555;letter-spacing: -0.5px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal;text-overflow: ellipsis;height: 45px;}
	#social .content .social li a .inf{margin-top: 10px;line-height: 18px;overflow:hidden;}
	#social .content .social li a .inf .ico{float:left;margin-right: 5px;}
	#social .content .social li a .inf .ico img{width:auto;height: 18px;border-radius:3px;overflow:hidden;vertical-align:top;}
	#social .content .social li a .inf .dat{float:left;font-size: 11px;font-weight:400;color:#999;}

}

#hd_pop{position:absolute;z-index:90000}
#hd_pop h2{display:none}
#hd_pop .hd_pops{position:absolute}
#hd_pop .hd_pops img{display:block}
#hd_pop .hd_pops_con{overflow:hidden;box-shadow:3px 3px 5px rgba(0,0,0,0.15)}
#hd_pop .hd_pops_footer{padding:5px 20px;background:#000}
#hd_pop .hd_pops_footer button{font-size:13px;color:#fff;line-height:28px;background:none}
#hd_pop .hd_pops_footer .hd_pops_close{float:right}
#hd_pop .hd_pops_footer .hd_pops_close span{position:relative;top:-3px}
#hd_pop .hd_pops_footer .hd_pops_close i{position:relative;top:2px;font-size:24px}

#header{ background:#2b6aa5}