@charset "utf-8"; 

/* 공통 */
#header > .inner h1 a {width:338px; height:51px; background:url("../images/common/logo-gc.png") no-repeat left center}
.icoNotiTxt {display:flex; align-items:center; flex-wrap:wrap; margin-bottom:25px; padding-left:80px; line-height:27px; min-height:60px; background: no-repeat left center / 60px auto; font-weight:500; font-size:18px}
.icoNotiTxt.map {background-image:url("../images/ico-GC-AA0-000-01.png")}
.icoNotiTxt.edu {background-image:url("../images/ico-GC-AA0-000-02.png")} /* 교육시설 */
.icoNotiTxt.lodgment {background-image:url("../images/ico-GC-AA0-000-03.png")} /* 숙박시설 */
.icoNotiTxt.sports {background-image:url("../images/ico-GC-ADA-000-M1.png")} /* 체육시설*/
.icoNotiTxt.other {background-image:url("../images/ico-GC-AEA-000-M1.png")} /* 편의시설*/
.icoNotiTxt.roadMap {background-image:url("../images/ico-GC-BA0-000-M1.png")} /* 오시는 길 */
.icoNotiTxt.roadMap em {display:inline-block; margin:0 10px; width:13px; height:18px; text-indent:-9999px; font-weight:400; background:url("../images/ico-arrow-triangle-g.png") no-repeat center / auto}
.icoNotiTxt.roadMap strong {font-weight:500; color:#e13232}
.icoNotiTxt.roadMap em:first-child {background-image:url("../images/ico-arrow-triangle-b.png")}
.icoNotiTxt.roadMap em.important {background-image:url("../images/ico-arrow-triangle-r.png")}
.icoNotiTxt.money {background-image:url("../images/ico-GC-CB0-000-M1.png")} /* 이용요금 */
.icoNotiTxt.info {background-image:url("../images/ico-GC-CD0-000-M1.png")} /* 이용요금 */
.tabArea > ul {margin-bottom:25px}
@media (max-width: 1160px) {
    .icoNotiTxt span {line-height:30px}
    #header > .inner h1 a {width:158px; height:38px; background-size:100% auto}
}
@media (max-width:940px) {
    .icoNotiTxt {margin-bottom:15px; /*height:60px*/} /*2023-02-23수정*/
    .icoNotiTxt.lodgment {background-position:left top}
    .icoNotiTxt.roadMap em {margin:0 5px}
}
@media (max-width: 767px) {
    #container.main {padding:0}
    .icoNotiTxt {margin-bottom:15px; padding-left:40px; line-height:20px; height:auto; min-height:30px; background-position:left top; background-size:30px auto; font-size:14px}
    .icoNotiTxt span {line-height:20px}
}

/* 시설안내 */ 
/* 시설배치도 */
.facilityInfo img {max-width:100%; height:auto}
.facilityInfo > div {padding:35px 58px; background:#eee}
.facilityInfo ol {display:inline-block;}
.facilityInfo ol li {display:inline-block; margin:10px 0; padding-right:35px; font-weight:500; font-size:20px}
.facilityInfo ol li span {display:inline-block; margin-right:5px; width:60px; height:60px; line-height:60px; border-radius:100%; font-weight:600; font-size:20px; color:#fff; text-align:center}
.facilityInfo ol li span.green {background:#1ab77a}
.facilityInfo ol li span.blue {background:#3358ec}
.facilityInfo ol li span.cRed {width:auto}
@media (max-width: 940px) {
    .facilityInfo > div {padding:15px 25px}
    .facilityInfo ol li {margin:5px 0; padding-right:35px; font-size:18px}
    .facilityInfo ol li span {margin-right:5px; width:40px; height:40px; line-height:40px; font-size:18px}
}
@media (max-width: 940px) {
    .facilityInfo > div {padding:10px 15px}
    .facilityInfo ol li {margin:2px 0; padding-right:25px; font-size:14px}
    .facilityInfo ol li span {margin-right:5px; width:20px; height:20px; line-height:20px; font-size:13px}
}

/* 교육시설 */
.facilityDetail {position:relative; display:grid; grid-template-columns:auto 35%; margin-bottom:25px; padding-left:215px}
.facilityDetail.imgOnly {grid-template-columns:auto}
.facilityDetail .detailMselect {display:none}
.facilityDetail > ul {display:flex; flex-direction:column; position:absolute; top:50%; left:0; width:175px; height:100%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%)} 
.facilityDetail > ul li {display:block; flex:1}
.facilityDetail > ul li a {display:flex; align-items:center; padding-right:20px; width:100%; height:100%; /* height:80px; line-height:80px; */ background:url("../images/common/ico-leftarrow-g-off.png") no-repeat right center / 8px auto; border-bottom:1px solid #eee; font-size:18px; color:#666}
.facilityDetail > ul li.curr a {background:url("../images/common/ico-leftarrow-g-on.png") no-repeat right center / 8px auto; border-bottom:2px solid #1ab77a; font-weight:600; color:#1ab77a}

.img {position:relative; padding-bottom:50%}
.img img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; border-radius:10px}
.detailInfo {margin-left:40px; padding:30px; background:#f6f6f6; border-radius:10px; }
.detailInfo strong {display:block; margin-bottom:50px; font-weight:600; font-size:25px; color:#1ab77a}
.detailInfo dl {display:table; font-weight:500}
.detailInfo dl + dl {margin-top:40px}
.detailInfo dl dt {display:table-cell; width:95px}
.detailInfo dl dd {display:table-cell; color:#666}
.detailInfo dl dd ul li {position:relative; padding-left:15px; line-height:30px}
.detailInfo dl dd ul li:before {position:absolute; content:""; top:15px; left:0; width:4px; height:2px; background:#1ab77a}
@media (max-width: 1280px) {
    .facilityDetail {padding-left:175px}
    .facilityDetail > ul {width:145px}
    .detailInfo {margin-left:15px; padding:20px}
    .detailInfo strong {margin-bottom:30px}
    .detailInfo dl + dl {margin-top:20px}
    .detailInfo dl dt {width:75px}
}
@media (max-width: 1160px) {
    .facilityDetail {padding-left:145px}
    .facilityDetail > ul {width:130px}
    .facilityDetail > ul li a {font-size:16px}
    .detailInfo strong {margin-bottom:15px}
    .detailInfo dl {display:block}
    .detailInfo dl + dl {margin-top:10px}
    .detailInfo dl dt,
    .detailInfo dl dd {display:block; width:100%}
    .detailInfo dl dd ul li {line-height:17px}
    .detailInfo dl dd ul li + li {margin-top:10px}
    .detailInfo dl dd ul li:before {top:7px}
}
@media (max-width: 940px) {
    .facilityDetail {position:relative; padding-top:60px; padding-left:0}
    .facilityDetail .detailMselect {position:absolute; top:0; left:0; display:block}
    .facilityDetail > ul {-webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0)}
    .detailInfo dl dd ul li + li {margin-top:7px}
    /* 모바일 셀렉트박스 */
    .tabArea:not(.mainTab) a.mSelect {padding:8px 30px 8px 10px; background:#f6f6f6 url("../images/common/ico-mselect-off.png") no-repeat right 10px center / 16px auto; border-color:#f6f6f6; font-weight:500; color:#000}
    a.mSelect + ul {top:42px !important}

    .detailMselect {display:inline-block; margin-bottom:15px; padding:5px 30px 5px 10px; width:100%; border:1px solid #ccc; background:url("../images/common/ico-downarrow-g.png") no-repeat right 10px center / 12px auto; font-weight:500; color:#1ab77a}
    .detailMselect + ul {position:absolute; top:35px; width:100%; height:auto; display:none; z-index:100; width:100%; padding:0; background:#fff; border:1px solid #ccc}
    .detailMselect + ul > li {padding:0}
    .detailMselect + ul > li.curr a {font-weight:500; font-size:15px; color:#1ab77a}
    .detailMselect + ul > li a {padding:0 10px; height:40px; line-height:40px; border-bottom:1px solid #ccc; font-size: 15px}
    .detailMselect + ul > li:last-child a {border-bottom:none}
    .facilityDetail > ul li.curr a {background:none; border-bottom:1px solid #ccc}
}
@media (max-width: 767px) {
    .facilityDetail {display:block}
    .detailInfo {margin-top:20px; margin-left:0}
}

/* 오시는 길 */
.directionsDetail {overflow-x:auto; position:relative; padding-bottom:25px}
.directionsDetail .img {margin:0 auto; padding:0; width:100%; min-width:1000px; max-width:100%; height:700px; border:1px solid #eee; border-radius:10px}

/* 이용 및 대관 안내 */
.useStep {margin:20px 0 0 0; border-top:2px solid #3358ec; border-bottom:1px solid #ccc}
.useStep ul li {display:flex; align-items:center; padding:30px 23px}
.useStep ul li + li {border-top:1px solid #eee}
.useStep ul li strong {display:block; position:relative; padding-left:110px; width:30%; line-height:80px; font-size:18px; letter-spacing:-0.025em; color:#000}
.useStep ul li strong:before {display:block; position:absolute; z-index:-1; content:""; top:0; left:0; width:80px; height:80px; border-radius:100%; background:#eee url("../images/ico-GC-CA0-000-M1-01.png") no-repeat center / auto}
.useStep ul li:nth-child(2) strong:before {background-image:url("../images/ico-GC-CA0-000-M1-02.png")}
.useStep ul li:nth-child(3) strong:before {background-image:url("../images/ico-GC-CA0-000-M1-03.png")}
.useStep ul li:nth-child(4) strong:before {background-image:url("../images/ico-GC-CA0-000-M1-04.png")}
.useStep ul li:nth-child(5) strong:before {background-image:url("../images/ico-GC-CA0-000-M1-05.png")}
.useStep ul li dl dt {line-height:24px; font-size:16px; font-weight:500; letter-spacing:-0.025em; color:#3358ec}
.useStep ul li dl dd {margin-top:13px; line-height:25px; font-size:16px; letter-spacing:-0.025em; color:#666}
@media (max-width:1160px) {
    .useStep ul li {padding:20px 15px}
    .useStep ul li strong {padding-left:80px; width:35%; line-height:60px}
    .useStep ul li strong:before {width:60px; height:60px; background-size:30px}
    .useStep ul li dl dd {margin-top:10px}
}
@media (max-width:767px) {
    .useStep ul li {flex-direction:column; align-items:start; padding:15px 0}
    .useStep ul li strong {margin-bottom:15px; padding-left:60px; width:100%; line-height:50px}
    .useStep ul li strong:before {width:50px; height:50px; background-size:25px}
}

/* 견적미리보기 */
.topTit .icoTit {padding-left:44px; margin-bottom:-5px; line-height:30px; font-size:20px; letter-spacing:-0.025em; font-weight:500; color:#3358ec; background:no-repeat left center / auto}
.topTit .icoTit.lodgment {background-image:url("../images/ico-GC-CC0-000-M1-01.png")}
.topTit .icoTit.edu {background-image:url("../images/ico-GC-CC0-000-M1-02.png")}
.topTit .icoTit.sports {background-image:url("../images/ico-GC-CC0-000-M1-03.png")}
.estimateTable table th,
.estimateTable table td {padding:10px 20px; border-right:none; border-bottom-color:#eee}
.estimateTable table td {color:#000}
.estimateTable table td .total {display:flex; align-items:center; margin-left:auto; width:100%; max-width:22%}
.estimateTable table td .total .totalTxt {margin-right:20px; font-weight:700}
.estimateTable table td .total p:last-child {width:100%; max-width:440px}
.totalTable table {margin-top:60px}
.totalTable table th,
.totalTable table td {padding:10px 20px; border-right:none}
.totalTable table th {color:#fff; background:#3358ec}
@media (max-width:940px) {
    .topTit .icoTit {padding-left:34px; background-size:25px 20px}
}
@media (max-width:767px) {
    .totalTable table {margin-top:30px}
}

/* 안내사항*/
.infoTable table th,
.infoTable table td {padding:25px 10px}
.infoTable table tbody tr td ul.dashList li + li {margin-top:10px}
@media (max-width:940px) {
    .infoTable table th,
    .infoTable table td {padding:20px 10px}
}

/* footer */
#footer .inner {position:relative; padding-left:250px; padding-right:200px}
#footer .logo {position:absolute; top:30px; left:20px; width:181px; height:27px; text-indent:-9999px; background:url("../images/common/logo-footer-gc.png") no-repeat center}
.footUtil {font-size:13px; color:#666}
.footUtil ul li {padding-right:20px}
.footUtil .copy {padding-top:5px}
.privacy {position:absolute; top:30px; right:20px; padding:10px 0; width:150px; display:inline-block; border:1px solid #ccc; font-weight:500; font-size:14px}
@media (max-width: 767px) {
    #footer .inner {padding:70px 20px 20px; text-align:center} 
    #footer .logo {left:50%; margin-left:-90px}
    .privacy {position:static; margin-top:20px}
}