@charset "utf-8";
/* CSS Document */

.fs_14 {font-size:14px !important; transition: all .3s;}
.fs_16 {font-size:16px !important; transition: all .3s;}
.fs_18 {font-size:18px !important; transition: all .3s;}
.fs_20 {font-size:20px !important; transition: all .3s;}
.fs_24 {font-size:24px !important; transition: all .3s;}
.fs_26 {font-size:26px !important; transition: all .3s;}
.fs_30 {font-size:30px !important; transition: all .3s;}
.fs_32 {font-size:32px !important; transition: all .3s;}
.fs_36 {font-size:36px !important; transition: all .3s;}
.fs_40 {font-size:40px !important; transition: all .3s;}
.fs_42 {font-size:42px !important; transition: all .3s;}
.fs_50 {font-size:50px !important; transition: all .3s;}
.fs_54 {font-size:54px !important; transition: all .3s;}
.fs_60 {font-size:60px !important; transition: all .3s;}

.mb_10 {margin-bottom:10px !important}
.mb_20 {margin-bottom:20px !important}
.mb_30 {margin-bottom:30px !important}
.mb_50 {margin-bottom:50px !important}

.txt_l {text-align:left !important}
.txt_r {text-align:right !important}
.txt_c {text-align:center !important}
.fc_green {color:#8ec641 !important}

.none {display:none !important}

.main_visual {text-align:center; height:1100px; position:relative; background-color:#000000; overflow: hidden; transition: all .3s;}
.main_visual .swiper-container {  width:100%;   height:100%; }
.main_visual .swiper-slide {position:relative; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.main_visual .swiper-pagination-bullet {margin:0px 4px !important;}
.main_visual .img_01 {background-image: url(../images/main_v_bg_01.png);}
.main_visual .img_02 {background-image: url(../images/main_v_bg_02.png);}
.main_visual .img_03 {background-image: url(../images/main_v_bg_03.png);}
.main_visual .txt_box {position:absolute; top:20%; bottom:20%; left:50%; transform:translateX(-50%); width:100%; max-width:1340px; text-align: left;}
.main_visual .txt_box .txt {position:absolute; left:10px; right:10px; top:50%; transform: translateY(-50%);}
.main_visual .txt_box h1 {display:block; margin-bottom:20px; color:#ffffff; line-height:80px; transition: all .3s;}
.main_visual .txt_box h1 span { color:#89c122}
.main_visual .txt_box p {display:block; margin-bottom:110px; color:#ffffff; transition: all .3s; }
.main_visual .txt_box a {display:inline-block; padding:0px 40px; line-height:56px; font-size:18px; color:#ffffff; text-align: center;  border-radius:12px; box-sizing: border-box; transition: all .3s; 
    background: -moz-linear-gradient(-45deg, #39b54a 30%, #0274b8 70%);
    background: -webkit-linear-gradient(-45deg, #39b54a 30%,#0274b8 70%); 
    background: linear-gradient(135deg, #39b54a 30%,#0274b8 70%);
}
.main_visual .txt_box a:hover {background:#0274b8;}
.main_visual .txt_box .btnTrade {display:inline-block; padding:0px 40px; line-height:56px; font-size:18px; color:#ffffff; text-align: center;  border-radius:12px; box-sizing: border-box; transition: all .3s; 
    background: -moz-linear-gradient(-45deg, #cf4526 30%, #9cbf0f 70%);
    background: -webkit-linear-gradient(-45deg, #cf4526 30%,#9cbf0f 70%); 
    background: linear-gradient(135deg, #cf4526 30%,#9cbf0f 70%);
}

.main_visual .collection {position:absolute; left:50%; top:20%;  z-index: 10; padding:0px 60px; padding-bottom:40px;  width:50%; box-sizing: border-box; background-color: rgba(12,16,20,.7); border-radius: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border:1px solid rgba(255,255,255,.15); border-right:0px; box-sizing: border-box; }
.main_visual .collection h3 {display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; color:#ffffff; margin:0px; padding:30px 0px; transition: all .3s; }
.main_visual .collection h3 b {color:#ffffff;}
.main_visual .collection h3 i {display:inline; margin-left:10px; font-style:normal; }
.main_visual .collection h3 b i {color:#39b54a; font-weight: 100;}
.main_visual .collection h3 span {color:#0071bc;}
.main_visual .collection h3 span i {color:#ffffff;}

.collection_li {position:relative; top:0px; bottom:50px; padding: 0px 0px; padding-top:50%; padding-bottom:80px; height: auto; position: relative; overflow: hidden;  }
.collection_li .arrow-left,
.collection_li .arrow-right {position: absolute; bottom:0%; z-index: 100; background-image: url(../images/arrow_01.png); background-repeat: no-repeat; width:34px; height:34px;}
.collection_li .arrow-left {right:40px; background-position:0px 0px;}
.collection_li .arrow-left:hover {background-position:0px -36px;}
.collection_li .arrow-right {right:0px; background-position:-44px 0px;}
.collection_li .arrow-right:hover {background-position:-44px -36px;}
.swiper-container2 {position:absolute !important; top:0px; width:100%; }
.collection_li .swiper-slide2 { display:block; padding-bottom:0px !important; }
.collection_li .swiper-slide2 img {width:100%; margin:0px;}
.collection_li .pagination {display:none;}

.page_dot_wrap {position:absolute; left:50%; bottom:20%; z-index: 1; transform: translateX(-50%); width:100%; max-width:1340px; }
.page_dot {position:absolute; left:20%; text-align: left !important}
.page_dot .swiper-pagination {position:relative;}
.page_dot .swiper-pagination-bullet {border:2px solid rgba(55,206,23,1); background-color: transparent; width:14px; height:14px !important; box-sizing: border-box;}
.page_dot .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:rgba(55,206,23,1);}

.section_A  {background:url(../images/section_A_bg.png) no-repeat; background-size: cover; padding:0px; text-align:center;}
.section_A .inner {position:relative; z-index:10; display:block; max-width:1348px; margin:0px auto; padding:100px 0px; transition: all .3s;}
.section_A h3 {display:block; padding:20px 0px; margin-bottom:30px; color:#222222; text-align:left !important; transition: all .3s; }
.section_A h3 span {color:#39b54a}
.section_A p.fs_24 {font-weight: 100; text-align:left; color:#222222; transition: all .3s;}
.section_A ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; padding:60px 0px; text-align: center;}
.section_A ul li {width:30%; max-width:360px; margin-bottom:58px; padding:60px 35px; background-color:#ffffff; border-radius: 10px; border:1px solid #dddddd; box-shadow:10px 10px 10px rgba(0,0,0,.1) ; transition: all .3s; box-sizing: border-box;}
.section_A ul li .icon {display:inline-block; width:140px; height:140px; margin-bottom:20px; background-position: 50% 50%; background-repeat: no-repeat; transition: all .3s;}
.section_A ul li b {display:block; margin-bottom:25px; color:#212121; line-height: 24px;}
.section_A ul li p {color:#666666}
.section_A ul li.li01 .icon {background-image: url(../images/section_A_i_01.png); opacity: 1; visibility: visible;}
.section_A ul li.li01:hover .icon {background-image: url(../images/section_A_i_01_o.png);}
.section_A ul li.li02 .icon {background-image: url(../images/section_A_i_02.png);}
.section_A ul li.li02:hover .icon {background-image: url(../images/section_A_i_02_o.png);}
.section_A ul li.li03 .icon {background-image: url(../images/section_A_i_03.png);}
.section_A ul li.li03:hover .icon {background-image: url(../images/section_A_i_03_o.png);}
.section_A ul li.li04 .icon {background-image: url(../images/section_A_i_04.png);}
.section_A ul li.li04:hover .icon {background-image: url(../images/section_A_i_04_o.png);}
.section_A ul li.li05 .icon {background-image: url(../images/section_A_i_05.png);}
.section_A ul li.li05:hover .icon {background-image: url(../images/section_A_i_05_o.png);}
.section_A ul li.li06 .icon {background-image: url(../images/section_A_i_06.png);}
.section_A ul li.li06:hover .icon {background-image: url(../images/section_A_i_06_o.png);}
.section_A ul li:hover {background-color:#0071bc; border:1px solid #0071bc;}
.section_A ul li:hover b,
.section_A ul li:hover p {color:#ffffff}

.section_B  {background-color:#f2f2f2; padding:0px; text-align:center;}
.section_B .inner {position:relative; z-index:10; display:block; padding:0px 0px; text-align:center; transition: all .3s;}
.section_B .inner_a {padding:100px 50px; background:url(../images/section_B_bg_01.png) no-repeat; background-size: cover ;}
.section_B .inner_a h2 {background:url(../images/title_i_02.png) 50% bottom no-repeat;}
.section_B .inner_a h2 b {color:#ffffff;}
.section_B .inner_a .a_wrap {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding:50px 0px; color:#ffffff; text-align: left; overflow: hidden; transition: all .3s;}
.section_B .inner_a .a_wrap img {float:left; width:50%;}
.section_B .inner_a .a_wrap .txt {padding-left:50px; width:50%; max-width:700px; box-sizing: border-box; transition: all .3s;}
.section_B .inner_a h3 {line-height:50px; margin-bottom:30px; transition: all .3s;}
.section_B .inner_a p {line-height:36px; margin-bottom:30px; transition: all .3s;}
.section_B .inner_b {display: flex; flex-direction: row;flex-wrap: wrap; justify-content: space-between;}
.section_B .inner_b .area_a,
.section_B .inner_b .area_b {width:50%; padding:100px 70px;  background-size: cover ; background-repeat: no-repeat; box-sizing: border-box; overflow: hidden; transition: all .3s; }
.section_B .inner_b .area_a {background-image:url(../images/section_B_bg_02.png); color:#ffffff;}
.section_B .inner_b .area_a .txt {max-width:580px; float: right; text-align: left;}
.section_B .inner_b .area_a .txt h3 {line-height:60px; margin-bottom:40px;}
.section_B .inner_b .area_a .txt h3 span {display:block}
.section_B .inner_b .area_a .txt p {line-height:40px;}
.section_B .inner_b .area_b {background-image:url(../images/section_B_bg_03.png); }
.section_B .inner_b .area_b h3 {padding-bottom:15px; margin-bottom:120px; max-width:670px; background:url(../images/title_i_01.png) 50% bottom no-repeat;}
.section_B .inner_b .area_b dl {padding-left:70px; margin-bottom:50px; text-align:left; max-width:670px; list-style:none;  counter-increment: chapter; overflow: hidden;}
.section_B .inner_b .area_b dl:before {content:counter(chapter); float: left; margin-left:-70px; width:48px; height:48px; line-height: 48px; text-align: center; font-size:20px; font-weight: bold; color:#ffffff; background-color: #212121; border-radius: 10px;}
.section_B .inner_b .area_b dl dt {line-height:48px; margin-bottom:15px;}
.section_B .inner_b .area_b dl dd {line-height:30px;}

.section_C {background:url(../images/section_C_bg.png) no-repeat; background-size: cover; padding:0px; text-align:center;}
.section_C .inner {display:block; max-width:1348px; margin:0px auto; padding:100px 0px; text-align:center; }
.section_C .a_area {max-width:645px; margin:0px auto; padding-bottom:40px;}
.section_C .a_area ul {padding:10px 0px; overflow: hidden; }
.section_C .a_area ul li {position:relative; float:left; margin-bottom:15px; height:60px; color:#ffffff; background-color:#8ec641; box-sizing:border-box; border-radius:30px; border-bottom-right-radius:0px; transition: all .3s;}
.section_C .a_area ul li div {position: absolute; top:50%; left:0px; transform: translateY(-50%); width:100%;}
.section_C .a_area ul li div span {display: block;}
.section_C .a_area ul li:nth-child(1) {width:100%;     
	background: -moz-linear-gradient(-45deg, #0274b8 50%, #39b54a 70%);
    background: -webkit-linear-gradient(-45deg, #0274b8 50%,#39b54a 70%); 
    background: linear-gradient(135deg, #0274b8 50%,#39b54a 70%);}
.section_C .a_area ul li:nth-child(2) {width:40%; background:#0274b8}
.section_C .a_area ul li:nth-child(3) {width:58%; float: right;  
	background: -moz-linear-gradient(-45deg, #0274b8 10%, #39b54a 40%);
    background: -webkit-linear-gradient(-45deg, #0274b8 10%,#39b54a 40%); 
    background: linear-gradient(135deg, #0274b8 10%,#39b54a 40%);}
.section_C .a_area ul li:nth-child(4) {width:58%;
	background: -moz-linear-gradient(-45deg, #0274b8 70%, #39b54a 99%);
    background: -webkit-linear-gradient(-45deg, #0274b8 70%,#39b54a 99%); 
    background: linear-gradient(135deg, #0274b8 70%,#39b54a 99%);}
.section_C .a_area ul li:nth-child(5) {width:40%; float:right; background:#39b54a}
.section_C .a_area ul li:nth-child(6) {width:100%; background-color:#212121;}
.section_C .a_area ul li:nth-child(7) {width:100%; background:#ffffff; color:#0071bc; border:2px solid #0071bc}
.section_C .a_area p {text-align: right; color:#333333;}
.section_C .b_area .area_inner {max-width:1200px; margin:0px auto; padding:60px 0px; text-align:left; overflow: hidden; transition: all .3s;}
.section_C .b_area .fl_l,
.section_C .b_area .fl_r {width:47%; box-sizing: border-box;}
.section_C .b_area .fl_l {float:left;}
.section_C .b_area .fl_r {float:right;}
.section_C .b_area h3 {display:block; margin-bottom:10px; padding:10px 0px; font-weight: 600; color:#222222;}
.section_C .b_area h3 span {color:#89c122}
.section_C .b_area ul {padding-left:20px;}
.section_C .b_area ul li {list-style:decimal; padding:5px 0px; color:#666666; line-height:30px; transition: all .3s;}

.section_D {background:url(../images/section_D_bg.png) no-repeat; background-size: cover; padding:0px; text-align:center;}
.section_D .inner {display:block; max-width:1348px; margin:0px auto; padding:100px 0px; text-align:center; }
.section_D .inner h2 {background:url(../images/title_i_02.png) 50% bottom no-repeat;}
.section_D .inner h2 b {color:#ffffff;}
.section_D ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; }
.section_D ul li {display: flex; position:relative; padding:10px 15px; margin-bottom:50px; width:50%; text-align: left;box-sizing: border-box;}
.section_D ul li .img {position:relative; z-index: 10; float:left; width:290px; height:200px; border-top-right-radius:100px; border-bottom-right-radius:100px; overflow: hidden; box-shadow: 8px 8px 8px rgba(0,0,0,.1);}
.section_D ul li .img img {position:absolute; left:0px; top:0px; min-height: 100%; min-width:100%;}
.section_D ul li dl { flex:1; margin-left:-50px; padding:25px 100px; padding-right:25px; background-color: #ffffff; border-top-left-radius:100px; border-bottom-left-radius:100px; box-sizing: border-box;}	
.section_D ul li dl dt {color:#222222;}
.section_D ul li dl dd {color:#666666;}
.section_D ul li:hover dl {background-color:#39b54a;}
.section_D ul li:hover dl dt {color:#ffffff}
.section_D ul li:hover dl dd {color:#ffffff;}

.section_E  {background:url(../images/section_E_bg.png) no-repeat; background-size: cover; padding:0px; text-align:center;}
.section_E .inner {display:block; max-width:1340px; margin:0px auto; padding:100px 0px; text-align:center;}
.section_E .inner h2 {background:url(../images/title_i_02.png) 50% bottom no-repeat;}
.section_E .inner h2 b {color:#ffffff;}
.chart__content {padding-left:0px; padding:50px 10px; overflow:hidden; }
.chart__content .chart-container {position:relative; float:left; margin-top:20px; margin-left:0px; margin:0px auto; margin-bottom:30px; width:45%; color:#fff; box-sizing: border-box; }
.chart__content .chart-container .chart_title {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.chart__content .chart-container .chart_title b {display:inline-block; margin-bottom:10px; font-size:30px; color:#ffffff;}
.chart__content .chart-container .chart_title b span {display:block; font-size:18px;}
.chart__content .chart-container .chart_title p {font-size:14px; color:#ffffff;}
.chart__content .chart-container ul {position: absolute; left:50%; bottom:-60px; transform: translateX(-50%); width:100%; text-align:center; overflow: hidden;}
.chart__content .chart-container ul li {display:inline-block; margin:5px 8px; height:20px; line-height: 20px; font-size:12px; color:#ffffff; letter-spacing:0px; text-align: left;}
.chart__content .chart-container ul li:before {content:''; display: inline-block; margin-right:5px; width:10px; height:10px; }
.chart__content .chart-container ul li:nth-child(1):before {background-color:#39b54a;}
.chart__content .chart-container ul li:nth-child(2):before {background-color:#0274b8;}
.chart__content .chart-container ul li:nth-child(3):before {background-color:#89c122;}
.chart__content .chart-container ul li:nth-child(4):before {background-color:#39acb2;}
.chart__content .chart-container ul li:nth-child(5):before {background-color:#42a07e;}
.chart__content .chart-container ul li:nth-child(6):before {background-color:#6d7ea5;}
.chart__content .chart-container ul li:nth-child(7):before {background-color:#575ca0;}
.chart__content .chart__progressbars {float:right; width:50%; margin-left:0; margin-bottom:0; text-align:left; box-sizing: border-box; }
.chart__content .chart__progressbars li {padding-left:0px; margin-bottom:30px; }
.chart__content .chart__progressbars li.label {margin-bottom:7px; font-size:16px; font-weight: 500; color:#ffffff;}
.chart__content .chart__progressbars li.label span {font-size:30px; font-weight: 600;}
.chart__content .chart__progressbars li.label span:after {content:'%'; margin-left:3px; font-size:20px; font-weight: 100;}
.chart__content .chart__progressbars .progressbar{width:0%;height:15px;background:#fff}
.chart__content .chart__progressbars .progressbar:not(:last-child){margin-bottom:17px}

.section_F {background:url(../images/section_F_bg.png) no-repeat; background-size: cover; padding:0px; text-align:center;}
.section_F .inner {display:block; max-width:1340px; margin:0px auto; padding:130px 0px; padding-top:130px; text-align:center;}
.section_F section {display:block; max-width:900px; margin:0px auto; padding:50px 0px;}
.section_F section dl {position:relative; display:flex; padding:0px 0px; padding-bottom:30px; text-align:left;}
.section_F section dl:before {content:''; position: absolute; left:165px; top:0px; bottom:0px; width:3px; background-color:#89c122; opacity: .3; transition: all .3s;}
.section_F section dl:nth-child(1):before {top:30px;}
.section_F section dl dt {padding:0px 0px; padding-bottom:10px; width:150px; color:#212121; font-weight: 600;}
.section_F section dl dd {flex:1; position: relative; padding:0px 0px; padding-bottom:10px; padding-left:80px; columns: #212121; background: url(../images/section_F_i_01.png) left 0px no-repeat;}
.section_F section dl:nth-child(2n) dd {background: url(../images/section_F_i_02.png) left 0px no-repeat;}
.section_F section dl:nth-child(2n):before {content:''; background-color:#0071bc; }

.section_G  {background:url(../images/section_G_bg.png) no-repeat; background-size: cover; padding:0px; text-align:center;}
.section_G .inner {display:block; max-width:1400px; margin:0px auto; padding:100px 0px; text-align:center; }
.section_G .list {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.section_G .list li {position:relative;  margin:0px auto; margin-bottom:30px; padding-bottom:20px; width:24%; max-width:320px; background-color:#ffffff; box-shadow:3px 0px 10px rgba(0,0,0,.1), 10px 0px 30px rgba(0,0,0,.15); transition: all .3s;}
.section_G .list li .img {display:block; position: relative; margin-bottom:12px; padding-top:135%; overflow: hidden;}
.section_G .list li .img img {position: absolute; top:0%; left:50%; transform: translateX(-50%); width:100%; min-height: 100%; filter: grayscale(100%); transform: all .3s;}
.section_G .list li b {display:block; padding:5px 20px; font-weight: 600; color:#222222; text-align:left; letter-spacing: -1px;}
.section_G .list li p {display:block; padding:0px 20px; color:#222222; text-align:left}
.section_G .list li:hover .img img {filter: grayscale(0%);}

.section_H  {background:url(../images/section_H_bg.png) no-repeat; background-size: cover; padding:0px; text-align:center;}
.section_H .inner {display:block; max-width:1400px; margin:0px auto; padding:100px 0px; text-align:center; }
.section_H .list {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.section_H .list li {position:relative;  margin:0px auto; margin-bottom:30px; padding-bottom:20px; width:24%; max-width:320px; background-color:#ffffff; box-shadow:3px 0px 10px rgba(0,0,0,.1), 10px 0px 30px rgba(0,0,0,.15); transition: all .3s;}
.section_H .list li .img {display:block; position: relative; margin-bottom:12px; padding-top:135%; overflow: hidden;}
.section_H .list li .img img {position: absolute; top:0%; left:50%; transform: translateX(-50%); width:100%; min-height: 100%; filter: grayscale(100%); transform: all .3s;}
.section_H .list li b {display:block; padding:5px 20px; font-weight: 600; color:#222222; text-align:left; letter-spacing: -1px;}
.section_H .list li p {display:block; padding:0px 20px; color:#222222; text-align:left}
.section_H .list li:hover .img img {filter: grayscale(0%);}

.section_I  {background:url(../images/section_I_bg.png) no-repeat; background-size: cover; padding:0px; text-align:center;}
.section_I .inner {display:block; max-width:1340px; margin:0px auto; padding:100px 0px; text-align:center; }
.section_I .inner h2 {background:url(../images/title_i_02.png) 50% bottom no-repeat;}
.section_I .inner h2 b {color:#ffffff;}
.section_I ul {display: flex; flex-wrap: wrap; flex-direction: row; ;}
.section_I ul li {padding:9px 10px; width:20%; box-sizing: border-box;}
.section_I ul li img {max-width:100%;}

.section_AP  {background:url(../images/section_A_bg.png) no-repeat; background-size: cover; padding:0px; text-align:center;}
.section_AP .inner {position:relative; z-index:10; display:block; max-width:1348px; margin:0px auto; padding:100px 0px; transition: all .3s;}
.section_AP h3 {display:block; padding:20px 0px; margin-bottom:0px; color:#222222; text-align:left !important; transition: all .3s; }
.section_AP h3 span {color:#39b54a; font-size:medium;}
.section_AP p.fs_24 {font-weight: 100; text-align:left; color:#222222; transition: all .3s;}

@media only screen and (max-width:1928px) {
.main_visual {height:980px;}
}
@media only screen and (max-width:1400px) {
.fs_60 {font-size:50px !important;}
.main_visual {height:760px;}
.main_visual .txt_box h1 {line-height:66px;}
.page_dot {bottom:5%; }
}

@media only screen and (max-width:1340px) {
.section_A .inner,
.section_B .inner,
.section_C .inner,
.section_D .inner,
.section_E .inner,
.section_F .inner,
.section_G .inner,
.section_H .inner,
.section_AP .inner,
.section_I .inner {padding:50px 10px}
}

@media only screen and (max-width:1200px) {

.fs_14 {font-size:13px !important;}
.fs_16 {font-size:15px !important;}
.fs_18 {font-size:17px !important;}
.fs_20 {font-size:18px !important;}
.fs_24 {font-size:22px !important;}
.fs_26 {font-size:24px !important;}
.fs_30 {font-size:28px !important;}
.fs_32 {font-size:28px !important;}
.fs_36 {font-size:32px !important;}
.fs_40 {font-size:36px !important;}
.fs_42 {font-size:38px !important;}
.fs_50 {font-size:40px !important;}
.fs_54 {font-size:42px !important;}
.fs_60 {font-size:46px !important;}

.main_visual {height:620px;}
.main_visual .collection {padding:30px 30px;}
.section_F .section_wrap section {padding:0px 10px; padding-bottom:300px; width:50%;}
.section_F .section_wrap ul {padding:0px 10px; width:50%;}
.section_F .section_wrap ul li {padding:10px 10px; padding-right:150px; margin-bottom:10px;}
}

@media only screen and (max-width:1000px) {
.fs_40 {font-size:34px !important;}
.fs_42 {font-size:36px !important;}
.fs_60 {font-size:40px !important;}
.main_visual {height:520px;}
.main_visual .swiper-slide {padding-top:60px;}
.main_visual .txt_box h1 {margin-bottom:10px; line-height:56px;}
.main_visual .txt_box a {padding:0px 40px; height:46px; line-height:44px; font-size:16px; }
.main_visual .txt_box .btnTrade {padding:0px 40px; height:46px; line-height:44px; font-size:16px; }

.section_B .inner_a .a_wrap {padding:40px 0px; }
.section_B .inner_a .a_wrap img {float:none; width:100%; margin-bottom:40px;}
.section_B .inner_a .a_wrap .txt {padding-left:0px; width:100%; max-width:1000px;}
.section_B .inner_a h3 {line-height:40px; margin-bottom:30px;}
.section_B .inner_a p {line-height:32px; margin-bottom:30px;}
.section_B .inner_b .area_a,
.section_B .inner_b .area_b {width:50%; padding:80px 60px; }
.section_B .inner_b .area_a .txt h3 span {display:inline}
.section_B .inner_b .area_a .txt p {line-height:30px;}
.section_B .inner_b .area_b h3 {margin-bottom:50px;}

.section_D ul li {display:inline-block; position:relative; margin-bottom:10px;}
.section_D ul li .img {position:relative; z-index: 10; top:0px; }
.section_D ul li dl { flex:none; margin-top:180px; margin-left:0px; padding:45px 25px; padding-right:25px; border-radius: 0px; border-bottom-right-radius:100px; border-top-right-radius: 100px; }	
.section_D ul li dl dt {margin-bottom:10px;}

}

@media only screen and (max-width:900px) {
	
.section_A ul li {margin-bottom:48px; padding:40px 25px;}

}


@media only screen and (max-width:800px) {

.fs_14 {font-size:12px !important;}
.fs_16 {font-size:14px !important;}
.fs_18 {font-size:16px !important;}
.fs_20 {font-size:18px !important;}
.fs_24 {font-size:20px !important;}
.fs_26 {font-size:22px !important;}
.fs_30 {font-size:24px !important;}
.fs_32 {font-size:24px !important;}
.fs_36 {font-size:26px !important;}
.fs_40 {font-size:30px !important;}
.fs_42 {font-size:34px !important;}
.fs_50 {font-size:34px !important;}
.fs_54 {font-size:36px !important;}
.fs_60 {font-size:38px !important;}

.main_visual {height:480px;}
.main_visual .txt_box h1 {margin-bottom:10px; line-height:46px;}
.main_visual .txt_box h1.fs_54 {font-size:30px !important;}
.main_visual .txt_box div a {padding:0px 30px; height:36px; line-height:34px; font-size:12px; }
.main_visual .txt_box p { width:50%; margin-bottom:80px}
.main_visual .txt_box .btnTrade {padding:0px 30px; height:36px; line-height:34px; font-size:12px; }

.chart__content .chart-container {float:none; width:100%; margin-bottom:100px; }
.chart__content .chart__progressbars {float:none; width:100%;}

.section_B .inner_b .area_a,
.section_B .inner_b .area_b {width:100%; padding:50px 30px; }
.section_B .inner_b .area_a .txt h3 span {display:inline}
.section_B .inner_b .area_a .txt p {line-height:30px;}
.section_B .inner_b .area_b h3 {margin-bottom:50px;}
.section_B .inner_b .area_b dl {padding-left:50px;}
.section_B .inner_b .area_b dl:before {margin-left:-50px; width:32px; height:32px; line-height: 32px; font-size:16px; }
.section_B .inner_b .area_b dl dt {line-height:32px; }
.section_B .inner_b .area_b dl dd {line-height:20px;}

.section_I ul li {padding:10px 10px; width:50%; }

}

@media only screen and (max-width:700px) {
  
.main_visual {height:420px;}
.main_visual .txt_box h1 {padding-top:50px; line-height:40px; font-size:30px !important}
.main_visual .txt_box p {font-size:16px !important; margin-bottom:50px; }
.main_visual .collection {padding:20px 20px;}
.main_visual .collection h3 { padding:10px 0px; font-size:14px !important ; letter-spacing: -1px;}

.chart__content .chart-container {float:none; width:100%; margin-bottom:100px; }
.chart__content .chart__progressbars {float:none; width:100%;}

.section_A ul li {width:48%; padding:40px 20px; }
.section_AP h3 {font-size:medium; padding:5px 0px;}

}  

@media only screen and (max-width:600px) {

.fs_14 {font-size:11px !important;}
.fs_16 {font-size:12px !important;}
.fs_18 {font-size:12px !important;}
.fs_20 {font-size:15px !important;}
.fs_24 {font-size:14px !important;}
.fs_26 {font-size:18px !important;}
.fs_30 {font-size:20px !important;}
.fs_32 {font-size:20px !important;}
.fs_36 {font-size:22px !important;}
.fs_40 {font-size:23px !important;}
.fs_42 {font-size:24px !important;}
.fs_50 {font-size:24px !important;}
.fs_54 {font-size:26px !important;}
.fs_60 {font-size:30px !important;}

.main_visual {height:380px;}
.main_visual .txt_box h1 {margin-bottom:10px; line-height:36px; font-size:26px !important}
.main_visual .txt_box p { width:50%; margin-bottom:40px; font-size:14px !important	}

.section_C .b_area .fl_l,
.section_C .b_area .fl_r {width:100%; margin-bottom:20px;}
.section_C .b_area ul li {line-height:20px;}

.section_D ul li {width:100%; padding:10px 0px;}
.section_D ul li .img {width:100%; max-width:290px; height:120px; border-top-right-radius:100px; border-bottom-right-radius:100px; }
.section_D ul li dl {margin-top:100px;}

.section_E .section_wrap div {width:100%; margin-bottom:30px;}
.section_E .section_wrap div h3 {height:auto;}

.section_G .list li {width:48%;}
.section_H .list li {width:48%;}
}

@media only screen and (max-width:481px) {
.section_I ul li {padding:5px 0px; width:100%; }
}

@media only screen and (max-width:460px) {

.main_visual .txt_box h1 {line-height:30px; font-size:20px !important}
.main_visual .txt_box p {font-size:12px !important; margin-bottom:40px; }
.main_visual .collection {padding:10px 10px;}
.main_visual .collection h3 { padding:10px 0px; font-size:14px !important ; letter-spacing: -1px;}
.collection_li { padding-top:50%; padding-bottom:50px;  }

.section_A ul li {width:100%; padding:30px 15px; margin-bottom:10px; }



}