@charset "utf-8";
/* p { font-family: "Pretendard"; font-weight: 200; line-height: 2em; }  */
section p { font-family: "Pretendard"; font-weight: 200; line-height: 2em; } 
.center-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.container-1400 { width: 1400px; margin: 0 auto; } 
.mini-tit { font-size: 18px; margin-bottom: 10px; font-weight: 400; } 
.reserv { margin: 80px 0 0; }

header { width: 100%; height: 100px; top:0; left:50%; opacity:0; background:rgba(0,0,0,.3); transform:translate(-50%, 0); transition: all .6s ease; position: fixed; z-index: 999999; opacity:1; } 

section { display: flex; margin: 0 auto; width: 1400px; } 
/* section> div { width: 100%; } */
section> div:first-child { width: 55%; } 
section> :last-child { width: 45%; padding-left: 80px; } 

main { position: relative; width: 100%; height: 71vh; background: url('../img/main/image9.jpg') no-repeat 50% 100%/cover; } 
main .txt { color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); } 
main .txt p { font-size: 16px; font-family: 'BookkMyungjo-Lt'; } 
main .txt div { font-size: 50px; font-weight: 500; margin-top: 20px; letter-spacing: 4px; } 

.intro { text-align: center; width: 100%; } 
.intro p { width: 100%; font-family: 'BookkMyungjo-Lt'; } 

.first-s { padding-top: 0; align-items: center; justify-content: space-between; }  
.first-s .img { width: 50%; height: 530px; background: url('../img/main/image11.jpg') no-repeat center/cover; } 
.first-s div p span { font-weight: 400; } 

/*떠나요*/
.priceTable { font-family: "Pretendard"; font-weight: 200; } 
.priceTable th.ss { background: #eee; } 
.priceTable th.ad { display: none; } 
.priceTable tr .ad { display: none; } 

.cancelfee { font-family: "Pretendard"; font-weight: 200; width: 100%; } 
.cancelfee th { background-color:#eee; } 
.reserve-refund-txt>ul>li { font-size:15px; font-weight:400; line-height:25px; } 
.reserve-refund-txt>ul>li span { margin-right:10px; font-weight:600; } 
.cancelfee th, .cancelfee td { padding:10px 10px !important; } 

.second-s { margin: 100px auto 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } 
.second-s> div.left { width: 100%; padding-left: 0; } 

.third-s { border-bottom: 1px solid #eaeaea; } 
.third-s .img { height: 550px; background: url('../img/main/image13.jpg') no-repeat center/cover; } 
.third-s> :first-child { padding-right: 80px; } 

@media screen and (min-width:1px) and (max-width:1400px) { 
    section { width: 100%; padding: 100px 20px; } 
    #price { width: 100%; padding: 0 20px; } 
}

@media screen and (min-width:1px) and (max-width: 1024px) { 
    section { flex-direction: column; } 
    section> div:first-child { width: 100%; } 
    section> :last-child { width: 100%; padding-left: 0px; } 

    .reserv { margin: 40px 0 0; }
    
    .intro { padding: 100px 20px 50px; }

    .first-s { flex-direction: column; padding-bottom: 50px; } 
    .first-s .img { margin-bottom: 40px; width: 100%; } 

    .second-s { flex-direction: column; } 
    .second-s .right { margin-top: 100px; } 

    .third-s> :first-child { padding-right: 0; } 
    .third-s .img { margin-top: 40px; } 

    .priceTable { font-size: 12px; } 
}


@media screen and (min-width:1px) and (max-width: 768px) { 
    section { padding: 50px 20px; } 
    .first-s .img { height: 400px; } 

    .second-s { margin: 50px auto 0; } 
    .second-s .right { margin-top: 50px; } 

    .third-s .img { height: 400px; } 
 }

@media screen and (min-width:1px) and (max-width: 500px){
    .first-s .img { height: 300px; } 
    .third-s .img { height: 300px; } 

    .priceTable tr .type { width: 110px;} 
    .priceTable tr .type p {font-size: 12px;} 
    .priceTable tr .wk { padding: 7px 5px; } 
 }

 
@media screen and (min-width:1px) and (max-width: 350px){
    .priceTable tr .type { width: 80px;} 
}