/*.category {margin-bottom:20px;}
.category ul.tabs{ width:1200px; margin:0 auto; text-align: center; }
.category ul.tabs li{ float:left; display:inline-block; margin-left:-1px; height:48px; line-height:48px; font-size:15px; text-align:left; background:rgb(255,255,255); border:1px solid #dedee1; cursor:pointer; box-sizing:border-box; }
.category ul.tabs li:first-child{border-left:1px solid #cdd5be; }
.category ul.tabs li.active{ background:#1a6cbf url(../img/images/gnbarr.png) no-repeat 92% center; color:rgba(255,255,255,1);}
.category ul.tabs li:hover{background: #1a6cbf url(../img/images/gnbarr.png) no-repeat 92% center; cursor:pointer; -webkit-transition: background-color 300ms linear; color:#FFF; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; }
.category ul.tabs li a{ display:block; width:100%; height:100%; }
.category ul.tabs li {width:240px; text-align:center }
*/

.insert ul					{ float:left; width:100%; margin-bottom:10px;}
.insert ul li				{ margin-bottom:5px; width:50%; float:left;}
.insert input[type="file"]	{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.insert label				{ display: inline-block; width: 20%; padding: .45em 0; text-align: center; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; cursor: pointer; color: #323232; background-color: #eeeeee; border-color: #eeeeee; border: 1px solid #dddddd; }
.insert .upload-name		{ display: inline-block; width: 70%; padding: .42em .75em;font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;background-color: #fff;border: 1px solid #aaaaaa;-webkit-appearance: none;-moz-appearance: none;appearance: none;}


/* LOGIN FORM */
#Loginwrap										{ position:relative; width:50%; margin: 0px auto 100px auto; letter-spacing:-1px;}
#Loginwrap	h4{ position:relative; width:100%; margin:0 auto; text-align: center; font-size: 25px; font-weight: 500; color:#000000; padding-bottom:20px; line-height: 33px; }
#Loginwrap	h4	 strong					{ font-weight:normal; font-size: 22px; }
#Loginwrap	ul									{ position:relative; width: 51.8%; margin:0 auto; text-align:center; padding:25px 0;}
#Loginwrap	ul	li								{ display:inline;padding:0 35px; background:url(../img/line.gif) right 4px no-repeat; }
#Loginwrap	ul	li a:hover{ color: #e4280f; }
#Loginwrap	.line								{ background:none;}
#Loginwrap	.txt								{ position:relative; width: 51.8%; margin:0 auto; text-align: center; border-top:1px solid #dfdfdf; padding-top:20px; font-size:13px; line-height:24px;}
#Loginwrap	.txt	span						{ color: #df1c1c; }
#Loginwrap	.bdnone						{ border:0;}
#Loginwrap .onlogin{ width: 45%; margin: 0 auto; font-size: 16px; font-weight: 500; text-align: center; border:1px solid #dfdfdf; background-color:#FBFCFD; padding:30px 40px; }

#loginbg											{ position:relative;margin:0 auto; border:1px solid #dfdfdf; background-color:#FBFCFD; padding:30px 40px;}
#loginbg	p										{ font-size:14px; padding-bottom:10px;}
#loginbg	p	span								{ color:#0E77E6;}
#loginbg .loginform							{ margin:30px auto; }
#loginbg .loginform input{ padding-left: 9px; width: 98%; vertical-align: middle; border: 1px solid #dfdfdf; height:30px; font-size:15px; margin-bottom:10px;}
#loginbg .loginbt{ display: block; margin: 10px auto; padding: 8px 0; width: 100%; height: auto; font-size: 18px; text-align: center; color: #fff; border-radius: 3px; border: 1px solid #ea5b07; background-color: #ea5b07; cursor: pointer; -webkit-appearance: none; }
#loginbg .loginbt:hover{ border: 1px solid #bf2603; background-color: #bf2603; }

#loginbg	.pwchange						{ position:relative; float:left; width:100%; margin:15px 0;}
#loginbg .pwchange	label				{ float:left; width:100px; line-height:40px; color:#333;}
#loginbg .pwchange	input 			{ float:right; width:75%; vertical-align:middle; border:1px solid #dfdfdf; height:30px; font-size:15px; margin-bottom:10px; }
.login_id, .login_pass	{ position:absolute; display:none; font-size:0; overflow:hidden; visibility:hidden;}


#loginbg	.pwchange						{ position:relative; float:left; width:100%; margin:15px 0;}
#loginbg .pwchange	label				{ float:left; width:100px; line-height:40px; color:#333;}
#loginbg .pwchange	input 			{ float:right; width:75%; vertical-align:middle; border:1px solid #dfdfdf; height:30px; font-size:15px; margin-bottom:10px; }

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

.list-table th{font-size:16px; height:64px; border-bottom:1px solid #e5e5e5; font-weight:normal}

.list-table td{height:60px; line-height:60px; border-bottom:1px solid #e5e5e5;}
.list-table tr td:nth-child(2n){text-align:center;}
.list-table tr td:nth-child(3n){text-align:center;}


.list-table th{font-size:16px; height:64px; border-top:2px solid #2d5b79 ;border-bottom:1px solid #e5e5e5; font-weight: 700; }

.list-table .listbox-more a{display:block;width:95px;height:27px;line-height:27px;background: url(../images/detaildot.png) #00a846 no-repeat 78px center;color:rgb(255,255,255);margin-top:10px;margin-left:auto;margin-right:auto;padding-left:18px;font-size:12px;letter-spacing:0; text-align:left}
.list-table .listbox-more a:hover{background:url(../images/detaildot.png) #00a846 no-repeat 78px center; cursor:pointer; -webkit-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear;}
.list-table .gray-more a{background: url(../images/detaildot_gray.png) #9e9e9e no-repeat 78px center;}
.list-table .gray-more a:hover{background: url(../images/detaildot_gray.png) #00a846 no-repeat 78px center; cursor:pointer; -webkit-transition: background-color 100ms linear; color:#FFF; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear;}


/*사용신청서*/
.formw select{ min-width: 100px; height: 38px; line-height: 38px; font-size: 16px; background: url(../../../style/img/selecticon.png) center right 8px no-repeat; text-indent:10px; }

.formw{width:1200px; margin:0 auto 100px;}
.formtitle{font-size:30px; text-align:center; font-weight:600; margin-bottom:60px}
.formtitle span{width:23px; height:1px; background:rgba(51,51,51,1); display:block; text-align:center; margin:0 auto}
.formlist{overflow:hidden; margin-bottom:50px}
.formlist ul{float:left; width:550px;}
.formlist ul:nth-child(2){float:right;  width:545px;}
.formlist ul li{ line-height:180%; font-size:15px; color:#323232; position:relative; padding-left: 10px;}
.formlist ul li:before{content:'-'; display:block; position:absolute; left:0; top:0px;}
.formlist .cation{text-decoration:underline; font-weight:600;}

.de-form{overflow:hidden; margin-bottom:35px;}
.de-form .de-form-title{border-bottom:2px solid #604d40; font-size:20px; padding-bottom:5px}
.de-form .de-form-title span{color:#616161; font-size:14px; text-align:right; display:inline-block; float:right}
.de-form .de-form-table{overflow:hidden; border-top: 2px solid rgba(51,51,51,1);}
.de-form .de-form-table .de-form-tr{overflow:hidden; clear:both; }
.de-form .de-form-table .address-tr{clear:both; overflow:visible;}

.de-form .de-form-table .tr50{width:50%; float:left; clear: inherit; height: 65px;}
.de-form .de-form-table .tr50 .de-form-td{width:425px; height: 65px;}

.de-form .de-form-table .address-tr .de-form-td{line-height:inherit; height: 157px;}
.de-form .de-form-table .de-btn{background:#eeeeee; border:1px solid #dddddd;  padding:7px 10px; display:inline-block; margin-left:10px; cursor:pointer}
.de-form .de-form-table .de-btn:hover{background:#e0dcdc; border:1px solid #e0dcdc;  -webkit-transition: background-color 200ms linear;     -ms-transition: background-color 200ms linear;    transition: background-color 200ms linear;}

.de-form .de-form-table .address-tr .de-form-td p{margin-bottom:7px;}
.de-form .de-form-table .address-tr .de-form-th{height:157px;}
.de-form .de-form-table .de-form-th{float:left; background:#fafafa; width:193px; border-bottom:1px solid #e5e5e5;  height:65px; font-size:15px; line-height:65px; padding-left:15px; box-sizing:border-box}
.de-form .de-form-table .de-form-td{float:left; width:1007px; border-bottom:1px solid #e5e5e5;  padding:15px; box-sizing:border-box;height:65px; }
.de-form .de-form-table .de-form-td input[type=text], .de-form .de-form-table .de-form-td select, .de-form .de-form-table .de-form-td input[type=password]{width:100%; height:35px; line-height:35px; border:1px solid #aaaaaa; padding:0; box-sizing:border-box}
.de-form .mun{margin-top:15px;}
.de-form .mun textarea{height:140px; overflow-y:scroll; width:100%; box-sizing:border-box}
.de-form .agreein-title{height:50px; line-height:50px; font-size:13px; letter-spacing:0}
.de-form .down{background:#eeeeee; border:1px solid #dddddd; color:#d64811; text-decoration:underline; display:inline-block; height:38px; line-height:38px; padding:0 20px }
.de-form .downcation{text-decoration:underline; color:#054ee1; padding-left:15px}
.de-form-sbox{border:1px solid #e8e8e8; width:595px; float:left; margin-bottom:12px; padding:15px 30px; box-sizing:border-box; height:320px; color:#666666 }
.de-form-sbox:nth-child(2n){float:right;}
.de-form-sbox-w{overflow:hidden; margin-top:20px;}
.de-form-sbox .d-box-title{font-size:20px; margin-bottom:10px; color:rgb(51,51,51)}
.de-form-sbox .d-box-list{height:204px; border-bottom:1px solid #e8e8e8;}
.d-box-total{height:50px; line-height:50px; text-align:right; color:rgb(51,51,51)}
.d-box-total span{font-size:20px; font-weight:600; padding-left:10px;}

.w200{width:200px !important;}
.w630{width:630px !important;}
.w395{width:395px !important;}
.w245{width:245px !important;}
.w180{width:180px !important;}
.w160{width:160px !important;}
.w130{width:130px !important;}
.w120{width:120px !important;}
.w100{width:100px !important;}
.w90{width:90px !important;}
.w70{width:70px !important;}
.pr5{padding-right:5px !important;}
.pl5{padding-left:5px !important;}

.red_point{color:#e35657;}

.agreein{ width:100%; height:160px; overflow-y:scroll; border:1px solid #e5e5e5; font-size:13px; margin-bottom:15px; padding:5px 25px; box-sizing:border-box; font-weight:normal; line-height:180%; color:rgb(102,102,102)}
.agreeokbtn{text-align:center; font-size:16px}

/* 버튼 */
.btnbox{ float: left; width: 100%; text-align: right; margin: 20px 0; }
.btnbox input[type="submit"]{ height: 40px; font-size: 14px;  }
input.btn{ height: 40px; line-height: 40px; }
.btn{ display: inline-block; vertical-align: top; padding: 0 25px; height: 38px; line-height: 38px; text-align: center; font-size: 14px !important; letter-spacing: 0; border: 1px solid transparent; }
.btn-default		{ color: #333; border: 1px solid #dfdfdf; border-bottom: 1px solid #c4c4c4; background: #fff; }
.btn-default:hover	{ color: #333; font-weight: 400; background: linear-gradient(#ffffff, #f5f5f5); }
.btn_apply			{ color: #fff; border: 1px solid #141414; border-bottom: 1px solid #000000; background: #141414; height:40px !important;  box-sizing:border-box }
.btn_apply:hover	{ color: #fff; font-weight: 400; border: 1px solid #414141; border-bottom: 1px solid #000000; background: #414141; }
.btn-enter{ color: #fff; background: #464e6b; border: 1px solid #036; }
.btn-enter:hover{ color: #fff; background: #000000; }
.btn-basic{ color: #fff; background: #666;border: 1px solid #555; }
.btn-basic:hover{ color: #fff; }
.btn-red{color: #fff; background: #F33; border: 1px solid #F00; }
.btn-red:hover{ color: #fff; }
.btn-right{ padding-left: 15px; padding-right: 15px; float: right; font-weight: normal; margin-bottom: 5px; }
.btnbox span input{ cursor: pointer; }
.btn_basic1{ float: left; width: auto; text-align: left; }
.btn_basic2{ float: right; width: auto; text-align: right; }


@media only all and (max-width:1200px){
.formw{width:100%; padding:0 2%; box-sizing:border-box}
.formlist ul{width:49%;}
.formlist ul:nth-child(2){width:49%;}
textarea{width:96% !important;}
}

@media only all and (max-width:1024px){
.de-form{height:auto; }
.de-form .de-form-table .de-form-th{width:100%; height:40px  !important; line-height:40px; }
.de-form .de-form-table .de-form-td{width:100%; height:auto !important;     padding: 15px 0;}
.de-form .de-form-table .tr50{width:100%; height:auto}
.de-form .de-form-table{overflow:visible;}
.de-form .de-form-table .address-tr .de-form-th{height:auto;}
.de-form .de-form-table .tr50 .de-form-td{width:100%;}
.de-form .de-form-title span{display:none;}
.de-form-sbox{width:100%; padding:10px;}
.counter-total-txt{width:100%;}
.counter-total-count{width:100%; text-align:center; padding-top:20px;}
.counter-total{margin:0 3%; padding:10px; }
.counter-total-txt span{display:block;}
.d-box-list p{width:100%; padding-right:60px;    white-space: nowrap;     overflow: hidden;    text-overflow: ellipsis; box-sizing:border-box}
.d-box-list ul li{position:relative;}
.d-box-list .spinner{ margin-top:10px; position:absolute; top:-5px; right:0}
.de-form .de-form-table .de-form-td span{margin-bottom:5px; }
.group-check label{margin-right:0}
.group-check input[type="checkbox"] + label{padding-right:0;}
.reserv .opentime{padding-left:0;}
.reserv .reservtime{text-align:center;}
.reserv .closetime{padding-left:0;}
.de-form .w180{width:25% !important;}
.de-form .w245{width:25% !important;}
.insert ul li{width:100%;}
.form-btn div{height:40px; line-height:40px; width:45%;}
.formtitle{font-size:24px; margin-bottom: 30px;}
.pwtxt{font-size:13px;}
}