@import url('/resource/css/basic.css');
/*** comomn style ***/

/*** layout ***/
body{ background:#f5fafe;}
#wrap{ width:95%; max-width:55.5rem; padding:2rem; margin:1.5rem auto 0; background:#fff; border-radius:1rem; box-shadow:0 0 10px rgba(42, 83, 160, 0.2);}
#header{ display:flex; align-content: center; justify-content: space-between; margin-bottom:2rem;}
#header h1{ line-height:2rem; font-size:1.05rem; font-weight:700; padding-left:3rem; background:url('/resource/images/member/logo.png') no-repeat left center/2.5rem auto;}
#header h1 a{ display:block;}
#header h1 a em{color:#003380;}
#header .link a{ display:inline-block; padding:.25rem .75rem; border-radius:1rem; font-size:.75rem; font-weight:600; border:1px solid #cddefc; background:#f7faff;}
#header .link a i{ width:1.5rem; height:1.5rem; line-height:1.5rem; border-radius:50%; margin-right:.25rem; text-align:center; background:#d6e5ff;}
#header .link a:hover{background:#d6e5ff;}
#header .link a:hover i{background:#0073d0; color:#fff;}
#header a, #header i{ transition: all .2s; -webkit-transition: all .2s;}

/*** contents ***/
#container{ font-weight:600; font-size:.75rem; word-break: keep-all; border-top: solid 2.5px #cddefc; padding-top: 10px;}

.tile{
    border: 1px solid #e3e3e3;
    background: #fff;
    width : 100%;
}

.tile_header{
	font-size: 1.05rem;
    font-weight: 700;
    color: #000;
}

.tile_wrap .tile dl {	
	background: url(/resource/images/member/ico_info.png) no-repeat left center;";
	align-items: center;
    padding-left: 5rem;
    min-height: 3.5rem;
}
	

.tile_wrap .tile dt {
	font-size: 1.05rem;
    font-weight: 700;
    color: #000;
}
.tile_wrap .tile p {
	font-size: .75rem;
    margin: 0.5rem 0;
    line-height: 1.1rem;
    min-height: 2.2rem;
    color: #727272;
    font-weight: 600;
}
	
*[class^="tile"] { border-radius:1rem; padding:1.5rem 2rem;}

.tile_wrap .tile ~ .tile{
    margin-top: 1rem;
}

.tile_wrap{
	display: flex;
    flex-wrap: wrap;
    margin: 0.3rem 0 1rem;
	}
}