@charset "utf-8";
body{background:#fafafb;}
.logo{
	width:100%;
	max-width:154px;
}
.bottom_logo{max-width:169px;}
.mo_menu{display:none;}
h1.title, h1.title span{
	font-size:36px;
	font-weight:800;
	line-height:120%;
	word-break:keep-all;
}
.content h1.title span{display:block;}
h2.login_title{
	color:#002257;
	font-size:31px;
	font-weight:700;
}
.basic_button{
	display:block;
	width:100%;
	height:36px;
	line-height:36px;
	background:#6F47FF;
	color:#fff;
	font-weight:700;
	text-align:center;
	border:none;
	border-radius:4px;
	cursor:pointer;
}
header{
	background:#fff;
	width:1200px;
	margin:0 auto;
	padding:18px 0;
}
main{
	display:flex;
	height:100%;
	justify-content:center;
	align-items:center;
}
.page_inner{width:100%;}
.page_area{
	width:1200px;
	margin:0 auto;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.page_area .left_bg{
	background:url('../img/left_bg.png')no-repeat;
	width:692px;
	height:452px;
}
.page_area .content{
	width:509px;
	min-height:780px;
	padding:50px 0;
	background:#fff;
	border-radius:24px;	
	display:flex;
	justify-content:center;
	flex-direction: column; 
}
.page_area .content section{
	width:100%;
	margin:0 auto;
	max-width:348px;
}
.page_area .login_content section{

}
.login_top_text{	
	font-size:11px;
	color:#91A3B7;
	margin:30px 0 40px;
}
.login_or_text{
	text-align:center;
	color:#9CADBF;
	font-size:11px;
	margin:24px 0;
}
.sign_button{	
	display:block;
	width:100%;
	height:36px;
	line-height:36px;
	background-color:rgba(111, 71, 255,0.1);
	color:#6F47FF;
	font-weight:700;
	text-align:center;
	border:none;
	border-radius:4px;
}
.page_area .content .title{
	margin-top:40px;
	width:100%;
}
.page_area .content .login_title{margin-top:80px;}
.page_area .content input{
	margin-bottom:15px;
	border-radius:5px;
}
.page_area .content .basic_button{margin-top:10px;}

.time_text{
	font-size:14px;
	color:#606060;
	margin:20px 0 60px;
	width:100%;
}
.page_area .application_content{
	position:relative;   
	justify-content: flex-start;
}
.page_area .application_content .title{margin-top:0}
.chcek_cont_area{
	display:grid;
	grid-auto-rows:min-content; 
	width:100%;
}
.list_cont{
	grid-area:1 / 1 / 2 / 2;
	display:none;
	
}
.list_cont .middle_bg{display:none;}
.list_cont.active{
	display:flex;
	align-items:flex-start;
	flex-direction:column;
}
.check-list{width:100%;}
.custom-checkbox{
	display:flex;
	align-items:center;
	justify-content: space-between;
	border:1px solid #D9D9D9;
	border-radius:8px;
	padding:14px 16px;
	cursor:pointer;
	transition:all 0.3s;
	gap:12px;
	margin-bottom:16px;
}
.checkbox-text{
	font-size:14px;
	font-weight:600;
	color:#000;
}
.custom-checkbox input{display:none;}
.checkbox-icon{
  width:22px;
  height:22px;
  background-color: #eee;
  background-image:url('../img/check.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size:11px;
  border-radius:50%;
  transition: background-color 0.3s;
}
.custom-checkbox input:checked ~ .checkbox-icon{background-color:#6F47FF;}
.custom-checkbox:has(input:checked){border-color:#6F47FF;}
.application_button{
	position:absolute;
	bottom:50px;
	margin-top:0;
	width:348px;
	height:60px;
	line-height:60px; 
	left:50%;
	transform:translateX(-50%);
}
.form_area{width:100%;}
.form_area div{margin-bottom:18px;}
.form_area div p{
	font-weight:600;
	color:#797979;
	margin-bottom:8px;
}
.form_area div p .required{
	color:#FF5353;
	padding-left:2px;
	font-weight:600;
}
.page_area .content .form_area div input{
	font-size:13px;
	height:44px;
	line-height:44px;
	margin-bottom:0;
}
.page_area .content .form_area .mail_input{
	display:flex;
	align-items:center; 
	gap:5px;
}

.page_area .content .form_area .mail_input span{width:4%;}
.page_area .content .form_area .mail_input .mail_text_cont{
	width:48%;
}
.page_area .content .form_area .mail_input select{
	border:1px solid #F0F0F0;
	height:44px;
	line-height:44px;
	cursor:pointer;
	border-radius:5px;
	width:100%;
	text-indent:12px;
}
.form_area .bottom_text{
	color:#606060;
	padding-bottom:15px;
}
footer{
	width:1100px;
	margin:0 auto;
}
footer p{
	color:#030229;
	font-size:14px;
	margin-top:12px;
}
.login_footer{margin-top:-50px;}
.privacy_area{
	height:42px;
	overflow:hidden;
	transition:height 0.4s ease;
	margin-bottom:0;
	background:#fff;
}
.privacy_area .privacy_top{
	position:relative;
	margin-bottom:10px;
}
.privacy_area .privacy_top div{
	margin-bottom:0;
}
.privacy_area .privacy_top .arr_btn{
	position:absolute;
	right:0;
	top:2px;
	width:30%;
	height:16px;
	background-image:url('../img/arrow_down.png'); 
	background-repeat: no-repeat;
	background-size:16px;
	background-position:right;
	
}
.privacy_area .privacy_top .arr_btn.rotate {
  transform: rotate(180deg);
	background-position:left;
}
.page_area .content .privacy_area .privacy_top input{
	width:18px;
	height:18px;
	background-color:#D9D9D9;
}
.basic-checkbox{
	display:flex;
	align-items:center;
	justify-content: flex-start;
	cursor:pointer;
	transition:all 0.3s;
	gap:6px;
	margin:15px 0 16px;

}
.basic-checkbox-text{
	font-size:12px;
	font-weight:600;
	color:#797979;
}
.basic-checkbox input{display:none;}
.basic-checkbox-icon{
  width:18px;
  height:18px;
  background-color: #eee;
  background-image:url('../img/check.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size:11px;
  border-radius:3px;
  transition: background-color 0.3s;
}
.basic-checkbox input:checked ~ .basic-checkbox-icon{background-color:#000;}
.form_area div .privacy-content p{
	position:relative;
    z-index:10;
    background:#fff;
	padding:0 10px 10px;
	border-radius:5px;
	margin-bottom:0;
	font-weight:400;
	font-size:12px;
	box-shadow: 0px 1px 8px 0px #0000001A;
}
.application_content .list_cont3{

}
.application_content .list_cont3 h2{
	font-size:20px;
	color:#0A0A0A;
	font-weight:600;
	line-height:36px;
	margin-bottom:30px;
}
.application_content .list_cont3 h2 b{
	display:block;
	font-size:20px;
	color:#6F47FF;
	font-weight:600;
}
.add_input{
	display:flex;
	gap:5px;
}
.add_input span{
	width:80%
}
.add_input span.add_btn{
	width:20%;
}

.add_input span.add_btn div{
	width:100%;
	background:#393939;
	border-radius:8px;
	height:44px;
	line-height:44px;
	color:#fff;
	border:none;
	cursor:pointer;
	text-align:center;
	font-weight:600;
}
.popup_layer {
	display:none;
	position:absolute;
	top:0; 
	left:0;
	width: 100%; height: 100%;
	background: rgba(0, 0, 0, 0.2);
	z-index:999;
	align-items:center;
	justify-content:center;
}
.popup_layer.show{display:flex;}
.popup_content{
	background:#fff;
	padding:40px 16px 30px;
	border-radius:12px;
	width:92%;
	max-width:317px;
	text-align:center;
	position:relative;
}
.closePopupBtn{
	position:absolute;
	right:15px;
	top:15px;
	border:none;
	background:#fff;
	width:16px;
	cursor:pointer;
}
#snsChannel{
	border:1px solid #606060;
	height:44px;
	line-height:44px;
	cursor:pointer;
	border-radius:5px;
	width:100%;
	text-indent:12px;
}
.popup_content h2{
	font-size:20px;
	font-weight:600;
	margin-bottom:20px;
}
.add_sns_btn{
	margin:25px auto 0;
	background:#393939;
	font-weight:600;
	color:#fff;
	width:132px;
	height:44px;
	line-height:44px;
	border-radius:8px;
	cursor:pointer;
}
.page_area .report_content{
	width:1200px;
	background:transparent;
	min-height:auto;
	padding:50px 0;
	display:block;
}
.page_area .report_content section{
	width:100%;
	max-width:none;
}
.page_area .content.report_content .title{color:#030229;}
.report_content h3{margin-top:15px;}
.report_content h3,.report_content h3 span{
	font-size:24px;
	color:#030229;
	font-weight:400;
}
.tab-menu{
	width:100%;
	position:relative;
	margin-top:50px;	
}
.tabs{
	display:flex;
	gap:15px;
	margin-bottom:10px;
}
.tab-swiper .swiper-slide {
  width: auto !important;
  flex-shrink:0;
}
.tab-swiper .swiper-slide.tab{
	text-align:center;
	cursor:pointer;
	border-radius:24px;
	border:1px solid #000;
	font-size:14px;
	font-weight:600;
	width:120px  !important;
	height:42px  !important;
	line-height:42px;
}
.tab.active{
	background:#000;
	color:#fff;
}
.tab-content{
	width:100%;
	opacity:0;
	visibility:hidden;
	transition:opacity 0.3s ease;
	display:none;
}
.tab-content.active{
	opacity:1;
	visibility:visible;
	display:block;
}
.tab-content section.report_box_grid .top_grid{
	display: grid;
	grid-template-columns:1.5fr 0.5fr;
	gap:24px;
}

.tab-content section.report_box_grid .normal_grid{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap:24px;
}
.tab-content section.report_box_grid article{	
	margin-top:30px;
}
.tab-content section.report_box_grid > article:nth-last-child(1):nth-child(odd) {
	grid-column: 1 / 2;
}
.tab-content section article .title_box{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:17px;
}
.tab-content section article .title_box h3{
	color:#030229;
	font-size:16px;
	font-weight:800;
	padding:0;
	margin:0;
}
.tab-content section article .title_box a{
	color:#2b2b2b;
	font-size:14px;
	font-weight:600;
}
.tab-content section article .title_box a img{
	width:6px;
	vertical-align:middle;
	margin:-3px 0 0 3px;
}
.tab-content section article .report_box{
	background:#fff;
	border-radius:24px;
	padding:24px;
}
.tab-content section article .report_box h4{
	color:rgba(0,0,0,0.7);
	font-size:16px;
	font-weight:600;
	line-height:140%;
}
.tab-content section article .report_box h4 span{
	display:block;
	font-size:16px;
	font-weight:600;
}
.tab-content section article .report_box h4 b{
	font-size:16px;
	font-weight:600;
	color:rgba(0,193,110,0.7);
}
.tab-content section article .report_box .score_area{
	color:rgba(0,0,0,0.7);
	font-size:24px;
	font-weight:600;
	margin:14px 0;
}
.tab-content section article .report_box .score_area span{	
	color:rgba(0,193,110,0.7);
	font-size:42px;
	font-weight:800;
	padding-right:10px;
}
.tab-content section article .report_box > ol{
	display:flex;
}
.tab-content section article .report_box > ol > li{
	width:33.333%;
	color:rgba(0,0,0,0.7);
}
.tab-content section article .report_box > ol > li p{
	font-size:16px;
	font-weight:600;
	margin-bottom:14px;
}
.tab-content section article .report_box > ol > li div{
	font-size:24px;
	font-weight:600;
}
.tab-content section article .report_box > ol > li div b{
	font-size:24px;
	font-weight:800;
}
.tab-content section article .report_box > ol > li div span{
	font-size:16px;
	padding-left:6px;
	font-weight:800;
}
.tab-content section article .report_box > ol > li .range_area{
	width:104px;
	height:32px;
	background: url('../img/star_basic.png') no-repeat left top;
	vertical-align: middle;
}

.tab-content section article .report_box > ol > li .range_area span{
	width:104px;
	height:32px;
	background: url('../img/star_fill.png') no-repeat left top;
	vertical-align: middle;
	padding:0;
}
.tab-content section .top_grid  article .report_box > ol > li{width:20%;}
.tab-content section .top_grid  article .report_box > ol > li div{
	color:rgba(0,193,110,0.7);
}
.tab-content section article .report_box .graph_box{
	position:relative;
	max-width:284px;
	margin:0 auto;
}
.tab-content section article .report_box .graph_box .graph_center{
	display:flex;
	height:184px;
	align-items:center;
	justify-content:center; 
}
.tab-content section article .report_box .graph_box .graph_center .graph_inner{
	background: url('../img/graph_bg.png') no-repeat;
	width:149.49px;
	height:142.52px;
	background-size:100%;
	margin:0 auto;
	position:relative;
}
.tab-content section article .report_box .graph_box .graph_score_area span{
	position:absolute;
	transform: translate(-50%, -50%);
}

.tab-content section article .report_box .graph_box .graph_score_area span.graph_score01 {
	top:1%; 
	left:50%;
}
.tab-content section article .report_box .graph_box .graph_score_area span.graph_score02 {
	top:35%;
	left:85%;
}
.tab-content section article .report_box .graph_box .graph_score_area span.graph_score03 {
	top: 100%;
	left:80%;
}
.tab-content section article .report_box .graph_box .graph_score_area span.graph_score04 {
	top:100%;
	left:15%;
}
.tab-content section article .report_box .graph_box .graph_score_area span.graph_score05 {
	top: 35%;
	left: 15%;
}
.tab-content section article .report_box .graph_box .graph_score_area span p{
	font-size:12px;
	color:rgba(0,0,0,0.7);
}
.tab-content section article .report_box .graph_box .graph_score_area span p.graph_score{
	font-size:13px;
	font-weight:600;
	color:rgba(0,193,110,0.7);
}
@media screen and (max-width: 1200px){	
	h1.title, h1.title span{font-size:24px;}
	header{
		position:relative;
		width:100%;
	}
	.logo{max-width:124px;}
	.top_logo{max-width:128px;}
	.mo_menu{
		display:block;
		position:absolute;
		width:24px;
		height:24px;
		left:16px;
		cursor:pointer;
	}
	.mo_menu img{width:100%;}
	.page_area .login_content h1.title{
		padding-left:4%;
		margin-top:0;

	}
	
	.logo_box{text-align:center;}
	.page_area .left_bg{display:none;}
	main{height:calc(100% - 60px);}
	.page_area{width:100%;}
	.page_area .content{
		width:100%;
		height:100%; 
		min-height:auto;
		border-radius:0;
		background:transparent;
	}	
	.page_area .content .title{padding:0 4%;}
	.time_text{padding:0 4%;}
	.page_area .login_content{	
		background:url('../img/bg_3x.png')no-repeat center center;
		background-size:contain;
		padding:0;
	}
	.page_area .content section{width:100%; max-width: 100%;}
	.page_area .content .login_title{display:none;}
	.page_area .content .login_top_text{display:none;}
	.login_box{
		background:#fff; 
		border-radius:20px;	
		padding:18px; 
		width:92%; 
		min-width:240px;
		margin:50px auto 0;
	}
	.list_cont .middle_bg{
		display:block;
		width:100%;
		height:211px;
		background:url('../img/bg_3x.png')no-repeat center center;
		background-size:cover;
	}
	.list_cont .check-list{padding:20px 4% 0;}
	.application_button{
		position:fixed;
		width:92%;
		bottom:4%;
	}
	.login_footer{width:100%;
		margin:100px auto 0;
		padding-bottom:50px; 
		text-align:center;
	}
	footer p{font-size:10px; margin-top:6px;}
	main.application_main{
		align-items: flex-start;
	}
	.page_area .content.application_content{padding:50px 4%;}
	.basic-checkbox{
		border-radius:8px;
		padding:10px 16px;
		cursor:pointer;
		box-shadow: 0px 1px 8px 0px #0000001A;
	}	
	.privacy_area{
		height:42px;
		position:fixed;
		bottom:90px;
		width:92%;
		left:4%;
	}
	.privacy_area .privacy_top .arr_btn{
		position:absolute;
		right:16px;
		top:13px;
	}
	.privacy_area .basic-checkbox{margin:0;}
	.form_area div .privacy-content p{padding-top:10px;}
	.popup_layer{position:fixed;}
	.page_area .content.report_content .title{margin-top:0;}
	.report_content h3{padding:0 4%;}
	.report_content h3,.report_content h3 span{font-size:15px;}
	.page_area .content.report_content section.tab_area{
		width:92%;
		margin:0 auto;
	}
	.tab-content section.report_box_grid .top_grid,
	.tab-content section.report_box_grid .normal_grid{
		grid-template-columns: 1fr;
		gap:24px;
	}
	.tab-content section article .report_box h4,
	.tab-content section article .report_box h4 span,
	.tab-content section article .report_box h4 b{
		font-size:14px;
	}
	.tab-content section article .report_box .score_area{
		font-size:16px;
	}
	.tab-content section article .report_box .score_area span{
		font-size:24px;
		padding-right:6px;
	}
	.tab-content section article .report_box > ol{display:block;}
	.tab-content section article .report_box > ol > li{
		width:100%;
		margin-bottom:20px;
	}
	.tab-content section article .report_box > ol > li:first-child{margin-bottom:10px;}
	.tab-content section article .report_box > ol > li:last-child{margin-bottom:0;}
	.tab-content section article .report_box > ol > li p{
		font-size:13px;
		margin-bottom:8px;
	}	
	.tab-content section article .report_box > ol > li div{font-size:20px;}
	.tab-content section article .report_box > ol > li div b{font-size:20px;}
	.tab-content section article .report_box > ol > li div span{font-size:13px;}
	.tab-content section.report_box_grid .top_grid ol{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap:10px;
	}
	
	.tab-content section.report_box_grid .top_grid .report_box > ol > li{width:100%;}
}

@media screen and (max-width:885px){
	.swiper.tab-swiper{padding-right:80px;}
	.tab-swiper .swiper-slide.tab{
		font-size:12px;
		font-weight:600;
		width:76px  !important;
		height:36px  !important;
		line-height:36px;
	}
}
@media screen and (max-width:420px){
	.tab-content section article .report_box h4 span{
		display:inline; 
		word-break:keep-all;
	}
}