@charset "utf-8";

#ctt h3 {
	font-size:5.2rem;
	margin-bottom:5rem;
}

#ctt .top {	
	padding:8px;
	border-radius:5rem;
	background: linear-gradient(90deg, rgba(0, 5, 165, 1) 0%, rgba(0, 175, 236, 1) 100%);
	background-clip: padding-box;
}
#ctt .top > div {
	padding:4rem;
	border-radius:4rem;
	background-color:#fff;
	text-align:center;
}
#ctt .top h4 {
	font-size:3.5rem; 
	font-weight:600;
	margin-bottom:2rem;
}
#ctt .top h4 .b1 {
	color:#111363;
}
#ctt .top h4 .b2 {
	color:#00b0ec;
}
#ctt .top p {
	font-size:1.8rem;
}
#ctt .top p img {
	margin-right:1rem;
}
#ctt .top p b {
	font-size:2.6rem;
	font-weight:bold;
	margin-left:1rem;
}
#ctt section {
	margin-top:8rem;
}
#ctt section h4 {
	font-size:3.7rem;
	margin-bottom:4rem;
}
#ctt .txtbox p {
	text-align:center;
	font-size:1.8rem;
	line-height:1.6;
	padding:4rem;
	background-color:#f3f3ff;
}
#ctt .gallist .lists {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:5rem;
	padding:4rem 0;
	border-top:2px solid #333;
}
#ctt .gallist .lists li {
	cursor:pointer;
}
#ctt .gallist .lists li img {
	margin-bottom:2rem;
	border:4px solid transparent;
}
#ctt .gallist .lists li img {
	width:100%;
}
#ctt .gallist .lists li p {
	font-size:2.6rem;
	font-weight:600;
}
#ctt .gallist .lists li:hover img {
	border:4px solid #00b9f2;
	border-radius:40px;
}
#ctt .gallist .lists li:hover p {
	color:#00b9f2;
	text-decoration:underline;
}
#ctt .modal {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3000;
	background-color:rgba(0,0,0,0.5);
}
#ctt .modal .con {
	position:absolute;
	top:50%;
	left:50%;
	translate:-50% -50%;
	background-color:#fff;
	width:calc(100% - 120px) ;max-width:1000px;
}
#ctt .modal .con .scroll {
	max-height:95vh;
	overflow:auto;
}
#ctt .modal .con h4 {
	font-size:3.2rem;
	padding:5rem 5rem 3rem 5rem;
	border-bottom:2px solid #333;
}
#ctt .modal .con h4 span {
	font-size:2.2rem;
}
#ctt .modal .con .detail {
	line-height:1.8;
	font-size:1.8rem;
	padding:3rem 5rem 5rem 5rem;
}
#ctt .modal .con .t1 {
	margin-bottom:3rem;
}
#ctt .modal .con h5 {
	font-size:2.6rem;
	padding-bottom:1.5rem;
	border-bottom:2px solid #333;
}
#ctt .modal .con .tbwrap {
	overflow:hidden;	
}
#ctt .modal .con .tbwrap table {
	min-width:890px;
	width:100%;
}
#ctt .modal .con .tbwrap table tr {
	border-bottom:1px solid #ddd;
}
#ctt .modal .con .tbwrap table th {
	text-align:center;
	background:#f3f3ff;
	font-weight:500;
}
#ctt .modal .con .tbwrap table th span {
	font-weight:400;
}
#ctt .modal .con .tbwrap table th,
#ctt .modal .con .tbwrap table td {
	padding:2rem 3rem;
}
#ctt .modal .con .t2 {
	margin: 2rem 0 3rem;
}

#ctt .modal .em {
	font-weight:bold;
	color:#00afec;
}
#ctt .modal .info01 {
	text-align:center;
}
#ctt .modal .info01 h5 {
	border-bottom:0;
	padding:0;
	margin-top:2rem;
}
#ctt .modal .info01 .p1 {
	margin-bottom:4rem;
}
#ctt .modal .info01 .linkbtn {
	border:1px solid #333;	
	border-radius:5rem;
	padding:2rem 5rem 2rem 2rem;
	background-image:url('/theme/basic/img/link_icon.png');
	background-repeat:no-repeat;
	background-position:right 2rem center;
}
#ctt .modal .info01 .linkbtn:hover {
	background-image:url('/theme/basic/img/link_icon_w.png');
	border:1px solid #fff;
	color:#fff;
	background-color:#2f3293;
}


#ctt .modal .con .modal_close {
	position:absolute;
	top:0;
	right:-60px;
	width:60px;
	height:60px;
	border:0;
	background:#000;
}
#ctt .modal .con .modal_close span {
	position:absolute;
	top:50%;
	left:50%;
	translate:-50% -50%;
	width:40px;
	height:2px;
	background:#fff;
}
#ctt .modal .con .modal_close span:nth-child(1){rotate:45deg;}
#ctt .modal .con .modal_close span:nth-child(2){rotate:-45deg}


@media all and (max-width:1280px){
	#ctt .modal .con{}
}
@media all and (max-width:820px){
	#ctt .gallist .lists {	
		grid-template-columns: 1fr 1fr;	
	}
	#ctt .top p b {
		display:block;
	}
}