@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;900&family=Roboto:wght@300;400;500;700;900&display=swap');
/*font-family: 'Poppins', sans-serif;*/

/* 리셋 */
*,
::before,
::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:theme('borderColor.DEFAULT','currentColor')}::before,
::after{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:theme('fontFamily.sans',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji")}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,
h2,
h3,
h4,
h5,
h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,
strong{font-weight:bolder}code,
kbd,
samp,
pre{font-family:theme('fontFamily.mono',ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em}small{font-size:80%}sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,
input,
optgroup,
select,
textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,
select{text-transform:none}button,
[type='button'],
[type='reset'],
[type='submit']{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,
::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,
ul,
menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,
textarea::placeholder{opacity:1;color:theme('colors.gray.400',#9ca3af)}button,
[role="button"]{cursor:pointer}:disabled{cursor:default}img,
svg,
video,
canvas,
audio,
iframe,
embed,
object{display:block;vertical-align:middle}img,
video{max-width:100%;height:auto}[hidden]{display:none}

:root {
	--wh : #fff;
	--black : #121212;
	--primary : #5f32a7;
	--bg-color : #f8f8f8;
	--p-color : #254072;
	--txt-color :#555;
	--txt-p : #182e58;
	--popin : 'Poppins', sans-serif;
	--fontawesome : Font Awesome 6 Free;
	--w-container : 1440px;
	--side-pd : 20px;

	--txt-size : 1.5rem;
	--txt-size24 : 2.4rem;

	--100px : 100px;

}

*{box-sizing:border-box; }
html {font-size:10px;}
body {display:flex; flex-flow:column; height:100%; min-height:100vh; margin:0; padding:0; background:none; font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-size:1.5rem; word-break:keep-all; color:#555;}

.head {position:fixed; top:0; left:0; width:100%; height:96px; padding:0 5.72%; z-index:100; background:#000; border-bottom:1px solid rgba(255, 255, 255, 0.14);}
.logo{position:relative;z-index:123; float:left; padding:15px 0;}
.logo a{color:#6DDB07;}

/*메뉴*/

#cssmenu .lang:hover {background:none!important;}
#cssmenu .language span {display:inline-block; padding:5px;}
#cssmenu .language:hover span {background: #5f32a7;}
#cssmenu .lang {padding:12px 0;}
#cssmenu li:nth-last-child(2) {margin-left:20px;}
#cssmenu .language {
    font-size: 1.3rem;
	padding:17px 5px;
}

#cssmenu .language.selected {
    color: #a6a6a6;
}

nav{position:relative; height:100%;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul {float:right; height:100%;}
#cssmenu > ul > li{float:left; height:100%;}
#cssmenu > ul > li > a{display:flex; align-items:center; height:100%; padding:17px; color:var(--wh); font-size:1.8rem;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#5f32a7!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

#cssmenu > ul > li.lang {}

@media screen and (max-width:768px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul {width:100%;display:none; background:#000;}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul {width:auto; margin-left:-20px; margin-right:-20px; float: none; height: auto; background:#03050a;}
#cssmenu > ul > li{float:none; height:auto;}
#cssmenu ul ul li a {padding-left:25px}
#cssmenu > ul > li > a {justify-content:center; padding:20px;}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:48px;color:#ddd;font-size:12px;font-weight:700}
#cssmenu .button{width:55px;height:46px;position:absolute;right:0;top:24px;cursor:pointer;z-index: 12399994;}
#cssmenu .button:after{position:absolute;top:21px;right:11px;display:block;height:14px;width:30px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
#cssmenu .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:10px;right:11px;display:block;height:2px;width:30px;background:#ddd;content:''}
#cssmenu .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:26px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#cssmenu .button.menu-opened:before{top:23px;background:#fff;width:26px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}

/*스와이퍼*/
.swiper {width: 100%; height:720px;}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*공통*/
.container {width:100%; max-width:1440px; margin:0 auto; padding:100px 20px;}
.container img {width:100%;}

/*메인이미지*/
.main_visual {height:720px; background: linear-gradient(#03050a, #0b2f3e); color:#fff; font-size:1.6rem; overflow:hidden;}
.main_visual .swiper-slide {position:relative; display: flex; flex-flow:column wrap; justify-content:center; algin-items:center;}
.main_visual .swiper-slide:after {position:absolute; content:""; width:100%; height:100%; }
.main_visual .swiper-slide > div {width:100%; max-width:1440px; margin:0 auto; padding:0 var(--side-pd);}
.main_visual .slide1:after {background:url(../images/main_visual1.png) no-repeat; background-position:bottom right;}
.main_visual .slide2:after {background:url(../images/main_visual2.png) no-repeat; background-position:bottom right;}
.main_visual .slide3:after {background:url(../images/main_visual3.png) no-repeat; background-position:bottom right;}
.main_visual .slide4:after {background:url(../images/main_visual4.png) no-repeat; background-position:bottom right;}
.main_visual strong {display:block; margin-bottom:20px; font-size:5.6rem; line-height:1.2}

.main_visual .swiper-pagination-fraction,
.main_visual .swiper-pagination-custom,
.main_visual .swiper-horizontal > .swiper-pagination-bullets,
.main_visual .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:40px;}
.main_visual .swiper-pagination-bullet {margin-bottom:40px; width:15px; height:15px;}
.main_visual .swiper-pagination-bullet-active {background:#fff;}

/*메인*/
.main_row1 {background:var(--bg-color);}
.main_row1 .container {display:flex; flex-flow:row wrap; justify-content:space-between; max-width:1280px;}
.main_row1 dl {margin-top:10px; text-align:center;}
.main_row1 dl,
.main_row1 .pic {width:28.125%;}
.main_row1 dl:last-of-type {align-self: flex-end; margin-top:0; margin-bottom:40px;}
.main_row1 dt {margin-bottom:30px; font-family:var(--popin); font-size:3rem; color:var(--black); font-weight:700;}
.main_row1 dd {color:#4d4d4d;}

.main_cat {display:flex; flex-flow:row wrap; justify-content:space-between; min-height:494px;}
.main_cat .pic {display:flex; align-items:center; justify-content:center; width:50%; background-size:cover!important; font-size:6rem; color:var(--wh); font-weight:700; font-family:var(--popin);}
.main_cat .cont {display:flex; flex-flow:column wrap; justify-content:center; width:44.8%; padding-right:20px;}
.main_cat .cont h4 {font-weight:700; color:#827983; font-size:1.8rem}
.main_cat .cont h4 strong {display:block; font-weight:700; color:var(--black); font-size:30px; line-height:1;}
.main_cat .cont h4:after {display:block; content:""; width:50px; height:3px; margin:20px 0 50px 2px; background:var(--black);}
.main_cat .cont dt {margin-bottom: 5px; font-weight:700; color:#333;}
.main_cat .cont dd {color:#000;}
.main_cat .cont a,
.main_cat .cont a:hover {display:flex; align-items: center; margin-top:50px; color:#3e219d;}
.main_cat .cont a img {display:inline-block; margin-left:5px;}

.main_row3,
.main_row5 {flex-flow:row-reverse wrap;}
.main_row3 .cont,
.main_row5 .cont {padding-left: 9.63%;}

.main_row2 .pic {background:url(../images/main_company.jpg) no-repeat;}
.main_row3 .pic {background:url(../images/main_pow.jpg) no-repeat;}
.main_row4 .pic {background:url(../images/main_dangnn.jpg) no-repeat;}
.main_row5 .pic {background:url(../images/main_game.jpg) no-repeat;}

.main_row6 {background:var(--bg-color);}
.main_row6 h3 {margin-bottom:90px; font-size:3.6rem; font-weight:500; text-align:center;}
.main_row6 ul {display:flex; flex-flow:row wrap;}
.main_row6 li {width:24%; margin-left:1%; padding:40px; background:var(--wh); font-size:1.6rem; cursor:pointer;}
.main_row6 li:first-child {margin-left:0;}
.main_row6 li span {display:block; margin-top:30px; color:#80728e;}
.main_row6 .btn_more {display:flex; align-items:center; justify-content:center; height:50px; width:124px; margin:0 auto; margin-top:80px; background:#2b242e; color:var(--wh); border-radius:50px; font-size:1.6rem; font-weight:500;}
.main_row6 .btn_more img {width:auto;}

/*풋터*/
footer {background:#1e1b1f; color:#dfdfdf;}
footer .container {display:flex; justify-content:space-between; align-items: flex-start; padding:50px 20px;}
footer .container img {display:inline-block; width:auto; margin-bottom:28px;}
footer .ft_left p {line-height:1.8}
footer .ft_right {display:flex; align-items:center;}
footer .ft_right a:after {display:inline-block; content:""; width:1px; height:15px; margin:0 10px; background:#dfdfdf;}
footer .ft_right a:last-of-type:after {display:none;}

/*서브*/
.sub_visual {display:flex; justify-content:center; align-items:center; height:360px; background: rgb(11,47,62);  background: url(../images/subvisual.png), linear-gradient(0deg, rgba(11,47,62,1) 0%, rgba(3,5,10,1) 100%); }
.sub_visual h2 {display:flex; flex-flow:column wrap; align-items:center; margin-top:95px; color:var(--wh); font-size:54px; font-weight:500;}
.sub_visual h2 em {font-style:normal; color:#d1c5e3; font-size:20px; border-bottom:1px solid #d1c5e3;}
.sub_visual h2 p {color:var(--wh); font-size:var(--txt-size);}

.sub_cont {padding:110px 0;}
.tit {margin-bottom:var(--100px); padding:0 var(--side-pd); font-size:30px; font-weight:900; color:var(--black); text-align:center;}
.news, game, about, mainnet, coin {flex-grow:1;}


.block .container {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; padding-top:0; padding-bottom:0;}
.block:nth-of-type(2n) .container {flex-flow:row-reverse wrap; margin-top: -30px;}
.block .pic {width:48%;}
.block dl {width:46.66%;}
.block:nth-of-type(2n-1) dl{margin-top:-50px;}
.block:nth-of-type(2n) dl {margin-left:5%; padding-right:5%;}
.block dt {margin-bottom:40px; font-size:4.8rem; font-weight:300; color:var(--black); line-height:1.1;}
.block dd {width:100%; max-width:500px; font-size:1.4rem;}
.block dd strong {display:block; margin-bottom:20px; }
.block dd p {margin-top:10px;}
.block dd p:first-of-type {margin-top:0;}

/*회사소개*/
.about .sub_cont {padding-bottom:0;}
.vision {flex-flow:row-reverse wrap;margin-top: -30px; margin-bottom:100px; }
.vision dl {margin-left:5%;}
.mission dl {margin-top:-50px;}

.welfare {background:#667ad0; color:var(--wh);}
.welfare .tit {margin-bottom:50px; color:var(--wh);}
.welfare ul {display:flex; flex-flow:row wrap; justify-content:center; }
.welfare li {display:flex; flex-flow:column wrap; align-items:center; width:33.33%;}
.welfare li span {border-bottom:1px solid var(--wh);}
.welfare li i {width:126px; height:126px; line-height:126px; text-align:center; margin:14px 0 20px; background:var(--wh); border-radius:50%; color:#5970d3; font-size:3.4rem;}
.welfare li strong {font-weight:500; font-size:var(--txt-size24);}

/*메인넷*/
.mainnet .sub_cont {padding-bottom:0;}
.mainnet .block:nth-of-type(2n) {background:var(--bg-color);}
.mainnet .block:nth-of-type(2n) .container {margin:60px auto; padding:60px 20px;}
.mainnet .block:last-of-type .container {margin-bottom:0; padding-bottom:100px;}

/*소식*/
.news .sub_cont {padding:0;}
.news .container {height:100%; display:flex; flex-flow:row wrap; justify-content:space-between; padding-top:0; padding-bottom:0; }
.news .container > div {padding-top:110px;}
.left_m {width:200px; margin-right:30px; border-right:1px solid #ededed;}
.left_m li {height:45px; padding: 10px 0; font-weight: 500; font-size: 1.6rem;  color:var(--txt-p);}
.left_m li.active {color:#006;}
.left_m li:hover a,
.left_m li.active a {display: inline-block; border-bottom: 2px solid var(--p-color); color:inherit;}
.right_cont {width:calc(100% - 270px);padding-bottom:110px; }
.news .right_cont .card {border:none; border-bottom: 1px solid #d7d7d7;}
.news .card-header {padding: 20px 0; background-color:transparent; border-bottom:none;font-size: 1.6rem; font-weight: 500; color: var(--black);}
.news .card-body {padding:0; padding-bottom:20px;}
.news .card-title {margin-bottom:0;}
.news .card-title > a {display: flex; position:relative;}
.news .card-title > a span {margin-left: auto; margin-right: 80px; font-size: 1.4rem; color: #888; font-weight: 400;}
.news .card-title>a:before {
	position:absolute;
    top:0; right: 20px;
    font: var(--fa-font-solid);
    content: "\f106";
    font-size: 1.8rem;
}
.news .card-title>a.collapsed:before {
    right: 20px;
    font: var(--fa-font-solid);
    content: "\f107";
    font-size: 1.8rem;
}
.news .bd_btm {display:flex; flex-flow:row wrap; align-items:center; margin-top:20px;}
.news .bd_btm .form-group {margin-bottom:0; border:1px solid #ddd;}
.news .bd_btm .form-group select {padding:5px 15px; }
.news .bd_btm > div:last-of-type {margin-left:auto;}
.custom-pagination {display:flex; flex-flow:row wrap;}
.page-link {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px;}
.page-item.active .page-link {background:var(--p-color); border:1px solid var(--p-color);}

/*약관*/
.agree .bd_btm a {display:inline-block; margin-left:auto; padding:10px 20px; border:1px solid #ddd; border-radius:5px; font-size:inherit; color:var(--txt-color);}
.agree .bd_btm a:hover {background:var(--bg-color);}

@media all and (max-width:1024px) {
	.main_visual .swiper-slide > div {text-align:center; z-index:1;}
	.main_visual .swiper-slide:after {opacity:0.3;}

	.block .container {align-items:flex-start;}
	.block:nth-of-type(2n) .container {margin-top: 40px;}
	.block dl:nth-of-type(2n-1) {margin-top:0;}
	.block dt {margin-bottom:20px; font-size:3.8rem;}
	.block:nth-of-type(2n-1) dl {margin-top:0;}
	.block:nth-of-type(2n) dl {margin-left: 0;}
	.vision {margin-top: 40px;}
	.mission dl {margin-top:0;}
	.vision dl {margin-left: 0;}
}


@media all and (max-width:768px) {
	:root {
		--txt-size24 :1.8rem;
		--100px : 60px;
	}
	.head {padding:0 var(--side-pd);}

	.main_row1 .container {justify-content:center;}
	.main_row1 .pic {margin:40px 0;}
	.main_row1 dl {width:100%;}

	.main_cat {min-height:355px; margin:40px 0; padding-left:var(--side-pd); padding-right:var(--side-pd);}
	.main_cat .cont {margin-top:10px;}
	.main_cat .cont h4 {font-size:1.6rem;}
	.main_cat .cont h4 strong {font-size:2.8rem;}
	.main_cat .cont h4:after {height:2px; margin: 15px 0 30px 0;}
	.main_cat .cont a, .main_cat .cont a:hover {margin-bottom:20px; font-size:1.4rem; margin-top:20px;}
	.main_row3 .cont, .main_row5 .cont {padding-left:20px;}

	.main_row6 li {width:100%; margin:10px 0; padding:20px;}
	.main_row6 .btn_more {margin-top:40px; font-size:inherit;}

	.sub_visual h2 {marging-top:70px;}

	.left_m {width:100%; margin-right:0;  border-right:none;}
	.left_m ul {display:flex; flex-flow:row wrap; border-left:1px solid #ddd; border-top:1px solid #ddd;}
	.left_m li {flex:1; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
	.left_m li a {color:#888;}
	.right_cont {width:100%}

}

@media all and (max-width:480px) {
	:root {
		--txt-size : 1.4rem;
		--txt-size24 : 1.6rem;
	}

	body {display:block; font-size:1.4rem;}

	.head {height:70px;}
	.logo img {height:40px;}
	#cssmenu .button {top:10px;}
	#cssmenu .button:before {width:24px;}
	#cssmenu .button:after {width:24px;}
	#cssmenu #head-mobile {padding:35px;}
	#cssmenu > ul > li.lang {width: 51%; display: inline-block; margin: -4px;}

	.container {padding:60px var(--side-pd);}
	.main_visual {height:500px; font-size:1.4rem;}
	.main_visual strong {font-size: 3.6rem;}
	.swiper {height:500px;}

	.main_row1 dt {margin-bottom: 10px;}
	.main_row1 .pic {width:70%;}

	.main_cat .pic,
	.main_cat .cont {width:100%;}
	.main_cat .pic {height:250px; font-size: 4rem;}
	.main_cat .cont {padding: 0 5px;; margin-top:20px;}
	.main_cat .cont h4:after {margin:10px 0;}
	.main_cat .cont h4 strong {font-size:2.4rem; font-weight:700;}

	.main_row6 h3 {margin-bottom: 10px; font-size:2.8rem;}
	.main_row6 li span {margin-top:15px;}

	footer .container {flex-flow:column wrap; align-items: center; text-align:center;}
	footer .ft_right {margin-top:40px;}

	.sub_visual h2 {font-size: 40px;}
	.sub_visual h2 em {font-size:1.6rem;}
	.sub_cont {padding: 60px 0;}

	.block {margin-top:40px;}
	.block .container {padding-top:0!important; margin-bottom:60px;}
	.block dt {margin-top:10px;}
	.vision {margin-top:0; margin-bottom:0;}
	.block .pic,
	.block .cont,
	.block dl {width:100%;}
	.welfare li {width:80%;margin-bottom: 30px;}
	.welfare li:last-child {margin-bottom:0;}

	.mainnet .block .container {padding-top:auto!important;}

	.news .container > div {padding-top:60px;}



}