@charset "UTF-8";

@media print, screen and (max-width:1199px) {

header {
position: fixed;
background-color: #fff;
width: 100%;
height: 160px;
padding: 0 10px;
z-index: 1000;
}

#headerWrap {
position: relative;
width: 100%;
margin: 0 auto;
}

#logo {
position: absolute;
width: 180px;
left: 0;
top: 10px;
}

#nav01 {
position: absolute;
width: 120px;
margin: auto;
top: 55px;
right: 0;
left: -125px;
}

#nav02 {
position: absolute;
width: 120px;
margin: auto;
top: 55px;
left: 0;
right: -125px;
}

#nav03 {
position: absolute;
width: 60px;
top: 18px;
right: 70px;
}

#nav04 {
position: absolute;
width: 60px;
top: 18px;
right: 0;
}

#nav05 {
position: absolute;
width: 150px;
margin: auto;
left: -155px;
right: 0;
top: 85px;
}

#nav06 {
position: absolute;
width: 150px;
margin: auto;
left: 0;
right: -155px;
top: 85px;
}

#nav07 {
position: absolute;
width: 150px;
margin: auto;
left: 0;
right: 0;
top: 120px;
}

#kvWrap {
width: 92%;
margin: 0 auto;
padding: 160px 0 40px;
}

.commonTitle {
background-color: #e63e37;
width: 100%;
text-align: center;
padding: 10px 25px;
}

.commonTitle img {
margin: 0 auto;
}

.wrap {
width: 92%;
margin: 0 auto;
padding: 40px 0;
}

#btnWrap01 {
width: 45%;
margin: 20px auto;
margin-bottom: 40px;
}

.btnWrap02 {
width: 90%;
margin: 20px auto;
margin-bottom: 40px;
}

.btnWrap03 {
width: 90%;
margin: 20px auto;
}

#wrapRecommend {
width: 92%;
margin: 0 auto;
padding: 40px 0;
}

#mapTitle {
width: 100%;
margin: 0 auto;
margin-bottom: 20px;
}

#recbody ul {
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#recbody ul li {
width: 50%;
}

#recommendarea {
width: 98%;
margin: 0 auto;
}

#recommendarea img {
display: none;
margin-top: 1.25rem;
}

#recommendarea a:hover {
opacity: 1;
}

#termsAndConditionsWrap {
width: 100%;
margin: 0 auto;
padding: 0 0 40px;
}

.termsAndConditionsWrap {
width: 92%;
margin: 0 auto;
padding: 30px 0 0 0;
}

.termsAndConditionsWrap h2 {
background-color: #e63e37;
width: 100%;
height: 50px;
font-size: 2rem;
font-weight: 700;
text-align: left;
color: #fff;
padding: 0 25px;
border-radius: 20px 20px 0 0;
line-height: 45px;
}

.termsAndConditionsWrap .inner {
background-color: #fff;
text-align: justify;
padding: 22px 25px;
border-radius: 0 0 20px 20px;
}

.termsAndConditionsWrap .inner h3 {
font-size: 2rem;
margin-bottom: 20px;
}

.termsAndConditionsWrap .innerTac {
background-color: #fff;
text-align: justify;
padding: 22px 25px;
border-radius: 0 0 20px 20px;
}

.termsAndConditionsWrap .innerTac h3 {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 5px;
}

.termsAndConditionsWrap .innerTac p {
margin-bottom: 18px;
padding-bottom: 20px;
border-bottom: 1px solid #e63e37;
}

footer {
font-weight: 700;
padding: 0 0 120px 0;
}

#pagetop {
position: fixed;
width: 60px;
right: 10px;
bottom: -140px;
z-index: 50;
}

}