@charset "utf-8";
/*@font-face{ font-family: 'NanumMyeongjo'; src: url('/fonts/NanumMyeongjo.woff2') format('woff2');}
@font-face{ font-family: 'NanumMyeongjoBold'; src: url('/fonts/NanumMyeongjoBold.woff2') format('woff2');}*/
body{position: relative;}
.container{ position: relative; width: 1320px; margin: 0 auto;}

main{ margin-top: 68px;}
main .page-title{ position: relative; margin-bottom: 62px; font-size: 40px; font-weight: 500; text-align: center; color: #3E2B2C;}
main .page-title span{ padding-bottom: 5px; border-bottom: 2px solid #CD5020;}
main .main-img{ display: block; margin: 0 60px; width: calc(100% - 120px);}

main article{ padding-bottom: 51px; margin: 0 60px;}
main article:last-child{ padding-bottom: 80px;}
main article .content-title{ position: relative; font-size: 28px; line-height: 80px; color: #000;}
main article .content-title::after{ content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 1px; background-color: #707070; }
main article p{ padding-left: 10px; margin-bottom: 15px; font-size: 16px; font-weight: 500; color: #666666;}
main article p:last-child{ margin: 0;}

/* greetings */
main .greetings-content{ margin: 64px 60px 131px; font-size: 20px; text-align: center;}

/* information */
main.information article .content-title span{ position: relative; padding: 0 12px 0 30px; background-color: #fff; font-weight: 500;  z-index: 1;}
main.information article .content-title span::before{ content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 20px; background: url("/img/Icon_red_circle.png") no-repeat center;}
main.information article ul{ display: flex; gap: 60px;}
main.information article ul li{ flex: 1;}
main.information article ul li img{ display: block; width: 100%;}
main.information article p{ padding: 24px 0 0 20px; font-size: 20px; color: #000000; }

/* main, direction의 맵 */
#map{ margin: 0 60px; height: 500px; border: 1px solid #707070; box-sizing: border-box;}
main #map{ height: 700px;}
main .map-info{ display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin: 64px 60px 131px;}
main .map-info li{ padding-left: 38px; font-size: 20px; color: #000; }
main .map-info li span{ padding-left: 103px;}

/* menu */
main.menu article .content-title{ text-align: center;}
main.menu article .content-title span{ position: relative; padding: 0 14px; background-color: #fff; font-weight: 500; z-index: 1;}
main.menu article .content-title p{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); background-color: #fff; font-size: 16px; color: #FF0000; z-index: 1;}
main.menu article > ul{ display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 45px; row-gap: 70px;}
main.menu article > ul > li{ box-shadow: 0 3px 6px rgba(0,0,0,.16);}
main.menu article > ul > li img{ display: block; width: 100%; height: 220px;}
main.menu article > ul > li .menu-container{ display: flex; width: 100%; height: 80px; }
main.menu article > ul > li .menu-container .menu-title{ position: relative; padding-left: 17px; margin-left: 20px; font-size: 18px; color: #000; line-height: 80px; font-weight: 500;}
main.menu article > ul > li .menu-container .menu-title::before{ content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 12px; height: 12px; background: url("/img/Icon_red_circle.png") no-repeat center; background-size: 12px 12px;}
main.menu article > ul > li .menu-container span{ margin: auto; margin-right: 20px; font-size: 18px; color: #000;}
main.menu article:last-child > ul{ grid-template-columns: 1fr 1fr; grid-template-rows: repeat(7,1fr); column-gap: 40px; row-gap: 10px; grid-auto-flow: column;}
main.menu article:last-child > ul > li{ box-shadow: none;}
main.menu article:last-child > ul > li .menu-container{ height: auto;}
main.menu article:last-child > ul > li .menu-container .menu-title{ margin-left: 50px; line-height: 27px;}
main.menu article:last-child > ul > li .menu-container span{ margin-right: 30px; }
main.menu article:last-child > ul > li:last-child{ grid-row: auto / span 4;}
main.menu article:last-child > ul > li:last-child .menu-caution{ padding: 17px 30px 0; margin-top: 11px; border: 3px solid #848095;}
main.menu article:last-child > ul > li:last-child span{ display: block; margin-bottom: 18px; font-size: 16px; color: #000;}
main.menu article:last-child > ul > li:last-child ul{ margin-top: 18px;}
main.menu article:last-child > ul > li:last-child ul li{ display: inline-block; padding-right: 8px; font-size: 16px; line-height: 27px; color: #000;}

/* sturgeon, trout, sancheoneo */
main.fish-intro .fish-intro-container{ display: flex; margin: 0 60px;}
main.fish-intro .fish-intro-container img{ display: block; flex: 1; width: 600px; }
main.fish-intro .fish-intro-container .explanation{ flex: 1; padding-left: 62px; }
main.fish-intro .fish-intro-container ul{ padding: 10px 0 15px;}
main.fish-intro .fish-intro-container ul li{ font-size: 16px; line-height: 27px; color: #000;}
main.fish-intro .fish-intro-content{ margin: 0 60px;  padding: 0 15px 130px;}
main.fish-intro .fish-intro-content li h4{ font-size: 16px; line-height: 27px; color: #000; font-weight: 500;}
main.fish-intro .fish-intro-content li p{ padding-left: 10px;}
main.fish-intro p{ font-size: 16px; line-height: 27px; color: #000;}
main.fish-intro h3{ position: relative; padding-left: 22px; margin-left: -12px; font-size: 20px; font-weight: 500; color: #000;}
main.fish-intro h3::before{ content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 12px; height: 12px; background: url("/img/Icon_red_circle.png") no-repeat center; background-size: 12px 12px;}
main.fish-intro > h3{ margin: 30px 65px 16px;}

/* tourist */
main.tourist ul{ margin: 0 60px;}
main.tourist ul li{ display: flex; padding-bottom: 50px;}
main.tourist ul li:nth-child(2n){ flex-direction: row-reverse; }
main.tourist ul li img{ flex: 1; width: 50%; height: 350px;}
main.tourist ul li .tourist-container{ flex: 1; padding: 60px 50px 0; width: 50%;}
main.tourist ul li .tourist-container h3{ position: relative; padding-left: 30px; font-size: 28px; font-weight: 500; color: #000;}
main.tourist ul li .tourist-container h3::before{ content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 20px; background: url("/img/Icon_red_circle.png") no-repeat center; background-size: 20px 20px;}
main.tourist ul li .tourist-container p{ padding-top: 30px; font-size: 18px; color: #000; line-height: 27px; word-break: keep-all; }

/* notice */
main.notice table{ margin: 0 60px 50px; width: calc(100% - 120px);}
main.notice table colgroup col:first-child{ width: 78.26%;}
main.notice table colgroup col:last-child{ width: 21.74%;}
main.notice table thead tr th{ background-color: #EFF8FC; border-top: 1px solid #111111; border-bottom: 1px solid #707070; font-size: 20px; line-height: 50px; color: #000; font-weight: 500;}
main.notice table tbody::before,
main.notice table tbody::after{ content: ""; display: table-row; height: 12.5px;}
main.notice table tbody::after{ border-bottom: 1px solid #707070;}
main.notice table tbody tr td{ padding: 12.5px 40px; font-size: 20px; color: #000; text-align:center; cursor: pointer;}
main.notice table tbody tr td:first-child{ text-align: left;}
main.notice table tbody tr td[colspan="2"]{ cursor: initial; vertical-align: top;}
main.notice table tbody tr td[colspan="2"] .notice-content{ min-height: 600px;}
main.notice .prev{ display: block; margin-left: auto; margin-right: 60px; margin-bottom: 130px; width: 80px; background-color: #fff; border: 3px solid #CD5020;}
main.notice .prev a{ display: block; font-size: 20px; line-height: 44px; color: #000; cursor: pointer;}
main.notice .pagination-bar{ margin: 0 60px 130px; font-size: 0; text-align: center;}
main.notice .pagination-bar button{ margin: 0 7.5px; width: 30px; height: 30px; background-color: #fff; border: 1px solid #707070; font-size: 20px; line-height: 30px; color: #000; cursor: pointer;}
main.notice .pagination-bar button:first-child,
main.notice .pagination-bar button:last-child{ color: #393A4D;}
main.notice .pagination-bar button.current{ background-color: #393A4D; border-color: #393A4D; color: #fff; cursor: initial;}

/* sitemap */
main.sitemap > ul{ display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 110px 150px; column-gap: 100px; row-gap: 60px;}
main.sitemap > ul > li > a{ display: block; padding-bottom: 10px; border-bottom: 1px solid #CD5020; font-size: 24px; line-height: 26px;}
main.sitemap > ul > li > ul > li{ padding-top: 20px;}
main.sitemap > ul > li > ul > li a{ display: block; font-size: 18px; line-height: 19px;}