@charset "euc-kr";
@import url('common.css');

html {font-size: 20px;}
body {font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 1rem;}
#wrap-all{position:relative;overflow:hidden;min-width:1100px}
#wrap-all.wrap-main:before{position:absolute;top:128px;left:0;content:"";display:block;width:100%;height:563px;background:#fff url("../img/main-bg.jpg") 50% 0 no-repeat;z-index:-1;background-size:cover;}
#wrap-all.wrap-main.sub:before{position:absolute;top:128px;left:0;content:"";display:block;width:100%;height:350px;background:#fff url("../img/sub-bg.jpg") 50% 0 no-repeat;z-index:-1;background-size:cover;}
#wrap-all.wrap-comm:before{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:317px;background:#039873 url("../img/main-bg.jpg") 50% 50% no-repeat;z-index:-1}
header{height:128px;z-index:100;position:relative;}
header h1{position:absolute;top:10px;left:0;z-index:110;}


select { padding:3px; }

/* HEADER */
header #gnb {text-align: center;font-weight: 400;z-index:100;}
header #gnb:before {content: "";opacity: 0;height: 0; position: fixed;left: 0;right: 0;top: 128px;z-index: -1;-webkit-transition: all .2s ease;transition: all .2s ease;background:rgba(8, 31,  40,  .9);}
header #gnb:hover:before {opacity: 1;top:128px;height: 260px;-webkit-transition: all .2s ease;transition: all .2s ease;}
header #gnb:hover ul ul {display: block;position:relative;}

header #gnb>ul{text-align:right;}
header #gnb>ul>li {display: inline-block;vertical-align: top}
header #gnb>ul>li>a {margin: 0 20px;padding:0 30px; display: block; font-size: 1.1rem;line-height: 90px;position: relative;-webkit-transition: all 0.2s ease; transition: all 0.2s ease;color:#000;}
header #gnb>ul>li>a:before {content: "";display: block;position: absolute;width: 0;left: 50%; bottom: 0;height: 3px;background: #1b1b4c;-webkit-transition: all .2s ease;transition: all .2s ease}
header #gnb>ul>li:hover>a, header #gnb>ul>li.active>a {color: #1b1b4c}
header #gnb>ul>li:hover>a:before, header #gnb>ul>li.active>a:before {width: 100%;left: 0;right: 0;-webkit-transition: all .2s ease;transition: all .2s ease}
header #gnb>ul>li:hover ul {display: block;}
header #gnb>ul>li:hover ul:before {display: block}
header #gnb>ul>li>ul>li{text-align:left;padding-left:20px;}
header #gnb>ul>li>ul>li>a{color:#b5b5bf;font-size:0.8rem;padding-left:20px;}
header #gnb>ul>li>ul>li>a:hover{color:#fff;}
header #gnb ul ul {display: none;font-size: 14px;padding-top: 20px;}
header #gnb ul ul li+li {margin-top: 5px;}
header #gnb ul ul li:hover {color: #ff5f33;}

header .util-menu{text-align:right;background:#1b1b4c;height:38px;}
header .util-menu ul{}
header .util-menu li{display:inline-block;position:relative;}
header .util-menu li a{font-size:14px;color:rgba(255, 255, 255, .4);padding-right:10px;margin-left:10px;line-height:38px;}
header .util-menu li a:hover{color:#fff;}
header .util-menu li+li:before{content:"";display:block;width:1px;height:10px;background:#5d5d79;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.slider-main{position:relative;margin:49px 0 38px 0;z-index:1}
.slogan-sub{position:relative;text-align:left;padding:38px 0;z-index:1}

#wrap>#content {min-height: 400px;}
.container-fluid {max-width: 1100px;margin: 0 auto;position:relative;}
.container-fluid:after { clear:both; }
.flexslider {background: none;}

.dim{display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100;}
.btn-close{border:0;position:absolute;top:1.5rem;right:1rem;background:none;font-size:2rem;color:#fff;letter-spacing:-0.5rem;}


.notice-wr{margin-bottom:50px;}
.notice-wr>div+div{margin-left:30px;}
.notice-wr:after{content:"";display:block;clear:both;}
.result-wr{float:left;width:320px;height:302px;background:url("../img/bg-result.jpg") 0 0 no-repeat;background-size:cover;}
.result-wr p{padding-top:30px;text-align:center;font-size:20px;color:#fff;}
.result-wr h3{color:#fff;font-size:26px;font-weight:600;height:74px;line-height:74px;padding-left:30px;}
.latest-board{float:left;width:360px;}
.latest-board h3{position:relative;font-size:26px;font-weight:600;letter-spacing:-0.06rem;border-bottom:3px solid #000;padding-bottom:15px;}
.latest-board h3 .btn-more{position:absolute;top:0;right:0;}
.latest-board ul{padding:10px 0}
.latest-board  li{text-align:left;padding-left:5px;color:#fff;border-bottom:1px solid #e4e4e4;padding:5px 0;letter-spacing:-0.05rem;}
.latest-board  li a{position:relative;display:block;color:#333;font-size:18px;line-height:18px;font-weight:400;}
.latest-board  li a:hover{color:#000;}
.latest-board  li small{font-size:16px;color:#b3b3b3;}

.latest-wr{height:238px;background:rgba(5, 17, 28, .9);padding:30px;box-sizing:border-box;margin-bottom:60px;}
.latest-wr>div{position:relative;display:inline-block;font-size:0;width:30%;color:#fff;vertical-align:top; }
.latest-wr>div+div{margin-left:4%;}
.latest-wr>div h3{font-size:22px;font-weight:600;color:#fff;line-height:22px;}
.latest-wr>div h3 .sat{position:relative;color:#3bf5aa;padding-right:10px;}
.latest-wr>div h3 .sat:after{content:"";display:block;position:absolute;top:50%;right:0;width:1px;height:22px;background:rgba(255, 255, 255, 0.3);transform:translateY(-50%)}
.latest-wr>div h3 .sun{color:#34f5ea;}
.latest-wr .btn-more{position:absolute;top:0;right:0;font-size:14px;letter-spacing:-0.05rem;color:#b2b2b2;}
.latest-wr .btn-more:hover{color:#fff;text-decoration:underline;}
.latest-result ul{padding:20px}
.latest-result .no-result{vertical-align:center;font-size:15px;text-align:center;padding-top:70px;}
.latest-result li{text-align:center;padding-bottom:4px;font-size:16px;}


.latest-schedule{margin-bottom:40px;}
.latest-schedule h3{font-size:26px;font-weight:600;letter-spacing:-0.05rem;padding-bottom:15px;}
.latest-schedule h3 small{color:#b3b3b3;font-size:17px;font-weight:400;}

.latest-schedule dl{display:table;border:1px solid #d2d2d2;box-sizing:border-box;width:100%;}
.latest-schedule dt, .latest-schedule dd{display:table-cell;text-align:center;vertical-align:middle;}
.latest-schedule dt{width:17.5%;color:#fff;font-weight:600;font-size:22px;}
.latest-schedule dt small{display:block;font-weight:400;font-size:17px;}
.latest-schedule dd{width:16.5%;background:#e8e8e8;font-size:18px;padding:34px 30px;color:#666666;font-weight:400;letter-spacing:-0.05rem;text-align:left;}
.latest-schedule dd .time{display:block;font-size:20px;text-decoration:underline;padding-bottom:10px;}
.latest-schedule dd+dd{border-left:1px solid #d9d9d9;}
.latest-schedule dt{background:#1b1b4c;}
.latest-schedule .time{color:#878787;}

.ranking-wr{position:relative;padding-top:40px;}
.ranking-wr .ranking-select{position:absolute;top:0;left:0;}
.ranking-wr .ranking-select select{padding:3px;font-size:15px;min-width:100px;}
.ranking-wr> div+div{margin-left:31px;}
.ranking-data{float:left;width:346px;}
.ranking-data h3{font-size:26px;padding-bottom:16px;}
.ranking-data table{width:100%;border-collapse:collapse;border-spacing:0;}
.ranking-data table th{letter-spacing:-0.05rem;}
.ranking-data table td{font-size:18px;text-align:center;border-bottom:1px solid #dbdbdb;border-left:1px solid #dbdbdb;padding:4px 0;}
.ranking-data table thead th{font-size:18px;padding:3px;height:42px;line-height:42px;text-align:center;}
.ranking-data table thead th{background:#717171;color:#fff;font-weight:400;}
.ranking-data table tbody th{background:#e9e9e9;font-weight:400;color:#717171;border-bottom:1px solid #dbdbdb;}
.ranking-wr:after{content:"";display:block;clear:both;}

footer.footer{background:#fff;padding:45px 0;margin-top:50px;border-top:1px solid #d9d9d9;}
footer.footer:after{content:"";display:block;clear:both;}
footer.footer h1{display:block;float:left;width:170px;}
footer.footer p{display:block;float:left;font-size:15px;color:#656565;}


.snb-wr{text-align:center;border-bottom:1px solid #ccc;}
.snb-wr ul{font-size:0;}
.snb-wr li{display:inline-block;}
.snb-wr li a{position:relative;display:block;padding:8px 20px 18px 20px;font-size:18px;text-align:center;font-weight:500;}
.snb-wr li a.on{font-weight:600;}
.snb-wr li a.on:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#000;}

div.contents-wr::after { content:''; display:table; clear:both; }
.contents-wr{min-height:500px; padding:0 30px;}
.contents-wr h3{padding:20px 0 20px 5px;}
.rule { font-size:15px; line-height:25px;}
.rule li { padding-bottom:15px; }
.rule li p { padding-left:20px; }

h4.topttl { font-size:20px;text-align:center; }
h5.topttl2 { font-size:17px;text-align:center; }
h5.topsubttl { font-size:17px; padding:30px 0 10px 0; }
span.lititle { font-weight:bold; color:#4876b7; }




/* ±¸Àå ´ë°ü °ü·Ã Å×ÀÌºí µî css */

#rental { margin-top:10px; }
#rental table { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; margin-bottom:15px; }
#rental table th { background-color: #fef8e0; color: black; padding: 10px 0; border: 1px solid #ddd; }
#rental table th, td { border: 1px solid #cccccc; padding:5px; border-collapse: collapse;}
#rental table caption { font-size:17px; color:blue; text-align:left; padding:5px 0; font-weight:bold; }

.disabled-link { pointer-events: none; cursor: not-allowed; /*  background-color: gray;  Optional: To indicate that the link is disabled */  }
#rental .sunday { color:red; }
#rental .saturday { color:blue; }

.calendar td { height:100px;  vertical-align: top; }
.calendar td p { font-weight:bold; margin-bottom: 5px; }
.calendar td ul li a { /* border:1px solid #ccc; text-align:center; */}


/* ´ë°ü »óÅ ǥ½Ã ¹öÆ° */
#rental table td span { display:inline-block; border:1px solid #ccc; color:blue; padding:0px 5px; text-align:center; font-size:12px; width:auto; height:100%;}
#rental table td li { margin:3px;  }
#rental span.btnRental0 { color:black; }
#rental span.btnRental1 { color:blue;  cursor: not-allowed;  background-color:#ddd; opacity:0.5;}
#rental span.btnRental2 { color:red;  cursor: not-allowed;  background-color:#ddd; opacity:0.5;}
#rental span.btnRental3 { color:26c615; cursor: not-allowed;  background-color:#ddd; opacity:0.5;}
#rental span.btnRental4 { color:7c9d3d; cursor: not-allowed;  background-color:#ddd; opacity:0.5;}
#rental span.btnRental5 { color:89696c; cursor: not-allowed;  background-color:#ddd; opacity:0.5;}