@charset "utf-8";
@import url("bootstrap.css");
@import url("slidebars.css");
@import url("/css/font-awesome.css");



/* reset */
*{padding:0;margin:0;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
li{list-style:none;vertical-align:top;}
ul{padding:0px;}
i{vertical-align:middle;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
caption{position:absolute;left:-9999px;width:0;height:0;font-size:0;overflow:hidden;text-indent:-9999px;}
strong,em,address{font-style:normal;font-weight:normal;}
legend{display:none;}
input, select{color:#000;}
table{width:100%;}

[canvas=container]{min-width:360px;color:#333;}
.container{background-color:#fff;min-height:530px;padding-bottom:10px;}
i.paddingR{padding-right:6px;}

h1{text-align:center;line-height:50px;background-color:#fff;}
h1 a{display:inline-block;}
h1 img{width:130px; margin-top:-11px;}
.menuBtn{position:absolute;left:0;top:4px;}
.loginBtn{position:absolute;right:0;top:4px;}
.topBtn{color:#888;}



.loginInfo{background-color:#0070AF;text-align:center;color:#fff;}
.loginInfo>img{width:100px;margin-top:10px;}
#left{background-color:#232323;}
#left i{vertical-align:middle;width:26px;margin-left:20px;}
#left>ul{padding-left:0px}
#left>ul>li{height:48px;border-bottom:1px solid #333}
#left>ul>li>a{color:#fff;font-size:16px;line-height:48px;display:block;}
#left>ul>li>a:active,#left>ul>li>a:hover{text-decoration:none;color:#fff;}


h2{background-color:#15476C;color:#fff;font-size:16px;text-align:center;width:100%;
	height:40px;line-height:40px;position:absolute;left:0;top:50px;}
.headerTab,.headerTab2{margin-top:4px;padding-bottom:1px;margin-bottom:10px;}
.headerTab>li{width:25%;}
.headerTab>li a,.headerTab2>li a{text-align:center;background-color:#15476C;color:#ccc;font-weight:bold;font-size:16px;font-weight:normal;}
.tabD2>li{width:50%;}
.tabD3>li{width:33.3333%;}
.tabD4>li{width:25%;}


footer{font-size:12px;position:relative;color:#8C8C8C;padding:10px 0;background-color:#252C36;}
div.footBtn{position:relative;border-bottom:1px solid #51565E;padding-bottom:6px;}
div.footBtn button{width:80px;margin-right:2px;background-color:#ccc;position:absolute;right:0;top:-4px;}
div.footBtn a{color:#ddd;}
div.footBtn i{color:#1293BD;padding-right:4px;}
div#sns_wrap{position:absolute;right:10px;top:4px;}
div#sns_wrap img{width:30px;}
button.footbtn{background-color:#313B4B !important;}
button.footbtn a{color:#ddd;}
.totop{position:absolute;right:20px;top:10px;display:inline-block;width:30px;height:30px;line-height:30px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;}
.totop:visited{color:#fff;text-decoration:none;}




h3, h4{color:#1D4670;margin-top:20px;font-size:18px;margin-bottom:4px;background:url('/images/common/h4.png') 0 6px no-repeat;background-size:18px auto;padding-left:22px;}
h3 > span{font-size:14px;font-weight:normal;color:#666;}
h4 > span{float:right;font-size:14px;color:red;height: 27px;line-height: 30px; }
h5{color:#1D4670;font-size:16px;}

/* table */
table.typeA{width:100%;border-top:2px solid #1D4670;font-size:14px;margin-bottom:10px;}
table.typeA thead th{background-color:#F5F5F5;border:1px solid #ddd;border-bottom:0px none;text-align:center;padding:6px;}
table.typeA thead th:first-child,table.typeA tbody td:first-child{border-left:0px none;}
table.typeA thead th:last-child,table.typeA tbody td:last-child{border-right:0px none;}
table.typeA tbody th{text-align:center;background-color:#F5F5F5;padding:6px;border-bottom:1px solid #ddd;border-top:1px solid #ddd;vertical-align:middle;}
table.typeA tbody td{border:1px solid #ddd;padding:6px;}

table.typeB{width:100%;border-top:2px solid #1D4670;}
table.typeB thead th{text-align:center;background-color:#F5F5F5;padding:6px 0;border-bottom:1px solid #ddd;}
table.typeB tbody td{border-bottom:1px solid #ddd;padding:6px 0;}


table.typeC{width:100%;font-size:13px;margin-bottom:10px;}
table.typeC td,table.typeC th{border-bottom:1px solid #ddd;padding:10px;}
table.typeC thead th{background-color:#EAF0FA;border-bottom:1px solid #9FB3D5;}
table.typeC tbody th{text-align:center;background-color:#f4f4f4;}
table.typeC tbody tr:first-child{border-top:2px solid #1D4670;}

table.typeD{width:100%;font-size:13px;border-top:1px solid #ccc;}
table.typeD td,table.typeD th{border-bottom:1px solid #ddd;padding:8px 2px;}
table.typeD thead th{background-color:#EAF0FA;border-bottom:1px solid #9FB3D5;}
table.typeD tbody th{text-align:center;background-color:#f4f4f4;}
table.typeD tbody tr:first-child{border-top:2px solid #1D4670;}

table.text-center td{text-align:center;}


/* 테이블 세로형 */
.table_column{}
.table_column tbody{border-top:1px solid #013354}
.table_column tr{border-bottom:1px solid #ddd}
.table_column th{height:45px; line-height:22px; padding:0 18px; background:#f5f5f5; border-right:1px solid #ddd}
.table_column td{height:45px; line-height:22px; padding:0 18px;}
.table_column td span{font-size:13px; color:#7c868e; margin-left:7px}
/* 테이블 가로형 */
.table_row{}
.table_row thead{background:#f5f5f5; border-top:1px solid #253f5a;}
.table_row thead th{text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd}
.table_row thead th:first-child{border-left:0}
.table_row th,.table_row td{height:28px; line-height:20px; padding:7px 18px;}
.table_row tr{border-bottom:1px solid #ddd}
.table_row td{text-align:center; border-left:1px solid #ddd}
.table_row td:first-child{border-left:0 none}
.line-right{border-right:1px solid #ddd;}

/* ul */
ul.typeA{padding:10px 10px 10px 20px;}
ul.typeA > li{list-style-type:square}


/* login */
ul.search_wrap{margin-top:20px;border-top:1px solid #ccc;padding-top:20px;}
ul.search_wrap li{float:left;width:33.33%;text-align:center;font-size:14px;}
ul.search_wrap:after{display:block;content:'';clear:both;}
ul.search_wrap i{display:block;color:#253F5A;padding:0px;}
ul.search_wrap a:hover{text-decoration:none;color:#253F5A;}

.mobile input, .mobile select{width:100px;float:left;margin-right:3px;}
.form-group:after{display:block;content:'';clear:both;}
span.searchIcon{display:inline-block;border:1px solid #253F5A;text-align:center;line-height:140px;width:140px;height:140px;}

.modal-header h4{margin-top:0px !important;}
.titleLogin{font:30px 'Jeju Myeongjo',sans-serif;color:#275150;}

button.btn-login{background-color:#253F5A;color:#fff;}

/* 회사소개 */
.company dt.comtext01 {font:bold 23px 'NanumBarunGothic';}
.company dt.comtext02 {width: 200px;height: 20px;line-height: 20px;padding-left: 10px;border-radius: 0 20px 20px 0;
    background-color: #0171B0;color: #fff;margin-bottom:6px;}
.company span{display:block; color:#A56C34;font-weight:bold;}
.company dd{padding-bottom:20px;text-align:justify;}

/* guide */
.btn_download{display:inline-block; background:url('/images/sub/icon_down.png') 17px 10px no-repeat; color:#1c3148; border:1px solid #253f5a; padding:6px 18px 5px 38px}
.list li{background:url('/images/sub/dot.gif') 2px 7px no-repeat; padding-left:12px}

/* reserve */
table.calendar{border:1px solid #ddd;width:100%;}
table.calendar th{text-align:center;background-color:#eee;padding-top:4px;font-weight:normal;}
table.calendar td{border:1px solid #ddd;height:72px;text-align:center;vertical-align:top;}
table.calendar td:first-child{color:red;}
table.calendar td:last-child{color:blue;}
table.calendar td.today{background-color:#eee;}
table.calendar td.select{background-color:#ECF1F7;}
table.calendar td button{margin-top:10px;}

button.book{background-color:#253F5A;color:#fff;border:none;}
button.hold{background-color:#ddd;border:none;}

ul.reserve{padding:0px;}
ul.reserve li{padding:6px 0px;vertical-align:middle;}
ul.reserve li span{display:inline-block;padding:0 6px;}

p.dateTitle{font-size:24px;text-align:center;padding:10px 0;}
p.dateTitle span{font-size:12px;background-color:#eee;margin-right:6px;}

.addLineRight{border-right:1px solid #ddd;}
ul.floatL > li{width:50%;float:left;}

.reserveCourse td{background-color:#275150;text-align:center;border:1px solid #fff;}
.reserveCourse a{color:#fff;display:block;height:130px;line-height:130px;font-size:18px;}

.c_deadline{color:#f00}


#timeList{width:100%;}
#timeList > li{padding:5px 0;border-bottom:1px solid #ddd;}
#timeList > li > span{display:inline-block;}
#timeList > li > span:nth-child(1){width:70px;}
#timeList > li > span:nth-child(2){width:44px;}
#timeList > li > span:nth-child(3){width:36px;}
#timeList > li > span:nth-child(4){width:74px;text-align:right;}


/* board */
.notice{border-bottom:1px solid #000;}
.notice tbody td{text-align:left;}
.notice thead th{padding:4px;text-align:center;}
.notice tbody td{text-align:left;    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #666;}
.notice tbody td > a{color:#000;display:block;}
.notice tbody td:last-child{width:80px;text-align:right;}
.pagination{margin:0px;}
div.boardImg img{width:100%;}

.booking{border-bottom:1px solid #ccc;border-top:2px solid #1D4670;}
.booking thead th{padding:8px 2px !important;text-align:center;}
.booking tbody td{text-align:left;padding:8px 2px  !important;}
.notice{border-bottom:1px solid #000;margin-top:10px;}
.notice td{text-align:left;}
.notice td>a{color:#000;display:block;}
.notice td:last-child{width:100px;text-align:right;}
.pagination{margin:0px;}

span.category1{display:inline-block;width:50px;border:1px solid orange;text-align:center;color:orange;}
span.category2{display:inline-block;width:50px;border:1px solid #1FAAEE;text-align:center;color:#1FAAEE;}


/* game */
table.game{width:100%;font-size:12px;margin-bottom:10px;}
table.game td,table.game th{border-bottom:1px solid #ddd;padding:2px;}
table.game thead th{background-color:#EAF0FA;border-bottom:1px solid #9FB3D5;}
table.game tbody th{text-align:left;background-color:#f4f4f4;}
table.game tbody tr:first-child{border-top:2px solid #1D4670;}
.gameTitle{padding-left:5px;}
#game dl{border:1px solid #ccc;width:100%;position:relative;}
#game dl:after{display:block;content:'';clear:both;}
#game dt{background-color:#eee;height:30px;line-height:30px;padding-left:16px;margin-bottom:8px;}
#game dd{position:relative;}
#game dd > div.gameImg{position:absolute;left:2px;top:8px;width:110px;}
#game dd > div > img{width:100%;}
#game dd > ul{margin-left:120px;}
#game dd > ul > li > span{display:inline-block;width:50px;font-size:12px;color:#04457C;}

.detail{display:none;padding:0 10px;}
button.gameBtn{position:absolute;left:170px;top:100px;}

/* 셀프조인 */
span.selfJoin0,span.selfJoin1{display:block;}
span.selfJoin1{color:#F15A22;}
table.selfJoinTB td{line-height:34px !important;}

/* 부대시설 */
.clubhouse img{width:100%;margin-bottom:10px;}
a.gototop{color:#0B507F;}


 /* 공통 */
.mt0{margin-top:0px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}



.fw_b{font-weight:bold;}
.fz12{font-size:12px;}
.fz13{font-size:13px;}
.fz14{font-size:14px;}

.width100{width:100%;}
.imgwidth100 img{width:100%;}

.block{display:block;}
.fontColorBrown{color:#A6937C;}
.fontColorBlue{color:#2877BC;}
.fontColorRed{color:red;}
.fontColorOrg{color:#E16923;}
.fontColorGray{color:#3E6579;}

button.btn-brown{background-color:#A6937C;color:#fff;border:none;}
button.btn-gray{background-color:#000;color:#00B7EE;border:1px solid #00B7EE;}
button.btn-ok{background-color:#253F5A;color:#fff;border:none;}
button.btn-blue{background-color:#2D4A58;color:#fff;border:none;border:1px solid #2D4A58;}

.point{float: right; font-size: 14px; color: red; font-weight: bold; padding-bottom: 3px;}
.point-text{font-size:16px; color:#EB6101;}

.font-size12{font-size:12px;}
.font-size16{font-size:16px;}
.font-size17{font-size:17px;}
.font-size18{font-size:18px;}
.font-size19{font-size:19px;}
.font-size20{font-size:20px;}
.font-size24{font-size:24px;}
.font-size28{font-size:28px;}
.font-size30{font-size:30px;}
.font-size40{font-size:40px;}