@charset "utf-8";
/* CSS Document */

.subWrap {
    border-top: 1px solid #d9d9d9;
    padding-top: 40px;
}

/*좌측메뉴*/
.leftMenu {
    width: 220px;
}
.LmenuTitle {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #17469e;
    color: #fff;
    font-size: 27px;
    font-weight: bold;
    height: 180px;
    padding: 1.5rem; /*background-image: url("../img/sub/leftMenu.png");*/
}
.LmenuTitle p {
    line-height: 110%;
    padding-top: 50px;
    font-family: "Nanum Gothic";
    font-weight: 600;
}
.LmenuTitle p.LmenuLine2 {
    padding-top: 40px;
}
.Lmenu {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.Lmenu a {
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 1em;
    font-family: "Nanum Gothic";
    font-weight: 600;
}
.Lmenu a:last-child {
    border-bottom: 0;
}
.Lmenu a::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    background-color: #444;
    vertical-align: middle;
    margin-right: 8px;
}
.Lmenu a.DepthChoice {
    font-family: "Nanum Gothic";
    text-decoration: underline;
    color: #17469e;
    background-color: #dde9ff;
}
.Lmenu a.DepthChoice::before {
    background-color: #17469e;
}
.Lmenu svg {
    font-size: 12px;
    vertical-align: middle;
    margin: 0 0 4px 4px;
    color: #aaa;
    font-family: "Nanum Gothic";
}

/*컨텐츠*/
.conBox {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}
.positionBox li {
    display: inline-block;
}
.positionBox li a {
    display: block;
    font-family: "Nanum Gothic";
    font-size: 12px;
    color: #444;
}
.positionBox li a::after {
    content: ">";
    display: inline-block;
    padding: 0 5px;
}
.positionBox li:last-child a::after {
    content: "";
}
.subTitle {
    padding-top: 1rem;
    padding-bottom: 0.25rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #ccc;
    font-size: 30px;
    font-family: "notokr-bold";
    background-image: url("../img/sub/subTitleBg.png");
    background-position: right 30px;
    background-repeat: no-repeat;
}

/*페이징*/
.pageBox {
    text-align: center;
    margin-top: 1em;
}
.pageBox li {
    display: inline-block;
}
.pageBox li a {
    display: block;
    font-family: "Nanum Gothic";
    color: #444;
    font-size: 12px;
    border: 1px solid #cbcbcb;
    padding: 0.2em 0.5em;
    border-radius: 2px;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    line-height: 19px;
}
.pageArrow a {
    background-color: #efefef;
    color: #a7a7a7 !important;
}
.pageChoice a {
    color: #fff !important;
    background-color: #17469e;
    border: 1px solid #17469e !important;
}

/*컨텐츠타이틀*/
.subConTitle {
    font-size: 20px;
    margin-bottom: 5px;
    font-family: "notokr-medium";
}
.subConTitle::before {
    content: url("../img/sub/subTitleIcon.png");
    margin-right: 5px;
    vertical-align: middle;
}

/*컨텐츠타이틀*/
#tinymce h2 {
    font-size: 20px;
    margin-bottom: 5px;
    font-family: "notokr-medium";
}
#tinymce h2::before {
    content: url("../img/sub/subTitleIcon.png");
    margin-right: 5px;
    vertical-align: middle;
}

/*탭*/
.tab {
    overflow: hidden;
    margin-bottom: 1em;
    background-color: #dde9ff;
    padding: 1em;
    border-radius: 4px;
}
.tab li {
    float: left;
    padding: 0.5%; /*width:calc(14.28% - 10px);*/
    min-width: 99px;
}
.tab li a {
    display: block;
    font-family: "Nanum Gothic";
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    padding: 0.5em 1em;
    font-size: 14px;
    color: #5b6473;
}
.tab li a:hover,
.tab li a:focus {
    text-decoration: underline;
}
.tab li.tabChoice a {
    background-color: #17469e;
    color: #fff;
    font-weight: 600;
}
.tabMobile {
    margin-bottom: 0.5em;
}
.tabMobile select {
    width: 100%;
    font-size: 14px;
    font-family: "Nanum Gothic";
    padding: 0.5em 1em;
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #fff;
}

/*검색박스*/
.searchBox {
    background-color: #f5f7f9;
    padding: 1em;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 1em;
}
.searchBox li {
    display: inline-block;
}
.searchBox li select,
.searchBox li input,
.searchBox li button {
    padding: 0.5em 1em;
    border: 1px solid #cacfd3;
    border-radius: 4px;
    font-size: 15px;
}
.searchBox li button {
    background-color: #637384;
    border: 1px solid #637384;
    color: #fff;
}

/*버튼박스*/
.btnBox {
    margin: 1em 0;
}
.btnBoxCenter {
    text-align: center;
}
.btnBox li {
    display: inline-block;
    margin: 0 0.2em;
}
.btnBox li button {
    border: 1px solid #17469e;
    border-radius: 4px;
    background-color: #17469e;
    font-family: "Nanum Gothic";
    color: #fff;
    font-size: 14px;
    padding: 0.5em;
}
.btnBox li.btnGray button {
    background-color: #e8e7f1;
    border: 1px solid #ccc;
    color: #555;
}

/*테이블*/
.board {
    border-top: 2px solid #222;
}
.board th,
.board td {
    border: 1px solid #dddddd;
    font-family: "Nanum Gothic";
    padding: 0.8em 1em;
    text-align: center;
}
.board th {
    background-color: #f9fafb;
    font-size: 14px;
}
.board td {
    font-size: 13px;
}
.board td a {
    font-family: "Nanum Gothic";
    display: block;
}
.board td a:hover,
.board td a:focus {
    text-decoration: underline;
}
.boardAddFile img {
    margin: 0 0.1em;
}

/*게시글 상세보기*/
.boardView {
}
.boardViewTitle {
    font-size: 17px;
    font-family: "notokr-bold";
    border-top: 2px solid;
    padding: 0.8em 0.8em 0 0.8em;
}
.boardViewDetail {
    padding: 0 0.8em 0.8em 0.8em;
    border-bottom: 1px dashed #cbcbcb;
}
.boardViewDetail li {
    display: inline-block;
    font-family: "Nanum Gothic";
    font-size: 13px;
    margin: 0 0.7em 0 0;
}
.boardViewDetail li::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 8px;
    border-right: 1px solid #aaa;
    margin-left: 0.7em;
}
.boardViewCon {
    font-family: "Nanum Gothic";
    padding: 2em 1em;
    border-bottom: 1px solid #cbcbcb;
    font-size: 14px;
}

.borderViewAddFile {
    padding: 0.4em 0.8em;
    margin-top: 0.8em;
    background-color: #f5f5f5;
}
.borderViewAddFile li {
    display: inline-block;
    margin: 0 0.2em;
}
.borderViewAddFile a {
    display: inline-block;
    font-family: "Nanum Gothic";
    font-size: 13px;
    margin-left: 3px;
}
.borderViewAddFile a:hover,
.borderViewAddFile a:active,
.borderViewAddFile a:focus {
    text-decoration: underline;
}

.boardViewAnswer {
    background-color: #f8f8f8;
    border-left: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
}
.boardViewAnswer .boardViewTitle {
    border-top: 0;
}

.boardOther {
    font-size: 14px;
    overflow: hidden;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}
.boardOther li {
    font-family: "Nanum Gothic";
    float: left;
    border-bottom: 1px dashed #cbcbcb;
}
.boardOther li:first-child,
.boardOther li:nth-child(3) {
    width: 15%;
    text-align: center;
    padding: 0.6em;
}
.boardOther li:last-child,
.boardOther li:nth-child(2) {
    width: 85%;
}
.boardOther li:first-child::after,
.boardOther li:nth-child(3)::after {
    content: "";
    width: 1px;
    height: 8px;
    border-right: 1px solid #aaa;
    margin-left: 1em;
    display: inline-block;
}
.boardOther li:nth-child(3),
.boardOther li:last-child {
    border-bottom: 0;
}
.boardOther li a {
    font-family: "Nanum Gothic";
    display: block;
    padding: 0.6em 0.6em 0.6em 0em;
    color: #777;
}

/*게시글 쓰기*/
.boardWrite {
    border-top: 2px solid;
}
.boardWrite th label {
    font-size: 14px;
}
.boardWrite th,
.boardWrite td {
    padding: 1em 0.4em;
    border-bottom: 1px solid #ddd;
}
.boardWrite td {
    font-size: 13px;
    font-family: "Nanum Gothic";
}
.boardWrite input,
.boardWrite textarea {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.5em;
    font-family: "Nanum Gothic";
}
.importRed {
    color: #e60606;
    vertical-align: middle;
}
.radioBtn {
    width: auto !important;
}

/*체육시설, 시설대관*/
/*리스트*/
.ListBox {
}
.list {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 1em;
}
.listImg {
    padding-left: 0;
}
.listImg img {
    max-width: 100%;
    min-height: 100%;
}
.listCon {
    padding-top: 1em;
    padding-bottom: 1em;
}
.listTitle {
    font-size: 20px;
    font-family: "notokr-medium";
}
.listIn,
.listPart {
    font-family: "Nanum Gothic";
    font-size: 14px;
}
.listPart {
    color: #5b6473;
    font-size: 13px;
}
.listInBox {
    margin-top: 5px;
}
.listIn strong {
    font-family: "Nanum Gothic";
}
.listIn::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 3px;
    background-color: #17469e;
    margin-right: 5px;
}
.listBtn {
    text-align: right;
}
.listBtn li {
    display: inline-block;
    margin-left: 10px;
}
.listBtn li button {
    font-family: "Nanum Gothic";
    font-size: 13px;
    padding: 0.4em 0.5em;
    border-radius: 4px;
}
.listBtn li button.listBtnBook {
    background-color: #f7941e;
    color: #fff;
    border: 1px solid #f7941e;
}

/*리스트 상세보기*/
.ListBoxDetail {
}
.ListBoxDetail .list {
    padding: 1em;
    background-color: #f8f8f8;
    border: 1px solid #eee;
}
.ListBoxDetail .listImg {
    min-height: 200px;
    transition: all 0.4s ease;
}
.ListBoxDetail .listCon {
    padding: 0em;
}
.ListBoxDetail .listIn {
    color: #444;
}

/*탭*/
.infoTab {
    overflow: hidden;
    margin-bottom: 10px;
}
.infoTab li {
    float: left;
    width: 50%;
}
.infoTab li a {
    display: block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border: 1px solid #eee;
    font-size: 17px;
    color: #777;
}
.infoTab li.infoTabChoice a {
    border: 1px solid #f7941e;
    border-top: 3px solid #f7941e;
    border-bottom: 1px solid #fbefe1;
    background-color: #fff8f0;
    color: #f38400;
}
.infoTabFAQ li {
    width: 20%;
}

/*이용안내 및 상세*/
.book {
    margin-bottom: 20px;
}
.detailCon {
    border: 1px solid #ccc;
    margin-top: 10px;
    padding: 1em;
}
.detailConTitle {
    font-family: "Nanum Gothic";
    font-size: 16px;
    font-weight: 600;
}
.detailConTitle::before {
    content: url("../img/sub/subTitleIcon2.png");
    margin-right: 5px;
    vertical-align: middle;
}
.detailConText {
    font-family: "Nanum Gothic";
    font-size: 14px;
    padding-left: 13px;
    margin-bottom: 8px;
}
.detailConList {
    padding-left: 13px;
    margin-bottom: 8px;
}
.detailConList li {
    font-family: "Nanum Gothic";
    font-size: 14px;
}
.detailConList li strong {
    font-family: "Nanum Gothic";
}
.detailConList li::before {
    content: "";
    margin-right: 5px;
    vertical-align: middle;
    width: 3px;
    height: 3px;
    display: inline-block;
    background-color: #17469e;
}
.importText {
    color: #f70a0a;
}
.importUnder {
    text-decoration: underline;
}

.detailPersonal {
    height: 150px;
    overflow-y: scroll;
    border: 1px solid #ddd;
    background-color: #f6f6f9;
    font-family: "Nanum Gothic";
    font-size: 13px;
    padding: 1em;
}
.detailPerCheck {
    font-size: 13px;
    text-align: center;
    margin: 0.2em 0 1.2em 0;
}
.detailPerCheck input {
    vertical-align: middle;
}
.detailPerCheck label {
    font-family: "Nanum Gothic";
    vertical-align: middle;
    margin: 0 0 0 5px;
    color: #666;
    display: inline;
}

.fc-day-future :hover {
    cursor: pointer;
}

/*대관신청서작성*/
.formUl {
    overflow: hidden;
}
.formUl li {
    float: left;
    vertical-align: middle;
    font-size: 14px;
    padding: 0.4em;
}
.formUl li:first-child {
    width: 15%;
    margin-top: 5px;
}
.formUl li:last-child {
    width: 85%;
}
.formUl li label {
    font-family: "Nanum Gothic";
    font-weight: 600;
    margin: 0;
    font-size: 14px;
}
.formUl li label::before {
    content: url("../img/sub/subTitleIcon2.png");
    margin-right: 5px;
    vertical-align: middle;
}
.formUl li input {
    width: 80%;
    padding: 0.3em;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: "Nanum Gothic";
}
.formUl li input#addFile {
    font-size: 13px;
}

.additionBox {
}
.additionBox li {
    width: auto !important;
    font-size: 14px;
}
.additionBox li:nth-child(2) {
    margin-top: 4px;
    /*font-size: 14px;*/
}
.additionBox li label {
    font-weight: normal !important;
}
.additionBox li label::before {
    content: none;
}
.additionBox li input {
    width: auto !important;
    vertical-align: middle;
}
.additionBox li:last-child input {
    width: 70px !important;
}
.payBox {
    text-align: center;
}
.payBox p {
    font-family: "Nanum Gothic";
}
.payText {
    display: inline-block;
    font-weight: 600;
}
.pay {
    display: inline-block;
    font-family: "notokr-bold" !important;
    font-size: 30px;
    margin-left: 10px;
}
.payEx {
    color: #ea3737;
    font-size: 12px;
}
.payList {
    background-color: #f3f3f3;
    margin-top: 10px;
    border: 1px solid #ddd;
    padding: 0.5em 1em;
    text-align: center;
}
.payList li,
.payList li p,
.payList li span {
    font-family: "Nanum Gothic";
}
.payList li {
    border-bottom: 1px dashed #ddd;
    padding: 0.5em 0;
    font-size: 13px;
}
.payList li:last-child {
    border-bottom: 0;
    color: #4c70b3;
    line-height: 120%;
}
.payList li p,
.payList li span {
    display: inline-block;
}
.payList li span {
    /*font-weight: 600;*/
    border-left: 1px solid #b0b2b7;
    padding-left: 8px;
    margin-left: 8px;
}
.payList li p {
    font-weight: 600;
    /*
    border-right: 1px solid #b0b2b7;
    padding-right: 8px;
    margin-right: 8px;
    */
}
.certifyBtn {
    border: 1px solid #17469e;
    border-radius: 4px;
    background-color: #17469e;
    font-family: Nanum Gothic;
    color: #fff;
    font-size: 14px;
    padding: 0.3em;
    margin-left: 10px;
}

/*예약완료*/
.bookComplete {
    border-bottom: 1px dashed #ddd;
    margin: 50px 0 10px 0;
    padding-bottom: 20px;
}
.bookComplete p {
    font-size: 30px;
    text-align: center;
    font-family: "notokr-medium";
    color: #17469e;
}
.bookComplete span {
    font-size: 15px;
    text-align: center;
    font-family: "Nanum Gothic";
    display: block;
}

/*나의 대관현황*/
.bookTab {
    overflow: hidden;
    margin-bottom: 20px;
}
.bookTab li {
    float: left;
    width: 16.6%;
}
.bookTab li a {
    display: block;
    text-align: center;
    color: #999;
    padding: 0.4em 0;
    border-bottom: 3px solid #e4e7ea;
    font-family: "notokr-medium";
}
li.bookTabChoice a {
    border-bottom: 3px solid #17469e;
    color: #17469e;
}

.boardBook th {
    width: 20%;
}
.boardBook td {
    text-align: left;
}
.boardBookBtn .btnBox {
    margin: 0;
}
.boardBookBtn .btnBox button {
    font-size: 13px;
}

.bookDetailPop {
    z-index: 9999;
    left: 0;
    top: 0;
    border: 1px solid #aaa;
    position: absolute;
    width: 700px;
    background-color: #fff;
    padding: 1em;
    border-radius: 4px;
    box-shadow: 2px 2px 5px #ccc;
}

.bookDPopTitle {
    font-size: 20px;
    font-family: "notokr-medium";
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.5em;
}
.bookDetailPop .subConTitle {
    font-size: 16px;
}

/*자주묻는질문 FAQ*/
.faqBox {
    border-top: 2px solid #17469e;
}
.faqBox ul {
    border-bottom: 1px solid #ccc;
}
.faqBox ul li {
    font-size: 15px;
    padding: 1em;
}
.faqBox ul li p {
    vertical-align: middle;
    display: inline-block;
    width: 93%;
    font-family: "Nanum Gothic";
}
.faqBox ul li.faqQ {
    font-weight: 600;
    cursor: pointer;
}
.faqBox ul li.faqA {
    background-color: #f1f2f5;
    font-size: 14px;
}
.faqBox ul li::before {
    vertical-align: middle;
    font-family: "notokr-bold";
    margin-right: 10px;
    padding-top: 2px;
    font-size: 16px;
    height: 30px;
    width: 30px;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}
.faqBox ul li.faqQ::before {
    content: "Q";
    background-color: #17469e;
}
.faqBox ul li.faqA::before {
    content: "A";
    background-color: #dde9ff;
    color: #576b90;
}

/* 동호회 추가 화면 css */
.certificationPop {
    z-index: 10000;
    left: 0;
    top: 135px;
    border: 1px solid #aaa;
    position: absolute;
    width: 700px;
    background-color: #fff;
    padding: 1em;
    border-radius: 4px;
    box-shadow: 2px 2px 5px #ccc;
    display: block;
}

.addTeam {
    display: block;
}

.defaultTeam {
    display: none;
}
.checkedMember li {
    display: inline-block;
}

.checkedMember a {
    width: 16px;
    height: 16px;
    line-height: 14px;
    border: 1px solid;
    border-radius: 50% !important;
    padding: 0em 0.4em !important;
    font-size: 10px !important;
    display: inline-block !important;
    background-color: #e55454 !important;
    color: #fff !important;
    font-weight: 600;
    margin: 0 0 0 3px !important;
}

.files-dropzone {
    padding: 0.4em 1em;
    border: 1px solid #8e8e92;
    background-color: #8e8e92;
    color: #fff;
    margin-right: 5px;
    cursor: pointer;
    width: 108px;
    text-align: center;
}

/*사이트맵*/
.sitemap ul {
    margin-bottom: 1em;
}
.sitemap ul li {
    background-color: #f3f3f3;
}
.sitemap ul li:first-child a {
    font-family: "notokr-medium";
    font-size: 17px;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border-top: 2px solid #17469e;
    background-color: #dde9ff;
    text-align: center;
    color: #17469e;
}
.sitemap ul li:first-child a::before {
    content: none;
}
.sitemap ul li a {
    font-family: "Nanum Gothic";
    display: block;
    padding: 0.5em 1em;
    font-size: 13px;
}
.sitemap ul li a::before {
    content: "-";
    display: inline-block;
    margin-right: 5px;
}

/*로그인*/
.login {
    border: 1px solid #ddd;
    border-top: 2px solid #17469e;
    padding: 2em;
    height: 100%;
}
.loginTitle {
    font-size: 25px;
}
.loginText {
    font-family: "Nanum Gothic";
    margin-top: 10px;
    font-size: 14px;
}
.loginUl {
    margin-top: 10px;
    text-align: center;
}
.loginUl li {
    margin-bottom: 0.5em;
}
.loginUl label {
    font-family: "Nanum Gothic";
    font-size: 14px;
    width: 25%;
    font-weight: 600;
    display: inline-block;
    text-align: left;
}
.loginUl input {
    font-family: "Nanum Gothic";
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 70%;
    display: inline-block;
    padding: 0.3em;
}
.loginUtil {
    text-align: center;
}
.loginUtil li {
    display: inline-block;
}
.loginUtil li a {
    display: block;
    font-size: 12px;
    color: #666;
    font-family: "Nanum Gothic";
    margin: 0 1em;
}
.login button {
    width: 100%;
    border: 1px solid #17469e;
    background-color: #17469e;
    color: #fff;
    font-family: "Nanum Gothic";
    padding: 0.9em 0.5em;
    font-size: 13px;
    margin-top: 10px;
    border-radius: 4px;
}
.loginIpin button {
    background-color: #6a7f74;
    border: 1px solid #6a7f74;
}

.loginSns {
    margin-top: 10px;
}
.loginSns li {
    margin-bottom: 0.5em;
}

/*결제중*/
.payPage {
    text-align: center;
    margin: 50px 0;
}
.payPage div {
    margin-top: 10px;
    font-family: "Nanum Gothic";
    font-size: 20px;
    font-weight: 600;
    color: #1f4ea7;
}
.payPage p {
    margin-bottom: 10px;
    font-family: "Nanum Gothic";
    font-size: 14px;
}

.visibleArea {
    display: block !important;
}

/*회원가입*/
.step2 {
    text-align: center;
    display: inherit;
    border: 1px solid #ddd;
    padding: 1em;
    margin-left: 0;
    margin-right: 0;
}
.step2 li {
    display: inline-flex;
    vertical-align: middle;
    margin-bottom: 5px;
}
.step2 li p {
    display: inline-flex;
    font-family: "Nanum Gothic";
    height: 80px;
    width: 80px;
    border-radius: 50px;
    vertical-align: middle;
    padding: 12px;
    font-weight: 600;
    text-align: center;
    line-height: 1.2em;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.9em;
}
.step2 li::after {
    /*content: url("../img/sub/icon_arrow.PNG");*/
    display: inline-block;
    margin-top: 22px;
}
.step2 li:first-child p {
    background: #85a2d7;
}
.step2 li:nth-child(2) p {
    background: #3a68bd;
}
.step2 li:last-child p {
    background: #17469e;
}
.step2 li:last-child::after {
    content: "";
}
.step2 li.noChoice p {
    background: #ccc;
}

.btnCancel {
    background-color: #eee !important;
    border: 1px solid #ccc !important;
    color: #666 !important;
}

.joinEx {
    margin-bottom: 0.5rem;
}
.joinEx textarea {
    font-size: 13px;
    background: #f9f9f9 !important;
    resize: none;
    font-family: "Nanum Gothic";
    font-weight: normal;
    line-height: 120%;
}

.joinEx2 {
    font-size: 13px;
    margin-bottom: 2em;
}
.joinEx2 input[type="checkbox"] {
    box-shadow: none;
    vertical-align: middle;
}
.joinEx2 label {
    vertical-align: middle;
}

.agreeText {
    height: 100%;
    font-size: 14px;
}
.agreeTable {
    background-color: #fff;
    border : 1px solid black;
}
.agreeTable th{
    background-color : #d4d4d4;
    border : 1px solid black;
    text-align: center;
}

.agreeTable td{
    border : 1px solid black;
    text-align: center;
    color: #0000aa;
    font-weight: bold;
}

.agreeLabel{
    color: #50b3e8;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #f9f9f9;
}

.noticeMessage {
    margin-left: -1.25rem;
}

.formStyle {
    border: 1px solid #ddd;
    padding: 1em 0.5em 0.5em 0.5em;
    font-size: 14px;
}
.formStyle .form-control {
    font-size: 14px;
}
.formStyle .form-check-input {
    box-shadow: none;
}
.formStyle .form-group {
    margin-bottom: 0.6em;
}

.certify {
    margin: 1em 0;
}
.certify li {
    border: 1px solid #ddd;
    min-width: 180px;
    margin: 0 1em;
}
.certify li a {
    display: block;
    text-align: center;
    padding: 1em;
}
.certify li a p {
    margin-top: 1em;
}
.certify li:hover,
.certify li:active {
    background: #17469e;
    border: 1px solid #17469e;
}
.certify li:hover a,
.certify li:active a {
    color: #fff;
}

.subH2Red {
    color: #f33;
    background: none;
    font-size: 13px !important;
    font-weight: 600;
    margin-left: 4px;
}
.subH2Red::before {
    content: none !important;
}
.subH2 {
    font-size: 16px;
}
.subH2::before {
    content: "";
    width: 3px;
    height: 3px;
    background-color: #17469e;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

/*id,pw*/
.idpw {
    border: 1px solid #ccc;
}
.idpwTitle {
    font-family: "notokr-medium";
    font-size: 20px;
    margin-bottom: 10px;
}
.idpw img {
    display: inline-block;
}
.idpw ul li a {
    border: 1px solid #ddd;
    display: block;
}
.idpw ul li a:hover p {
    text-decoration: underline;
}
.pwBox li input {
    padding: 0.5em;
    margin-left: 5px;
    max-width: 170px;
    border: 1px solid #ccc;
}

/*달력*/
.fc-toolbar-title {
    font-size: 1.5em !important;
}
.fc .fc-button {
    font-size: 13px !important;
    padding: 0.3em 0.65em !important;
    background-color: #86878a !important;
    color: #fff !important;
    border-color: #86878a !important;
}
.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0.5em !important;
    margin-top: 1em !important;
}
/*시간*/
.book2 {
    background-color: #f8f8f8;
    padding: 1em 1em 1em 0.5em;
    border: 1px solid #eee;
}
.book2 h2 {
    text-align: center;
    font-size: 1.5em;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.3em;
}

.bookTime input {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0.5em;
    margin-left: 5px;
}

.bookTimeChoice {
    margin-bottom: 20px;
}

.bookTimeChoice li {
    margin: 0.1em 0;
}

.bookTimeChoice a {
    display: block;
    text-align: center;
    border-radius: 4px;
    font-family: "Nanum Gothic";
    font-size: 15px;
    padding: 0.3em;
}

.bookPartTime {
    text-align: center;
    margin-bottom: 5px;
}
.bookPartTime li {
    display: inline-block;
    margin: 0 1px;
}
.bookPartTime li button {
    border: 1px solid #c3c8d0;
    background-color: #dddee6;
    font-family: "Nanum Gothic";
    font-size: 13px;
    padding: 0.3em 0.5em;
    color: #666;
    border-radius: 4px;
}
.bookPartTime li.bookPChoice button {
    border: 1px solid #17469e;
    background-color: #17469e;
    color: #fff;
}

/*반응형*/
@media (max-width: 1199.98px) {
    /*나의 대관현황*/
    .bookTab li a {
        font-size: 14px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (max-width: 991.98px) {
    .subWrap {
        padding-top: 0px;
    }

    /*테이블*/
    .boardM {
        border-top: 2px solid;
        display: block;
    }
    .boardM thead {
        display: none;
    }
    .boardM tbody {
        display: block;
    }
    .boardM tr {
        border-bottom: 1px solid #cbcbcb;
        display: block;
        position: relative;
        padding-left: 50px;
    }
    .boardM tr:nth-child(2n-1) {
        background-color: #f8f8f8;
    }
    .boardM td {
        border-bottom: 0;
        padding: 0.6em 0.3em 0 0.3em;
        border: 0;
    }
    .boardM td.boardCheck,
    .boardM td.boardName,
    .boardM td.boardHit,
    .boardM td.boardDate,
    .boardM td.boardAddFile {
        display: inline-block;
        color: #888;
        position: relative;
        font-size: 11px;
        padding: 0.2em 0.3em 0.6em 0.3em;
    }
    .boardM td.boardCheck::after,
    .boardM td.boardName::after,
    .boardM td.boardHit::after,
    .boardM td.boardDate::after,
    .boardM td.boardAddFile::after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 8px;
        border-left: 1px solid #999;
        margin: 0 3px 0 8px;
    }

    .boardM td.boardNum {
        position: absolute;
        width: 50px;
        top: 0px;
        left: 0;
        height: 49px;
        line-height: 40px;
        font-size: 12px;
    }
    .boardM td.boardTitle {
        display: block;
    }
}

@media (max-width: 767.98px) {
    /*나의 대관현황*/
    .bookTab {
        margin-bottom: 10px;
        background-color: #f9f9f9;
        border: 1px solid #eee;
        border-bottom: 0;
    }
    .bookTab li {
        width: 33.3%;
    }

    .bookDetailPop {
        width: auto;
    }
    /*자주묻는질문 FAQ*/
    .faqBox ul li p {
        width: 90%;
    }

    /*로그인*/
    .login {
        padding: 1em;
    }
    .loginTitle {
        font-size: 20px;
    }
    .loginText {
        margin-top: 5px;
        font-size: 14px;
    }
    .login button {
        padding: 0.6em 0.3em;
        font-size: 12px;
        margin-top: 5px;
    }
    .loginUl label {
        font-size: 13px;
        width: 30%;
    }
    .loginUl input {
        width: 65%;
        font-size: 14px;
    }
}

@media (max-width: 575.98px) {
    /*컨텐츠*/
    .conBox {
        margin-top: 0.5rem;
    }
    .positionBox li a {
        font-size: 11px;
    }
    .subTitle {
        padding-top: 0.2em;
        font-size: 25px;
        background-position: right 12px;
    }

    /*컨텐츠타이틀*/
    .subConTitle {
        font-size: 17px;
    }

    /*페이징*/
    .pageBox {
        margin-top: 0.5em;
    }
    .pageBox li {
        margin: 0 0.1em;
    }
    .pageBox li a {
        font-size: 11px;
        width: 20px;
        height: 20px;
        line-height: 16px;
    }

    /*검색박스*/
    .searchBox {
        padding: 0.5em;
        margin-bottom: 0.5em;
    }
    .searchBox li select,
    .searchBox li input,
    .searchBox li button {
        padding: 0.3em 0.5em;
        font-size: 13px;
    }

    /*버튼박스*/
    .btnBox {
        margin: 0.8em 0;
    }
    .btnBox li button {
        font-size: 12px;
    }

    /*테이블*/
    .board th {
        font-size: 13px;
    }
    .board td {
        font-size: 12px;
    }

    /*게시글 쓰기*/
    .boardWrite th,
    .boardWrite td {
        padding: 0.4em;
    }
    .boardWrite th {
        width: 30%;
        font-size: 14px;
    }
    .boardWrite input,
    .boardWrite textarea {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 0.3em;
        font-family: "Nanum Gothic";
    }

    /*체육시설, 시설대관*/
    /*리스트*/
    .listImg {
        padding-right: 0;
    }
    .listCon {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }
    .listTitle {
        font-size: 16px;
    }
    .listIn,
    .listPart {
        font-size: 13px;
    }
    .listPart {
        font-size: 12px;
    }
    .listInBox {
        margin-top: 2px;
    }
    .listIn::before {
        margin-right: 2px;
    }
    .listBtn li {
        margin-left: 5px;
    }
    .listBtn li button {
        font-size: 11px;
        padding: 0.2em 0.4em;
    }

    /*탭*/
    .infoTab li a {
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }

    /*이용안내 및 상세*/
    .book {
        margin-bottom: 10px;
    }
    .detailCon {
        margin-top: 10px;
        padding: 0.5em 0.8em;
    }
    .detailConTitle {
        font-size: 15px;
    }
    .detailConText {
        font-size: 13px;
    }
    .detailConList {
        padding-left: 13px;
    }
    .detailConList li {
        font-size: 13px;
    }

    .detailPersonal {
        height: 100px;
        font-size: 12px;
        padding: 0.5em;
    }
    .detailPerCheck {
        font-size: 12px;
        text-align: left;
        margin: 0.2em 0 1em 0;
    }

    /*예약완료*/
    .bookComplete {
        margin: 20px 0 10px 0;
        padding-bottom: 10px;
    }
    .bookComplete p {
        font-size: 20px;
    }
    .bookComplete span {
        font-size: 13px;
    }

    /*대관신청서작성*/
    .formUl li:first-child {
        width: 30%;
    }
    .formUl li:last-child {
        width: 70%;
    }
    .additionBox li:nth-child(2) {
        width: 71% !important;
    }
    .additionBox li label {
        font-size: 13px;
    }
    .additionBox li:last-child input {
        width: 40px !important;
    }

    .payList {
        padding: 0.5em;
    }
    .payList li:last-child {
        font-size: 12px;
    }

    /*나의 대관현황*/
    .bookTab li {
        width: 50%;
    }
    .bookTab li a {
        font-size: 13px;
    }

    .boardBook th {
        width: 30%;
    }
    .boardBookBtn .btnBox button {
        font-size: 12px;
        padding: 0.2em;
    }

    /*자주묻는질문 FAQ*/
    .faqBox ul li {
        padding: 0.5em;
    }
    .faqBox ul li p {
        width: 85%;
        font-size: 13px;
    }
    .faqBox ul li::before {
        margin-right: 5px;
    }

    /*로그인*/
    .login {
        height: auto;
    }
    .loginIpin {
        margin-top: 1em;
    }

    .loginSns li a img {
        height: 37px;
    }

    /*모바일*/
    .fc .fc-col-header-cell-cushion {
        font-size: 13px;
    }
    .fc .fc-daygrid-day-number {
        font-size: 13px;
    }
    .fc .fc-toolbar.fc-header-toolbar {
        margin-top: 0.5em;
    }
    .fc-daygrid-block-event .fc-event-time,
    .fc-daygrid-block-event .fc-event-title {
        font-size: 13px;
    }

    /*시간*/
    .book2 {
        padding: 0.5em 0.5em 0.2em 0.5em;
    }
    .book2 h2 {
        font-size: 1.2em;
    }

    .bookTime {
        font-size: 0.9em;
    }

    .bookTimeChoice a {
        font-size: 13px;
    }

    /*결제중*/
    .payPage {
        margin: 30px 10px;
    }
    .payPage div {
        font-size: 17px;
    }
    .payPage p {
        font-size: 12px;
    }
}
@media (max-width: 379.98px) {
}

/*이용요금 감면자격 확인서비스*/
.reduceWrap {
    width: 585px;
    position: relative;
    margin: 0 auto;
}
.Logoheader {
    overflow: hidden;
    padding: 0.8em 0.5em;
}
.Logoheader li {
    display: inline-block;
}
.Logoheader li:first-child {
    float: left;
}
.Logoheader li:last-child {
    float: right;
}

.reduceTitle {
    background: #145299;
    color: #fff;
    font-family: "notokr-medium";
    font-size: 1.8em;
    text-align: center;
    line-height: 130%;
    padding: 0.8em 0;
}
.reduceTitle p {
    font-size: 1.3em;
}
.reduceSub {
    text-align: center;
    font-size: 0.9em;
    line-height: 120%;
    padding: 1.6em 1em;
}
.reduceInfo {
    padding: 1em 0;
    background: #f1f2f4;
    border: 1px solid #d8d9db;
    text-align: center;
}
.reduceInfo li {
    margin: 0.5em 0;
    list-style: none;
    font-family: "NanumGothic", "Nanum Gothic", "나눔고딕";
}
.reduceInfo label {
    width: 120px;
    text-align: left;
    font-family: "NanumGothic", "Nanum Gothic", "나눔고딕";
    font-weight: 600;
}
.reduceInfo .formInfo {
    width: 320px;
    display: inline-block;
}
.reduceInfo .formInfo input,
.reduceInfo .formInfo select {
    padding: 0.8em;
}
.reduceInfo .formInfo input {
    box-shadow: none;
    width: 100%;
}
.reduceInfo .formInfoHalf {
    width: 150px;
}
.reduceInfo .formInfo select {
    width: 100%;
    font-family: "NanumGothic", "Nanum Gothic", "나눔고딕";
}

/*개인정보동의*/
.agreeBox {
    border: 1px solid #d8d9db;
    padding: 1em;
    margin-top: 0.5em;
    font-size: 13px;
}
.agreeBox li {
    font-family: "NanumGothic", "Nanum Gothic", "나눔고딕";
}
.agreeBox li strong {
    font-family: "NanumGothic", "Nanum Gothic", "나눔고딕";
}
.agreeBox .importantText {
    color: #e61717;
    font-family: "NanumGothic", "Nanum Gothic", "나눔고딕";
}
.agreecheck {
    text-align: center;
    font-size: 16px;
    margin-top: 1em;
}
.agreecheck label {
    font-family: "NanumGothic", "Nanum Gothic", "나눔고딕";
    font-weight: 600;
    margin: 0;
    vertical-align: middle;
}
.agreecheck input#agreeYes {
    border: 0;
    box-shadow: none;
    vertical-align: middle;
    /*margin-left: 5px;*/
    margin: 0 2.5px;
}

.reduceBtnBox {
    margin: 1em 0;
    text-align: center;
}
.reduceBtnBox a {
    display: inline-block;
    padding: 1em;
    text-align: center;
    width: 49%;
    border: 1px solid #d8d9db;
}
.reduceBtnBox a.btnConfirm {
    background: #1560b6;
    color: #fff;
    border: 1px solid #1560b6;
}

.bottomBanner {
    text-align: center;
    margin-bottom: 2em;
}

/*회원 탈퇴*/
.redSpan {
    color: #e60606;
    font-weight: bold;
}

@media (max-width: 768px) {
    .reduceWrap {
        width: 100%;
    }
    .reduceContainer {
        padding: 0 0.8em;
    }
    .Logoheader li:first-child {
        width: 60%;
    }
    .Logoheader li:last-child {
        width: 40%;
        text-align: right;
    }

    .reduceTitle {
        font-size: 1.3em;
        padding: 0.8em 0.5em;
        margin-left: -0.6em;
        margin-right: -0.6em;
    }
    .reduceSub {
        padding: 1.6em 1em;
        font-size: 0.8em;
    }
    .reduceInfo {
        padding: 0.5em;
    }

    .reduceInfo label {
        width: 100px;
        text-align: left;
        font-family: "NanumGothic", "Nanum Gothic", "나눔고딕";
        font-weight: 600;
    }
    .reduceInfo .formInfo {
        width: 150px;
        display: inline-block;
    }
    .reduceInfo .formInfoHalf {
        width: 80px;
    }
}

/* 2024.09.09 html viewer 처리*/
div.html-parser-viewer{
    font-family: "Nanum Gothic" !important;
    border: 1px solid #ccc;
    padding: 10px;
    max-width: 100%;
    /*max-height: 600px;*/
    height: auto;
    /*min-height: 150px;*/
    text-decoration: none;
    overflow: auto;
    background-color:white;
}
div.html-parser-viewer p, div.html-parser-viewer span{
    font-family: "Helvetica, Arial, sans-serif" !important;
}
div.html-parser-viewer h2 {
    font-size: 20px !important;
    margin-bottom: 5px;
    font-family: "Nanum Gothic" !important;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}
div.html-parser-viewer h2::before{
    content: url("../img/sub/subTitleIcon.png") !important;
    margin-right: 5px;
    vertical-align: middle;
    background-color: white;
}
div.html-parser-viewer h3 {
    font-family: "Nanum Gothic" !important;
    font-size: 16px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 10px;
}
div.html-parser-viewer h3::before {
    content: url("../img/sub/subTitleIcon2.png");
    margin-right: 5px;
    margin-left: 15px;
    vertical-align: middle;
    background-color: white;
}
div.html-parser-viewer ul {
    padding-left: 13px;
    margin-bottom: 8px;
}
div.html-parser-viewer li {
    list-style: none;
    font-family: "Nanum Gothic" !important;
    font-size: 14px;
}
div.html-parser-viewer li::before {
    content: "";
    margin-right: 5px;
    vertical-align: middle;
    width: 3px;
    height: 3px;
    display: inline-block;
    background-color: #17469e;
}
div.html-parser-viewer p{
    font-size: small;
    margin-bottom: 10px;
}
div.html-parser-viewer .subH2::before{
    display:inline;
}

div.html-parser-viewer div.subConTitle{

}
div.html-parser-viewer div.subConTitle::before{
    content: none !important;
}