@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&display=swap');
.tour_title{ padding-bottom: 2.4rem; border-bottom: 1px solid #ccc; }
.tour_title img{ width: 47%; }

.tourList{ text-align: center; padding: 3.5rem 0 5rem 0; }
.tourNum{ width: 3.5rem; height: 3.5rem; margin: 0 auto 0; text-indent: -5555555px; }
.tourNum01{ background: url('../images/sub/tourInfoNum01.png')no-repeat center top; background-size: cover; }
.tourNum02{ background: url('../images/sub/tourInfoNum02.png')no-repeat center top; background-size: cover; }
.tourNum03{ background: url('../images/sub/tourInfoNum03.png')no-repeat center top; background-size: cover; }
.tourNum04{ background: url('../images/sub/tourInfoNum04.png')no-repeat center top; background-size: cover; }
.tourNum05{ background: url('../images/sub/tourInfoNum05.png')no-repeat center top; background-size: cover; }
.tourNum06{ background: url('../images/sub/tourInfoNum06.png')no-repeat center top; background-size: cover; }
.tourNum07{ background: url('../images/sub/tourInfoNum07.png')no-repeat center top; background-size: cover; }


.tourListTitle{ font-family: 'Nanum Myeongjo'; font-size: 1.875rem; line-height: 3.2rem; font-weight: 800; display: inline-block; border-bottom: 1px solid #ccc; color: #6a86eb; padding: 0.5rem 0 0.67rem 0; letter-spacing: -0.05em; }
.tourDesc span{ display: block; color: #333; }
.tourDescTitle{ font-size: 1.5rem; line-height: 1.67rem; padding: 1rem 0; }
.tourDescTxt{ font-size: 1rem; line-height: 1.58rem; }
.tourImg{ padding: 0 16.5%; margin-top: 3rem; }

.tourList02{ background-color: #eee; }


@media (max-width: 600px) {
    .tour_title img{ width: 60%; }
    .tourImg{ padding: 0 5%; }
    
}
@media (max-width: 440px) {
     .tour_title img{ width: 90%; }
    .tourListTitle{ letter-spacing: -0.1em; display: block; line-height: 2.5rem; }
    .tourListTitle span{ display: block; }
    .tourDescTxt span{ display: inline; }
    
}
@media (min-width:500px) and (max-width:599px){html{font-size:27.6px;}}
@media (min-width:376px) and (max-width:499px){html{font-size:24px;}}
@media (min-width:360px) and (max-width:375px){html{font-size:20px;}}
@media (min-width:0px) and (max-width:359px){html{font-size:18px;}}