@charset "UTF-8";@import url(default_v2.css);@import url(fwall.css);@import url(xeicon.min.css);
:root { --font-icon: 'Font Awesome 6 Free'; --mainC1: #4737ae; --mainC2: #33b891; --subC1: #da4a6f; --subC2: #da4a6f; } 
* { margin: 0; box-sizing: border-box; } 
/* layout */
body { overflow-y: auto; overflow-x: hidden; } 
#wrapper { width: 100vw; height: 100vh; background: url(../../img/main/bg_mainN.jpg)no-repeat center -130px; } 
#header { position: relative; z-index: 9; width: 100vw; height: 80px; background: #fff; box-shadow: 0 0px 5px rgba(0, 0, 0, .5); } 
#areaSearch { width: 100vw; margin-top: 25px; } 
#board { width: 100vw; margin-top: 70px; padding-bottom: 100px; background: url(../../img/main/bg_board.gif)no-repeat center bottom -100px; } 
#quickLink { position: absolute; right: -1px; top: 450px; width: 110px; height: auto; border-radius: 10px 0 0 10px; border: 1px solid #a8a8a8; background: #fff; } 
#footer { width: 100vw; padding: 40px; background: #252329; } 
.box100 { width: 100vw; max-width: 1400px; padding: 0 40px; margin: 0 auto; } 
/* header */
.logo_top { float: left; width: 340px; height: 80px; background: url(../../img/main/logo_top.png) no-repeat left center; text-indent: -9999px; } 
.nav { float: right; display: block; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 13px; } 
.nav li { padding: 0px 0 0px 40px; } 
.nav li a { display: block; padding: 20px 0 25px 0; font: 500 1.3rem 'EM'; color: #333; cursor: pointer}
.nav li a:after { position: relative; bottom: -17px; display: block; content: ''; width: 0; height: 6px; background: var(--mainC1); transition: all .3s; } 
.nav li:hover a:after,
.nav li.on a:after { width: 100%; } 
.nav li .subMenu { display: none; position: absolute; left: 0; top: 80px; width: 100vw; height: 110px; border-top: 1px solid var(--mainC1); background: #fff; opacity: .95; box-shadow: 0 3px 3px rgba(0, 0, 0, .2); } 
.nav li .subMenu .title { float: left; width: 30%; min-width: 350px; height: 100%; padding-right: 30px; background: linear-gradient(90deg, #33b891, #4737ae); text-align: right; line-height: 110px; font-family: 'EM'; color: #fff; font-size: 1.4rem; font-weight: 300; } 
.nav li .subMenu ul { float: left; width: 70%; max-width: calc(100% - 430px); display: flex; flex-wrap: wrap; justify-content: left; align-items: center; height: 110px; padding: 15px 0 15px 30px; } 
.nav li .subMenu ul li { margin: 0; padding: 0; } 
.nav li .subMenu ul li a { display: block; padding: 5px 10px 2px 10px; margin: 3px 10px; background: #fff; border: 1px solid #ddd3ea; font-family: 'PTD'; font-weight: 600; color: var(--mainC1); font-size: 1.1rem;; white-space: pre-wrap; } 
.nav li .subMenu ul li a:hover { background: var(--mainC1); color: #fff; } 
.nav li:hover li a:after { width: 0; } 
button.menu { display: none; z-index: 9999; position: absolute; right: 20px; top: 25px; border: none; background: none; font-size: 2.2rem; transition: .3s all; } 
button.menu:hover { transform: rotate(180deg)translateY(5px); } 
button.menu i { vertical-align: top; padding: 0; margin: 0; } 
/* areaSearch */
#areaSearch .title { display: block; width: 100%; height: 50px; text-align: center; font-size: 2rem; font-weight: 800; line-height: 60px; } 
#areaSearch .title img { width: 17rem; margin-right: 20px; vertical-align: middle; } 
#areaSearch .title span { color: var(--mainC1); } 
#areaSearch .field { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; margin-top: 25px; padding: 0 40px; } 
#areaSearch .field>select { width: 20%; height: 60px; background: #252329; border: 1px solid #252329; border-radius: 70px 0 0 70px; color: #fff; font-size: 1.4rem; font-weight: 600; text-align: center; } 
#areaSearch .field select option { padding: 0 20px; } 
#areaSearch .field .name { width: 70%; height: 60px; border: 1px solid #252329; background: #fff; } 
#areaSearch .field .name>input { width: 100%; height: 58px; padding-left: 20px; border: 1px solid #252329; font-size: 1.3rem; font-weight: 600; color: #222; } 
#areaSearch .field .jibun { width: 70%; height: 60px; border: 1px solid #252329; background: #fff; } 
#areaSearch .field .jibun>select { width: 20%; height: 58px; padding: 0px; background: #fff; border: 0px; color: #333; font-size: 1.4rem; text-align: center; } 
#areaSearch .field .jibun>label { font-size: 1.2rem; margin: 0 5px 0 20px; } 
#areaSearch .field .jibun>input[type='text'] { width: 10%; height: 58px; border: none; font-size: 1.3rem; text-align: center; vertical-align: top; } 
#areaSearch .field .jibun>input::placeholder { color: #ccc; } 
#areaSearch .field .doro { width: 70%; height: 60px; border: 1px solid #252329; background: #fff; } 
#areaSearch .field .doro>select { width: 30%; height: 58px; padding: 0px; background: #fff; border: 0px; color: #333; font-size: 1.4rem; text-align: center; } 
#areaSearch .field .doro>input[type='text'] { width: 30%; height: 58px; border: none; font-size: 1.3rem; text-align: center; vertical-align: top; } 
#areaSearch .field button { width: 10%; height: 60px; border: none; border-radius: 0 70px 70px 0; background: #252329 url(../../img/main/icon_mainSearch.png)no-repeat center; text-indent: -9999px; } 
#areaSearch .result { position: absolute; left: 24%; top: 135px; width: calc(70% - 125px); height: 50vh; padding: 20px; background: #f1f1f1; border-radius: 10px; box-shadow: 0 3px 5px rgba(0, 0, 0, .3); overflow-y: auto; overflow-x: hidden; } 
#areaSearch .result::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.1); border-radius: 5px; } 
#areaSearch .result::-webkit-scrollbar { width: 5px; height: 5px; } 
#areaSearch .result::-webkit-scrollbar-thumb { background-color: #a7a7a7; border-radius: 5px; } 
#areaSearch .result dl { width: 100%; } 
#areaSearch .result dl dt { width: 100%; padding: 15px 0 10px 0; border-bottom: 1px solid #ccc; font-size: 1.4rem; font-weight: 600; } 
#areaSearch .result dl dt span { margin: 0 20px; font-size: 1.1rem; font-weight: 400; } 
#areaSearch .result dl dt span b { margin: 0 5px; font-size: 1.2rem; color: var(--subC1); } 
#areaSearch .result dl dt button { float: right; margin-top: -15px; border: none; background: none; font-size: 2.2rem; } 
#areaSearch .result dl dd { width: 100%; } 
#areaSearch .result dl dd ul { display: flex; flex-wrap: wrap; justify-content: left; align-items: center; width: 100%; padding: 10px 15px; margin: 10px 0 0 0; border-radius: 5px; background: #fff; border: 1px solid #fff; } 
#areaSearch .result dl dd ul:hover { border: 1px solid var(--subC1); } 
#areaSearch .result dl dd ul li { width: 100%; padding: 5px 0; font-size: 1.2rem; } 
#areaSearch .result dl dd ul li span { display: inline-block; width: 60px; padding: 5px 0px; margin-right: 5px; font-size: .8rem; font-weight: 600; color: var(--subC1); text-align: center; border: 1px solid #ebc9d6; border-radius: 5px; background: #f7eaee; vertical-align: middle; } 
#areaSearch .result dl dd ul li.name { color: var(--subC1); font-weight: 600; font-size: 1.3rem; } 
/* board */
#board .tabMenu { display: inline-block; width: 250px; vertical-align: top; } 
#board .tabMenu .title { width: 100%; height: 60px; line-height: 45px; font-size: 2rem; font-weight: 800; color: var(--mainC1); text-align: center; } 
#board .tabMenu ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; padding: 15px; background: url(../../img/main/bg_mainmenu.gif)no-repeat left top; border-radius: 10px; } 
#board .tabMenu ul li { width: 100%; height: 120px; border-bottom: 1px solid #332787; } 
#board .tabMenu ul li:last-child,
#board .tabMenu ul li.on { border-bottom: 0px solid #332787; } 
#board .tabMenu ul li a { display: block; width: 100%; height: 100%; padding: 80px 0 0 0; background: none; border-radius: 8px; font-size: 1.4rem; font-weight: 600; color: #fff; text-align: center; transition: all .3s; } 
#board .tabMenu ul li a:hover { transform: translateY(-3px); } 
#board .tabMenu ul li:nth-child(1) a { background: url(../../img/main/icon_mainmenu1_off.png)no-repeat center 30%; background-size: 26%; } 
#board .tabMenu ul li:nth-child(2) a { background: url(../../img/main/icon_mainmenu2_off.png)no-repeat center 30%; background-size: 26%; } 
#board .tabMenu ul li:nth-child(3) a { background: url(../../img/main/icon_mainmenu3_off.png)no-repeat center 30%; background-size: 26%; } 
#board .tabMenu ul li:nth-child(4) a { background: url(../../img/main/icon_mainmenu4_off.png)no-repeat center 30%; background-size: 26%; } 
#board .tabMenu ul li:nth-child(1).on a { background: url(../../img/main/icon_mainmenu1_on.png) no-repeat center 30%, url(../../img/main/bg_mainmenuon.gif) no-repeat center 25%; color: var(--mainC1); box-shadow: inset 0 0 10px rgba(0, 0, 0, .5); font-weight: 800; background-size: 26%, auto; } 
#board .tabMenu ul li:nth-child(2).on a { background: url(../../img/main/icon_mainmenu2_on.png) no-repeat center 30%, url(../../img/main/bg_mainmenuon.gif) no-repeat center 25%; color: var(--mainC1); box-shadow: inset 0 0 10px rgba(0, 0, 0, .5); font-weight: 800; background-size: 26%, auto; } 
#board .tabMenu ul li:nth-child(3).on a { background: url(../../img/main/icon_mainmenu3_on.png) no-repeat center 30%, url(../../img/main/bg_mainmenuon.gif) no-repeat center 25%; color: var(--mainC1); box-shadow: inset 0 0 10px rgba(0, 0, 0, .5); font-weight: 800; background-size: 26%, auto; } 
#board .tabMenu ul li:nth-child(4).on a { background: url(../../img/main/icon_mainmenu4_on.png) no-repeat center 30%, url(../../img/main/bg_mainmenuon.gif) no-repeat center 25%; color: var(--mainC1); box-shadow: inset 0 0 10px rgba(0, 0, 0, .5); font-weight: 800; background-size: 26%, auto; } 
#board .tab { display: inline-block; width: calc(100% - 290px); height: 570px; padding-left: 40px; } 
#board .tab .con { display: none; width: 100%; height: 100%; padding: 0 30px; border-radius: 10px; border: 1px solid #a8a8a8; background: #fff; box-shadow: 0 -3px 3px rgba(0, 0, 0, .1); } 
#board .tab .con .top { width: 100%; height: 60px; line-height: 65px; border-bottom: 1px solid #ddd; font-size: 1rem; color: #666; } 
#board .tab .con .top button { float: right; margin-top: 18px; height: 32px; line-height: 32px; padding: 0px 20px; border-radius: 50px; border: none; background: var(--mainC2); font-size: 1rem; font-weight: 600; color: #fff; transition: all .3s; } 
#board .tab .con .top button:after { position: relative; top: -4px; margin-left: 10px; content: '+'; font-weight: 200; font-size: 2rem; vertical-align: middle; } 
#board .tab .con .top button:hover { transform: translateY(-3px); } 
#board .tab .mapcon { display: none; width: 100%; height: 100%; padding: 0; border-radius: 10px; border: 1px solid var(--mainC1); background: #fff; box-shadow: 0 -3px 3px rgba(0, 0, 0, .1); } 
#board .tab .mapcon .maptop { width: 100%; height: 70px; padding-right: 30px; line-height: 80px; border: 1px solid var(--mainC1); font-size: 1rem; color: #99afeb; background: var(--mainC1); border-radius: 9px 9px 0 0; text-align: right; } 
#board .tab .mapcon .maptop b { margin-left: 10px; font-size: 1.8rem; color: #fff; font-weight: 600; } 
#board .tab .mapcon .maptop b span { color: #99afeb; } 
#board .tab .mapcon .map { width: 100%; height: calc(100% - 70px); border-radius: 0 0 9px 9px; background: url(../../img/main/bg_map.jpg) no-repeat center; } 
#board .tab .mapcon .map .mapContainer { display: block; width: 100%; height: 100%; text-align: center; line-height: 500px; margin: 0 auto; } 
#board .tab .mapcon .map .mapContainer img { width: 50%; vertical-align: middle; opacity: .9; } 
#board .tab .con ul { width: 100%; } 
#board .tab .con ul li { width: 100%; padding: 12px; border-bottom: 1px solid #ddd; display: flex; flex-wrap: wrap; justify-content: left; align-items: center; } 
#board .tab .con ul li:last-child { border-bottom: 0px solid #ddd; } 
#board .tab .con ul li:hover { background: #fff5f8; } 
#board .tab .con ul li .date { width: 75px; height: 75px; border: 1px solid #ebc9d6; border-radius: 5px; box-shadow: 5px 5px 0 rgba(0, 0, 0, .05); font-family: 'EM'; } 
#board .tab .con ul li .date p:first-child { width: 100%; padding: 8px 0; background: #f7eaee; font-size: .85rem; font-weight: 300; text-align: center; } 
#board .tab .con ul li .date p:last-child { width: 100%; padding: 6px 0 4px 0; border-radius: 0 0 9px 9px; background: #fff; font-size: 1.9rem; font-weight: 500; text-align: center; color: var(--subC1); } 
#board .tab .con ul li .txt { width: calc(100% - 100px); margin-left: 20px; } 
#board .tab .con ul li .txt p:first-child { padding: 0 0 10px 0; font-size: 1rem; color: #999; font-weight: 600; } 
#board .tab .con ul li .txt p:first-child:before { display: inline-block; content: ''; width: 3px; height: 14px; margin-right: 10px; background: var(--subC1); } 
#board .tab .con ul li .txt p:last-child { font-size: 1.4rem; color: #333; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
/* quickLink */
#quickLink .title { width: 100%; padding: 15px 0 15px 0; background: #e5e5e5; border-radius: 9px 0 0 0; font-weight: 600; text-align: center; } 
#quickLink li { width: 100%; margin: 0 10px; padding: 23px 0 23px 0; border-bottom: 1px solid #e5e5e5; font-size: .9rem; text-align: center; font-weight: 600; text-indent: -25px; cursor: pointer; } 
#quickLink li a { color: #333; } 
#quickLink li img { margin-bottom: 10px; } 
#quickLink li i { margin: 0px 0 0px 25px; font-size: .7rem; color: #bdbdbd; vertical-align: top; text-indent: -30px; } 
#quickLink li:last-child { border-bottom: 0; } 
#quickLink li:hover img { animation-name: wobble-horizontal; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } 
@keyframes wobble-horizontal { 16.65% { transform: translateX(8px); } 
 33.3% { transform: translateX(-6px); } 
 49.95% { transform: translateX(4px); } 
 66.6% { transform: translateX(-2px); } 
 83.25% { transform: translateX(1px); } 
 100% { transform: translateX(0); } 
 }
/* footer */
#footer .caution { width: 100%; text-align: center; font-weight: 600; color: #8b8996; } 
#footer .copy { width: 100%; padding: 60px 0 0 0; text-align: center; font-size: .9rem; line-height: 1.2; color: #56545e; background: url(../../img/main/logo_foot.png)no-repeat center 25px; } 
/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 반응형 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */
@media (max-width:1400px){
 .logo_top { width: 320px; background-size: contain; } 
 /*.nav li { padding:0px 0 0px 25px; } */
 .nav li a { padding: 20px 0 25px 0; font: 500 1.2rem 'EM'; } 
 #quickLink { display: none} 
 }
@media (max-width:1280px) {
 /* #wrapper { background:url(../../img/main/bg_mainN.jpg)no-repeat 51% -40px; } 
 #header { height:80px; } 
 #areaSearch { margin-top:65px; } 
 #board { margin-top:90px; padding-bottom:90px; } 
 .box100 { padding:0 30px 0 20px; } */
 .logo_top { width: 280px; } 
 .nav li { padding: 0 0 0 30px}
 */ .nav li a:after { bottom: -13px; } 
 .nav li .subMenu { top: 80px; } 
 .nav li .subMenu .title { min-width: 300px; } 
 .nav li .subMenu ul { max-width: calc(100% - 380px); } 
 .nav li .subMenu ul li a { padding: 5px 10px 2px 10px; font-size: 1rem; } 
 #areaSearch .title { font-size: 2.4rem; } 
 #areaSearch .title img { width: 25%; } 
 #areaSearch .field { padding: 0 30px; } 
 #areaSearch .field select { width: 18%; height: 60px; font-size: 1.3rem; } 
 #areaSearch .field select option { padding: 0 15px; } 
 #areaSearch .field .name { width: 72%; height: 60px; } 
 #areaSearch .field .name>input { height: 58px; padding: 0 0 0px 15px; font-size: 1.3rem; } 
 #areaSearch .field .jibun { width: 72%; height: 60px; } 
 #areaSearch .field .jibun>select { height: 58px; font-size: 1.3rem; } 
 #areaSearch .field .jibun>label { font-size: 1.1rem; margin: 0 5px 0 15px; } 
 #areaSearch .field .jibun>input[type='text'] { height: 58px; } 
 #areaSearch .field .doro { width: 72%; height: 60px; } 
 #areaSearch .field .doro>select { height: 58px; font-size: 1.3rem; } 
 #areaSearch .field .doro>input[type='text'] { height: 58px; font-size: 1.3rem; } 
 #areaSearch .field button { width: 10%; height: 60px; } 
 #areaSearch .result { left: 21%; top: 160px; width: 65%; } 
 #areaSearch .result dl dt { font-size: 1.3rem; } 
 #areaSearch .result dl dt span { font-size: 1rem; } 
 #areaSearch .result dl dt span b { font-size: 1.1rem; } 
 #areaSearch .result dl dd ul li { font-size: 1.1rem; } 
 #areaSearch .result dl dd ul li span { width: 50px; font-size: .8rem; } 
 #areaSearch .result dl dd ul li.name { font-size: 1.2rem; } 
 #board .tabMenu { width: 220px; } 
 #board .tabMenu .title { font-size: 2.1rem; } 
 #board .tabMenu ul { background: url(../../img/main/bg_mainmenu.gif)no-repeat left top; } 
 #board .tabMenu ul li { height: 125px; } 
 #board .tabMenu ul li a { padding: 85px 0 0 0; font-size: 1.4rem; } 
 #board .tab { width: calc(100% - 230px); height: 600px; padding-left: 20px; } 
 #board .tab .con { padding: 0 20px; } 
 #board .tab .con .top button { margin-top: 20px; height: 34px; line-height: 34px; padding: 0px 15px; font-size: .9rem; } 
 #board .tab .con .top button:after { font-size: 1.6rem; } 
 #board .tab .mapcon .maptop b { font-size: 1.7rem; } 
 #board .tab .con ul li { padding: 17px; } 
 #board .tab .con ul li .date { width: 70px; height: 70px; } 
 #board .tab .con ul li .date p:first-child { padding: 7px 0; font-size: .8rem; } 
 #board .tab .con ul li .date p:last-child { padding: 8px 0 2px 0; font-size: 1.8rem; } 
 #board .tab .con ul li .txt { width: calc(100% - 90px); } 
 #board .tab .con ul li .txt p:first-child { padding: 0 0 10px 0; font-size: 1rem; } 
 #board .tab .con ul li .txt p:first-child:before { height: 12px; } 
 #board .tab .con ul li .txt p:last-child { font-size: 1.3rem; } 
 }
@media (max-width:1180px){
 .box100 { padding: 0 30px; } 
 .logo_top { width: 250px; } 
 .nav li { padding: 0px 0 0px 15px; } 
 .nav li a { font: 500 1.1rem 'EM'; } 
 }
@media (max-width:1024px) {
 /* #wrapper { width:100vw; height:100vh; background:url(../../img/main/bg_mainN.jpg)no-repeat center -75px; } */
 /* #areaSearch { width:100vw; margin-top:60px; } */
 .nav { z-index: 999; position: absolute; right: 0; top: 80px; float: unset; display: none; flex-wrap: wrap; justify-content: left; align-items: top; width: 280px; height: calc(100vh - 70px); margin-top: 0px; padding-bottom: 100px; background: #fff; border-top: 1px solid #ddd; overflow-y: auto; overflow-x: hidden; box-shadow: -3px 2px 3px rgba(0, 0, 0, .2); } 
 .nav li { display: inline-block; width: 100%; padding: 0px; border-bottom: 1px solid #ddd; background: #f3f3f3; } 
 .nav li a { display: block; padding: 15px 0 10px 0; font: 500 1.2rem 'EM'; text-indent: 15px; } 
 .nav li:hover a:after,
 .nav li.on a:after { width: 0; } 
 .nav li .subMenu { display: block; position: relative; left: 0; top: 0px; /* width:unset; */
 height: auto; border-top: none; background: #fff; opacity: .9; box-shadow: 0; } 
 .nav li .subMenu .title { display: none; } 
 .nav li .subMenu ul { float: left; width: 100%; max-width: 100%; display: block; height: auto; padding: 0; } 
 .nav li .subMenu ul li { margin: 0; padding: 0; } 
 .nav li .subMenu ul li a { display: block; padding: 5px 0px; margin: 0px; background: #fff; border: 0px solid #ddd3ea; font-size: 1rem; text-indent: 30px; white-space: unset; } 
 .nav li .subMenu ul li a:hover { background: var(--mainC1); color: #fff; } 
 .nav li:hover li a:after { width: 0; } 
 button.menu { display: block; } 
 #areaSearch .title { font-size: 2rem; } 
 #areaSearch .title img { width: 30%; } 
 #areaSearch .field select { height: 50px; } 
 #areaSearch .field .name { height: 50px; } 
 #areaSearch .field .name>input { height: 48px; } 
 #areaSearch .field .jibun { height: 50px; } 
 #areaSearch .field .jibun>select { height: 48px; } 
 #areaSearch .field .jibun>input[type='text'] { height: 48px; } 
 #areaSearch .field .doro { height: 50px; } 
 #areaSearch .field .doro>select { height: 48px; } 
 #areaSearch .field .doro>input[type='text'] { height: 48px; } 
 #areaSearch .field button { height: 50px; } 
 #board .tabMenu { width: 180px; } 
 #board .tabMenu .title { font-size: 1.9rem; } 
 #board .tabMenu ul { background: url(../../img/main/bg_mainmenu.gif)no-repeat center top; } 
 #board .tabMenu ul li a { padding: 75px 0 0 0; font-size: 1.2rem; } 
 #board .tab { width: calc(100% - 190px); height: 600px; padding-left: 15px; } 
 #board .tab .con .top { font-size: .9rem; } 
 #board .tab .con .top button { margin-top: 25px; height: 30px; text-indent: -9999px; background: #33b891 url(../../img/main/icon_plus.png) no-repeat center; } 
 #board .tab .mapcon .maptop b { font-size: 1.7rem; } 
 #board .tab .con ul li { padding: 17px 5px; } 
 #board .tab .con ul li .date { width: 70px; height: 70px; } 
 #board .tab .con ul li .date p:first-child { padding: 7px 0; font-size: .7rem; } 
 #board .tab .con ul li .date p:last-child { padding: 12px 0 4px 0; font-size: 1.6rem; } 
 #board .tab .con ul li .txt { width: calc(100% - 90px); } 
 #board .tab .con ul li .txt p:first-child { padding: 0 0 7px 0; font-size: .9rem; } 
 #board .tab .con ul li .txt p:first-child:before { height: 12px; } 
 #board .tab .con ul li .txt p:last-child { font-size: 1.15rem; } 
 }
@media (max-width:756px){
 #wrapper { background: url(../../img/main/bg_mainNM.jpg)repeat-x center top -100px; background-size: auto; } 
 #header { height: 70px; } 
 #areaSearch { width: 100vw; margin-top: 0px; padding-top: 00px; } 
 #board { margin-top: 60px; padding-bottom: 50px; background: url(../../img/main/bg_board.gif)no-repeat center bottom; background-size: 250%; } 
 #footer { padding: 20px; } 
 .box100 { padding: 0 20px 0 20px; } 
 .logo_top { height: 70px; } 
 .nav { top: 70px; height: calc(100vh - 70px); } 
 button.menu { top: 18px; right: 15px; } 
 #areaSearch .title { width: 100%; height: 120px; line-height: 120px; font-size: 1.2rem; padding: 0; white-space: wrap; text-align: center; } 
 #areaSearch .title img { width: 40%; margin: 0 0 0 -10px; } 
 #areaSearch .field { margin-top: -20px; padding: 0 10px; } 
 #areaSearch .field select { width: 25%; font-size: 1rem; } 
 #areaSearch .field .name { width: 60%; } 
 #areaSearch .field .name>input { width: 100%; font-size: 1rem; } 
 #areaSearch .field .jibun { width: 60%; } 
 #areaSearch .field .jibun>select { width: 17%; font-size: 1rem; } 
 #areaSearch .field .jibun>label { margin-left: 5px; font-size: .8rem; vertical-align: middle; } 
 #areaSearch .field .jibun>input[type='text'] { width: 10%; font-size: .9rem; } 
 #areaSearch .field .doro { width: 60%; } 
 #areaSearch .field .doro>select { font-size: 1rem; } 
 #areaSearch .field .doro>input[type='text'] { font-size: 1rem; } 
 #areaSearch .field button { width: 15%; background-size: 40%; background-position: .7rem; } 
 #areaSearch .result { left: 30px; top: 105%; width: 87%; } 
 #areaSearch .result dl dt { font-size: 1.1rem; } 
 #areaSearch .result dl dt span { font-size: .9rem; } 
 #areaSearch .result dl dt span b { font-size: .9rem; } 
 #areaSearch .result dl dt button { margin-top: -8px; font-size: 1.6rem; } 
 #areaSearch .result dl dd ul { padding: 10px; } 
 #areaSearch .result dl dd ul li { padding: 3px 0; font-size: .9rem; } 
 #areaSearch .result dl dd ul li span { width: 40px; padding: 3px 0; font-size: .7rem; } 
 #areaSearch .result dl dd ul li.name { font-size: 1rem; } 
 #board .tabMenu { width: 100%; } 
 #board .tabMenu .title { display: none}
 #board .tabMenu ul { width: 100%; padding: 10px; background: url(../../img/main/bg_mainmenu.gif)no-repeat center -550px; background-size: cover; border-radius: 10px; } 
 #board .tabMenu ul li { width: 25%; height: auto; border-bottom: 0px; } 
 #board .tabMenu ul li a { display: block; width: 100%; height: 100%; padding: 12px 0; background: none; border-radius: 8px; font-size: .9rem; letter-spacing: -1px; } 
 #board .tabMenu ul li a:hover { transform: translateY(0px); } 
 #board .tabMenu ul li:nth-child(1) a { background: none; } 
 #board .tabMenu ul li:nth-child(2) a { background: none; } 
 #board .tabMenu ul li:nth-child(3) a { background: none; } 
 #board .tabMenu ul li:nth-child(4) a { background: none; } 
 #board .tabMenu ul li:nth-child(1).on a { background: url(../../img/main/bg_mainmenuon.gif) no-repeat center 25%; } 
 #board .tabMenu ul li:nth-child(2).on a { background: url(../../img/main/bg_mainmenuon.gif) no-repeat center 25%; } 
 #board .tabMenu ul li:nth-child(3).on a { background: url(../../img/main/bg_mainmenuon.gif) no-repeat center 25%; } 
 #board .tabMenu ul li:nth-child(4).on a { background: url(../../img/main/bg_mainmenuon.gif) no-repeat center 25%; } 
 #board .tab { display: inline-block; width: 100%; height: auto; padding-left: 0px; margin-top: 15px; } 
 #board .tab .con { padding: 0 10px; } 
 #board .tab .con .top { width: 100%; height: 50px; line-height: 55px; font-size: .7rem; } 
 #board .tab .con .top button { margin-top: 15px; width: 25px; height: 25px; padding: 0px; background-size: 40%; } 
 #board .tab .mapcon { display: none; width: 100%; height: 100%; padding: 0; border-radius: 10px; border: 1px solid var(--mainC1); background: #fff; box-shadow: 0 -3px 3px rgba(0, 0, 0, .1); } 
 #board .tab .mapcon .maptop { display: none; } 
 #board .tab .mapcon .map { height: 400px; border-radius: 9px; } 
 #board .tab .mapcon .map .mapContainer { line-height: 400px; } 
 #board .tab .mapcon .map .mapContainer img { width: 80%; } 
 #board .tab .con ul li { padding: 15px 0px; } 
 #board .tab .con ul li .date { width: 60px; height: 60px; } 
 #board .tab .con ul li .date p:first-child { padding: 6px 0; font-size: .75rem; } 
 #board .tab .con ul li .date p:last-child { padding: 6px 0 2px 0; font-size: 1.5rem; } 
 #board .tab .con ul li .txt { width: calc(100% - 70px); margin-left: 10px; } 
 #board .tab .con ul li .txt p:first-child { padding: 0 0 5px 0; font-size: .9rem; } 
 #board .tab .con ul li .txt p:first-child:before { height: 10px; } 
 #board .tab .con ul li .txt p:last-child { padding: 5px 0 0 0; font-size: 1.1rem; } 
 #footer .caution { font-size: .75rem; line-height: 1.2; } 
 #footer .copy { width: 100%; padding: 55px 0 0 0; text-align: center; font-size: .7rem; line-height: 1.2; background: url(../../img/main/logo_foot.png)no-repeat center 25px; background-size: 60%; } 
 }
/* 갤럭시 z폴드 및 s시리즈 */
@media (max-width:360px){
 #wrapper { background: url(../../img/main/bg_mainNM.jpg)repeat-x center top -100px; background-size: auto; } 
 #header { height: 70px; } 
 #areaSearch { width: 100vw; margin-top: 0px; padding-top: 00px; } 
 #board { margin-top: 60px; padding-bottom: 50px; background: url(../../img/main/bg_board.gif)no-repeat center bottom; background-size: 250%; } 
 #footer { padding: 20px; } 
 .box100 { padding: 0 10px 0 10px; } 
 /*수정*/
 .logo_top { height: 70px; } 
 .nav { top: 70px; height: calc(100vh - 70px); } 
 button.menu { top: 18px; right: 15px; } 
 #areaSearch .title { width: 100%; height: 120px; line-height: 120px; font-size: 1.0rem; padding: 0; white-space: wrap; text-align: center; } 
 /*수정*/
 #areaSearch .title img { width: 40%; margin: 0 0 0 -10px; } 
 #areaSearch .field { margin-top: -20px; padding: 0 10px; } 
 #areaSearch .field select { width: 25%; font-size: 1rem; } 
 #areaSearch .field .name { width: 60%; } 
 #areaSearch .field .name>input { width: 100%; font-size: 1rem; } 
 #areaSearch .field .jibun { width: 60%; } 
 #areaSearch .field .jibun>select { width: 17%; font-size: 1rem; } 
 #areaSearch .field .jibun>label { margin-left: 5px; font-size: .8rem; vertical-align: middle; } 
 #areaSearch .field .jibun>input[type='text'] { width: 10%; font-size: .9rem; } 
 #areaSearch .field .doro { width: 60%; } 
 #areaSearch .field .doro>select { font-size: 1rem; } 
 #areaSearch .field .doro>input[type='text'] { font-size: 1rem; } 
 #areaSearch .field button { width: 15%; background-size: 40%; background-position: .7rem; } 
 #areaSearch .result { left: 30px; top: 105%; width: 87%; } 
 #areaSearch .result dl dt { font-size: 1.1rem; } 
 #areaSearch .result dl dt span { font-size: .9rem; } 
 #areaSearch .result dl dt span b { font-size: .9rem; } 
 #areaSearch .result dl dt button { margin-top: -8px; font-size: 1.6rem; } 
 #areaSearch .result dl dd ul { padding: 10px; } 
 #areaSearch .result dl dd ul li { padding: 3px 0; font-size: .9rem; } 
 #areaSearch .result dl dd ul li span { width: 40px; padding: 3px 0; font-size: .7rem; } 
 #areaSearch .result dl dd ul li.name { font-size: 1rem; } 
 #board .tabMenu { width: 100%; } 
 #board .tabMenu .title { display: none}
 #board .tabMenu ul { width: 100%; padding: 10px; background: url(../../img/main/bg_mainmenu.gif)no-repeat center -550px; background-size: cover; border-radius: 10px; } 
 #board .tabMenu ul li { width: 25%; height: auto; border-bottom: 0px; } 
 #board .tabMenu ul li a { display: block; width: 100%; height: 100%; padding: 12px 0; background: none; border-radius: 8px; font-size: .9rem; letter-spacing: -1px; } 
 #board .tabMenu ul li a:hover { transform: translateY(0px); } 
 #board .tabMenu ul li:nth-child(1) a { background: none; } 
 #board .tabMenu ul li:nth-child(2) a { background: none; } 
 #board .tabMenu ul li:nth-child(3) a { background: none; } 
 #board .tabMenu ul li:nth-child(4) a { background: none; } 
 #board .tabMenu ul li:nth-child(1).on a { background: url(../../img/main/bg_mainmenuon.gif) no-repeat center 25%; } 
 #board .tabMenu ul li:nth-child(2).on a { background: url(../../img/main/bg_mainmenuon.gif) no-repeat center 25%; } 
 #board .tabMenu ul li:nth-child(3).on a { background: url(../../img/main/bg_mainmenuon.gif) no-repeat center 25%; } 
 #board .tabMenu ul li:nth-child(4).on a { background: url(../../img/main/bg_mainmenuon.gif) no-repeat center 25%; } 
 #board .tab { display: inline-block; width: 100%; height: auto; padding-left: 0px; margin-top: 15px; } 
 #board .tab .con { padding: 0 10px; } 
 #board .tab .con .top { width: 100%; height: 50px; line-height: 55px; font-size: .7rem; } 
 #board .tab .con .top button { margin-top: 15px; width: 25px; height: 25px; padding: 0px; background-size: 40%; } 
 #board .tab .mapcon { display: none; width: 100%; height: 100%; padding: 0; border-radius: 10px; border: 1px solid var(--mainC1); background: #fff; box-shadow: 0 -3px 3px rgba(0, 0, 0, .1); } 
 #board .tab .mapcon .maptop { display: none; } 
 #board .tab .mapcon .map { height: 400px; border-radius: 9px; } 
 #board .tab .mapcon .map .mapContainer { line-height: 400px; } 
 #board .tab .mapcon .map .mapContainer img { width: 80%; } 
 #board .tab .con ul li { padding: 15px 0px; } 
 #board .tab .con ul li .date { width: 60px; height: 60px; } 
 #board .tab .con ul li .date p:first-child { padding: 6px 0; font-size: .75rem; } 
 #board .tab .con ul li .date p:last-child { padding: 6px 0 2px 0; font-size: 1.5rem; } 
 #board .tab .con ul li .txt { width: calc(100% - 70px); margin-left: 10px; } 
 #board .tab .con ul li .txt p:first-child { padding: 0 0 5px 0; font-size: .9rem; } 
 #board .tab .con ul li .txt p:first-child:before { height: 10px; } 
 #board .tab .con ul li .txt p:last-child { padding: 5px 0 0 0; font-size: 1.1rem; } 
 #footer .caution { font-size: .75rem; line-height: 1.2; } 
 #footer .copy { width: 100%; padding: 55px 0 0 0; text-align: center; font-size: .7rem; line-height: 1.2; background: url(../../img/main/logo_foot.png)no-repeat center 25px; background-size: 60%; } 
 }