@charset "utf-8";
@keyframes seal{ 0%{opacity : 0.2;} 100%{opacity: 1;} }
@keyframes submit{ 0%{opacity : 0.2;} 100%{opacity: 1;} }
@keyframes scroll{ 0%{height: 0;} 100%{height: 70px;} }
/* -------------------------------------------°øÅë---------------------------------------------------- */

.title{text-align: center;}

/* -------------------------------------------¸ÞÀÎ------------------------------------- */

main{background: url(../img/m_bg.jpg) no-repeat center; position: relative; text-align: center; padding-bottom: 340px;}

.m_img{}
.m_img img{position: absolute;}
.m_img_l{left: 0;}
.m_img_r{right: 0;}


.m_logo{}
.m_logo img{}
.m_title{padding-top: 180px;}
.m_title img{}
.m_sub{}
.m_sub img{}

.scroll_down{display: block; height: 70px; width: 2px; background: #fff; position: absolute; 
			 left: 50%; transform:translateX(-50%); top: 700px; opacity: 0.5; animation: scroll 1s infinite;}

/* -------------------------------------------------¼½¼Ç01-------------------------------------------- */

#s01{background: url(../img/s01_bg.jpg) no-repeat center; padding: 100px 0 90px; position: relative;}

.s01_text{width: 1280px; margin: 0 auto;}
.s01_text::after{content: ""; display:block; clear:both;}
.s01_text li{float: left; width: 50%; text-align: center;}
.s01_text li img{}

.s01_bt{width: 100%; background: url(../img/s01_bt_bg.jpg) no-repeat center; position: absolute; bottom: -110px;
		text-align: center; padding: 20px 0;}
.s01_bt img{}

/* ------------------------------------------------¼½¼Ç02-------------------------------------------------- */

#s02{background: url(../img/s02_bg.png) no-repeat center 0; padding-bottom: 200px;}

.s02_counter{}
.s02_counter .s02_receipt{width: 1280px; margin: 0 auto; text-align: center; position: relative;}
.s02_counter .s02_receipt::after{content:""; display:block; clear:both;}
.s02_counter .s02_receipt li{float: left; width: 33.3333%; position: relative;}
.s02_counter .s02_receipt li:nth-child(4){margin-left: 220px;}
.s02_counter .s02_receipt li img{}
.s02_counter .s02_receipt li p{position: absolute; left:46%; transform:translateX(-50%); top: 194px;
							   font-size: 40px; letter-spacing: -2px; font-weight: bold; color: #784b2d;}
.s02_goal{position: absolute; top: 150px; right: 90px;}

.s02_title{padding: 250px 0 50px;}
.s02_title img{}

.s02_chart{text-align: center;}
.s02_chart img{}

/* --------------------------------------------------¼½¼Ç03------------------------------------------------- */

#s03{text-align: center; position: relative; padding-bottom: 1200px;}

.s03_title{position: relative; z-index: 1; margin-top: 100px;}
.s03_title img{}
.s03_con{position: absolute; top: 180px; left: 50%; transform:translateX(-50%);}

/* -------------------------------------------------¼½¼Ç04----------------------------------------------------- */

#s04{background: url(../img/s04_bg.jpg) no-repeat center; text-align: center; padding: 150px 0 50px;}

.s04_title{margin-bottom: 50px;}
.s04_title img{}

.s04_slider{width: 1100px; position: relative;}

.s04_slider p{position: absolute; top: 0; left: 50%; transform:translateX(-50%); top: 290px; font-size: 22px; letter-spacing: -2px; font-weight: bold;} 

.s04_btn01{position: absolute; z-index: 1; left: 0; top: 125px; cursor: pointer;}
.s04_btn01 img{}
.s04_btn02{position: absolute; z-index: 1; right: 5px; top: 125px; cursor: pointer;}
.s04_btn02 img{}

/* -------------------------------------------------¼½¼Ç05---------------------------------------------------------- */

#s05{background: url(../img/s05_title.jpg) no-repeat center 0; padding-bottom: 850px; position: relative;}

.s05_frame{position: absolute; left:50%; transform:translateX(-50%); top: 670px;}
.s05_frame img{}

.s05_slider{width: 1900px; position: absolute; left:50%; transform:translateX(-50%); top: 750px;}
.s05_slider .swiper-wrapper .swiper-slide{opacity: 0.6;}
.s05_slider .swiper-wrapper .swiper-slide-active{opacity: 1;}

.s05_btn01{position: absolute; z-index: 1; left: 715px; top: 270px; cursor: pointer;}
.s05_btn01 img{}
.s05_btn02{position: absolute; z-index: 1; right: 715px; top: 270px; cursor: pointer;}
.s05_btn02 img{}

/* --------------------------------------------------¼½¼Ç06--------------------------------------------------------------- */

#s06{background: url(../img/s06_bg.jpg) no-repeat center; padding: 150px 0 5px;}

.s06_title{margin-bottom: 50px;}
.s06_title img{}

.s06_slider{position: relative; width: 1280px;}
.s06_con01{text-align: center}

.s06_btn01{position: absolute; top: 175px; left: 65px; cursor: pointer; z-index: 1;}
.s06_btn02{position: absolute; top: 175px; left: 505px; cursor: pointer; z-index: 1;} 

.s06_list{position: relative; top: -140px; left: 270px;}
.s06_con02{} 
.s06_con02 div{cursor: pointer; background: url(../img/s06_icon_bg.png) no-repeat right; height: 118px; transition:0.2s; text-align: center;}
.s06_con02 div img{margin-top: 8px;}
.s06_con02 .swiper-slide-thumb-active{background-position: left;}
/* --------------------------------------------------¼½¼Ç07------------------------------------------------------------------- */

#s07{background: url(../img/s07_bg.jpg) no-repeat center 0; text-align: center; padding-top: 80px;}

.s07_title{margin-bottom: 27px;}
.s07_title img{}

/* ----------------------------------------------------¼½¼Ç08--------------------------------------------------------------------- */

#s08{background: url(../img/s08_bg.jpg) no-repeat center 0; text-align: center; padding-bottom: 120px;}

.s08_sub{padding: 70px 0 250px;}
.s08_sub img{}

.s08_title{margin-bottom: 30px;}
.s08_title img{}

.s08_slider{width: 1200px; margin: 0 auto;}
.s08_slider .swiper-wrapper .swiper-slide img{width: 100%;}

.s08_btn01{position: absolute; z-index: 1; left: 20px; top: 130px; cursor: pointer;}
.s08_btn01 img{}
.s08_btn02{position: absolute; z-index: 1; right: 22px; top: 130px; cursor: pointer;}
.s08_btn02 img{}

/* ---------------------------------------------------¼½¼Ç09----------------------------------------------------------------------- */

#s09{text-align: center; position: relative; padding: 100px 0 150px;}

.s09_title{padding-bottom: 30px;}
.s09_title img{}

.s09_con{width: 1280px; margin: 0 auto;}
.s09_con::after{content:""; display:block; clear: both;}
.s09_con li{float:left; width: 25%;}
.s09_con li img{}

.s09_seal{position: absolute; top: 150px; left: 1110px;}
.s09_seal img{animation: seal 0.7s infinite alternate;}

/* ----------------------------------------------------¼½¼Ç10------------------------------------------------------------------- */

#s10{background: url(../img/s10_bg.jpg) no-repeat center 0; text-align: center; position: relative; padding-bottom: 2600px;}

.s10_paper{position: absolute; left:50%; transform: translateX(-50%); top: 350px;}
.s10_paper img{}

.s10_con{position: absolute; left:50%; transform: translateX(-50%); top: 350px;}
.s10_title01{margin-top: 200px;}
.s10_title01 img{}
.s10_list{margin: 30px 0 50px;}
.s10_list img{}
.s10_dot{}
.s10_dot img{}

.s10_title02{margin-top: 30px;}
.s10_title02 img{}
.s10_chart{}
.s10_chart img{}
.s10_text{}
.s10_text img{}

/* -----------------------------------------------ǪÅÍ--------------------------------------------------------------------------- */

footer{background: #231f20; padding-top: 50px; height: 340px; color: #fff; font-size: 15px; text-align: center; letter-spacing: 1px;}

.footer_con{}
.footer_con p {display: inline-block; padding-top: 8px; font-weight: 700;}
.footer_con p+p{margin-left: 20px;}
.footer_con p span{opacity: 0.8; font-weight: 300;}

footer cite{display: block; padding-top: 15px; font-size: 12px; opacity: 0.7;}

/* ------------------------------------------------db-------------------------------------------------------------------------------- */

.db_wrap{position: fixed; bottom: -200px; height: 180px; z-index: 1000; background: url(../img/db_bg.jpg) no-repeat 50%/cover; 
		 box-shadow: 0 0 90px rgb(0 0 0 / 80%); transition:0.8s; width: 100%; max-width:1920px}
.db_wrap.scroll_on{bottom: 0px;}

.db{width: 1020px; margin: 0 auto; padding-top: 40px;}
.db::after{content:""; display:block; clear:both;}
.db h2{float: left; margin: 30px 30px 0 0;}

.db ul{float: left; width: 470px;}
.db ul::after{content:""; display:block; clear:both;}
.db ul li{float:left; width: 50%;}
.db ul li:nth-child(1){width: 100%; padding-bottom: 10px;}

.db ul input{padding: 10px 20px; height: 20px; border-radius:10px; text-align: center; background: #fff;
			 border: 1px solid #fff; outline:none;}

.db .agree{text-align: left; font-size: 15px; letter-spacing: -1px; color: #fff; margin: 10px 0 0 0px;}
.db .agree label{vertical-align: top; padding-left: 5px;}
.db .agree a{text-decoration: underline; cursor: pointer;}
.db .agree input[type="checkbox"]{width: 20px; height: 20px; vertical-align: bottom;}

.db_submit{float: left; margin: 25px 0 0 5px; animation: submit 0.7s infinite alternate;}
.db_submit input{}


.layer{position: fixed; display:none; left: 0; top: 180px; z-index: 100; width: 100%;}
.layer .layer_wrap{position: relative; width: 100%; max-width:700px; top: 0; margin: 0 auto; border-radius:10px; color: #fff;
				   background: rgba(0,0,0,0.95); text-align: left; letter-spacing: -0.5px; box-shadow: 0 0 50px rgb(0 0 0 / 60%);}
.layer .close_btn{position: absolute; right: 0; top: 0; background: #ff5e00; color: #fff; overflow:hidden; border-radius:0 7px 0 7px;}
.layer .close_btn a{display: block; color: #fff; padding: 14px 18px; font-size: 20px; font-weight: bold;}
.layer .layer_wrap .DB_info_detail{width: 100%; margin: 18px auto; padding-bottom: 16px; line-height: 1.6; color: #fff; font-size: 12px;}
.layer .layer_wrap .DB_info_detail h2{padding: 22px; border-bottom: 1px solid; color: #fff; font-weight: bold; font-size: 24px;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width: 98%; height: 360px; padding: 8px 16px; box-sizing:border-box; overflow:auto;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding: 8px; margin-bottom: 12px; font-size: 13px;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dd{margin-bottom: 16px; padding: 4px 12px; box-sizing:border-box;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dt{display:block; background: #fff; border-radius:3px; padding: 7px 10px; font-weight: bold;
														   color: #333;}