@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 .noticeTit{ width: 1400px; margin: 0 auto;}
.secContainer .noticeTit h3{ font-family: 'Paperlogy4'; font-size: 24px; 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: 60px;}
.noticeSec h3{font-family: 'Paperlogy4'; font-size: 18px; font-weight: 400; color: #44484c;}
.noticeSec .standard{ margin-top: 30px; display: flex; justify-content: space-between;}
.noticeSec .standard .noticeTxt{ width: 50%;}
.noticeSec .standard .noticeTxt .noticeNum p{ font-family: 'Paperlogy4'; font-size: 16px; color: #212122; letter-spacing: 0rem;}
.noticeSec .standard .noticeTxt .noticeNum span{ font-family: 'Paperlogy5'; font-size: 16px; color: #212122;}
.noticeSec .standard .noticeTxt .txtList{ margin-top: 30px;}
.noticeSec .standard .noticeTxt .txtList p{ font-family: 'Paperlogy4'; font-size: 14px; color: #212122; padding-bottom: 6px;letter-spacing: 0rem;}
.noticeSec .standard .noticeTxt .txtList p span{font-family: 'Paperlogy4'; font-size: 14px; color: #212122; line-height: 1.5em; display: block; text-indent: 14px;}
.noticeSec .standard .noticeTxt .txtList p span:first-child{ text-indent: 0; font-weight: 500;}
.noticeSec .standard .noticeTxt .txtList p span .mnone{ display: none;}
/* .noticeSec .standard .noticeTxt .txtList p */
.noticeSec .standard .standImg{ width: 50%; aspect-ratio: 4/3; background: url(../img/main/image9.jpg) no-repeat 80% 50%/cover; }
.noticeSec .standard .standImg.img2{ width: 50%; aspect-ratio: 4/3; background: url(../img/sub1/image8.jpg) no-repeat 80% 50%/cover; }
.noticeSec .standard.reverse{ display: flex; justify-content: space-between; flex-direction: row-reverse;}
.noticeSec .standard.reverse .noticeTxt{ padding-left: 20px;}


/* 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: 18px; 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;}
.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%;}
/* 지도 연동 */
#daumRoughmapContainer1762475562821{ width: 100%;}
.root_daum_roughmap .cont .section.lst{ display: none;}

/* 떠나요 */
#price{ width: 100%; margin-top: 10px;}
.ad{ display: none;}
.priceTable th, .priceTable td{ vertical-align: middle;}
#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: 1024px){
    /* .mbr{ display: block;} */
    .noticeSec .standard .noticeTxt{ padding-right: 15px;}
    .noticeSec .standard .noticeTxt .txtList p{ font-size: 13px; padding-bottom: 5px; line-height: 1.5em;}
    .noticeSec .standard .noticeTxt .txtList p span{ text-indent: 0; font-size: 13px;}
    .noticeSec .standard .noticeTxt .txtList p span .mnone{ display: block;}
}

@media all and (max-width: 768px){
    .noticeSec .standard .standImg{ display: none;}
    .secContainer .noticeSec{ border-bottom: none; padding-bottom: 0;}
    .noticeSec .standard .noticeTxt{ width: 100%;}
    .noticeSec .standard .noticeTxt .txtList{ margin-top: 0;}
    .noticeSec .standard.reverse .noticeTxt{ padding-left: 0;}
    /* .noticeSec .standard .noticeTxt .txtList p span{ text-indent: 6px;} */

    .location{flex-direction: column;}
    .location .locTxt{ width: 100%; padding-right: 0; padding-bottom: 30px;}
    .location .locTxt .addTxt{ margin-top: 10px;}
    .location .locMap{ width: 100%;}

    .noticeNum{ margin-bottom: 30px;}

    .noticeSec .standard .noticeTxt .txtList p{ padding-bottom: 0; font-size: 14px;}
    .noticeSec .standard .noticeTxt .txtList p span{ font-size: 14px;}
}

@media all and (max-width: 520px){
    .secContainer{ margin: 60px auto;}
    .secContainer:first-child{ margin: 30px auto 0;}
    .secContainer .noticeTit h2{ font-size: 36px;}
    .secContainer .noticeTit h3{ font-size: 18px;}
    .noticeSec .standard .noticeTxt .noticeNum p{ font-size: 14px;}
    .noticeSec .standard .noticeTxt .noticeNum span{ font-size: 14px;}

    .priceTable td p{ font-size: 12px;}
    .priceTable td{ font-size: 11px;}
}