@charset "utf-8";
@import url(reset.css);
@import url(font.css);
@import url(all.min.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap');
@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;}
/*스타일 공통*/
body {color: #333; word-break:keep-all;  margin: auto;}
img {max-width: 100%;}
.pc_p {display: block;}

/*헤더*/
#m-header {display: none;}
#pc-header {display: block;}

#pc-header header {
  height: 100px;
  margin: auto;
  /* border-bottom: 1px solid #777; */
}

#pc-header header .navbar {
  display: flex;
  /* justify-content: space-around; */
  align-items: center;  
  position: relative;
}

#pc-header header .navbar_logo {
  font-size: 24px;
  margin-left: 6%;
}
#pc-header header .navbar_logo img{
    display: block;
    width: 80px;
    margin: auto;
}
#pc-header header .navbar_menu {
    display: flex;
    margin-left: 100px;
}
#pc-header header .navbar_menu:after {
    content: "";
    display: block;
    clear: both;
} 
#pc-header header .navbar_menu> li {
    align-items: center;
    margin: auto;
    padding-right: 50px;
    position: relative;   
    box-sizing: border-box;    
    text-align: center;
}

#pc-header header .navbar_menu>li>a{
    text-transform: uppercase;
    display: block;
    position: relative; 
    transition: all 0.3s;
    font-size: 16px;
    font-weight: 700;
    line-height: 100px;
}
#pc-header header .navbar_menu>li>a:hover {
  color: #111;
}

.navbar_toggleBtn {
    display: none;
    position: absolute;
    top: 25px;
    right: 32px;
    font-size: 30px;
    color: #555;
}
#pc-header header .bottom_menu {
  display: flex;
  position: absolute;
  right: 5%;
}
#pc-header header .bottom_menu a {
  font-size: 13px;
  padding: 0 15px;
  opacity: 0.7;
  color: #000;
  transition: all 0.3s;
}
#pc-header header .bottom_menu a:hover {
 opacity: 1;
}
#pc-header header .bottom_menu a i {
  padding-right: 8px;
}
/* #pc-header header .bottom_menu a:first-child {position: relative;}
#pc-header header .bottom_menu a:first-child::before {
  content: '';
  position: absolute;
  top: 1px;
  bottom: 0;
  right: 0;
  width: 1px;
  background-color: #bbb;
} */
#pc-header header .bottom_menu a:first-child {position: relative;}
#pc-header header .bottom_menu a:first-child::before {
  content: '';
  position: absolute;
  top: 1px;
  bottom: 0;
  right: 0;
  width: 1px;
  background-color: #bbb;
}

.navbar_toggleBtn .fa-bars {display: block;}
.navbar_toggleBtn .fa-times {display: none;}
.navbar_toggleBtn.on .fa-bars {display: none;}
.navbar_toggleBtn.on .fa-times {display: block;}



/*콘텐츠 크기*/
.all_wrap {width: 1200px; margin: 100px auto;}


/* 로그인페이지 */
#login-box h1 {
  text-align: center;
  text-transform: uppercase;

}
#login-box h1 em {
  font-weight: 700  ;
}
#login-box h1 span {
  display: block;
  font-size: 0.8rem;
  color: #777;
  padding-top: 10px;
}
#login-box fieldset {
  width: 460px;
  margin: 30px auto 0;
  border: 1px solid #aaa;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 30px 10px;
}

#login-box button {
  display: inline-block;
  background-color: transparent;
  padding: 5px 10px;
  margin: 25px auto 10px;
}

#login-box button {
   border: 1px solid #999;
  border-radius: 5px;
}
.area-btn, .agree_wrap {margin: auto;}
.area-btn button , .signForm-submit {
  background-color: #333!important;
  color: #fff;
  display: block!important;
  cursor: pointer;
  width: 96%;
   height: 50px;
   border-radius: 5px;
  text-align: center;
  font-weight: bold;
  transition: all 0.3s;
}
.area-btn button:hover, .signForm-submit:hover {
  background-color: #fff!important;
  color: #333;
}
#login-box .area div{
  margin: 10px;
}
#login-box .area input {
  border-radius: 5px;
 box-sizing: content-box;
}

#login-box .area input#id,
#login-box .area input#pw,
#login-box .area input#mail,
#login-box .area input#name {
  height: 40px;
  line-height: 40px;
  padding-left: 8px;
  box-sizing: border-box;
}
.chkbox-row {
  position: relative;
  display: inline-block;
  line-height: 22px;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 20px;

}
.chkbox-row input#save-id, .agree_wrap input#agree_chk {
  position: absolute;
  width: 22px;
  height: 22px;
  margin-top: 0;

}
.chkbox-row label, .agree_wrap label {
  display: inline-block;
  height: 22px;
  line-height: 22px;
 vertical-align: middle;
 margin-left: 50px;
  font-size: 14px;
}
.find-sign-row {
  text-align: center;
}
.find-sign-row>button {
  display: inline-block;
  padding: 5px;
}
.find-sign-row>button:first-child {
  margin-right: 4%!important;
}
#login-box article {
  margin-top: 30px;
}

/* 회원가입 페이지  */
#signForm-box h2{
  text-align: center;
}
#signForm-box h2 em {
  font-weight: 700  ;
  text-transform: uppercase;
}
#signForm-box h2 span {
  display: block;
  font-size: 0.8rem;
  color: #777;
  padding-top: 10px;
}
.table_th {
  font-weight: bold;  
  width: 150px;
  background-color: #eee;
  padding-left: 20px;
}
.table_td {
  width: calc(100% - 150px);
}
.signlist2 .table_td {
  display: inline!important;
  display: flex;
 
}

#signForm-box input {
  width: 20%;
  
  font-size: 14px;
  padding: 10px;
  margin-left: 20px;
}
#signForm-box .form_table {
 margin: 30px auto 0;
border-top: 1px solid #e5e5e5;

}
#signForm-box .form_table ul {
  display: flex;
  justify-content: center;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}
#signForm-box .form_table ul li select {
  border: none;
 font-size: 14px;

}
#signForm-box .form_table ul li {   
  line-height: 2.8;
  font-size: 13px;
}
#signForm-box .form_table ul li:first-child {
  line-height: 2.4;
  padding:7px 5px;
  vertical-align:middle;
  font-weight:normal;
  text-align:center;
  background:#f0f0f0;
  border-left:solid 1px #e5e5e5;
  border-bottom:1px solid #e5e5e5;
}
#signForm-box .form_table ul li:nth-child(2) {
  padding:7px 10px;
  line-height:22px;
  border-left:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5;
  text-align:left;
  vertical-align:middle;
  word-break:break-all; 
  border-right: 1px solid #e5e5e5;
}
.mb_uid {
  display: inline-block;
}
.agree_wrap {
  width: 500px;
  text-align: center;
  margin: 50px auto 0;
}
.agree_wrap button {
  margin-top: 20px;
}

#mb_etc1 {
  padding: 5px 10px;
  border-radius: 5px;
}
.btn-check {
  background-color: tomato;
  padding: 5px 10px;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  margin-left: 10px;
}

#search_wrap {width: 100%;}
#searchHeader{
  width: 95%;
  height: 100px;
  margin: 20px auto 50px;
  /* border: 1px solid #ddd; */
  border-radius: 50px;
  background-color: #fff;
  /* box-shadow: 0 5px 10px rgba(0,0,0,.1); */
}
.searchheader {
  border: 1px solid #eee;
}

.searchInfo_txt {
  font-family: sans-serif;
  font-size: 13px;
}
.searchInfo_txt b {
  font-weight: bold;
}
#searchHeader .searchheader_wrap {
  display: block;
  width: 100%;
  margin: auto;
  text-align: center;
}
#searchHeader .s_area_wrap {
  display: inline-block;
  text-align: center;
  line-height: 100px; 
  width: 20%;
  margin: auto;
}
#searchHeader .s_area_wrap label {
  font-size: 16px;
  /* font-weight: bold; */
  padding-right: 10px;
  padding-bottom: 10px; 
}
#searchHeader .s_area_wrap label option {
  display: block;
}
#searchHeader .s_area_wrap select {
  border: none;
  border-radius: 10px;
  background-color: #F1F3F5;
  width: 100px;
  height: 40px;
  font-size: 14px;
  padding-left: 5px;
}
#searchHeader .s_search_wrap {
  display: inline-block;
  width: 60%;
  box-sizing: border-box;
  line-height: 100px;
}
#searchHeader .s_search_wrap>input {
  width: 40%;
  height: 40px;
  border: none;
  /* border-bottom: 1px solid #ddd; */
  font-size: 14px;
  padding-left: 15px;
  background-color: #F1F3F5;
  border-radius: 10px;
}
#searchHeader .s_search_wrap>input:nth-child(-n+2) {
  background: url(/common/images/calendar-icon.png) no-repeat;
  background-size: 12%;
  background-position: 90% center;
  background-color: #F1F3F5;
}

#searchHeader button{
  display: inline-block;
  border: none;
  padding-left: 10px;
  box-sizing: border-box;
  background-color: transparent;
  cursor: pointer;
}

#searchHeader button input {
  background-color: tomato;
  color: #fff;
  padding: 5px 10px;
  border: none;
  border-radius: 10px;
}

#searchList_wrap .searchlist {
  display: flex;
  flex-wrap: wrap;
}

#searchList_wrap .cont-title {
  font-size: 16px;
  padding-left: 20px;
  padding-bottom: 10px;
  
}
#searchList_wrap .listItem {
  width: 25%;
  margin-bottom: 13px;
  /* padding-bottom: 10px;
  border-bottom: 1px solid #eee; */
}
#searchList_wrap .listItem .thumb {
  width: 100%;
  margin:0 auto; 
}

#searchList_wrap .listItem .thumb .slidelist {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  width: 250px;
  height: 160px; 
}
#searchList_wrap .listItem .thumb .slides {
  position: absolute; 
  top: 0; left: 0;
  width: 750px;
  transition: 0.5s ease-out;
  display: flex;
}
#searchList_wrap .listItem .thumb .slides li {
  width: 250px;
  height: 160px;
  overflow: hidden;
}

#searchList_wrap .listItem .thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;

}

#searchList_wrap .controller span {
  position: absolute;
  background-color: transparent;
  color: #eee;
  text-align: center;
  border-radius: 50%;
  padding: 10px 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.3em;
  cursor: pointer;
}

#searchList_wrap .controller span:hover {
  background-color: rgba(128, 128, 128, 0.1);
}

#searchList_wrap .prev {
  left: 10px;
} 

#searchList_wrap .next {
  right: 10px;
} 

#searchList_wrap .infowrap {
  display: block;
  padding: 10px 30px;
  box-sizing: border-box;
  width: 100%;
}
#searchList_wrap .info_left {
  position: relative;
}
#searchList_wrap .info_left .tags {
  position: absolute;
  right: 5px;
}

#searchList_wrap .info_left .tag {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0px 5px;
 
  /* border: 1px solid #ccc; */
  font-size: 12px;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #fe0000;
  color: #fff;
}

#searchList_wrap .info_left .productinfo p.title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
 
}
#searchList_wrap .info_left .productinfo .label {
  font-size: 12px;
  line-height: 1.6;
}
#searchList_wrap .info_left .productinfo .label span:first-child {
  padding-right: 10px;
  /* border-right: 1px solid #ccc; */
  color: #777;
}
#searchList_wrap .info_left .productinfo .label:last-child {
  display: block;
}

#searchList_wrap .info_left .address {
  margin: 5px 0 20px;
  padding-right: 40px;
}
#searchList_wrap .info_left .address span {
  min-width: 480px;
  font-size: 14px;
  vertical-align: bottom;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#searchList_wrap .info_left .address .mapbtn {
  margin-left: 10px;
  font-size: 14px;
  color: #666;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
#searchList_wrap .info_left .address .mapbtn i.fas {
  color: #1769ff;
}
#searchList_wrap .info_left .address .mapbtn i.fas span {
  color: #888;
  padding-left: 5px;
}
#searchList_wrap .info_left .bottomwrap {
  margin-top: 35px;
}

#searchList_wrap .info_left .bottomwrap .event {
  display: block;
  color: #1769ff;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#searchList_wrap .info_right {
  width: 160px;
  vertical-align: top;
  text-align: right;
  padding-right: 50px;
  padding-top: 50px;
}

#searchList_wrap .info_right .price {
  display: block;
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: bold;
  color: #111;
}
#searchList_wrap .info_right .priceOrigin {
  text-decoration: line-through;
  font-size: 14px;
  color: #999;
}
#searchList_wrap .info_right .productPercent {
  margin-left: 5px;
  font-weight: bold;
  color: #ff0000;
}

.page_wrap {
	text-align:center;
	font-size:0;
 }
.page_nation {
	display:inline-block;
}
.page_nation .none {
	display:none;
}
.page_nation a {
	display:block;
	margin:0 3px;
	float:left;
	border:1px solid #e6e6e6;
	width:28px;
	height:28px;
	line-height:28px;
	text-align:center;
	background-color:#fff;
	font-size:13px;
	color:#999999;
	text-decoration:none;
}
.page_nation .arrow {
	border:1px solid #ccc;
}
.page_nation .pprev {
	background:#f8f8f8 url('../images/page_pprev.png') no-repeat center center;
	margin-left:0;
}
.page_nation .prev {
	background:#f8f8f8 url('../images/page_prev.png') no-repeat center center;
	margin-right:7px;
}
.page_nation .next {
	background:#f8f8f8 url('../images/page_next.png') no-repeat center center;
	margin-left:7px;
}
.page_nation .nnext {
	background:#f8f8f8 url('../images/page_nnext.png') no-repeat center center;
	margin-right:0;
}
.page_nation a.active {
	background-color:#42454c;
	color:#fff;
	border:1px solid #42454c;
}


  /* footer */
  #footer .inner {
    margin: 2rem auto;
    width: 80%;
    display: flex;
    justify-content: space-between;
  }
  
   #footer {
    background-color: #eee;
    color: #777;
    overflow: hidden;
    box-sizing: border-box;
    font-size: 12px;
    letter-spacing: 1.3px;
    
    position: relative;

   }
    
   #footer h1 .flogo a img {
    width: 100px;
    opacity: 0.5;
   }
   
   #footer .finfowrap {
    padding-top: 10px;
    width: 50%;   
   }
  
   #footer .finfo_wrap .finfo {
      display: flex;
      flex-wrap: wrap;      
   }
   #footer .finfo_wrap .finfo .f_title {
    width: 100%;
    font-weight: bold;
   }
   #footer .finfo_wrap .finfo li {
      display: inline-block;
      padding-right: 10px;
      /* border-right: 1px solid #aaa; */
      position: relative; 
      line-height: 2;
   }
   #footer .finfo_wrap .finfo li:last-child {
      border-right: 0;
   }
  

   /* #footer .finfo_wrap .finfo li:not(:last-child):before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 0;
    width: 1px;
    background-color: #bbb;
  } */
  #footer .fcopy_wrap {padding-top: 10px;}
   #footer .fcopy_wrap .fcopy li{
    display: inline-block;
    position: relative;
   }
   /* #footer .fcopy_wrap .fcopy li:not(:last-child):before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 0;
    width: 1px;
    background-color: #bbb;
  } */
  #footer .fcopy_wrap .fcopy a {
    transition: all .3s;
  }
  #footer .fcopy_wrap .fcopy a:hover {
    color: #111;
    text-decoration: underline;
  }

  #footer .finfo_wrap2 {width: 40%; padding-top: 15px;}
  #footer .finfo_wrap2 ul {display: flex; margin-right: 10px;}
  #footer .finfo_wrap2 ul li {padding-right: 10px; padding-bottom: 16px; color: #555; transition: all .3s;}
  #footer .finfo_wrap2 .f_menu02 li:first-child,
  #footer .finfo_wrap2 .f_menu03 li:first-child {padding-left: 10px;}

  #footer .finfo_wrap2 li:hover a {text-decoration: underline;}


  /* main.php */ 
#visual {
  width: 100%;
  height: calc(30vh - 100px);  

}
#visual .main_bg {
  background-image: url(/common/images/main03.jpg);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 100px;
  padding: 200px 0;
  z-index: -1;
  background-size: cover;
}
#visual .visual_title h2 {
  color: #fff;
  padding-top: 11%;
  padding-left: 8%;
  text-shadow: 1px 2px 3px rgba(0,0,0,.3);
  font-family: "Noto Serif KR", serif;
}
.top_banner, .main_banner {margin: 60px 0 50px;}
.top_banner ul {display: flex;justify-content: space-evenly;}
.top_banner ul li {width: 48%; }
.top_banner ul li:first-child {margin-right: 2%;}
.top_banner ul li img {display: block;margin: auto; border-radius: 10px; transition: all 0.2s;}
.top_banner ul li:hover img {transform: translateY(-5px); box-shadow: 1px 2px 5px rgba(0,0,0,.5);}



.main_banner {position: relative;}
.main_banner .bannerSwiper {
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 10px;
  overflow: hidden;
  
}

.main_banner .bannerSwiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_banner .bannerSwiper .swiper-slide img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main_banner .slide_nav {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 7%;
  z-index: 1;

}
.main_banner .swiper-pagination {
  display: flex;
}
.main_banner .swiper-pagination-bullet { 
  background-color: #eee!important;
  margin-right: 5px!important;
  opacity: 1!important;
  display: block;

}
.main_banner .swiper-pagination-bullet-active {
  background-color: #333!important;
}

/* about */
.topimg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 100px;
    padding: 200px 0;
    z-index: -1;
    background-size: cover;
}
.topImg_about {
  background-image: url(/common/images/top01.jpg);
}
.topImg_business {
  background-image: url(/common/images/top02.jpg);
}
.topImg_reservation {
  background-image: url(/common/images/top03.jpg);
}
.topImg_notice {
  background-image: url(/common/images/top04.jpg);
} 
.sub_wrap {margin-top: 430px;}

.container_notice {padding-top: 50px;}




section h3 {font-weight: bold;}
.about_title {
	text-align: center;
	font-weight: 900;
	font-size: 36px;
	line-height: 70px;
	margin-top: 120px;
}
.about_title:first-child {
	margin-top: 0;
}
.location_txt {
	overflow: hidden;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}
.location_txt>div {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	width: 48%;
  margin-right: 4%;
}

.location_txt>div:nth-child(even) {
	margin-right: 0;
}
.location_txt h3 {
	font-size: 18px;
	line-height: 40px;
	margin-top: 50px;
  margin-right: 15px;
  display: inline-block;
}
.location_txt p {
	font-size: 17px;
	padding-top: 20px;
  display: inline-block;
}
#history div {
	width: 100%;
	margin-right: 0;
	padding-bottom: 50px;
 
}
#history h3 {
	font-size: 21px;
	border-bottom: 3px solid #0099A8;
	display: inline-block;
	padding-bottom: 10px;
  margin-right: 15px;
}
#history p {
	line-height: 35px;
  display: inline-block;
}
#history img {
	margin-top: 40px;
}
#history .ceowrap {
	margin-top: 40px;
}
#history .ceo {
	float: right;
	width: 70%;
	text-align: left;
}
#history .ceo div {
	float: left;
	width: 50%;
}
#history .ceo span {
	font-size: 26px;
	padding-left: 5px;
	color: #000;
}

#bizlist {
  text-align: center;
	overflow: hidden;
	margin: 50px 0;
  display: flex;
  flex-wrap: wrap;
}
#bizlist li {
	margin-right: 2%;
	width: 23.5%;
	padding: 50px 0;
	background: #4286c1;
  color: #fff;
}
#bizlist li:last-child {
	margin-right: 0;
}
#bizlist h3 {
	font-size: 22px;
  margin-bottom: 30px;
}
#bizlist p {
	font-size: 16.5px;
	line-height: 30px;
}

#bizhistory {
	margin: 50px 0;
  width: 100%;
}
#bizhistory tr {
	border-bottom: 1px solid #ddd;
}
#bizhistory th, #bizhistory td {
	padding: 30px 0;
}
#bizhistory th {
	color: #4286c1;
	font-size: 22px;
	width: 25%;
}
#bizhistory td {
	text-align: left;
	line-height: 28px;
}
#bizhistory i {
	font-size: 30px;
	line-height: 50px;
}
.sub_tab_box{
	width: 100%;
  height: 50px;
  border-bottom: 1px solid #ddd;
}
.sub_tab {
	display: flex;
  justify-content: flex-start;
}
.sub_tab li {
	height: 50px;
	line-height: 50px;
	
	color: #888;
	font-family: 'GmarketSansMedium';
  width: 10%;
  text-align: center;
}
.sub_tab .on {
	color: #333;
	border-bottom: 1px solid #333; 
}
.sub_tab li a {
	display: block;
	font-size: 14px;
  letter-spacing: 1.2px;

}
.sub_tab .on a {
  color: #333;
}


#sub_title{
	width: 100%;
	display: block;
	color: #000;
	font-weight: bold;
	margin: 50px auto;
	font-size: 22px;
	text-indent: 30px;
	position: relative;
	padding-top: 0px;
  line-height: normal;
	/* white-space: nowrap; */
}
#sub_title::before{
	content: "";
    border: 4px solid #193cd7;
    border-radius: 20px;
    background: #fff;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 1px;
	box-sizing: content-box;
}

.sub_about2 table th{
	width: 15%;
	/* border-right: 3px solid #888; */
}
.sub_about2 table td{
	padding-left: 30px;
}
#location-map>div {
  width: 100%;
  margin: 100px auto 0;
}

.sub_about2 .location_txt>div:nth-child(3),
.sub_about2 .location_txt>div:nth-child(4) {
  width: 100%;
}

.sub_about3 img{
  display: block;
  width: 100%;
}
.sub_about4 table {
  width: 100%;
}
.sub_about4 th {
 border-bottom: 3px solid #888;
 text-align: center;
 padding: 30px 0;
}

.sub_about4 td {
  text-align: center;
  padding: 30px 0;
  border-bottom: 1px solid #ddd;
}

.sub_biz .biz_wrap {
  display: flex;
  flex-wrap: wrap;
}

.sub_biz .biz_wrap article {
  width: 32%;
  
  margin: auto;
  padding: 20px 15px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.sub_biz .biz_wrap article:not(:nth-child(3n)) {
  margin-right: 2%;
}
.sub_biz .biz_wrap article img {
  border-radius: 3px;
}
.sub_biz .biz_wrap article .text_box h5 {
  font-size: 18px;
  font-weight: bold;
  margin: 20px auto;
  padding-bottom: 10px;
  border-bottom: 2px solid #555;
}
.sub_biz .biz_wrap article .text_box p {
  line-height: 1.6;
  font-size: 15px;
}

.sub_biz .biz_wrap2 article {
  width: 48%!important;
  margin-bottom: 2%;
  margin-right: 0;
}
.sub_biz .biz_wrap article:not(:nth-child(3n)) {
  margin-right: 0%!important;
}
.sub_biz .biz_wrap2 article ul li {
  line-height: 1.6;
  font-size: 15px;
  list-style: disc;
  list-style-position: inside;

}
.sub_biz .biz_wrap2 article ul li::marker {
  color: #888;
}

.sub_biz .biz_wrap3 .biz_box {
  display: flex;
  justify-content: space-evenly;
  
}
.sub_biz .biz_wrap3 .biz_box .biz_con {
  width: 23.5%;
  position: relative; 
  color: #fff;  
  margin-right: 2%;
  display: table;
}

.sub_biz .biz_wrap3 .biz_box .biz_con::after {
  content: "";
}

.sub_biz .biz_wrap3 .biz_box .biz_con p { 
  text-align: center; 
  display: table-cell;
  vertical-align: middle;
  background-color: #7887a7;
  border-radius: 50%;
  width: 70%;
  height: 70%;
  line-height: 1.5;
  padding: 2rem 0;
}
.sub_biz .biz_wrap3 .biz_box .biz_con:last-child {margin-right: 0;}

#biz_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
#biz_wrapper .container {
  width: 100%;
  /* max-width: 500px; */
  min-width: 300px;
  position: relative;
}


#biz_wrapper ul {
  border-radius: 3px;
}
#biz_wrapper ul .accordionTitle {
  padding: 20px; 
   position: relative;
   margin: 0;
   font-size: 18px;
   font-weight: 500;
   letter-spacing: 0.8px;
   color: #52616b;
   transition: ease-in-out 0.2s all;
   cursor: pointer;
}
#biz_wrapper ul .accordionTitle:hover {
  padding-left: 25px;
}
#biz_wrapper .accordionTitle:before,
#biz_wrapper .accordionTitle:after {
   content:'';
   position: absolute;
   height: 2px;
   border-radius: 50px;
   transition: ease-in-out 0.6s all;
   bottom: 0;
   left: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   box-sizing: border-box;
}

#biz_wrapper .accordionTitle:before {
   width: 100%;
   background-color: #c9d6df;
}
#biz_wrapper .accordionTitle:after {
   background-image: linear-gradient(90deg, #52616b, #c9d6df);
   width: 0%;
}

#biz_wrapper .accordionTitle:hover::after {
   width: 100%;
}
#biz_wrapper .accordionTitleActive:after {
  content:'';
  position: absolute;
  height: 2px;
  border-radius: 50px;
  transition: ease-in-out 0.6s all;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  
}

#biz_wrapper .accordionTitleActive:after {
  background-image: linear-gradient(90deg, #52616b, #c9d6df);
  width: 100%;
}


#biz_wrapper .accIcon {
  float: right;
  width: 30px;
  height: 30px;
  display: flex;
  margin-top: -3px;
  align-items: center;
  justify-content: center;
}

#biz_wrapper .accIcon:before,
#biz_wrapper .accIcon:after {
  content:'';
  position: absolute;
  border-radius: 50px;
  background-color: #c9d6df;
  transition: ease 0.3s all;
}

#biz_wrapper .accIcon:before {
  width: 2px;
  height: 20px;
}

#biz_wrapper .accIcon:after {
  width: 20px;
  height: 2px;
}

#biz_wrapper .accordionTitle:hover .accIcon:before,
#biz_wrapper .accordionTitle:hover .accIcon:after {
  background-color: #52616b;
}

#biz_wrapper .accIcon.anime.accIcon:before {
  transform: rotate(90deg);
}

#biz_wrapper .accordion .item .text {
  opacity: 0;
  height: 0;
  padding: 0px 20px;
  position: relative;
  line-height: 24px;
  font-size: 16px;
  font-weight: 200;
  transition: all 0.6s cubic-bezier(.42,.2,.08,1);
  overflow: hidden;
  background-color: #f0f5f9;
  letter-spacing: 0.5px;
}

#biz_wrapper .accordion .item .text.show {
  opacity: 1;
  height: auto;
  padding: 25px 20px;
  position: relative;
  z-index: 0;
  border-radius: 0px 0px 3px 3px;
}


.biz_wrap4 .item_wrap {display: flex; justify-content: space-evenly;}
.biz_wrap4 h4 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #555;
  font-weight: bold;
}




/* quick menu */
  #quick_menu {
    position: fixed;
    bottom: 5%;
    right: 3%;   
    z-index: 99;
  }
  
  #quick_menu ul {
    background-color: transparent;
    border: none;
  }
  
  #quick_menu ul li a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    opacity: 0.8;
    transition: all 0.2s;
  }
  
  #quick_menu ul li a img {
    display: block;
    opacity: 0.9;
    width: 50px;
  }
  #quick_menu ul li a:hover img {
    opacity: 1;
  }



   /* 780~1280, 태블릿*/
@media screen and (min-width: 780px) and (max-width: 1280px) {
  .all_wrap {
    width: 90%;
  }
  #pc-header header .bottom_menu {right: 3%;}
  .sub_biz .biz_wrap article { height: 340px;}
  #searchHeader {width: 100%;}
  #searchHeader .s_search_wrap>input {width: 32%; }



  #footer .inner{flex-wrap: wrap;}
  #footer h1 {
    width: 20%;
  }
  #footer .finfowrap {
    width: 80%;
  }
  #footer .finfo_wrap .finfo li {line-height: 1.6;}
  #footer .finfo_wrap2 {
    width: 100%;
  }
  #footer .finfo_wrap2 ul li {padding-bottom: 5px;}
  #searchHeader .s_search_wrap {width: 70%;}
  #searchList_wrap .listItem {width: 33.333%;}
  .btn_c04 {padding: 0 1.2rem;}

}



  /* 모바일버전 */
  @media screen and (max-width: 768px) {
    body {
      width: 100%;
      /* overflow: hidden; */
    }
  
    #pc-header {display: none;}
    #m-header {display: block;}
  
    #m-header header {
      width: 100%;
      /* height: 65px; */
      position: relative;
      overflow: hidden;
      border-bottom: 1px solid #999;
  
  }
  #header_menu {
    position: absolute;
    top:21px;
    right:20px;
    z-index: 10;
    cursor: pointer;
    overflow: hidden;

    font-size: 32px;
  }
  #header_menu ul {
    width: 30px;
    height: 17px;
    border-top:3px solid #000;	
    border-bottom:3px solid #000;	
  }
  #header_menu li{
    padding-top: 7px;
    border-bottom:3px solid #000;
  }
  
  #m-header header h1{
    margin-left: 20px;
    padding: 5px;
  }
  #m-header header h1 img {
    width: 50px;
  
  }
  #m-header .bottom_menu a i {padding-right: 5px;}
 
  #all_menu{
    width: 70%;
    background-color: #fff;
    position: fixed;
    top:0;
    right: -100%;
    z-index: 1000;
    height:100%;
    box-shadow: -1px -1px 5px;
    font-weight: bold;
  
  }
  #all_menu p{
    height: 50px;
    background-color: #dfdfdf;
  }
  #all_menu p a:first-child {
    margin-left: 15px;
  }
  #all_menu p a img {
    width: 40px;
    padding: 5px;
  }
  #menu_close {
    font-size: 30px;
    padding: 10px 14px;
    box-sizing: border-box;
    color: #111;
  
    display: block;
    float: right;
    width: 50px;
  }
  #all_menu ul li{
    width: 80%;
    margin: auto;
    border-bottom: 1px solid #ccc;
  }
  #all_menu ul li:first-child {
    margin-top: 50px;
  }
  #all_menu ul li a{
    display: block;
    color:#333;
    font-size: 18px;
    line-height: 48px;
    padding-left:14px;
  }
  #all_menu .bottom_menu {
    margin: 1rem 0 0;
    display: flex;
    justify-content: center;
  }
  #all_menu .bottom_menu a {
    display: block;
    padding: 1rem;
    color: #666 ;
    font-size: 16px;
    font-weight: normal;
  }
 
  #all_menu .bottom_menu a:first-child {position: relative;}
  #all_menu .bottom_menu a:first-child::before {
    content: '';
    position: absolute;
    top: 1rem;
    bottom: 1rem;
    right: 0;
    width: 1px;
    background-color: #ccc;
  }
  .all_wrap {width: 90%; margin-top: 170px;}
  #visual .main_bg {
    margin-top: 71px;
    padding: 135px 0;
  }
  #visual .visual_title h2 {
    padding-top: 5%;
  }
  .main_banner .slide_nav {
    bottom: 15%;
  }
 .top_banner {margin: 30px 0 0;}
 .main_banner {margin: 30px 0;}

 .topimg {
   margin-top: 71px;
   padding: 100px 0;
 }


 .sub_wrap {margin-top: 230px;}
  
  /* 모바일 로그인페이지 */
  #login-box fieldset {
    width: 94%;
    margin: 30px auto;
  }

  /*모바일 회원가입 페이지  */
  #signForm-box {
   width: 94%;
   margin: auto;
  }
  #signForm-box input {
    width: 95%;
    margin-left: 5px;
    font-size: 13px;
  }

  .table_th { width: 130px; padding-left: 10px;}
  .table_td {
    width: calc(100% - 130px);
  }
  .agree_wrap {
    width: 98%;
    nav-down: 50px auto 0;
  }
  .signForm-submit {
    margin: auto;
  }

  /* 모바일 마이페이지 */
  .list_search_condition colgroup,  .list_search_topmenu tr {display: flex; flex-wrap: wrap;}
  .list_search_condition col { width: 100%!important;}
  
  .list_search_topmenu tr th {width: 26%; line-height: 26px;}
  .list_search_topmenu tr td {width: 63%;}
  
  .list_search_topmenu .dateBtnWrap {display: flex; flex-wrap: wrap; justify-content: space-evenly;}
  .list_search_topmenu .dateBtnWrap a {width: 19%; margin: 3px auto;font-size: 12px; text-align: center; padding: 0;}
  
  .btn_c01 {height: 24px!important; line-height: 24px!important;}
  .processing_status ul li .number {display: inline-block!important; padding-left: 5px;}





  /* 모바일 마이페이지 상세보기 */
  .mypageView_calendar table tr td {width: auto!important;}
  .mypageViewList col:nth-child(odd) {width: 80px!important;}
  .mypageViewList input[type=file] {min-width: 240px;}




    #searchHeader { 
      width: 90%;
      margin: 30px auto;
      height: auto;
      border-radius: 10px;
      padding: 10px 10px 0;
      box-sizing: border-box;
      border: 1px solid #efefef;
    }
    
    #searchHeader .searchheader_wrap  {
      margin: 10px auto;
    
    }
    #searchHeader .s_area_wrap {
      width: 100%;
      line-height: 30px;
      display: flex;
      padding-bottom: 10px;
      margin: 0;
    }
    #searchList_wrap .cont-title {padding-left: 0;
    padding: 30px 0 10px;}
    #searchList_wrap .listItem {
      width: 48%;
    }
    #searchList_wrap .listItem:nth-child(odd) {
      margin-right: 4%;
    }
    #searchList_wrap .listItem .thumb {  
      padding-top: 10px;
    }
    #searchList_wrap .listItem .thumb .slidelist {
      width: 100%;
    }
    #searchHeader .s_area_wrap label {
      width: 50%;
      padding-bottom: 0;
      padding-top: 15px;
    }
    #searchHeader .s_area_wrap select {
     
      padding: 0.5em 0.8em;
    }
    #searchHeader .s_search_wrap {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      padding-bottom: 10px;
      line-height: normal;
    }
    #searchHeader .s_search_wrap label{
      padding-bottom: 0;
      padding-top: 15px;
    }
    #searchHeader .s_search_wrap .wave {
      padding-bottom: 0;
      padding-top: 10px;
    }
    #searchHeader .s_search_wrap>input {
      width: 100%;
      font-size: 14px;
      height: 36px;
      margin: auto;
    }
    #searchHeader .s_search_wrap>input:nth-child(-n+2) {
      padding-bottom: 0;
      margin-bottom: 10px;
    }
    #searchHeader .s_search_wrap>input#searchKey {
      width: 67%;
    }
    #searchList_wrap {padding: 0;}  
    #searchList_wrap .infowrap {
      padding: 10px;
    }
    #searchList_wrap .info_left {
      width: 100%;
    }
    #searchList_wrap .info_left .address {
      line-height: 1.6;
      display: flex;
      margin-bottom: 13px;
    }
    #searchList_wrap .info_left .address span {
      min-width: auto;
      width: 100%;
    }
    #searchList_wrap .info_left .address .mapbtn {
     display: none;
    }
    #searchList_wrap .info_left .bottomwrap {
      margin: 10px auto;
    }
    #searchList_wrap .info_right {
      width: 100%;
      padding-right: 10px;
    }
    #searchList_wrap .info_left .productinfo p.title { padding: 10px 0; margin-bottom: 0;}
 


   

    .btn_c04 { display: block; width: 30%;  text-align: center;}

    .list_top_btn {margin-bottom: 5px;}


  
    .list_menu th:nth-child(5),
    table.mypageList td:nth-child(5),
    table.mypageList col:nth-child(5),
    .list_menu th:nth-child(n+7):nth-child(-n+9),
    table.mypageList td:nth-child(n+7):nth-child(-n+9),
    table.mypageList col:nth-child(n+7):nth-child(-n+9) {display: none;}

    table.mypageList td { 
      word-break: keep-all!important;
       padding: 10px 3px!important;
       font-size: 10px!important;
      }
    table.mypageList .btn_c03 {line-height: 26px;}

    /* 모바일 footer */
  #footer {
    line-height: 1.4;
    font-size: 10px;
  }
  #footer .inner{flex-wrap: wrap; width: 90%;}
  #footer h1 {
    width: 16%;
    margin: auto;
  }
  #footer .finfowrap {
    width: 70%;
  }
  #footer .finfo_wrap .finfo li {line-height: 1.6; padding-right: 6px;}
  #footer .finfo_wrap2 {
    width: 100%;
    white-space: nowrap;
  }
  #footer .finfo_wrap2 ul li {padding-bottom: 5px;}
  #footer .fcopy_wrap {letter-spacing: normal;}


  .sub_tab_box { text-align: center;}
  .sub_tab li {width: 25%;}


  #sub_title::before { top: 7px;}
  .location_txt {
    margin:auto;
    font-size: 15px;
  }
  .location_txt h3 {
    font-size: 18px;
    line-height: 40px;
    margin-top: 50px;
    display: block;
  }
  .location_txt div {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    width: 100%;
    margin-right: 0;
  }
  .location_txt table {
    border: 1px solid #ddd;
    font-size: 15px;
    margin-top: 30px;
  }
  .location_txt th {
    border-right: 1px solid #ddd;
    padding:15px 0;
    width: 30%;
    border-bottom: 1px solid #ddd;
    transform: skew(-0.03deg);
  }
  .location_txt td {
    padding:15px;
    border-bottom: 1px solid #ddd;
    transform: skew(-0.03deg);
  }
  .location_txt span {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 6px;
    margin-right: 5px;
    text-align: center;
    border-radius: 10px;
    color: #fff;
  }
  
  .about_title {
    font-size: 2rem;
    margin-top: 80px;
  }
  #bizlist li {
    width: 48%;
    margin-bottom: 2%;
  }
  #bizlist h3 {font-size: 1rem; margin-bottom: 20px;}
  #bizlist p {font-size: 14px; line-height: normal; padding: 0 0.5%;}
  #bizhistory th { width: 100%; display: block; padding: 0; padding: 20px 0 15px;}
  #bizhistory td {display: block; padding: 0; padding-bottom: 20px;}

 .sub_about4 td {
  font-size: 14px;
  line-height: normal;
 }
 .sub_biz .biz_wrap { display: block;}

 .sub_biz .biz_wrap article, .sub_biz .biz_wrap2 article  {
  width: 100%!important;
  margin-right: 0;
  margin-bottom: 4%;
}
.sub_biz .biz_wrap article { height: auto;}

.sub_biz .biz_wrap article .text_box h5 {
  font-size: 16px;
}

.sub_biz .biz_wrap2 article ul li {
  font-size: 14px;
}
.sub_biz .biz_wrap3 .biz_box {
  flex-wrap: wrap;
}
.sub_biz .biz_wrap3 .biz_box .biz_con {
  width: 48%;
  margin-right: 0;
  margin-bottom: 4%;
}
.sub_biz .biz_wrap3 .biz_box .biz_con:nth-child(2n) {
  margin-left: 2%;
}
.sub_biz .biz_wrap3 .biz_box .biz_con p { 
  font-size: 14px;
  width: 200px;
  height: 162px;
  padding: 0;
}
#biz_wrapper ul .accordionTitle {
  font-size: 14px;

}
#biz_wrapper .accordion .item .text {
  font-size: 14px;
  line-height: normal;
}
.biz_wrap4 .item_wrap {
  display: block;
}

.biz_wrap4 .item_wrap .article {
  padding-bottom: 20px;
}
table.list {
  table-layout: auto!important;
}
table.list col {
  width: auto;
}


.list_search {text-align: inherit;}
.list_search .search_condition { width: 90%;}

.processing_status ul { display: flex;}
.processing_status ul li { float: none; width: 50%; border-bottom: 1px solid #e5e5e5;box-sizing: border-box;}

.calendar2 p.title {font-size: 1em!important; line-height: normal; padding: 20px 0 15px 0;}
.calendar2 table {display: block; overflow: hidden;}
.calendar2 table tr { 
  display: flex; 
  flex-wrap: wrap;
  font-weight: normal; 
  font-size: 10px;
}
.calendar2 table tr td  { 
  width: 50%; 
  height: auto!important; 
  box-sizing: border-box;
  padding: 5px;
  line-height: normal;
}
.calendar2 table ul.room_list {padding-top: 5px;}

/* 공지사항 */

table.notice_list col:nth-child(2),
table.notice_list th:nth-child(2) {
  width: 49%;
}
.list_view .view_top .view_title h3 {
  line-height: normal!important;
  font-size: 1rem!important;
  margin-right: 0!important;
}
.list_view .view_top .other_info {font-size: 14px!important; line-height: 16px!important;}




} /*모바일버전 끝*/






  /* 페이지 */
.paging_wrap{margin-bottom:30px; margin-top: 10px; text-align:center}
.paging{display:inline-block}
.paging a,
.paging strong {float:left;height:28px;width:28px;border:solid 1px #e5e5e5;border-left:none;text-align:center;color:#666;font-size:11px;line-height:28px;background:#fff;}
.paging strong {background:#f4f4f4;color:#f27300}
.paging a:first-child,
.paging strong:first-child{border-left:solid 1px #e5e5e5}
.paging .prev{background:url(/admin/images/content/btn_prev.png) no-repeat center center}
.paging .prevEnd{background:url(/admin/images/content/btn_prevEnd.png) no-repeat center center} 
.paging .next{background:url(/admin/images/content/btn_next.png) no-repeat center center}
.paging .nextEnd{background:url(/admin/images/content/btn_nextEnd.png) no-repeat center center}

.calendar2 {margin-top:10px; margin-bottom: 10px;}
.calendar2 * {margin: 0;padding: 0; font-size:12px;}
.calendar2 p.title {padding: 50px 0px 30px; font-size: 1.2em;font-weight: 700;text-align: center;}
.calendar2 p.title img {vertical-align: middle;}
.calendar2 table {width: 100%;border-collapse: collapse;}
.calendar2 table tr {}
.calendar2 table tr td {height: 60px;padding: 5px 7px 3px 7px;border: 1px solid #E6E6E6;vertical-align: top; text-align: left;}
.calendar2 table tr td.section {height: 0;font-weight: bold;text-align: center; border: none;border-top: 1px solid #ddd; border-bottom: 1px solid #f00;}
.calendar2 table tr td.red {color: #FF0000; background:#fff1f1}
.calendar2 table tr td.red a {color: #FF0000 !important;}
.calendar2 table tr td.holiday {color: #FF0000; background:#fff1f1}
.calendar2 table tr td.holiday .holiday_check {color: #fff !important; background-color:#f00;}
.calendar2 table tr td.blue {color: #00FF;}
.calendar2 table tr td.blue a {color:#00FF !important;}
.calendar2 table tr td.gray {color: #999999;}
.calendar2 table tr td.other {opacity:0.5;}
.calendar2 table tr td.null {background: #FAFAFA;}
.calendar2 table tr td span {}
.calendar2 table tr td .titday {margin-bottom:15px;}
.calendar2 table tr td.yellow .titday .num {background-color:#ff0;}
.calendar2 table tr td .room_list li {margin-bottom:10px;}
.calendar2 table tr td .room_list li .tit {display:inline-block;}
.calendar2 table tr td .room_list li .data {background-color:#ff0;}
.calendar2 table tr td a.day {color:#000;display: block;}
.calendar2 table tr td.today {background-color:#b5cae0;}
.calendar2 table tr td.sel_date {background-color:#ff6318;}
.calendar2 table tr td.before_date {background-color:#f1f1f1; color:#a4a4a4;}
.calendar2 table tr td .holiday_check {color:#000;font-size:11px;letter-spacing:-1px;display:inline-block;padding:0px 3px;border-radius:2px;float:right;border:1px solid #dfdfdf;background-color:#dfdfdf;line-height:17px; }
.calendar2 table tr td .count_check {min-width:50px;}
.calendar2 table tr td .icon_delete {cursor:pointer}
.calendar2 table tr td .price_check {width:60px;}
.calendar2 table tr td .room_list .price_list dl {display:inline-block;}
.calendar2 table tr td .room_list .price_list .tit {display:inline-block; float:left;}
.calendar2 table tr td .room_list .price_list .price {display:inline-block; float:right;  margin-bottom:3px;}
.calendar2 table tr td .room_list .price_list2 dl {display:inline-block;}
.calendar2 table tr td .room_list .price_list2 .tit {display:block;}
.calendar2 table tr td .room_list .price_list2 .price {display:inline-block; margin-bottom:3px;}

.calendar2 table tr td p a {}
.calendar2 table tr td p img {vertical-align: middle;}
.calendar2 table tr td p a span {font-size: 0.9em;font-family: 돋움;}
.calendar2 table tr td p a span.open {color: #333333;}
.calendar2 table tr td p a span.close {color: #999999;}
.calendar2 p.explain {padding: 10px 0 0 0;font-size: 0.9em;font-family: 돋움;text-align: right;}
.calendar2 p.button {margin: 10px 0 0 0;padding: 12px 0 10px 0;border: 1px solid #EBEBEB;background: #F5F5F5;text-align: center;}
.calendar2 p.button img {border: none;}

/* table write */
.data_wrap {margin-top:30px;}
table.input {width:100%;table-layout:fixed;border-top:1px solid #e0e0e0;}
table.input * {font-size:13px;}
table.input th {padding:7px 5px;vertical-align:middle;font-weight:normal;text-align:center;background:#f0f0f0;border-left:solid 1px #e5e5e5;border-bottom:1px solid #e5e5e5; box-sizing: border-box;}
table.input th:first-child{border-left:none}
table.input th:last-child {border-right: 1px solid #e5e5e5;}
table.input td {padding:7px 10px;line-height:22px;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align:left;vertical-align:middle;word-break:break-all; border-right: 1px solid #e5e5e5; }
table.input td:first-child{border-left:none}

.reservation_room {display:inline-block;width:100%;}
.reservation_room dt {float:left; min-width:80px;}
.reservation_room dd {display:block;}
.reservation_room .room {margin-bottom:5px;}
.reservation_room .price {color:#f00;display:none;}

.reg_btn_group{margin:20px 0;padding:0 10px;text-align:center}
/* button */
.btn_01{display:inline-block;height:28px;padding:0 10px;text-decoration:none !important;line-height:26px;font-size:12px;font-weight:normal !important;box-sizing:border-box}
.btn_02{display:inline-block;height:22px;padding:0 10px;text-decoration:none !important;line-height:20px;font-size:11px;font-weight:normal !important;box-sizing:border-box}

.btn_c01{color:#666 !important;border:solid 1px #ccc;background-color:#f5f5f5}
.btn_c02{color:#fff !important;border:solid 1px #e37516;background-color:#f29641}
.btn_c03{color:#fff !important;border:solid 1px #5e9bdd;background-color:#347cc8}
.btn_c04{color:#fff !important;background-color:#40C057; border-radius: 10px; height: 40px; line-height: 45px; padding: 0 1.5rem; }

/* table list */
table.list {
  width:100%;
  table-layout:fixed;
  border-top:1px solid #e0e0e0
}
table.list * {font-size:12px; line-height: normal;}
table.list th{padding:12px 3px;text-align:center;vertical-align:middle;font-weight:normal;background:#f9f9f9;border-bottom:1px solid #ccc !important;border-left:1px solid #e5e5e5}
table.list thead th:first-child{border-left:none;}
table.list tbody tr:hover {background:#f5f5f5;}
/*table.list tfoot tr:first-child td{background:#f5f5f5;}*/
table.list tfoot tr td{background:#f5f5f5;}
table.list td {padding:15px 10px;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5; text-align:center;vertical-align:middle;}
table.list td:first-child,
table.list th:first-child {border-left:none}
table.list textarea{width:100%;box-sizing:border-box}
table.list tr.ing td {background:#fff1f1;}

table.list:not(.not_link) tr:hover{cursor:pointer}
table.not_link tr:hover a:not(.btn_02){color:#347cc8 !important;text-decoration:underline !important}

.processing_status * {font-size:12px;}
.processing_status{position:relative;margin-bottom:20px;border-top:solid 1px #e5e5e5;border-bottom:solid 1px #e5e5e5}
.processing_status ul{display:inline-block}
.processing_status ul:after{content:"";display:block;clear:both}
.processing_status ul li{float:left;min-width:90px;padding:10px;text-align:center}
.processing_status ul li{border-right:solid 1px #e5e5e5}
.processing_status ul li.actived{background-color:#f9f9f9}
.processing_status ul li a{display:block}
.processing_status ul li .number{display:block}
.processing_status .tab_right{float:right}
.processing_status .tab_right li:first-child{border-left:solid 1px #e5e5e5}

.btn_wrap {text-align:center;margin:10px 0;}

.sub_content {margin:50px 0;}
.sub_content .title {padding: 20px 0 30px 0;font-size: 1.8em;font-weight: bold;text-align: center;}

.list_search {text-align:center;margin-top:25px;padding:15px;border-top:solid 1px #d4d4d4;border-bottom:solid 1px #d4d4d4;background:#fbfbfb}
.list_search .search_condition{position:relative;display:inline-block;width:100%;max-width:600px;padding-left:120px;box-sizing:border-box}
.list_search .search_condition input,
.list_search .search_condition select{background-color:#fff}
.list_search .search_condition select{position:absolute;left:0;top:0;width:120px}
.list_search .search_condition .search_input{position:relative;padding-right:33px;border:solid 1px #d5d5d5;border-left:none}
.list_search .search_condition .search_input input{border:none;height:36px;padding-right:0}
.list_search .search_condition .search_input .btn_search{position:absolute;right:0;top:0}
.list_search .btn_reg{height:38px;line-height:38px}
.list_search select{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:100%;height:38px;font-size:14px;line-height:38px;color:#666;font-weight:400;padding:0 20px 0 10px;border:solid 1px #d5d5d5;border-radius:0;background-color:#fbfbfb;background-image:url(/images/select_arrow.png);background-position:right center;background-repeat:no-repeat;box-sizing:border-box;z-index:0;white-space:normal;word-wrap:normal;word-break:normal}

.list_view{border-bottom:solid 1px #c3c3c3}
/*.list_view{border-top:solid 2px #1c85b5;border-bottom:solid 1px #c3c3c3}*/
.list_view .view_top{position:relative}
.list_view .view_top .view_title{position:relative;padding:13px 20px}
.list_view .view_top .view_title h3{position:relative;margin-right:121px;text-align:left;color:#333;font-size:20px;line-height:28px}
.list_view .view_top .view_title h3.new:after{content:"NEW";display:inline-block;margin-left:10px;padding:0 10px;font-size:12px;color:#fff;line-height:24px;vertical-align:top;border-radius:12px;background:#ff8b00}

.list_view .view_top .other_info{padding:10px 20px;color:#999;font-size:15px;line-height:22px;border-top:solid 1px #d4d4d4;border-bottom:solid 1px #d4d4d4;background:#fbfbfb}
.list_view .view_top .other_info:after{content:"";display:block;clear:both}
.list_view .view_top .other_info > p{position:relative;float:left;margin-left:20px}
.list_view .view_top .other_info > p:first-child{margin-left:0}
.list_view .view_top .other_info > p:not(:first-child){padding-left:21px}
.list_view .view_top .other_info > p:not(:first-child):after{content:"|";display:block;position:absolute;left:0;top:0}
.list_view .view_top .file {padding:20px 20px;}
.list_view .view_cont {padding:10px;}

.btn_bottom {text-align:center; margin-top:30px;}