@charset "utf-8"; 
html{ font-size: 20px;}
body{ font-size: 1rem;}

.container{ margin: 0 .05rem; width: 100%;}

main{ margin-top: 3.4rem;}
main .page-title{ position: relative; margin-bottom: 2rem; font-size: 1.1rem;}
main .page-title span{ padding-bottom: .1rem; border-bottom: .05rem solid #CD5020; color: #000;}
main .main-img{ margin: 0 .5rem; width: calc(100% - 1rem);}

main article{ padding-bottom: 2rem; margin: 0 .5rem;}
main article:last-child{ padding-bottom: 4rem;}
main article .content-title{ font-size: .9rem; line-height: 2rem;}
main article .content-title::after{ height: .05rem;}
main article p{ padding-left: 0; margin-bottom: 0; font-size: .7rem;}
main article p:last-child{ margin: 0;}

/* greetings */
main .greetings-content{ margin: 2.5rem 1.15rem 4rem; font-size: .7rem; word-break: keep-all;}

/* information */
main.information article .content-title span{ padding: 0 .75rem 0 1rem;}
main.information article .content-title span::before{ width: .75rem; height: .75rem; background-size: .75rem .75rem;}
main.information article ul{ gap: .5rem; flex-wrap: wrap;}
main.information article ul li{ flex: auto; width: 100%;}
main.information article ul li img{ display: block; width: 100%;}
main.information article p{ padding: 1rem 0 0; font-size: .7rem; }

/* main, direction의 맵 */
#map{ margin: 0 .5rem; height: 15rem;}
main #map{ height: 15rem;}
main .map-info{ grid-template-columns: 1fr; gap: 1rem; margin: 2rem .5rem 4rem;}
main .map-info li{ padding-left: 0; font-size: .7rem;}
main .map-info li span{ padding-left: 3.65rem;}

/* menu */
main.menu article .content-title span{ padding: 0 .5rem;}
main.menu article .content-title p{ position: absolute; top: auto; right: auto; bottom: -1.25rem; left: 0; transform: none; font-size: .7rem; line-height: .75rem;}
main.menu article:nth-child(2) .content-title{ margin-bottom: 2.25rem;} 
main.menu article > ul{ display: grid; grid-template-columns: 1fr; column-gap: 0; row-gap: 1.5rem;}
main.menu article > ul > li{ box-shadow: 0 .15rem .3rem rgba(0,0,0,.16);}
main.menu article > ul > li img{ height: auto;}
main.menu article > ul > li .menu-container{ height: 3.7rem;}
main.menu article > ul > li .menu-container .menu-title{ padding-left: .8rem; margin-left: 1rem; font-size: .8rem; line-height: 3.7rem;}
main.menu article > ul > li .menu-container .menu-title::before{ width: .55rem; height: .55rem; background-size: .55rem .55rem;}
main.menu article > ul > li .menu-container span{ margin-right: 1rem; font-size: .8rem;}
main.menu article:last-child > ul{ grid-template-columns: 1fr; grid-template-rows: auto; column-gap: 0; row-gap: .75rem; grid-auto-flow: unset;}
main.menu article:last-child > ul > li .menu-container{ height: auto;}
main.menu article:last-child > ul > li .menu-container .menu-title{ margin-left: .25rem; line-height: .9rem;}
main.menu article:last-child > ul > li .menu-container span{ margin-right: .75rem;}
main.menu article:last-child > ul > li:last-child{ grid-row: auto;}
main.menu article:last-child > ul > li:last-child .menu-caution{ padding: 1rem 0 1rem .5rem; margin-top: .25rem; border: .15rem solid #848095;}
main.menu article:last-child > ul > li:last-child span{ margin-bottom: 0; font-size: .7rem;}
main.menu article:last-child > ul > li:last-child span:not(:last-child){ margin-bottom: .5rem;}
main.menu article:last-child > ul > li:last-child ul{ margin-top: .75rem; margin-left: .7rem;}
main.menu article:last-child > ul > li:last-child ul li{ padding-right: .2rem; font-size: .7rem; line-height: 1rem;}

/* sturgeon, trout, sancheoneo */
main.fish-intro .fish-intro-container{ margin: 0 .5rem; flex-wrap: wrap;}
main.fish-intro .fish-intro-container img{ flex: auto; width: 100%;}
main.fish-intro .fish-intro-container .explanation{ flex: auto; padding-left: .5rem; padding-top: 2rem;}
main.fish-intro .fish-intro-container ul{ padding: .5rem 0 .75rem;}
main.fish-intro .fish-intro-container ul li{ font-size: .8rem; line-height: 1.35rem; color: #000;}
main.fish-intro .fish-intro-content{ margin: 0 .5rem;  padding: 0 .5rem 4rem;}
main.fish-intro .fish-intro-content li h4{ font-size: .7rem; line-height: 1.35rem; color: #000;}
main.fish-intro .fish-intro-content li p{ padding-left: .5rem;}
main.fish-intro p{ font-size: .7rem; line-height: 1.35rem; color: #000;}
main.fish-intro h3{ padding-left: .75rem; margin-left: -.5rem; font-size: .9rem;}
main.fish-intro h3::before{ width: .5rem; height: .5rem; background-size: .5rem .5rem;}
main.fish-intro > h3{ margin: 1.35rem .5rem .7rem;}

/* tourist */
main.tourist ul{ margin: 0 .5rem;}
main.tourist ul li{ padding-bottom: 1.5rem; flex-wrap: wrap;}
main.tourist ul li:nth-child(2n){ flex-direction: row;}
main.tourist ul li:last-child{ padding-bottom: 4rem; }
main.tourist ul li img{ flex: auto; width: 100%; height: auto;}
main.tourist ul li .tourist-container{ flex: auto; padding: 1.25rem .5rem 0; width: 100%;}
main.tourist ul li .tourist-container h3{ padding-left: .75rem; margin-left: -.5rem; font-size: 1rem;}
main.tourist ul li .tourist-container h3::before{ width: .5rem; height: .5rem; background-size: .5rem .5rem;}
main.tourist ul li .tourist-container p{ padding-top: 1rem; font-size: .7rem; line-height: 27px;}

/* notice */
main.notice table{ margin: 0 .5rem 1.25rem; width: calc(100% - 1rem);}
main.notice table colgroup col:first-child{ width: 70.6%;}
main.notice table colgroup col:last-child{ width: 29.4%;}
main.notice table thead tr th{ border-top-width: 0; border-bottom: 1px solid #707070; font-size: .75rem; line-height: 1.5rem;}
main.notice table tbody::before,
main.notice table tbody::after{ height: .5rem;}
main.notice table tbody::after{ border-bottom: .05rem solid #707070;}
main.notice table tbody tr td{ padding: .5rem; font-size: .7rem;}
main.notice table tbody tr td:last-child{ padding: .5rem 0;}
main.notice table tbody tr td[colspan="2"] .notice-content{ min-height: 375px;}
main.notice .prev{ margin-right: .5rem; margin-bottom: 4rem; width: 2.5rem; border: .1rem solid #CD5020;}
main.notice .prev a{ font-size: .6rem; line-height: 1.15rem;}
main.notice .pagination-bar{ margin: 0 .5rem 4rem;}
main.notice .pagination-bar button{ margin: 0 .325rem; width: 1rem; height: 1rem; border: .05rem solid #707070; font-size: .75rem; line-height: 1rem;}

/* sitemap */
main.sitemap > ul{ grid-template-columns: 1fr; margin: 0 1rem 4rem; column-gap: 0; row-gap: 1.5rem;}
main.sitemap > ul > li > a{ padding-bottom: .25rem; border-bottom: .05rem solid #CD5020; font-size: .9rem; line-height: .95rem;}
main.sitemap > ul > li > ul > li{ padding-top: 1rem;}
main.sitemap > ul > li > ul > li a{ padding-left: .5rem; font-size: .8rem; line-height: .9rem;}