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



/* reset */
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;}


[canvas=container]{min-width:360px;background-size:cover;background-color:#fff;}
.container{background-color:#FFF;padding:8px 10px;min-height:450px}
i.paddingR{padding-right:6px;}

/*
h1 img{width:160px;position:absolute; left:50%; top:3px; margin-left:-80px;}
.menuBtn{position:absolute; left:0; top:6px;}
.loginBtn{position:absolute; right:0; top:6px;}
.topBtn{color:#000; font-size:22px;}
.loginInfo{background-color:#2B2F36; text-align:center; color:#fff;height:50px;line-height:50px;}
.loginInfo a{color:#fff;}
*/


.local>li{/*display:none;*/ line-height:30px;}
.local>li.on{display:block;padding:10px;}

.local>li span{color:#4277e3; font-weight:bold; font-weight:15px;}

.local>li>h3{font-weight:bold;color:#000; /*background:url("../images/dot02.png") 0 5px no-repeat;*/background-size: 8px 7px;padding-left:15px;margin-top:20px;padding-bottom:5px;}
.local>li>h3:first-child{margin-top:0px;}
.local>li>ul li{/*background:url("../images/dot03.png") 0 8px no-repeat;*/padding-left:8px;}
.local>li>ul li span{font-weight:bold;color:#CC6600;}
.local>li>p>img{width:100%}
.local>li>p{color:#cc6600;}


.navbar{background-color:#fff; height:50px; border-bottom: 1px solid #ddd; width:100%;}

.navbar h1 img{width:130px;position:absolute; left:50%; top:3px; margin-left:-80px;}
.navbar .menuBtn{position:absolute; left:0; top:6px;}
.navbar .loginBtn{position:absolute; right:0; top:6px;}
.navbar .topBtn{color:#000; font-size:22px;}
.navbar .loginInfo{background-color:#2B2F36; text-align:center; color:#fff;height:50px;line-height:50px;}
.navbar .loginInfo a{color:#fff;}



#left{background-color:#eee;}
#left i{vertical-align:middle;padding-left:20px;padding-right:10px;}
#left>ul{padding:0px 20px;}
#left>ul>li{height:48px; border-bottom:1px solid #ccc; padding:0px; background:url('../images/common/arr_right.png') right 50% no-repeat;background-size: 8px auto;}
#left>ul>li>a{font-size:16px;line-height:48px;display:block;}
#left>ul>li>a:active,#left>ul>li>a:hover{text-decoration:none;color:#377550;}



h2{background-color:#d8ab5d; color:#fff; font-size:16px; margin:0px; text-align:center;	height:40px;line-height:40px;font-weight:normal;}
.headerTab,.headerTab2{margin-top:4px;}
.headerTab>li{width:25%;}
.headerTab>li a, .headerTab2, .headerTab3>li a{text-align:center; background-color:#e2e2e2; color:#666; font-weight:bold; font-size:15px; font-weight:normal;}
.tabD2>li{width:50%;}
.tabD3>li, .headerTab2>li{width:33.3333%;}
.tabD3>li, .headerTab3>li{width:50%; margin-bottom:2px;}

footer{font-size:12px; margin-top:0px !important; position:relative; color:#999;}
div.footBtn button{width:80px; margin-right:2px; background-color:#b4b3b0;}
div.footBtn button > a{color:#000;}
div#sns_wrap{position:absolute;right:10px;top:4px;}
div#sns_wrap img{width:30px;}
.totop{position:absolute; right:20px; top:10px; display:inline-block;width:35px; 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;}

/* main */
#notice{width:360px;margin:20px auto 10px;position:relative;height:140px;background-color:rgba(52,73,94,0.9);color:#fff;padding:14px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#notice dt{font-size:16px;font-weight:bold;background:url('/images/main/icon_notice.png') 0 0 no-repeat;background-size: 16px auto;padding-left:24px;height:24px;line-height:24px;margin-bottom:10px;}
#notice dd{height:26px;line-height:26px;position:relative;}
#notice dd span{font-size:12px;position:absolute;right:0;top:0;}
#notice a{width:260px;color:#fff;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#notice a:hover{text-decoration:underline;}
#notice .btnMore{position:absolute;right:14px;top:14px;}


h3, h4{color:#313B4B; margin-top:18px; font-size:18px; margin-bottom:4px; background:url('../images/common/h4.png') 0 50% no-repeat; padding-left:12px;}
h3 > span{font-size:14px;font-weight:normal;color:#666;}
.title_txt01{font-size:12px; padding-left:42px; margin-top:-4px; margin-bottom:4px;}


/* table */
table.typeA{width:100%;border-top:2px solid #133450;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 #133450;}
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:6px;}
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 #133450;}


table.text-center td{text-align:center;}
table.padding10 td{padding:10px;}
table.course{font-size:12px;}


/* 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:#515151;padding:0px;}
ul.search_wrap a:hover{text-decoration:none;color:#315184;}

.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 #315184;text-align:center;line-height:140px;width:140px;height:140px;}

.modal-header h4{margin-top:0px !important;}
.titleLogin{font-size:30px;color:#315184;}

button.btn-login{background-color:#005d2f; color:#fff;}

/* 회사소개 */
.company{background:url('/images/sub/com_bg.jpg') right 0 no-repeat;background-size: 50% auto; }
.company dt{font-size:20px; font-weight:bold; padding-top:10px; text-align:center;}
.company dt span{display:block; color:#ab997d;}
.company dd{color:#5b5b5b;}
.company dd span{color:#d45b12;}
.company dd .txt{font-size:18px; color:#333; font-weight:bold;}
.company dd:first-of-type{margin:16px 0;}

.club{background:url('../images/sub/company_img02.jpg') 0 0 no-repeat; background-size: 100% auto; padding:20px; background-color:#fbf8ed;}
.club .title{font-size:16px;}
.club .txt{font-size:14px; }

/* 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/dot.gif') 2px 7px no-repeat; padding-left:12px;}
.list li span{color:#d7006a;}

/* 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:#006cda;}
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:#005d2f; color:#fff; border:none;}
button.book2{background-color:#2d6a9a; color:#fff; border:none;}
button.hold{background-color:#ddd; border:none;}
button.btn-course{width:100px; background-color:#4B7BA1; color:#fff;}

ul.reserve{padding:0px;}
ul.reserve li{padding:6px 0px;vertical-align:middle;}
ul.reserve li span.chapter{display:inline-block; width:50px; text-align:center;}
ul.reserve li span.time{display:inline-block;width:40px;text-align:left;}
ul.reserve li span.caddy{display:inline-block; width:40px; text-align:center;}
ul.reserve li span.price{display:inline-block;width:70px;text-align:right;}
ul.reserve li button{margin-left:10px;}

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

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

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

#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;padding-left:10px;}
#timeList > li > span:nth-child(2){width:50px;}
#timeList > li > span:nth-child(3){width:100px;}


/* board */
.notice{border-bottom:1px solid #000;}
.notice tbody td{text-align:left;}
.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 #A6937C;}
.booking thead th{padding:8px 2px !important;text-align:center;}
.booking tbody td{text-align:left;padding:8px 2px  !important;}

/* 공통 */
input[type="text"],input[type="password"],select{width:100%; height:33px; padding:0 7px; border:1px solid #ddd;}
input[type="radio"] {display:none;}
input[type="radio"] + label {padding-left:26px; font-size:13px; color:#000; background:url("../images/common/radio_btn_off.png") no-repeat 0 center; background-size:contain;}
input[type="radio"]:checked + label {padding-left:26px; font-size:13px; color:#000; background:url("../images/common/radio_btn_on.png") no-repeat 0 center; background-size:contain;}


.mt0{margin-top:0px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb4{margin-bottom:4px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}


.pl20{padding-left:20px;}

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

.tac{text-align:center;}
.tar{text-align:right;}

.width100per{width:100%;}
div.img100per > img{width:100%;}

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

button.btn-brown{background-color:#A6937C;color:#fff;border:none;}
button.btn-gray{background-color:#515151;color:#fff;border:none;}
button.btn-ok{background-color:#253F5A;color:#fff;border:none;}


/*하단공통메뉴*/
#quick_menu{position:fixed; left:0; bottom:0; margin: 0; width:100%; background-color:#000; z-index:5;}
#quick_menu > li{float:left;width:20%;height: 75px;margin:0px;text-align:center;border-right: 1px solid #262626;}
#quick_menu img{width: 45%;display:inline-block;margin-top:10px;}
#quick_menu span{display:block;color:#fff;font-size: 13px;}