@charset "utf-8";

/*------------------------------------------------------------
Universal Style
------------------------------------------------------------*/
html,body,div,
h1,h2,h3,h4,h5,h6,
p,dl,dt,dd,ul,ol,li,img,
table,caption,th,td,
form,fieldset,legend,input,textarea,select,
pre,code,blockquote,address{
margin:0;
padding:0;
}

img{
border:0;
vertical-align:bottom;
}

ul{
list-style-position:outside;
list-style-type:none;
}

ul li{
margin-bottom:5px;
padding:0;
}

em{
font-style:normal;
font-weight:bold;
}

strong{
color:#ff3700;
}

table{
border:medium none;
border-collapse:collapse;
}

th,td{
font-weight:normal;
vertical-align:top;
}

a:link{color:#0f64eb;}
a:visited{color:#800080;}

input{vertical-align:middle;}

#modal{
width: 95%;
max-width: 830px;
margin:0 auto;
}

#modalContent {
width: auto;
}

.modal-outer{
margin-top:10px;
position:relative;
}

.modal-outer-content{
background: rgba(0,0,0,0.5);
padding:16px;
border-radius: 10px;
}

.modal-inner{
background: #fff;
border-radius: 10px;
}

.modal-inner-content{
background: #fff;
padding:23px 26px 23px;
border-radius: 10px;
}

.modal-inner-content .h1-content h1{
background:#45b3c0;
border-radius: 5px;
margin-bottom:10px;
padding:10px 15px;
color:#fff;
}


#lb {
width: 100%;
font-size: 15px;
}

.input-txt{
margin-bottom:10px;
}

.tbl-type01{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
width:100%;
margin-bottom:15px;
}

.tbl-type01 td{
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.tbl-type01 td a{
color:#231815;
text-decoration:none;
padding:10px;
display:block;
background:url(/newmock/base/inquiry/firerelocation/images/modal/icon_modalarrow_01.png) no-repeat 99% center;
}

.tbl-type01 td a:hover{
background-color:#fffce7;
}

.close-btn01{
text-align:center;
}

.close-btn02{
position:absolute;
top:-10px;
right:-7px;
}

@media only screen and (max-width: 768px) {
.tbl-type01 td a {
background: url(/newmock/base/inquiry/firerelocation/images/modal/icon_modalarrow_01.png) no-repeat 98% center;
}
}