#containertab ul.tabs {  margin: 0;  padding: 0;    float: left;    list-style: none;   margin-bottom:20px;   border-left: 1px solid #eee;    width: 100%;}
#containertab .tab_content .tabtitle{font-size:19px; padding:10px 0; font-weight:600; line-height:130%; letter-spacing:-2px; color:#191919; font-weight:400}
#containertab .tab_content .tabtitle:hover{color:#2c4084; cursor:pointer}
#containertab .tab_content  .subtabtitle{font-size:12px; color:#797979; padding-bottom:5px; letter-spacing:-1.2px; margin-bottom:5px; border-bottom:1px solid #efecee }
#containertab ul.tabs li {  float: left;    text-align:center;    cursor: pointer;    width:49%;      line-height: 34px;    border: 1px solid #474e61;   overflow: hidden;    position: relative; margin-right:0.5%; font-size:14px; box-sizing:border-box}
#containertab ul.tabs li.active {   background: #373e51;    border-bottom: 1px solid #FFFFFF; color:rgb(255,255,255)}
#containertab .tab_container {   clear: both;  float: left;  width: 100%;  background: #FFFFFF; position:relative}
#containertab .tab_content {  padding: 5px;  font-size: 12px; display: none;	width: 100%;	position:relative;}
#containertab .more{position:absolute; top:-25px; right:10px; font-size:11px;}
#containertab .tab_container .tab_content ul { width:100%; margin:0px;   padding:0px;}
#containertab .tab_container .tab_content ul li {  padding:3px 10px 9px 3px; font-size:13px;    list-style:none;  border-bottom:1px solid #efecee }
#containertab .tab_container .tab_content ul li a{font-weight:normal; font-weight:300}
#containertab .tab_container .tab_content ul li:hover{color:#2c4084; cursor:pointer;}
#containertab .tab_container ul li span{display:inline-block; float:right; font-size:12px}
#containertab .tab_container .notice-more{ letter-spacing:-1px; position:absolute; right:10px; top:-5px}
#containertab .notice-more  span{padding-right:5px; color:#b5b5b5; font-size:14px}

.newsplus{overflow:hidden; float:left; box-sizing:border-box; width:410px; height:275px; position:relative}
.newsplus ul li  a{font-weight:normal; font-weight:300}
.newsplus ul li {  padding: 3px 10px 8px 0;    font-size: 13px;    list-style: none; font-weight:normal}
.newsplus ul li span {    display: inline-block;    float: right;    font-size: 12px;}
.newsplus-titile{font-size:17px; border-bottom:1px solid #d4d4d4; height:38px; line-height:38px; font-weight:500; margin-bottom:20px}
.newsplus .more{background:url(../images/more.png) no-repeat right center; padding-right:15px; position:absolute; top:9px; right:8px}

.customservice{width:225xp; float:right;}
.customservice .pdf{overflow:hidden; margin-bottom:17px; font-size:14px}
.customservice .pdf .p1 a{float:left; text-align:center; border-right:1px solid  #eeeeee; background:url(../images/n-p1.png) no-repeat center; height:120px; width:50%; box-sizing:border-box ; padding-top:100px;  display:block}
.customservice .pdf .p2 a{float:left; text-align:center; background:url(../images/n-p2.png) no-repeat center; height:110px;  width:50%; box-sizing:border-box; padding-top:100px;  display:block}
.customservice .flow a{border:1px solid #dadada; background:url(../images/n-flow.png) no-repeat #f8f8f8 18px center; height:60px; line-height:60px; font-size:15px; padding-left:80px; display:block}
.customservice .map a{border:1px solid #dadada; background:url(../images/n-map.png) no-repeat#f8f8f8 25px center; height:60px;line-height:60px; font-size:15px; padding-left:80px; border-top:none; display:block}


.snews{background:#f7f7f7; padding:60px 0; margin-bottom:75px; overflow:hidden; position:relative}
.snews .snewstitle{font-size:24px; color:#1d1d1d; font-weight:600; margin-bottom:23px; font-weight:600}
.snews .snewstitle span{display:block; width:30px; height:2px; background:#000000; text-align:center; margin:15px auto 35px;}
.snews .snewsbox{float:left; width:255px; margin-right:30px;}
.snews .snewsbox:hover, .snews .snewsbox .snewsub:hover{color:#7a44b5; cursor:pointer}
.snews .snewsbox:last-child{margin-right:0;}
.snews .snewsbox .snewsimg{margin-bottom:30px;}
.snews .snewsbox .snewstxt{font-size:15px; font-weight:500; margin-bottom:10px; text-align:left}
.snews .snewsbox .snewsub{font-size:11px; color:#7e7d7d; margin-bottom:20px;text-align:left; color: #4d4d4d; }
.snews .snewsbox .snewsmore{text-align:center;}
.snews  .bullet{ height:10px; line-height:10px; position:absolute; top:480px; z-index:3 ; left:50%}
.snews  .bullet ul li{ font-size:10px; text-indent:-3000px; border-radius:10px;  background:#dadada; font-size:12px; width:14px; height:14px; text-align:center; text-shadow:-1px 1px 0px #CCC; float:left; margin-right:6px;}
.snews .bullet ul li.on{ background-color:#56add3; }

.calender{border:1px solid #dfdfdf; border-top:2px solid #000; padding-top:40px; padding-left:150px; overflow:hidden ; position:relative}
.calender .calender-box{width:310px; float:left;}
.calender .calender-box .calender-title{font-size:15px; margin-bottom:7px;}
.calender .calender-box .calender-day{font-size:13px; margin-bottom:32px; color:#9a9a9a}
.calender-desbox{background:#fafafa; border:1px solid #dfdfdf; border-top:none; padding:25px 0; text-align:center; overflow:hidden}
.calender-desbox .day-title{font-size:16px; float:left; width:140px; position:relative; margin-left:110px}
.calender-desbox .calender-des{width:795px; float:right;}
.calender-desbox .day-title .day-prev{position:absolute; left:0px; width:50px; cursor:pointer}
.calender-desbox .day-title .day-next{position:absolute;  right:0px;width:50px; cursor:pointer}
.calender-desbox .calender-des ul li{float:left; font-size:15px}
.calender-desbox .calender-des ul li span{display:inline-block; width:20px; height:20px; border-radius:100%; line-height:20px; margin-right:3px; cursor:pointer}
.calender-desbox .calender-des ul li span.black{background:rgb(0,0,0); color:rgb(255,255,255)}
.calender-desbox .calender-des ul li span.red{background:#F00;color:rgb(255,255,255)}
.calender .calender-prev{position:absolute; left:0; top:70px;}
.calender .calender-next{position:absolute; right:0; top:70px;}

.calender-box .month .prev{position:absolute; left:0; cursor:pointer}
.calender-box .month .next{position:absolute; right:0; cursor:pointer}
.calender-box .month .now{font-size:22px; text-align:center; letter-spacing:0}



.tel{position:relative;  float:left; width:245px}
.tel .tel-more{position:absolute; right:10px; top:0px;}
.tel .tel-title{font-size:18px; border-bottom:1px solid #dddddd; margin-bottom:10px; letter-spacing:-1px}
.tel .tel-r{background:url(../images/main_tel.png) no-repeat}
.tel .tel-r > div{padding-left:95px;}
.tel .tel-r  .tel-1{font-size:18px; font-weight:bold;}
.tel .tel-r  .tel-2{font-size:15px; font-weight:bold; letter-spacing:-1.5px}
.tel .tel-r  .tel-3{font-size:11px; margin-bottom:15px ; letter-spacing:0}
.tel .tel-r  .tel-4{font-size:9px}
.bot-b{float:left; width:350px; margin-left:55px; text-align:center; overflow:hidden}
.bot-b  > div{width:115px;  float:left;  height:140px; text-align:center; border-left:1px solid #edeff0; padding:0 15px; box-sizing:border-box}
.bot-b  > div:last-child{border-right:1px solid #edeff0;}
.bot-b .bot-title{ font-size:15px; display:block; margin-top:20px; margin-bottom:5px }
.bot-b .bot-subtitle{font-size:11px; color:#898989;display:block}
.bot-ad{float:right;}
.allmore a{display:block; background:url(../images/n-allmore.png) no-repeat #ffffff 70px center; width:90px; height:30px; box-sizing:border-box; line-height:30px; border:1px solid #474e61; position:absolute; right:0; padding-left:20px}
.ca .allmore a{top:-35px;}



.quickmenu{position:fixed; right:0; overflow:hidden; width:75px; top:400px;}
.quickmenu .quick1{background:#505050; text-align:center; color:rgb(255,255,255); font-size:13px; padding:5px 0; line-height:120%}
.quickmenu .quick-w{border-bottom:1px solid #505050;  background:rgb(255,255,255)}
.quickmenu .quick-w > div{border:1px solid #505050; border-bottom:none; text-align:center; cursor:pointer; }
.quickmenu .quick-w  .quick2{background:url(../images/quick1.png) no-repeat center 20px; padding-top:50px; height:80px; box-sizing:border-box}
.quickmenu .quick-w  .quick3{background:url(../images/quick2.png) no-repeat center 20px; padding-top:45px; height:90px; box-sizing:border-box}
.quickmenu .quick-w  .quick4{background:url(../images/quick3.png) no-repeat center 20px; padding-top:45px; height:85px; box-sizing:border-box}
.quickmenu .qucick-arr{ text-align:center;cursor:pointer}





.subg{height:225px; background:url(../images/subg.png) no-repeat center center;}
.subcontent .subnav{height:50px; border-bottom:1px solid #e6e9ec; box-sizing:border-box ;  line-height:50px;}
.subcontent .subnav .subnav-in{ float:left; height:50px;}
.subcontent .subnav .sns{float:right; line-height:50px}
.subcontent .subnav .sns .snshidden{display:none;}
.subcontent .subnav .sns .snshidden span{padding-left:5px;}
.subcontent .subnav .sns> div{float:left; cursor:pointer}
.subcontent .subnav .sns .printico{margin-left:20px;}
.subcontent .subnav .sns .snsico{margin-left:10px;}
.subcontent .subnav .subnav-in .subhome{float:left;  width:55px; text-align:center;     border-left: 1px solid #e5e5e5; cursor:pointer}
.subcontent .wrap{overflow:visible;}
.subcontent select,.dropdown{	margin-bottom: 30px;	display: inline-block;}
.reservtime .dropdown{	margin-bottom: 0px;}
.reservtime .dropdown .selected, .reservtime .dropdown li{padding:0 12px; height:41px; line-height:41px}
.printw{overflow:hidden; float:right;}
.printw> div{float:left; margin-left:6px; cursor:pointer}

.subreporttitle{text-align:center; padding:30px 0 50px; font-size:34px; line-height:160%;}
.subreporttitle span{display:block; width:35px; height:1px; background:#000; margin:0 auto }


.leftbox{ clear:both}
.totalviewbtn{height:45px; line-height:45px; background:url(../images/totalbtn.png) no-repeat 85% center; border:1px solid #666666; font-size:16px; padding-left:20px; width:100%; box-sizing:border-box; margin-bottom:30px; font-weight:500; cursor:pointer}
.totalviewbtn:hover{background: url(../images/totalbtn.png) no-repeat 85% center #f5f5f5; cursor:pointer;   -webkit-transition: background-color 200ms linear;    -ms-transition: background-color 200ms linear;    transition: background-color 200ms linear;}



.leftnav{float:left; width:225px;}
.leftnav .leftnav-title{font-size:15px;  border-top:1px solid rgb(0,0,0); height:42px; line-height:42px; padding-left:15px; box-sizing:border-box; color:rgb(0,0,0); font-weight:bold; clear:both; margin-bottom:8px; background:url(../images/arrplus.png) no-repeat 195px center #f5f5f5; cursor:pointer}
.leftnav .pluson{ background:url(../images/arrmius.png) no-repeat 195px center #f5f5f5; }
.leftnav .localselect p{margin-bottom:10px; font-size:14px}
.leftnav .localselect p label{padding-left:10px;}
.leftnav .lastime-user-img-sbox {  height: 170px;  overflow: auto;}
.leftnav  .leftsearch{width: 225px;    height: 37px;    border: 1px solid #e5e5e5;    box-sizing: border-box;    line-height: 37px; padding-left:10px; position:relative}
.leftnav  .leftsearch input.leftseacht{ border:none; height:23px}
.leftnav  .leftsearch input.leftseachimg{position:absolute; top:10px; right:10px; cursor:pointer}
.leftnav .morebox{padding-left:15px; padding-top:18px; color:#636363; letter-spacing:0;}
.leftnav .morebox:last-child{margin-bottom:30px;  border-bottom:1px solid #cccccc;padding-bottom:20px;  }
.leftnav .morebox .morebox-t{font-weight:600; color:#2b2b2b; font-size:14px; }
.leftnav .morebox .morebox-s p{padding-bottom:20px; letter-spacing:-0.5px;}

.list-contents{ float:right; font-size:14px; box-sizing:border-box; width:870px;}
.list-contents .list-total{border-bottom:2px solid #868686; padding-bottom:12px;  overflow:hidden;} 
.list-contents .list-total .list-total-btn{float:left; overflow:hidden}
.list-contents .list-total .list-total-btn>div{float:left;}
.list-contents .list-total .list-total-btn .p-btn{border:1px solid #b4b4b4; width:90px; height:35px; line-height:35px; padding-left:18px; box-sizing:border-box; background:url(../images/plus-p3.png) no-repeat 64px center; cursor:pointer; margin-right:5px;}
.list-contents .list-total .list-total-btn .p-btn:hover{ background:url(../images/plus-p3.png) no-repeat 64px center #f5f5f5; cursor:pointer;   -webkit-transition: background-color 100ms linear;   -ms-transition: background-color 100ms linear;    transition: background-color 100ms linear;}


.list-contents .list-total .list-total-btn .p-result{border-bottom:1px solid #a9a9a9; margin-left:10px; padding-top:7px; color:#8c8c8c}
.list-contents .list-total .list-total-btn .p-result span{color:rgba(0,0,0,1); font-weight:600}
.list-contents .list-total  .list-view-w{float:right; overflow:hidden; width:185px;}
.list-contents .list-total  .list-view-num{float:left; width:110px; height:35px;}
.list-contents .list-total  .list-view-num  select {width: 100%;  color:#505050;      box-shadow: none;    background: transparent;    background-image: none;    -webkit-appearance: none;    outline: none;    cursor: pointer;    -moz-appearance: none;    text-indent: 3px;    text-overflow: ellipsis;   font-size: 14px; height: 35px; letter-spacing:-1px; background: url(../images/view-num.png)  85% center no-repeat; border:1px solid #cbcbcb; box-sizing:border-box; font-weight:600}
.list-contents .list-total-cnt{float:left;}
.list-contents .list-total-view{float:right; margin-bottom:7px; width:70px;}
.list-contents .list-total-view  li{float:left; cursor:pointer}


.list-contents .listboxw{overflow:hidden;}
.list-contents .list-thum{margin-top:30px;}

#sublist .listbox{float:left; width:280px; height:350px; margin-right:10px; border:1px solid #d8d8d8; margin-bottom:40px; padding:0}
#sublist  .listbox-subt{width:100%;}
#sublist  .listbox-img{width:100%; height:170px; margin-right:0}
#sublist  .listbox-more{width:100%;}

.listbox:nth-child(3n){margin-right:0;}
.listbox-img{position:relative;}
.listbox-txt{position:absolute; height:40px; line-height:40px; background:rgba(0,0,0,0.5); width:100%; bottom:0; text-align:center; color:rgb(255,255,255); font-size:18px}
.listbox-subt{padding-left:18px; box-sizing:border-box;}
.listbox-subt li{background:url(../images/dot-gray.png) no-repeat left center; padding-left:15px; margin-bottom:3px; color:#585858; letter-spacing:0}
.listbox-subt li span{font-weight:bold;}
.listbox-stitle{text-align:center; font-size:16px; padding:12px 0 20px; }
.listbox-stitle span{border-bottom:1px solid rgb(204,204,204); display:inline-block; text-align:center; color:rgba(51,51,51,1)}
.listbox-more a{display:block; width:95px; height:27px; line-height:27px; background: url(../images/detaildot.png) #6e2b2f 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}
.listbox-page ul {  overflow: hidden;    width: 100%;   text-align:center;  padding:0; margin-top:100px; margin-bottom:130px}
.listbox-page ul li { float:none;    text-align: center;    line-height:normal;    margin-right: 5px;    font-size: 16px;    color: #9a9899;    width: 40px;
height: 40px;      cursor: pointer;    display:inline-block; margin:0 auto; line-height:40px; vertical-align:middle; border:1px solid #d5d5d5}
.listbox-page  ul li.on, .listbox-page  ul li:hover{ color:#c40e3e; border:1px solid #c40e3e}
.listbox-page  ul li.prev{background:url(../images/b_prev.jpg) no-repeat center center; border:1px solid #d7d7d7; margin-right:30px }
.listbox-page  ul li.prev:hover{border:1px solid #c40e3e;background:url(../images/b_prev_r.png) no-repeat center center;}
.listbox-page  ul li.next{background:url(../images/b_next.jpg) no-repeat center center; border:1px solid #d7d7d7;  margin-left:30px}
.listbox-page  ul li.next:hover{ border:1px solid #c40e3e;background:url(../images/b_next_r.png) no-repeat center center;}

.list-table{display:none;}
.list-table th{font-size:16px; height:64px; border-bottom:1px solid #e5e5e5; font-weight:normal}
.list-table tr:hover{background: #f5f5f5; cursor:pointer;   -webkit-transition: background-color 200ms linear; color:#FFF;    -ms-transition: background-color 200ms linear;    transition: background-color 200ms linear;}

.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 .listbox-more a{display:block;width:95px;height:27px;line-height:27px;background: url(../images/detaildot.png) #6e2b2f 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) #511a1d 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) #4d4d4d 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;}
/*달력*/
.leftcalendar{width:280px; float:left; padding-top:60px;}
.leftcalendar .listbox{height:auto; padding-bottom:15px; margin-bottom:8px}
.leftcalendar .navi_dp1_list{width:100%; margin-bottom:45px;}
.leftcalendar .navi_dp1_list>.navi_dpleft>a{width:280px; color:#5b5b5b; font-size:14px; font-weight:600}
.leftcalendar .navi_dp1_list>.navi_dpleft  a span{position:relative; padding:0 13px 0 0;}
.leftcalendar .navi_dp1_list>.navi_dpleft  a span::before {display: block; position: absolute;  top: 5px; left:55px; width: 1px; height: 9px; background:#dddddd; content: ''; }
.leftcalendar .navi_dpleft .navi_dp2_list>.navi_dp2>a{width:278px;}

.calender-box{width:870px; float:right; }
.calender-box .month{overflow:hidden; position:relative; height:35px; line-height:35px; width:220px; margin:0 auto 30px }
.calender-box .month .prev{position:absolute; left:0; cursor:pointer}
.calender-box .month .next{position:absolute; right:0; cursor:pointer}
.calender-box .month .now{font-size:22px; text-align:center; letter-spacing:0}

.weekdays{border-top:2px solid #585858;}
.weekdays li {   display:block;    width: 14.2%;    color: #666;    text-align: center; height:50px; line-height:50px; font-size:14px; border-bottom:1px solid #a0a0a0; float:left; color:rgba(0,0,0,1); box-sizing:border-box}
.days li{border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;height:180px; width: 14.2%; float:left; box-sizing:border-box   }
.days .daynum{border-bottom:1px solid #f3f3f3; height:38px; line-height:38px; padding-left:10px; font-weight:600}
.days .graynum{color:#d8dde6; font-weight:normal;}
.days .bono{border-left:none;}
.days .daydetail{padding-top:10px; box-sizing:border-box;}
.days .daydetail span{display:block; width:100px; height:23px; border:1px solid #dfdfdf; background:#f1f1f1; font-size:12px; line-height:23px; text-align:center; margin:0 auto 5px; cursor:pointer; color:#9b9b9b}
.days .offday{color:#ff0000;}
.days .btnoff2{background:#e1e1e1 !important;}
.days .btnon{background:#6a4e53 !important; color:#dedede !important; border:1px solid #6a4e53 !important }
.days .btnon2{background:#3d1306 !important;}
.calender-btn{overflow:hidden; text-align:center; padding-top:40px; padding-bottom:100px;}
.calender-btn div{display:inline-block; width:150px; height:50px; line-height:50px; font-size:18px; margin-left:10px; cursor:pointer} 
.calender-btn div.btnon{background:#3c3e51; color:rgba(255,255,255,1); border:1px solid #3c3e51}

.calender-btn div.btnoff{background:#fff; color:#3c3e51; border:1px solid #3c3e51}
.calender-btn div.btnoff:hover{background:#3c3e51; color:rgba(255,255,255,1); cursor:pointer;   -webkit-transition: background-color 200ms linear;   -ms-transition: background-color 200ms linear;    transition: background-color 200ms linear;}
/*view*/
.viewinfo{overflow:hidden; margin-bottom:60px; width:810px; margin:0 auto}
.viewinfo .view-img{float:left; width:730px; height:442px; position:relative}
.viewinfo .imgprev{position:absolute; left:30px; top:180px; cursor:pointer}
.viewinfo .imgnext{position:absolute; right:30px; top:180px; cursor:pointer}
.viewinfo .view-detail{float:right; width:390px; background:#433e3e; padding:25px ; box-sizing:border-box;  color:#fff; position:relative; letter-spacing:0px; height:530px;}
.viewinfo .view-detail .view-title{ font-size:28px; font-weight:bold; margin-bottom:5px; }
.viewinfo .view-detail .view-title span{display:block; height:1px; width:30px; background:#85807f; margin-top:15px}
.viewinfo .view-detail .view-subtitle{ font-size:16px; border-bottom:1px solid #575252; margin-bottom:30px; padding-bottom:30px}
.viewinfo .view-detail .view-time{text-align:center; font-size:16px; font-weight:bold; margin-bottom:15px}
.viewinfo .view-detail .view-list{border-bottom: 1px solid #575252; padding-bottom:10px; margin-bottom:20px}
.viewinfo .view-detail .view-list li{background:url(../images/view-list-dot.png) no-repeat left 8px; padding-left:15px; font-size:13px; margin-bottom:12px; overflow:hidden; }
.viewinfo .view-detail .view-list li span{display:block; float:left; }
.viewinfo .view-detail .view-list li span:first-child{ width:70px;   letter-spacing: 4px; margin-right:10px;}
.viewinfo .view-detail .view-list li span.txs{letter-spacing:0;}
.viewinfo .view-detail .view-list li span.txs em{padding-left:7px;}
.viewinfo .view-detail .view-list li span:last-child{width:240px; color:#959393; font-weight:600}
.viewinfo .view-detail .view-list li span em{padding-left:25px;}
.viewinfo .view-detail .view-txt{position:absolute; height:60px; width:100%; text-align:center; color:rgb(255,255,255); font-size:20px; background:#474e61 url(../images/sub_sinbtn.png) no-repeat 125px center ; bottom:0; left:0; right:0; padding-left:155px; line-height:60px; box-sizing:border-box; text-align:left; font-weight:600; cursor:pointer} 
.viewinfo .view-detail .view-txt:hover{background: #2f3649 url(../images/sub_sinbtn.png)  no-repeat 125px center;; cursor:pointer;   -webkit-transition: background-color 100ms linear; color:#FFF;    -ms-transition: background-color 100ms linear;    transition: background-color 100ms linear;}




.viewinfo .view-detail .view-numbox{float:left; width:50%; position:relative}
.viewinfo .view-detail .view-numbox:first-child{padding-left:35px; box-sizing:border-box; padding-top:10px;}
.viewinfo .view-detail .view-numbox:last-child{text-align:center;  text-align:center; }
.viewinfo .view-detail .view-numbox::before {    display: block;    position: absolute;    top: 25px;    left:-10px;    width: 1px;    height:40px;
    border-left: 1px solid #726e6e;    content: '';}
.viewinfo .view-detail .view-numbox:first-child::before{border:none;}
.viewinfo .view-detail  .view-num1{font-size:16px; color:#bdbcbc}
.viewinfo .view-detail  .view-num1 span{  display:block; border-bottom:1px solid #8c8c8c; width:60px; font-weight:500; letter-spacing:-1px;  }
.viewinfo .view-detail  .view-num2{font-size:30px; font-weight:bold; letter-spacing:-1px; color:#bdbcbc}
.viewinfo .view-detail  .view-num2 span{font-size:24px;font-weight:bold}
.viewinfo .view-detail  .view-num3{font-size:14px; letter-spacing:-1px; width:95px; height:95px; background:#765140; border-radius:100%; box-sizing:border-box; text-align:center; color:#ffffff; text-decoration:underline; position:relative; cursor:pointer; padding-top:25px; margin:0 auto }
.viewinfo .view-detail .view-num3:hover{background:#6a4737;  -webkit-transition: background-color 200ms linear; color:#FFF;    -ms-transition: background-color 200ms linear;    transition: background-color 200ms linear;}


.view-detail-list{width:1200px; margin:0 auto 70px;}
.view-detail-list  .view-detail{float:right; width:420px;background: #f7f7f7; padding:25px ; box-sizing:border-box; color: #5c5c5c; position:relative; letter-spacing:0px; height:442px; letter-spacing:-1px;}
.view-detail-list .view-detail .view-title{text-align:center;}
.view-detail-list .view-detail .view-subtitle{text-align:center; font-size:18px; font-weight:600; margin-bottom:10px; padding-bottom:10px}
.view-detail-list  .view-detail .view-list li span:first-child{letter-spacing:1px;}
.view-detail-list  .view-detail .view-list li:nth-child(4) span:first-child{letter-spacing:0;}
.view-detail-list  .view-detail .view-list li span:last-child{font-weight:normal; color:#5c5c5c}
.view-detail-list  .view-detail .view-num1{color:#5c5c5c;}
.view-detail-list  .view-detail .view-num2{color:#5c5c5c;}
.view-detail-list .view-detail .view-num4{font-size: 24px;     font-weight: bold;     letter-spacing: -1px;    padding-top: 7px; }
.view-detail-list .view-detail .phone span{width:100px; margin-left:20px;}




.agreebox-detail{background:#f7f7f7; border:1px solid #e8e8e8; padding: 20px 35px; box-sizing:border-box; margin-bottom:15px;}
.agreebox-detail .p-box{border-bottom:1px solid #e8e8e8; padding-bottom:30px; margin-bottom:20px; overflow:hidden}
.agreebox-detail .agreebox-list{overflow:hidden; margin-bottom:5px;}
.agreebox-detail .agreebox-list .agreebox-title{background:url(../images/dot-b.png) no-repeat left center; font-size:14px; padding-left:10px;}
.agreebox-detail .agreebox-list .agreebox-price{font-size:18px; color:#19477b; font-weight:600}
.agreebox-detail .totalp-list{overflow:hidden; margin-bottom:5px;}
.agreebox-detail .totalp-list .totalp-title{font-size:22px; color:#060606; font-weight:600; float:left}
.agreebox-detail .totalp-list .totalp-price{float:right; color:#c95831; font-weight:600; font-size:22px}
.agreebox-detail .totalp-sub{font-size:12px; text-align:right; color:#7b7b7b;}
.agreebox-detail .totalp-box{border-bottom:1px solid #e8e8e8; padding-bottom:12px;  margin-bottom:12px; overflow:hidden}
.agreebox-detail .p-box span{display:inline-block;}
.agreebox-detail .p-box span:first-child{float:left;}
.agreebox-detail .p-box span:last-child{float:right;}
.agreebox-detail .pricepay-list{overflow:hidden;}
.agreebox-detail .pricepay-list .pricepay-title{font-size:16px; color:#060606; font-weight:600; float:left}
.agreebox-detail .pricepay-list .pricepay-price{float:right; font-weight:600; font-size:16px; color:#4c4c4c}
.agreebox-detail  .pricepay-sub{font-size:12px; text-align:right; color:#6a6a6a; letter-spacing:0; padding-top:10px;}
.agreebox-detail  .d-box-title{border-bottom:1px solid #e8e8e8; color:#060606; font-size:16px;  font-weight:600; margin-bottom:20px;}
.agreebox-detail  .d-box-list{height:140px; color:#575757; font-size:14px; padding-left:20px; box-sizing:border-box}
.agreebox-detail  .d-box-list p{margin-bottom:15px;}

.info-txt{border:1px solid #d5d5d5; overflow:hidden; margin-bottom:60px; width:810px; margin:0 auto ;clear:both; padding:25px 40px; box-sizing:border-box; color:#363636}
.info-txt .info-txt-title{font-size:16px; background:url(../images/dot-b.png) no-repeat left center; padding-left:10px; margin-bottom:10px;}
.info-txt .info-txt-subtitle{padding-left:10px;line-height:200%; letter-spacing:-0.5px}

.reservtime_list{display:inline-block;zoom:1;font-size:14px}
.reservtime_list:after{display:block;clear:both;content:''}
.reservtime_list>.reservtime_dp1{float:left;position:relative}
.reservtime_list>.reservtime_dp1>span{position:relative;display:block;padding:0 20px 0 50px;width:185px;height:44px;line-height:44px;border-right:0px solid #e5e5e5;text-decoration:none; font-size:16px; color:#383838; box-sizing:border-box; background:url(../images/time_ch.png) no-repeat 130px center; cursor:pointer}
.reservtime_list>.reservtime:first-child>span{border-left:1px solid #e5e5e5}
.reservtime2_list{display:none;position:absolute;top:100%;left:-1px;border:1px solid #e5e5e5;background-color:#fff;z-index:10; width:185px; height:300px; overflow:auto;}
.reservtime2_list>.reservtime_dp2{display:block;width:183px;text-decoration:none;  box-sizing:border-box; border-bottom:1px solid #e5e5e5; height:42px; line-height:42px; padding-left:50px; font-size: 16px; cursor:pointer}
.reservtime2_list>.reservtime_dp2:last-child{border-bottom:none;}
.reservtime2_list>.reservtime_dp2:hover{background-color:#f4f4f4}



.view-calender-w{ background:#f8f8f8; border:1px solid #cdcdcd; padding:20px 30px; box-sizing:border-box; height:485px; margin-bottom:45px; }
.view-calender-w-title{text-align:center; height:40px; line-height:40px; font-size:16px; color:#5b5b5b; }
.next-arr{ text-align:center; float:left; margin-right:30px; padding-top:200px;}
.view-calender-box{float:left; width:280px; margin-right:30px; }
.view-calender-box .listbox{background:#ffffff; height:auto; padding-bottom:20px; margin-bottom:5px;}
.view-calender-box {width:280px; float:left; ;}
.view-calender-box  .listbox{height:auto; padding-bottom:15px; margin-bottom:8px}
.view-calender-box  .navi_dp1_list{width:100%; margin-bottom:25px; }
.view-calender-box  .navi_dp1_list>.navi_dpleft>a{width:280px; color:#5b5b5b; font-size:14px; font-weight:600; background:rgba(255,255,255,1)}
.view-calender-box  .navi_dp1_list>.navi_dpleft  a span{position:relative; padding:0 13px 0 0;}
.view-calender-box  .navi_dp1_list>.navi_dpleft  a span::before {display: block; position: absolute;  top: 5px; left:55px; width: 1px; height: 9px; background:#dddddd; content: ''; }
.view-calender-box  .navi_dpleft .navi_dp2_list>.navi_dp2>a{width:278px;}



.view-calender{float:left; width:305px; margin-right:30px; height:325px; }
.view-calender-title{text-align:center; background:#878787; height:48px; line-height:48px; color:rgb(255,255,255); font-size:14px; letter-spacing:0; }
.calendermonth .prevca{background:url(../images/prevca.png) no-repeat; cursor:pointer; position:absolute; left:0; width:10px; height:15px}
.calendermonth .nextca{background:url(../images/nextca.png) no-repeat right; cursor:pointer; position:absolute; right:0;width:10px; height:15px}

.calendermonth{text-align:center; font-size:14px; letter-spacing:1px; position:relative; background:#FFF; padding:15px 0 15px}
.calendertable table{border-bottom:1px solid #c9c9c9; color:#8c8c77}
.calendertable th{font-size:12px; text-align:center; color:#c9c9c9; font-weight:normal; height:25px; background:rgba(255,255,255,1)}
.calendertable tr:nth-child(1){border-bottom:1px solid #c9c9c9;}
.calendertable td:nth-child(7n){ border-right:1px solid #c9c9c9}
.calendertable td{border-left:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9; text-align:center; height:32px; background:#f1f1f1; font-size:13px }
.calendertable td.white{background:rgb(255,255,255);}
.calendertable td.brown{background:#ded4c9;}
.calendertable td.blue{background:#578cd5; color:rgb(255,255,255)}
.calendertable td.brown span{text-decoration:line-through; }
.calendertable td.white span{cursor:pointer}
.calendertable td span.noline{text-decoration:none;}

.reserv{float:left; width:395px; box-sizing:border-box; height:325px; }
.reserv-w{  }
.reserv-c{background:#f5f5f5; padding:10px 10px 5px;   box-sizing:border-box;}
.reserv .reservbox{width:185px; float:left; margin-right:5px; }
.reserv .reservbox:last-child{margin-right:0; float:right; margin-bottom:8px;}
.reserv .reservtime{border:1px solid #e5e5e5; background:#ffffff; margin-bottom:3px; font-size:16px; font-weight:bold}
.reserv .reserv-selected{clear:both; background:#ffffff; border:1px solid #e5e5e5; padding:20px 0 30px; text-align:center; box-sizing:border-box; height:180px;}
.reserv .opentime{background:url(../images/view_c1.png) no-repeat 40px center; height:42px; line-height:42px; padding-left:70px }
.reserv .closetime{background:url(../images/view_c2.png) no-repeat 40px center;  height:42px; line-height:42px; padding-left:70px }
.reserv .reserv-selected-title{font-size:16px;}
.reserv .reserv-selected-title span{display:block; text-align:center; width:30px; height:1px; background:rgb(51,51,51); margin:5px auto 40px}
.reserv .reserv-input{font-size:20px; font-weight:bold; position:relative; overflow:hidden; padding:0 15px 0 30px; box-sizing:border-box; letter-spacing:0; color:#383838; }
.reserv .reserv-input .reserv-close{ float:right; cursor:pointer}
.reserv .reserv-input .reserv-time{ float:left; font-weight:600}
.reserv-btn{background:#474e61 url(../images/de-list.png) no-repeat 80px center; color:rgb(255,255,255);  font-size:20px; height:60px; line-height:60px; cursor:pointer; margin:0 10px; padding-left:130px; letter-spacing:0}
.reserv-btn:hover{background: #2f3649 url(../images/de-list.png) no-repeat 80px center;; cursor:pointer;   -webkit-transition: background-color 200ms linear; color:#FFF;    -ms-transition: background-color 200ms linear;    transition: background-color 200ms linear;}



.reservinfo{float:right; background:#f5f5f5; width:425px;background:#f5f5f5;  padding:10px; box-sizing:border-box; height:325px;}
.reservinfo .reservinfo-input{margin-bottom:15px;}
.reservinfo .reservinfo-input >div {margin-bottom:6px;}
.reservinfo .reservinfo-input label{width:75px; text-align:center; font-size:14px; display:inline-block; cursor:pointer }
.reservinfo .reservinfo-title{border:1px solid #e5e5e5; background:#ffffff; margin-bottom:3px; font-size:16px; font-weight:bold; height:43px; line-height:43px; text-align:center; letter-spacing:0; margin-bottom:15px}
.reservinfo .reservinfo-input input{border:1px solid #e6e6e6; background:#fff; height:32px; box-sizing:border-box; line-height:32px}
.reservinfo .reservinfo-input .input100{width:324px;  padding-left:10px; box-sizing:border-box}
.reservinfo .reservinfo-input .input110{width:110px; padding-left:10px; box-sizing:border-box}
.reservinfo .reservinfo-input .input135{width:135px;  padding-left:10px; box-sizing:border-box}
.reservinfo .reserv-check{overflow:hidden;}
.reserv-check{ padding-top:10px; color:#7a7a7a;}
.reserv-check .reserv-check1{ float:right}
.reserv-check .reserv-check1 > div{display:block; float:left; padding-left:15px;  letter-spacing:0 }
.reserv-check .reserv-check1 span{margin-right:10px; position:relative; top:5px;}
.reserv-check .reserv-check1 .reon span{display:inline-block; width:24px; height:16px; border:1px solid #dedede; background:rgb(255,255,255)}
.reserv-check .reserv-check1 .reoff span{display:inline-block; width:24px; height:16px; border:1px solid #dedede; background:#ded4c9}
.reserv-t{clear:both; line-height:50px; border-top:1px solid #cecfd4; color:#7a7a7a; text-align:center; letter-spacing:0}

.group-check{display:inline-block;  background: #fff;    height: 32px; line-height:32px;  font-size:15px; padding-left:5px;}
.group-check input[type="checkbox"] {    display:none;}
.group-check input[type="checkbox"] + label{padding-right:10px; cursor:pointer}
.group-check input[type="checkbox"] + label span {    display:inline-block;    width:22px;    height:22px;    margin:0 6px 0 0;    vertical-align:middle;     background:url(../images/view_check_off.png) no-repeat; background-size:20px;    cursor:pointer;}
.group-check input[type="checkbox"]:checked + label span {    background:url(../images/view_check_on.png) no-repeat; background-size:20px}

.group-check input[type="radio"] {display:none;}
.group-check input[type="radio"] + label{padding-right:5px; cursor:pointer; margin-right:0}
.group-check input[type="radio"] + label span {    display:inline-block;    width:22px;    height:22px;    margin:0 6px 0 0;    vertical-align:middle;     background:url(../images/view_radio.png) no-repeat; background-size:20px;    cursor:pointer;}
.group-check input[type="radio"]:checked + label span {    background:url(../images/view_radio_on.png) no-repeat; background-size:20px}


.tab_container{padding-top:65px; padding-left:30px; font-size:14px; box-sizing:border-box; border:1px solid #d2d2d2; border-top:none; min-height:510px; margin-bottom:180px; color:#555555; letter-spacing:0}
.reserv-tab-list ul.tabs{border-left:1px solid #d2d2d2;  border-right:1px solid #d2d2d2}
.reserv-tab-list ul.tabs li {  float: left;    text-align:center;    cursor: pointer;    width:25%;    height:57px;  line-height: 57px;    border: 1px solid #d2d2d2;   overflow: hidden;     position: relative; font-size:18px;box-sizing:border-box; background:#f5f5f5; border-right:none; color:#8c8c8c}
.reserv-tab-list  ul.tabs li.active {   background: #fff;    border: 1px solid #364054; border-bottom:none; color:#5c5c5c}

.agree-sbox{text-align:center; color:#8f8f8f; font-weight:600; margin-bottom:45px;}
.agree-sbox1{font-size:30px; color:rgba(0,0,0,1)}
.agree-sbox2{font-size:22px;  font-weight:500;}
.agree-sbox2 em{color:rgba(0,0,0,1);}

.agree_list{display:inline-block;zoom:1;font-size:14px}
.agree_list:after{display:block;clear:both;content:''}
.agree_list>.agree_dp1{float:left;position:relative}
.agree_list>.agree_dp1>a{position:relative;display:block;padding:0 20px;width:270px;height:48px;line-height:48px;text-decoration:none; font-size:16px; box-sizing:border-box}
.agree_list>.agree_dp1>a:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #000000}
.agree_list>.agree_dp1.active>a:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #000000;border-top:none}
.agree2_list{display:none;position:absolute;top:100%;left:-1px;border:1px solid #e5e5e5;background-color:#fff;z-index:10}
.agree2_list>.agree_dp2 >a{display:block;padding:5px 20px;width:270px;text-decoration:none; line-height:40px; box-sizing:border-box;  border-bottom:1px solid #e5e5e5}
.agree2_list>.agree_dp2 >a:hover{background-color:#f4f4f4}
.agreebox{width:390px;}


/*사용신청서*/
.de-titlebox{background:#604d40; height:60px; line-height:60px; overflow:hidden; padding:0 50px; box-sizing:border-box; margin-bottom:30px;}
.de-day {color:#feffb3; font-size:17px; font-weight:600; float:left; letter-spacing:0; width:300px;}
.de-titledetail{float:right; color:#FFF; width:600px; text-align:right; font-size:26px; font-weight:500}
.de-subtitle{padding-left:10px; color:#c19d87; font-weight:normal}
.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;}
.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 .tr50 .de-form-td input[type=text]{width:99%;}
.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:175px; 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:1020px; 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{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-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;}
.w130{width:130px !important;}
.w160{width:160px !important;}
.w180{width:180px !important;}
.w245{width:245px !important;}
.w70{width:70px !important;}
.pr5{padding-right:5px !important;}
.pl5{padding-left:5px !important;}

.d-box-list ul li{ height:42px; }
.d-box-list p{ font-size:15px; float:left; border-bottom:1px solid #e5e5e5;   height:40px; width:420px; line-height:40px }
.d-box-list .spinner{background:#f7f7f7; float:right; overflow:hidden}
.d-box-list .spinner.input-group input{width:38px; float:left; height:33px; background:#f7f7f7; border:1px solid #e5e9ec; box-sizing:border-box; border-right:none}
.d-box-list .spinner .input-group-addon{width:20px; float:left; position:relative; left:-1px; }
.d-box-list .spinner .input-group-addon .spin-up{background:url(../images/spin-up.png) no-repeat; display:inline-block; width:19px; height:17px; position:absolute; top:0; right: 0px}
.d-box-list .spinner .input-group-addon .spin-down{background:url(../images/spin-down.png) no-repeat; display:inline-block; width:19px; height:16px; position:absolute; top:17px; right:0px}
.d-box-check{position:relative;}
.d-box-check .g-check{position:absolute; top:0; right:5px;}

.agreein{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}

.spinner.input-group .input-group-addon a.spin-up .icon-sort-down,.spinner.input-group .input-group-addon a.spin-down .icon-sort-down{position:relative;top:-6px}
.spinner.input-group .input-group-addon a.spin-up:hover,.spinner.input-group .input-group-addon a.spin-down:hover{color:#555}
.spinner.input-group input{text-align:center}
.spinner.input-group.input-group-lg .input-group-addon a.spin-up,.spinner.input-group.input-group-lg .input-group-addon a.spin-down{font-size:16px;height:12px}
.spinner.input-group.input-group-sm .input-group-addon a.spin-up,.spinner.input-group.input-group-sm .input-group-addon a.spin-down{font-size:12px;height:9px}

.counter-total{background:#fcfcfc; border:1px solid #e2e2e2; padding:30px 25px 15px 0; box-sizing:border-box; overflow:hidden; margin-bottom:45px;}
.counter-total-count{width:360px; float:right; text-align:right}
.counter-total-count .counter-list{font-size:22px;}
.counter-total-count .counter-list .won{padding-left:40px;}
.counter-total-count .counter-txt{color:#7b7b7b; padding-top:10px;}
.counter-total-txt{width:800px; text-align:center; float:left; font-size:16px; padding-top:10px;}
.counter-total-txt span{padding:0 14px;}
.counter-total-txt .won{font-size:17px; font-weight:700; letter-spacing:0}
.won{color:#7e3a0c !important;}
.agreeokbtn .group-check label{font-size:20px;}


#hamburger{display:none;}
.mmain-top{display:none;}
.pc{display:block;}
.mobile{display:none;}

@media only all and (max-width:1024px){

.pc{display:none;}
.mobile{display:block;}
.header-nav-wrapper{display:none;}
#hamburger {left: 0px; top: 0px; width: 75%; height: 100%; display:block; position: fixed; z-index: 99999; background:#f5f5f5; display:none}
#hamburger .hamburger_inner {padding: 12px; border-bottom:1px solid #363636}
.hamburger_inner .close {top: 12px; right: 2px; position: absolute;}
.hamburger_inner .close img{width:70%;}
#hamburger button{background:#ffffff; display:inline-block; padding:3px 5px; color:#000000; border:1px solid #474e61; font-size:12px;}
#hamburger .mlogin{padding-left:10px; padding-top:20px;}

.mmain-top{display:block; width:100%;  position: relative; padding:10px 0 15px; }
.mmain-top nav{position:absolute; top:25px; left:10px;}
.mmain-top h1{ text-align:center;  padding-top:5px}
.mmain-top h1 img{width:100px;}
.hamburger img{width:90%;}
.mmain-top .msearch{position:absolute; top:15px; right:10px; cursor:pointer}
.subcontent .subnav .subnav-in .subhome{display:none;}
.list-contents .listbox-imgs img{width:100%;}
.subcontent .subnav .subnav-in{width:100%; height:auto}
.printw{float:left; display:none}
.subreporttitle{padding-top:0; padding-bottom:20px; font-size:26px;}

#sublist .listbox{width:49%; margin-right:0.5%; margin-bottom:20px; height:auto;}
#sublist  .listbox:nth-child(2n){float:right; margin-right:0;}
#sublist  .listbox-txt{font-size:13px;}
#sublist  .listbox-subt{padding-left:0; font-size:12px; padding-bottom:15px;}
#sublist  .listbox-subt ul{padding-left:5px;}
#sublist  .list-total{display:none;}
#sublist  .list-thum{margin-top:10px;}
.listbox-page ul{margin:0 0 20px;}
.leftnav .morebox{padding:10px; box-sizing:border-box;}

.viewinfo{padding:3%; box-sizing:border-box; margin-bottom:20px; width:100%}
.viewinfo .view-img{width:100%;  height:auto}
.viewinfo .view-detail{width:100%; height:auto; padding-bottom:60px;}
.viewinfo .view-detail .view-num2{font-size:28px;}
.viewinfo .view-detail .view-num2 span{font-size:24px;}
.viewinfo .view-detail .view-num3{font-size:14px; text-align:center; }
.viewinfo .view-img img{width:100%;}
.viewinfo .imgprev{top:60px; left:10px;}
.viewinfo .imgnext{top:60px; right:10px;}
.viewinfo .view-detail .view-title{font-size:24px;}
.viewinfo .view-detail .view-numbox:first-child{padding-left:0;}
.viewinfo .view-detail .phone span{margin-left:20px;}
.viewinfo .view-detail .view-list li span:last-child{width:100%;}
.viewinfo .view-detail .view-txt{background-position:20% center; padding-left:100px;  height:50px; line-height:50px;}
.reserv-tab-list{padding:0 3%;}
.reserv-tab-list ul.tabs li{font-size:14px; height: 40px;   line-height:40px}
.tab_container{padding:20px; min-height: auto; margin-bottom:50px;}

.calender-box{width:100%;}
.leftcalendar{width:100%; padding-top:0}
.leftcalendar .navi_dp1_list>.navi_dp1{float:none;}
.leftcalendar .navi_dp1_list>.navi_dpleft:first-child .navi_dp2_list{width:90%; left:50%; margin-left:-45%; box-sizing:border-box}
.calender-box .month{width:90%;}
.weekdays{display:none;}
.days-w{overflow-y:scroll; height:250px; clear:both; width:90%; margin:0 auto}
.days li{width:100%; height:auto; position:relative; border-left:none}
.days .daydetail span{float:left; width:auto; margin-right:5px; padding:0 7px; font-size:11px;}
.days .daynum{float:left; width:20px; height:20px; border-radius:50%; background:rgba(0,0,0,1); color:rgba(255,255,255,1); padding:0; line-height:20px; text-align:center; font-weight:500; position:absolute; left:5px; top:10px;}
.days .daydetail{float:left; width:100%; padding-left:30px}
.calender-btn{padding:30px 0;}
.calender-btn div{width:100px; height:40px; line-height:40px;}
.leftcalendar .leftbox{padding:0 3%; box-sizing:border-box}
.leftcalendar .navi_dp1_list{margin-bottom:20px;}
.agreebox{width:100%;}
.info-txt{width:94%;  box-sizing:border-box; margin:0 auto; padding:20px;}
.agree-sbox1{font-size:20px;}
.agree-sbox2{font-size:18px}
.agree-sbox{margin-bottom:10px;}


.totalviewbtn{margin-bottom:0;}
.footer .policybox li a{padding:0 10px;}
.footer .policybox{padding-left:10px;}
.container-w{padding:3%;}
.container{width:100%;}
.leftnav{width:100%;}
.list-contents{width:100%; padding:0}


.leftcalendar .navi_dp1_list>.navi_dpleft>a{width:90%; margin:0 auto;}

.view-calender-w{height:auto; margin:0 3%}
.view-calender-box .listbox{display:none;}
.view-calender-w-title{display:none;}
.next-arr{display:none;}
.view-calender-box{width:100%;}
.view-calender{width:100%; margin-right:auto; height:auto}
.reserv{width:100%; float:none; height:auto; }

.reserv .reservbox{width:48%;}
.reserv-w{clear:both; }
.reserv-c{clear:both;}
.reservtime_list>.reservtime_dp1{width:100%;}
.reservtime_list>.reservtime_dp1>span{width:100%; background: url(../images/time_ch.png) no-repeat 90% center; padding-left:0}
.reservtime_list{width:100%;}
.reserv-t{line-height:160%; margin-top:15px;}

.reserv .reserv-input .reserv-close{top:10px; position:absolute; right:10px}
.reserv .reserv-selected{position:relative; height:auto;}
.reserv .reserv-input{position:initial;}
.de-titledetail{width:100%; font-size:18px; text-align:left}
.de-day{width:100%;}
.de-titlebox{height:auto; margin:10px 3%; line-height:inherit; padding:10px}
.de-titlebox > div{padding:5px 0; text-align:center}
.de-form{height:auto; margin:10px 3% 20px}
.de-form .de-form-table .de-form-th{width:100%; height:40px; line-height:40px;}
.de-form .de-form-table .de-form-td{width:100%; height:auto}
.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; display:inline-block;}
.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;}

.w200{width:100% !important;}
.w630{width:100% !important;}
.w130{width:100% !important;}
.w160{width:100% !important;}
.w180{width:100% !important;}
.w245{width:100% !important;}

.mw130{width:140px !important;}
#sublist{display:block !important;}
.pc{display:none !important;}
.list-contents .list-total{display:none;}
#sublist .listbox-img{height:auto; position:relative; margin-bottom:0}
#sublist .listbox-more a{margin-right:auto; width: 85px; padding-left: 18px;}

}