@charset "utf-8";

/* ************************* ��� ************************* */
body.login {height:100vh;}
.login-wrap {width:100%;height:100%;background:url(../images/common/login_bg4.jpg)50% 50% /cover no-repeat; display:flex;align-items:center; position:relative;}
.login-wrap .cover {position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.3);}
.login-wrap .login-bx{padding:90px; width:562px;border-radius:50px;margin:0 auto;background-color: rgb(0,0,0); /* Fallback color */  background-color: rgba(0,0,0,.5); position:relative;}
.login-wrap .login-bx .login-title{position:relative;margin-bottom:60px;}
.login-wrap .login-bx .login-title span {display:block;font-size:36px;line-height:40px;font-weight:700;color:#fff; padding-top:10px;}
.login-wrap .login-bx form{}
.login-wrap .login-bx .write-div{margin-bottom:40px;}
.login-wrap .login-bx .write-div label{color:#fff;display:block;font-size:15px;font-weight:100;margin-bottom:5px;}
.login-wrap .login-bx .write-div input{border-radius:0;color:#fff;padding:10px 0;display:block;width:100%;background:none;-webkit-outline:0;outline:0;border:0;border-bottom:1px solid rgba(255,255,255,.5);line-height:1;}
.login-wrap .login-bx .btn-submit{text-align:center;margin:50px 0 0;cursor:pointer;border-radius:50px;border:0;outline:0;color:#fff;height:70px;line-height:70px;width:100%;display:block;}
.login-wrap .login-bx .btn-submit{
	 /* (0,179,141) (0, 164,224) */
	/* background: linear-gradient(to right, rgba(0,179,141,.85), rgba(0,164,224,.85)); */
	/* background: -webkit-linear-gradient(to right, rgba(0,179,141,.85), rgba(0,164,224,.85)); */
	background: linear-gradient(to right, rgba(0,146,182.80), rgba(0,179,141,.80));
	background: -webkit-linear-gradient(to right, rgba(0,146,182,.80), rgba(0,179,141,.80));
	/* background:var(--c_green) !important; */
}
.login-wrap .login-bx .btn-submit:hover {
	background: linear-gradient(to right, rgba(0,146,182,1), rgba(0,179,141,1));
	background: -webkit-linear-gradient(to right, rgba(0,146,182,1), rgba(0,179,141,1));
}
.login-wrap .login-bx .btn-wrap{text-align:center;}
.login-wrap .login-bx .btn-wrap a{display:inline-block;color:#fff;font-size:14px;text-decoration:none; opacity:.8;}
.login-wrap .login-bx .btn-wrap a:hover {opacity:1;}
.login-wrap .login-bx .btn-wrap .bar{display:inline-block;height:10px;background:#fff;width:1px;margin:0 12px;}

/* ************************* // END ��� ************************* */


/* ******************** ���� ******************** */
/* ***** searchBox ***** */
.searchBox {}
/* ***** searchBox::type1 ***** */
.searchBox.type1 {overflow:hidden;padding:10px;}
.searchBox.type1 .inputWrap {width:100%; display:flex; justify-content:right;}
.searchBox.type1 .inputWrap select {width:250px;}
.searchBox.type1 .inputWrap button {margin-left:5px; width:90px; height:50px; background:var(--c_blue); color:#fff;}

/* ***** searchBox::type2 ***** */
.searchBox.type2 {padding:10px 20px 0;background:var(--border2);}
.searchBox.type2 .formGroup {display:flex; width:100%; gap:20px;}
.searchBox.type2 .inputWrap {display:flex; gap:5px;}
.searchBox.type2 .inputWrap select {padding:0 20px; height:40px; line-height:38px;}
.searchBox.type2 .inputWrap label {line-height:40px; text-align:center; background:#888; color:#fff; border-radius:5px;}
.searchBox.type2 .inputWrap span.hypen {width:20px; line-height:40px;text-align:center;}
.searchBox.type2 .inputWrap button {padding:0 30px; background:var(--c_blue); color:#fff;}

.formType1 {padding:40px; background:#f5f5f5; border-radius:10px;}
.formType1 * {gap:5px;}
.formType1 .formGroup {overflow:hidden; display:flex; width:100%;}
.formType1 .formGroup+.formGroup {margin-top:5px;}
.formType1 .formGroup p {border-radius:5px; padding:0 20px; display:flex; align-items:center; justify-content:center; height:50px; line-height:1.2; background:#888; color:#fff;}
.formType1 .inputWrap {align-items:center;}
.formType1 .inputWrap.radio {padding:0 20px; background:#fff; border-radius:5px; border:1px solid var(--border1);}
.formType1 .inputWrap.radio>div {display:inline-block;}
.formType1 .inputWrap select,
.formType1 .inputWrap input {padding:0 20px; background-color:#fff;}
.formType1 .inputWrap .btn {height: 50px; line-height:50px;padding:0 20px;color: #fff; text-align:center;vertical-align: middle;background-color:var(--c_darkblue);cursor: pointer;display:block;}
.formType1 .formBtn {margin-top:50px;}
.formType1 .formBtn .inputWrap {justify-content:center;}

/* ***** tabWrap ***** */
.tabWrap {}
/* ***** tabWrap::type1 ***** */
.tabWrap.type1 {}
.tabWrap.type1 ul {overflow:hidden; text-align:center;}
.tabWrap.type1 ul li {float:left; width:50%;}
.tabWrap.type1 ul li button {display:block; width:100%; line-height:50px; border-bottom:1px solid var(--border1); border-radius:0;}
.tabWrap.type1 ul li.on button {color:#fff; background:var(--c_blue); border-color:transparent;}
/* ***** tabWrap::type2 ***** */
.tabWrap.type2 {padding-bottom:50px;}
.tabWrap.type2 ul {text-align:center; border-width:1px 0 0 1px; border-style:solid; border-color:var(--border1);}
.tabWrap.type2 ul li {float:left; border-width:0 1px 1px 0; border-style:solid; border-color:var(--border1);}
.tabWrap.type2 ul li a{display: inline-block;}
.tabWrap.type2 ul li a, 
.tabWrap.type2 ul li button {width:100%; line-height:54px; transition:all .2s;}
.tabWrap.type2 ul li a:hover, 
.tabWrap.type2 ul li button:hover {background:#f5f5f5;}
.tabWrap.type2 ul li.on a, 
.tabWrap.type2 ul li.on button {color:#fff; background:var(--c_green);}

/* ***** tabWrap::type3 ***** */
.tabWrap.type3 {}
.tabWrap.type3 ul {gap:10px;display:flex; text-align:center;}
.tabWrap.type3 ul li {}
.tabWrap.type3 ul li a {padding:13px 0;width:100%; line-height:1.4; transition:all .2s;display: inline-block; background:#f5f5f5;border:1px solid var(--border1); border-radius:5px;}
.tabWrap.type3 ul li a:hover {background:#eee;}
.tabWrap.type3 ul li.on a {color:#fff; background:var(--c_blue);}
.tabWrap.type3 ul li.notClick a {cursor:auto;}


/* ***** subTit ***** */
.subTit {}
/* ***** subTit::type1 ***** */
.subTit.type1 {padding:0 0 0 20px; font-size:30px; color:var(--c_blue); position:relative;}
.subTit.type1:before {width:10px; height:10px; left:0; top:0; background:var(--c_blue); border-radius:50%; content:''; display:block; position:absolute;}
/* ***** subTit::type2 ***** */
.subTit.type2 {padding:0 0 20px 30px; font-size:19px; color:var(--c_blue); position:relative; font-weight:500; line-height:1.2;}
.subTit.type2:before {width:24px; height:24px; left:0; top:0; background:url(../images/common/i-tit.svg)center /100% no-repeat; content:''; display:block; position:absolute;}

/* ***** tableWrap ***** */
.tableWrap.modal td {min-width: 90px;}
.tableWrap {overflow:auto;}
.tableWrap table {width:100%;}
.tableWrap tr td .mapMove {display:block; width:100%; height:22px; background:url(../images/common/i-mapMove.svg)center no-repeat;}
.tableWrap tr td.left {text-align:left;}
/* tableWrap::type1 */
.tableWrap.type1 {}
.tableWrap.type1 table {width:100%; text-align:center; border-style:solid; border-width:1px 0 0 1px; border-color:var(--border1);}
.tableWrap.type1 tr {white-space: nowrap;}
.tableWrap.type1 tr>* {padding:7px 10px; border-style:solid; border-width:0 1px 1px 0; border-color:var(--border1); font-weight:400;}
.tableWrap.type1 tr th {color:#000; background:#f5f5f5;}
.tableWrap.type1 tr td {}
.tableWrap.type1 #resultList tbody tr td {font-size: 13px;}
/* tableWrap::type2 */
.tableWrap.type2 {}
.tableWrap.type2 table {text-align:center; border-top:1px solid #000;}
.tableWrap.type2 thead {border-bottom:1px solid #adadad;}
.tableWrap.type2 tbody {}
.tableWrap.type2 tbody {}
.tableWrap.type2 tbody tr:hover {background:#f9f9f9; cursor:pointer;}
.tableWrap.type2 tr {border-bottom:1px solid var(--border1);}
.tableWrap.type2 tr:last-child {border-bottom-color:#adadad;}
.tableWrap.type2 tr>* {padding:17px 10px; font-weight:300;}
.tableWrap.type2 tr th {color:#000;}
.tableWrap.type2 tr td {}

.btnWrap {}
.btnWrap.type1 {position:absolute; right:0; top:0; display:flex;}
.btnWrap.type1 a {padding:0 15px 0 35px; line-height:40px; color:#fff; font-size:13px;display:block;}
.btnWrap.type1 a.down {background:var(--c_green) url(../images/common/i-down.svg)15px center /16px no-repeat;}

.btnWrap.type2 {position:absolute; right:0; top:0; display:flex;}
.btnWrap.type2 a {padding:0 15px 0 35px; line-height:50px;color:#fff; font-size:13px;display:block; border-radius:5px;}
.btnWrap.type2 a.down {background:var(--c_green) url(../images/common/i-down.svg)15px center /16px no-repeat;}

.btnWrap.type3 {}
.btnWrap.type3 button {}

.layerPop{position:absolute;}
.layerWrap {background:#fff; border-radius:10px; box-shadow:5px 5px 10px rgba(0,0,0,0.2); overflow:hidden;}
.layerWrap table > tbody .dust-point{}
.layerWrap table > tbody .dust-line{display:none;}
.layerWrap table > tbody .dust-polygon{display:none;}

.layer-tit {background:var(--c_green); position:relative; height:45px;}
.layer-tit h4 {padding:0 60px 0 15px; font-size:21px; font-weight:500; color:#fff; line-height:45px; letter-spacing:-1px;}
.layer-tit .close {position:absolute; right:0; top:0; width:45px; height:45px; background:url(../images/common/i-close.svg)center no-repeat; border-left:1px solid rgba(255,255,255,.5); opacity:1;}
.layer-inner {padding:15px;}
.layerGis-list {padding:0 0 6px; margin:0 0 10px; border-bottom:1px solid var(--border1);}
.layerGis-list p {line-height:32px; padding-right:20px;}
.layerGis-list ul {display:flex;}
.layerGis-list ul li {margin:0 4px 4px 0; padding:0 10px; line-height:30px; font-size:12px; border:1px solid var(--border1); border-radius:5px;}
.layerGis-list select, .layer-list input {
	float:none;
	width: 20%;
	padding: 0 20px;
	height: 40px;
	line-height: 38px;
	color: #666;
	border: 1px solid var(--border1);
}
.layer-list .btnWrap {margin-top: 0 !important; float:right;}
.layer-list .btnWrap a {padding: 8px 30px !important;}

.layerPop.analysis {}

.layerPop .btnWrap {margin-top:10px;}
.layerPop .btnWrap a {width:100%; margin:0; padding:10px 30px; font-size:14px; background:var(--c_green); color:#fff; border-color:transparent;}
.layerPop table {font-size: 0.8em;}



/* ******************** intro ******************** */
.intro {padding:90px 0 80px;}

.concept {}
.concept-tit {display:flex; padding:0px}
.concept-tit-txt {width:650px;}
.concept-tit-txt h2 {padding:0 0 0 40px;color:var(--c_blue2);font-size:30px; letter-spacing:-1px; font-weight:700; background:url(../images/intro/i-tit.svg)0 center /30px no-repeat; line-height:1.2;}
.concept-tit-txt p {padding:25px 0; color:#000;}
.concept-tit-txt ul {}
.concept-tit-txt ul li {padding:16px 20px 16px 55px; color:#fff; position:relative; border-radius:100px;}
.concept-tit-txt ul li+li {margin-top:10px;}
.concept-tit-txt ul li:before {width:7px; height:7px; border-radius:50%; position:absolute; left:35px; top:25px; content:''; display:block; background:#fff;}
.concept-tit-txt ul li.blue {background:var(--c_blue2);}
.concept-tit-txt ul li.sky {background:var(--c_blue);}
.concept-tit-txt ul li.green {background:var(--c_green);}
.concept-tit-img {width:calc(100% - 650px);}
.concept-tit-img img {transform:translate(-60px, -13px);}


.concept-graph {padding:70px; text-align:center; border:1px solid var(--border2); border-radius:20px; position:relative;}
.concept-graph h2 {padding:0 0 30px; font-size:30px; color:#000; letter-spacing:-1px; font-weight:700;}
.concept-graph img {max-width:100%; position:relative; z-index:9;}
.concept-graph img.bg {position:absolute; left:50%; bottom:-2px; transform:translateX(-50%); z-index:0;}
.concept-graph+p {padding:15px 0 0; text-align:center;}

.info {}
.infoWrap {display:flex; gap:60px;}
.infoItem {}
.infoItem h3 {padding:23px 25px; font-size:24px; color:#fff; letter-spacing:-1px; border-radius:20px 20px 20px 0; font-weight:400;}
.infoItem h3 b {padding-left:15px;}
.infoItem-list {}
.infoItem-list>li {padding-top:25px; margin-top:25px;}
.infoItem-list>li+li {border-top:1px solid var(--border1);}
.infoItem-list h4 {font-size:24px; padding:0 22px 20px 0; position:relative; display:inline-block;}
.infoItem-list h4:after {width:14px; height:4px; position:absolute; right:0; top:11px; content:''; display:block;}
.infoItem-list h5 {padding:0 0 5px; font-size:18px; font-weight:400; color:#000;}
.infoItem-list p {}
.infoItem-list div+div {margin-top:10px;}
.infoItem .rps-list {}
.infoItem .rps-list li {padding:0 0 0 22px; position:relative;}
.infoItem .rps-list li:before {width:17px; height:17px; background:url(../images/common/listArrow.png)center no-repeat; border:1px solid #e7e9ec; border-radius:50%; content:''; display:block; position:absolute; left:0; top:4px;}
.infoItem .rps-list li+li {margin-top:25px;}

.infoItem.data h4 {color:var(--c_blue2);}
.infoItem.data h4:after {background:var(--c_blue2);}
.infoItem.rps h4 {color:var(--c_green);}
.infoItem.rps h4:after {background:var(--c_green);}
.infoItem.data h3 {background:var(--c_blue2);}
.infoItem.rps h3 {background:var(--c_green);}


/* ******************** matching ******************** */
.matching {padding:80px 0 90px;}
.matchForm {margin:0 0 30px;padding:0 0 30px; border-bottom:1px solid #e5e5e5;}
.matchTable {position:relative;}
.matchTable-inner {margin:10px 0 0;}

.matchLoad {padding:20px 0 0;}
.matchLoad>p {padding-left:22px; font-weight:400; position:relative;}
.matchLoad>p:before {width:17px; height:17px;background:url(../images/common/listArrow.png)center no-repeat; position:absolute; left:0; top:5px; content:''; display:block; border-radius:50%; border:1px solid var(--border1);}
.matchLoad .load {padding:5px 0 0 ;width:100%; display:flex;}
.matchLoad .loadBar {width:100%; margin-right:10px; background:#eee;height:30px; border-radius:5px; overflow:hidden;}
.matchLoad .loadBar span {padding:0 20px; height:100%; line-height:30px; background:var(--c_blue); display:block;border-radius:5px; color:#fff; text-align:center; font-size:14px;}
/* .matchLoad .load p {padding-left:6px; width:90px; line-height:30px; text-align:center; background:var(--c_blue2); color:#fff;border-radius:100px;} */





/* ******************** stats ******************** */
.stats {}
.stats-tit {}

.nation {border:5px solid var(--border1); height:calc(100vh - 100px);}
.nation-table {height:60%; padding:20px;border:5px solid var(--border1); position:relative;}
.nation-table .tableWrap {max-height:calc(100% - 43px);}
.nation-graph {height:40%; display:flex;}
.nation-graph-item {padding:20px; border:5px solid var(--border1); }
.nation-graph-item img {width:100%; height:100%; object-fit:scale-down; object-position:left;}
.nation-graph-item.land {width:60%; overflow: overlay;}
.nation-graph-item.year {width:40%; overflow: overlay;}
.nation-graph-item .graph {height:calc(100% - 43px); }

.year {overflow:hidden;}
.yearGrid {height:calc(100vh - 170px); display:flex; flex-wrap:wrap; border:5px solid var(--border2);}
.yearGrid-item {width:50%; padding:30px; border:5px solid var(--border2);}
.yearGrid-item:nth-child(1) {height:100%;}
.yearGrid-item:nth-child(2) {height:100%; padding:0px !important;}
.yearGrid-item:nth-child(3) {height:40%;}
.yearGrid-item:nth-child(4) {height:40%;}
.yearGrid-item .item {height:calc(100% - 43px);}
.yearGrid-item .item img {width:100%; height:100%; object-fit:scale-down; object-position:left;}

.yearGrid-item-by { padding:30px; border:5px solid var(--border2);}
.yearGrid-item-by:nth-child(1) {height:60%;}
.yearGrid-item-by:nth-child(2) {height:40%; overflow: overlay;}

/* ******************** geo ******************** */
.geo {}

.geoGrid {
	height:calc(100vh - 150px); 
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, minmax(100px, auto)); 
	border:5px solid var(--border2);
}
.geoGrid-item {padding:30px; border:5px solid var(--border2); position:relative;}
.geoGrid-item:nth-child(1) {grid-column:1/3; grid-row:1/3; padding:0;}
.geoGrid-item:nth-child(2) {grid-column:3/4; grid-row:1/2;}
.geoGrid-item:nth-child(3) {grid-column:3/4; grid-row:2/3;}
.geoGrid-item:nth-child(4) {grid-column:1/4; grid-row:3/4;}

.geoGrid-item img {width:100%; height:100%;}
.geoGrid-item .item {height:100%;}
.geoGrid-item:nth-child(2) .item,
.geoGrid-item:nth-child(3) .item {height:calc(100% - 43px);}


.fac {height:100%;}



/* ******************** GIS ******************** */
.gis {}
.gis .contents-wrap {}
.gis .gisWrap {}
/*.gis .gisInner {display:flex; height:calc(100vh - 100px);}*/
.gis .gisInner {height:calc(100vh - 100px);}
.gis .gisMenu {width:400px;}
.gis .gisMenu-tab {}
.gis .gisMenu-search {padding:20px;}
.gis .gisMenu-search .form-gis {display:flex; flex-wrap:wrap;}
.gis .gisMenu-search .inputWrap {width:100%;}
.gis .gisMenu-search .inputWrap+.inputWrap {margin-top:5px;}
.gis .gisMenu-search .inputWrap select,
.gis .gisMenu-search .inputWrap input {width:100%;}
.gis .gisMenu-search .inputWrap button {width:100%; height:50px;line-height:50px; text-align:center; background:var(--c_blue);font-size: 16px;color:#fff;}
.gis .gisMap {width:calc(100% - 400px); position:relative;}
.gis .gisMap-area {position:absolute; left:0; top:0; width:100%; height:100%;}
.gis .gisMap-area img {width:100%; height:100%; object-fit:cover;}

.gis .gisMap-legend {position:absolute; right:10px; bottom:10px;background:#fff; border-radius:10px; overflow:hidden;}
.gis .gisMap-legend h3 {padding:10px; background:var(--c_darkblue); color:#fff; font-size:15px; font-weight:400;}
.gis .gisMap-legend ul {padding:10px;}
.gis .gisMap-legend ul li {padding-left:60px; position:relative; font-size:13px;}
.gis .gisMap-legend ul li+li {margin-top:5px;}
.gis .gisMap-legend ul li:before {content:''; display:block; width:50px; height:20px; position:absolute; left:0; top:0;}
.gis .gisMap-legend ul li.yellow:before {background:var(--c_yellow);}
.gis .gisMap-legend ul li.blue:before {background:var(--c_blue);}
.gis .gisMap-legend ul li.green:before {background:var(--c_green);}
.gis .gisMap-legend ul li.red:before {background:var(--c_red);}


.gisMap-nav {position:absolute; right:15px; top:20px; font-size:0; z-index:9;}
.gisMap-nav>div {display:inline-block; margin:0 5px; position:relative; font-size:14px; vertical-align:middle;}
.gisMap-nav-option {position:relative;}
.gisMap-nav-option button {display:block; width:42px; height:42px; border-radius:5px; background:#fff center no-repeat; box-shadow:0 0 10px rgba(0,0,0,.2);}
.gisMap-nav-option p {display:none; padding:10px 15px; position:absolute; top:52px; left:50%; background:#444; color:#fff; border-radius:5px; transform:translateX(-50%);}
.gisMap-nav-option p:before {content:''; display:block; width:7px; height:7px; background:#444; position:absolute; left:50%; top:0; transform:rotate(45deg) translateX(-50%);}
.gisMap-nav-option:hover p {display:block;}
.gisMap-nav-option.print button {background-image:url(../images/common/i-print.png);}
.gisMap-nav-option.distance button {background-image:url(../images/common/i-distance.png);}
.gisMap-nav-option.square button {background-image:url(../images/common/i-square.png);}
.gisMap-nav-option.guide button {background-image:url(../images/common/i-help-n.png);}
.gisMap-nav-option.s-clear button {background-image:url(../images/common/i-clear.svg); background-size: 22px;}
.gisMap-nav-option.active button{background-color: var(--c_green);}
.gisMap-nav-state {padding:5px; background:#fff; border-radius:5px; overflow:hidden;}
.gisMap-nav-state button {float:left; padding:5px 15px; border-radius:5px;}
.gisMap-nav-state button.on {color:#fff; background:var(--c_green);}
.gisMap-nav-option.distance.active button {background-image:url(../images/common/i-distance-on.png);}
.gisMap-nav-option.square.active button {background-image:url(../images/common/i-square-on.png);}

.gis .gisResult {padding:20px; width:100%; position:absolute; left:0; bottom:0; background:#fff; box-shadow:var(--shadow2); transition:all .3s;}
.gis .gisResult.on {transform:translateY(100%);}
.gis .gisResult .ocBtn {width:60px; height:30px; background:#fff url(../images/common/selectArrow.png)50% no-repeat;display:block; position:absolute; right:10px; top:-30px; border-radius:5px 5px 0 0; transition:none;}
.gis .gisResult .ocBtn.on {transform:rotate(180deg); border-radius:0 0 5px 5px;}
.gis .gisResult-tit {padding:0 0 10px; position:relative;}
.gis .gisResult-tit h4 {font-size:18px;color:#000;line-height:40px;}
.gis .gisResult-tit-btn {position:absolute; right:0; top:0; display:flex;}
.gis .gisResult-tit-btn a {padding:0 15px 0 35px; line-height:40px; background:var(--c_green) url(../images/common/i-down.svg)15px center /16px no-repeat; color:#fff; font-size:13px;display:block;}
.gis .gisResult-table {height:200px;}
.gis .gisResult-table table {min-width:100%; font-size:14px; white-space:nowrap;}







/* ************************ �º� ����(~1024) ************************ */
@media screen and (max-width: 1024px) {
	
	/* ************************* ��� ************************* */
	body.login {}
	.login-wrap {padding:20px}
	.login-wrap .login-bx {padding:70px; width:500px;}
	.login-wrap .login-bx .login-title {margin-bottom:50px;}
	.login-wrap .login-bx .login-title span {font-size:32px;}
	.login-wrap .login-bx .write-div {margin-bottom:30px;}
	.login-wrap .login-bx .btn-submit {margin:40px 0 0; height:65px; line-height:65px;}
	
	
	/* ************************* // END ��� ************************* */
	
	/* ******************** ���� ******************** */
	/* ***** searchBox ***** */
	/* ***** searchBox::type2 ***** */
	.searchBox.type2 .formGroup {flex-wrap:wrap;gap:10px;}
	
	/* ***** subTit ***** */
	/* ***** subTit::type1 ***** */
	/* ***** subTit::type2 ***** */
	.subTit.type2 {padding:0 0 14px 30px;}
	
	/* ******************** intro ******************** */
	.intro {padding:70px 20px;}
	
	.concept-tit {display:block; padding:0px;}
	.concept-tit-txt {width:100%}
	.concept-tit-txt h2 {font-size:27px; }
	.concept-tit-txt p {padding:20px 0;}
	.concept-tit-txt ul li {}
	.concept-tit-txt ul li:before {top:23px;}
	.concept-tit-img {display:none;}
	
	.concept-graph {padding:50px;}
	.concept-graph h2 {padding:0 0 25px; font-size:27px;}
	.concept-graph+p {}
	
	
	.infoWrap {flex-wrap:wrap; gap:50px;}
	.infoItem h3 {padding:21px 25px; font-size:22px; line-height:1.2;}
	.infoItem-list>li {padding-top:20px; margin-top:20px;}
	.infoItem-list h4 {font-size:22px; padding:0 20px 15px 0;}
	.infoItem-list h5 {font-size:17px;}
	.infoItem-list img {display:block; max-width:100%;}
	
	.infoItem .rps-list li {}
	.infoItem .rps-list li+li {margin-top:20px;}
	
	
	/* ******************** matching ******************** */
	.matching {padding:70px 20px;}
	
	/* ******************** stats ******************** */
	.nation {height:auto;}
	.nation-table {height:auto;}
	.nation-table .tableWrap {max-height:300px;}
	
	.nation-graph {display:block;height:auto; }
	.nation-graph-item {width:100% !important;}
	.nation-graph-item .graph {height:auto; }
	
	.year {overflow:hidden;}
	.yearGrid {height:auto;}
	.yearGrid-item {padding:20px; width:100%; height:auto !important;}
	.yearGrid-item table {max-height:400px;}
	.yearGrid-item .item {height:auto;}
	.yearGrid-item .tableWrap  {max-height:400px;}
	
	
	/* ******************** geo ******************** */
	.geoGrid {display:block;height:auto;}
	.geoGrid-item {padding:20px;}
	.geoGrid-item:nth-child(2) .item, 
	.geoGrid-item:nth-child(3) .item {height:auto;}
	.geoGrid-item img {object-fit:scale-down;}
	
	
}



/* ************************ ����� ����(~767) ************************ */
@media screen and (max-width: 767px) {
	
	/* ************************* ��� ************************* */
	body.login {}
	.login-wrap {padding:20px}
	.login-wrap .login-bx {padding:50px; width:500px;}
	.login-wrap .login-bx .login-title {margin-bottom:40px;}
	.login-wrap .login-bx .login-title span {font-size:27px; padding-top:5px;}
	.login-wrap .login-bx .write-div {margin-bottom:20px;}
	.login-wrap .login-bx .btn-submit {margin:30px 0 0; height:60px; line-height:60px; font-size:14px;}
	
	
	/* ************************* // END ��� ************************* */

	
	/* ******************** ���� ******************** */
	.searchBox.type1 {}
	.searchBox.type1 .inputWrap select {width:calc(100% - 90px); height:42px; line-height:40px;}
	.searchBox.type1 .inputWrap button {height:42px;}
	
	/* ***** tabWrap ***** */
	/* ***** tabWrap::type1 ***** */
	.tabWrap.type1 {}
	/* ***** tabWrap::type2 ***** */
	.tabWrap.type2 {}
	/* ***** tabWrap::type3 ***** */
	.tabWrap.type3 ul li a {}
	
	
	.btnWrap.type2 {padding-bottom:10px; position:static;justify-content:right;}
	.btnWrap.type2 a {line-height:42px;}
	.btnWrap.type2 a.down {}
	
	
	
	.formType1 {padding:0; background:none; font-size:14px;}
	.formType1 .formGroup {flex-wrap:wrap;}
	.formType1 .formGroup p {height:42px;}
	.formType1 .inputWrap.radio {padding:10px 20px;flex-wrap:wrap; }
	.formType1 .inputWrap.radio>div {display:inline-block;}
	.formType1 .inputWrap .btn {height:42px; line-height:40px;}
	
	
	/* ******************** intro ******************** */
	.intro {padding:50px 20px;}
	.concept-tit-txt h2 {padding:0 0 0 30px; font-size:22px; background-size:22px;}
	.concept-tit-txt p {padding:15px 0;}
	.concept-tit-txt ul li {padding:14px 20px 14px 35px; border-radius:10px;}
	.concept-tit-txt ul li:before {width:5px; height:5px; left:20px;top:21px}
	
	.concept-graph {padding:30px;}
	.concept-graph h2 {font-size:22px; padding:0 0 20px;}
	.concept-graph+p {padding:10px 0 0 ;}
	
	
	.infoItem h3 {font-size:20px; padding:16px 20px;}
	.infoItem-list>li {padding-top:14px; margin-top:14px;}
	.infoItem-list h4 {font-size:20px;}
	.infoItem-list h4:after {width:10px; height:3px; top:9px;}
	.infoItem-list h5 {font-size:16px;}
	
	.infoItem .rps-list li {}
	.infoItem .rps-list li+li {margin-top:10px;}
	
	/* ******************** matching ******************** */
	.matching {padding:50px 20px;}
	
	.matchLoad {padding:14px 0 0;}
	
	
	
	
	
}