@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
/* common */
html, body { margin: 0; width: 100%; height: 100%; position:relative; padding: 0; font-size: 1em;}
* {margin:0; padding:0; list-style:none; text-decoration:none; font-family: 'NanumSquareRound',sans-serif; -webkit-text-size-adjust: none; box-sizing: border-box; word-break: keep-all;}
ul>li>a { text-decoration:none; }
a {color: #333; text-decoration: none;}
table { border-collapse: collapse; }
textarea {box-sizing: border-box; resize: none; font-size: 1rem;}
select {-webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; box-sizing: border-box; cursor: pointer;}
input,select,textarea,strong,em,p,h1,h2,h3,h4,span,td,button,th,li,a,i,b {font-style:normal; color:#333; margin: 0; letter-spacing: -1px; font-size: 1rem;}
ul { margin: 0;padding: 0;list-style: none;}
img {max-width:100%;}
button {cursor: pointer;}
.clear:after {content: ""; display: block; clear: both;}
html.hidden,
body.hidden {
    overflow: hidden !important;
}

.limit {max-width: 1420px; width: 100%; padding: 0 10px; margin: 0 auto;}
#hd_login_msg a {font-size: 0;}
/********************common************************/

/********************************************/
#hd {background: #fff;}
#hd_h1,
.sound_only,
#skip_to_container,
#hd_login_msg {display: none;}

header {position: fixed; z-index: 10; left: 0; top: 0; width: 100%; height: 80px; background: #fff;}
header .limit {height: 100%;}

.logo {display: inline-block; position: relative; width: 180px; height: 100%; } 
.logo a {display: inline-block; width: 100%; height: 100%; top: 0; left: 0; top: 0; background: url('/images/logo.png')no-repeat; background-size: contain; background-position: center; text-indent: -9999px;}

.main_nav {display: inline-block; float: right; height: 100%;}
.main_nav ul {height: 100%;}
.main_nav li {display: table; float: left; height: 100%; margin: 0 45px 0 0;}
.main_nav li:last-child {margin: 0;}
.main_nav li a {display: table-cell; vertical-align: middle;}
.main_nav li a span {font-size: 1.125rem; font-weight: 700; color: #333333; transition: .3s ease;}
.main_nav li:hover a span { color: #97bf0a;}
.main_nav li.active a span,
.main_nav li.on a span { color: #97bf0a;}


footer {background: #20201f; padding: 50px 0 70px; text-align: center;}
footer ul {display: inline-block; margin: 0 0 10px;}
footer li {display: inline-block; float: left; position: relative; font-size: 1rem; font-weight: 400; color: #999999;}
footer li:first-child {padding: 0 10px 0 0; margin: 0 10px 0 0;}
footer li:first-child::after {content: ''; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); width: 1px; height: 60%; background: #4d4d4c;}
footer .copyright {font-size: 1rem; font-weight: 400; color: #999999; margin: 0 0 20px;}
footer .copyright span {font-weight: 800; color: #fff;}

.sub_top {display: table; width: 100%; height: 500px; background: url('/images/mv2.jpg')no-repeat; background-size: cover; background-position: center;}
.sub_top h5 {display: table-cell; vertical-align: middle; text-align: center; font-size: 2rem; font-weight: 600; color: #fff;}

#bo_v,
#bo_list {padding: 100px 0;}
#bo_list table {table-layout: fixed; width: 100%; border-top: 1px solid #000;}
#bo_list table tr {border-bottom: 1px solid #ddd;}
#bo_list table tr > * {border-right: 1px solid #ddd;}
#bo_list table .th_chk,
#bo_list table .th_name {width: 100px;}
#bo_list table .th_date {width: 150px;}
#bo_list table thead tr {background: #f7f7f7;}
#bo_list table th {padding: 20px 0; font-size: 1.063rem; font-weight: 700;}
#bo_list table td {padding: 15px 10px; text-align: center;}
#bo_list table td.td_tit {text-align: left; padding: 0;}
#bo_list table td.td_tit a {display: block; padding: 15px 10px;}
#bo_list table td.td_tit p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#bo_list .no_data {border-bottom: 1px solid #ddd;}
#bo_list .no_data p {text-align: center; padding: 40px 0;}

.util_wrap {text-align: right; margin: 10px 0 0;}
.util_wrap ul {display: inline-block;}
.util_wrap li {display: inline-block; float: left; margin: 0 10px 0 0;}
.util_wrap li:last-child {margin: 0;}
.util_wrap li button,
.util_wrap li a {display: inline-block; width: 80px; height: 40px; line-height: 40px; background: #666666; color: #fff; font-size: 1rem; text-align: center; border: none;}

.paging_wrap {text-align: center; margin: 50px 0 0;}
.paging_wrap > div {display: inline-block;}
.paging_wrap > div > * {display: inline-block; float: left;}
.paging_wrap > div a {position: relative; display: inline-block; width: 40px; height: 40px; border: 1px solid #ccc;}
.paging_wrap > div a > * {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.paging_wrap > div > a:first-child {margin: 0 10px 0 0;}
.paging_wrap > div > a:last-child {margin: 0 0 0 10px;}
.paging_wrap > div li {display: inline-block; float: left;}
.paging_wrap > div li a {border-right: none;}
.paging_wrap > div li:last-child a {border-right: 1px solid #ccc;}
.paging_wrap > div li a span {font-size: 1.063rem; font-weight: 500; color: #666;}
.paging_wrap > div li.on a {background: #666666; border-color: #666666;}
.paging_wrap > div li.on a span {color: #fff;}

#bo_v .view .tit {border: 1px solid #ddd; border-right: none; border-left: none; padding: 15px 0;}
#bo_v .view .tit p {font-size: 1.5rem; font-weight: 500; color: #333;}
#bo_v .view .contents {padding: 20px 0; border-bottom: 1px solid #ddd;}
#bo_v .view .contents p {font-size: 1rem; font-weight: 400; color: #333;}
#bo_v .view .contents p + p {margin: 15px 0 0;}

.hamburger_wrap {position: absolute; right: 10px; top: 50%; cursor: pointer; transition: .15s ease; transform: translate(0,-50%);}
#nav-icon3 {position: relative; width: 34px;height: 26px; -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon3 span {display: block;position: absolute;height: 2px;width: 100%;background: #97bf0a; border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon3 span:nth-child(1) {top: 0px;}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {top: 12px;}
#nav-icon3 span:nth-child(4) {top: 24px;}
#nav-icon3.open span:nth-child(1) {top: 12.5px;width: 0%;left: 50%;}
#nav-icon3.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-icon3.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon3.open span:nth-child(4) {top: 12.5px;width: 0%;left: 50%;}

.mobile1300,
.mobile768,
.mobile480,
.mobile { display: none;}
@media screen and (max-width: 1420px) {
    .main_nav li {margin: 0 20px 0 0;}
}
@media screen and (max-width: 1300px) {
    .pc1300 {display: none;}
    .mobile1300 {display: inline-block;}
}
@media screen and (max-width: 1024px) {
    .pc {display: none;}
    img.mobile { display: inline-block;} 
    .mobile { display: block;} 
    .main_nav {position: fixed; width: 100%; height: calc(100vh - 79px); top: 79px; left: 0; background: rgba(0,0,0,0.5); opacity: 0; visibility: hidden; transition: .3s ease; overflow: auto;}
    .main_nav.visible {opacity: 1; visibility: visible;}
    .main_nav ul {background: #fff; height: auto;}
    .main_nav li {display: block; width: 100%; height: auto; border-bottom: 1px solid #ddd;}
    .main_nav li a {display: block; padding: 30px;}
    .main_nav li:hover a span { color: #333333;}
    .main_nav li.active a span,
    .main_nav li.on a span { color: #97bf0a;}

    .sub_top {height: 350px;}
}
@media screen and (max-width: 768px) {
    .pc768 {display: none;}
    .mobile768 {display: block;}
    img.mobile768 {display: inline-block;}
    html, body {font-size: 0.875rem;}
    .main_nav li a {padding: 20px;}

    #bo_list table .th_chk {width: 40px;}
    #bo_list table .th_date {width: 90px;}

    .sub_top {height: 300px;}
}
@media screen and (max-width: 480px) {
    footer {padding: 30px 0 50px;}
    html, body {font-size: 0.8125rem;}
    .main_nav li a {padding: 15px 10px;}
    .mobile480 {display: block;}
    .main_slide .swiper-slide > div p br {display: none;}

    footer li {display: block; width: 100%; float: none; margin: 0; padding: 0;}
    footer li + li {margin: 10px 0 0;}
    footer li:first-child::after {display: none;}
}