@charset "utf-8";

.gnb{ width: 100%; margin: 0 auto; background-color: rgba(0, 0, 0, 0.3);  top: 0px; transition: top 0.3s ease-in-out; display: none; position: relative; z-index: 99999;}

.secContainer{ width: 100%; margin: 80px auto;}
.secContainer.titles { margin: 150px auto 80px; }
.secContainer .noticeTit{ width: 1400px; margin: 0 auto;}
.secContainer .noticeTit h3{ font-family: 'Paperlogy4'; font-size: 18px; font-weight: 400; color: #44484c; }
.secContainer .noticeTit h2{ font-family: 'GyeonggiR'; font-size: 48px; font-weight: 600;}

.secContainer .noticeSec{ width: 1400px; margin: 0 auto; border-bottom: 1px solid #9ba4aa; padding-bottom: 80px;}
.noticeSec h3{font-family: 'Paperlogy4'; font-size: 24px; font-weight: 400; color: #44484c;}
.noticeSec .standard{ margin-top: 50px; display: flex; justify-content: space-between;}
.noticeSec .standard .noticeTxt{ width: 50%; padding-top: 20px;}
.noticeSec3 .standard .noticeTxt{ padding-top: 0;}
.noticeSec .standard .noticeTxt .noticeNum p{ font-family: 'Paperlogy4'; font-size: 16px; color: #646a70; letter-spacing: 0rem;}
.noticeSec .standard .noticeTxt .noticeNum span{ font-family: 'Paperlogy5'; font-size: 16px; color: #646a70;}
.noticeSec .standard .noticeTxt .txtList{ margin-top: 30px;}
.noticeSec3 .standard .noticeTxt .txtList{ margin-top: 0;}

.noticeSec2 .standard .noticeTxt .txtList { margin-top: 0; }
.noticeSec .standard .noticeTxt .txtList p{ font-family: 'Paperlogy4'; font-size: 14px; color: #646a70; padding-bottom: 10px;letter-spacing: 0rem;}
.noticeSec .standard .noticeTxt .txtList p span{ font-weight: bold; color: blue;}
.noticeSec .standard .standImg{ width: 50%; aspect-ratio: 4/3; background: url(../img/main/image9.jpg) no-repeat 50% 50%/cover; }
.noticeSec .standard .standImg.img2{ width: 50%; aspect-ratio: 4/3; background: url(../img/sub1/image6.jpg) no-repeat 50% 50%/cover; }
.noticeSec .standard.reverse{ display: flex; justify-content: space-between; flex-direction: row-reverse;}
.noticeSec .standard.reverse .noticeTxt{ padding-left: 40px;}

/* location */
.location{ width: 1400px; margin: 0 auto;  display: flex; justify-content: space-between; }
.location .locTxt{ width: 50%; padding-right: 10px;}
.location .locTxt h3{ font-family: 'Paperlogy4'; font-size: 24px; font-weight: 400; color: #44484c; }
.location .locTxt .addTxt{ margin-top: 50px;}
.location .locTxt .addTxt p{ font-family: 'Paperlogy4'; font-size: 14px; color: #646a70; letter-spacing: 0rem; line-height: 24px;}
.location .locTxt .addTxt p span{font-family: 'Paperlogy5'; font-size: 14px; color: #646a70; letter-spacing: 0rem;}
.location .locTxt .transport{ margin-top: 30px;}
.location .locTxt .transport h5{font-family: 'Paperlogy5'; font-size: 16px; color: #646a70; letter-spacing: 0rem;}
.location .locTxt .transport p{ font-family: 'Paperlogy4'; font-size: 14px; color: #646a70; letter-spacing: 0rem;}
.location .locTxt .transport p span{font-family: 'Paperlogy5'; font-size: 14px; color: #646a70; letter-spacing: 0rem;}
.location .locMap{ width: 50%;}
.location .locMap #daumRoughmapContainer1753946634739 { width: 100%; }
.root_daum_roughmap_landing { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.root_daum_roughmap .wrap_controllers { display: none; }
.root_daum_roughmap .cont .section.lst { display: none; }

/* 떠나요 */
#price{ width: 100%; margin-top: 30px;}
.ad{ display: none;}
.priceTable th, .priceTable td{ vertical-align: middle;}
/* .priceTable tbody> :nth-child(4) { display: none; } */
#hotel_panalty{ width: 100%; margin-top: 30px;}
.cancelfee{ width: 100%;}
.cancelfee th{ padding: 10px 20px; font-family: 'Paperlogy4'; color: #44484c; font-size: 14px;}
.cancelfee td{ padding: 10px 10px; font-family: 'Paperlogy4'; color: #44484c; font-size: 12px;}
.priceTable td{ font-family: 'Paperlogy4'; font-size: 13px; color: #44484c; text-align: center; letter-spacing: 0rem;}
.priceTable td p{ font-family: 'Paperlogy4'; font-size: 14px; color: #44484c; text-align: center; letter-spacing: 0rem;}


/* 반응형 */
@media all and (max-width: 1400px){
    .secContainer .noticeTit{ width: 95%;}
    .secContainer .noticeSec{ width: 95%;}

    .location{ width: 95%;}
}

@media all and (max-width: 768px){
    .secContainer .noticeTit h2{ font-size: 36px;}

    .noticeSec .standard .standImg{ display: none;}
    .secContainer .noticeSec{ border-bottom: none; padding-bottom: 0;}
    .noticeSec .standard .noticeTxt{ width: 100%; padding-top: 0;}
    .noticeSec .standard .noticeTxt .txtList{ margin-top: 0;}
    .noticeSec1 .standard .noticeTxt .txtList { margin-top: 30px; }
    .noticeSec .standard.reverse { margin-top: 30px; }
    .noticeSec .standard.reverse .noticeTxt{ padding-left: 0;}
    .noticeSec3 .standard { margin-top: 30px; }
    .location{flex-direction: column;}
    .location .locTxt{ width: 100%; padding-right: 0; padding-bottom: 30px;}
    .location .locTxt .addTxt{ margin-top: 30px;}
    .location .locMap{ width: 100%;}
}

@media all and (max-width: 520px){
    .seconds { margin: 40px auto 80px; }
    /* .secContainer:first-child{ margin: 30px auto 0;} */
    .secContainer:first-child{ margin: 120px auto 0;}
    .secContainer .noticeTit h3{ font-size: 18px; margin-bottom: 10px;}
}