@charset "UTF-8";

/* Page Title */
 

#sub_vi {width:100%; height:180px;   background:url('/sian/img/vi1.png') no-repeat center;   text-align:center; box-sizing:border-box; background-size:cover;  float:left; padding-top:60px;}

#sub_vi  p.t1 {font-size:1.5em; font-weight:800; color:#fff; line-height:1.5em; text-shadow:2px 2px 10px rgba(0,0,0,.5); letter-spacing:-3px;}
#sub_vi p.t2 {font-size:1em; font-weight:600;  color:#fff; text-shadow:2px 2px 10px rgba(0,0,0,.5)}


h3 {width:100%; font-weight:600; font-size:1.15em; display:inline-block;}

section#sub_content {margin-bottom:30px; width:100%; float:left; }
section#sub_content article {width:94%; margin:0 auto;  }


ul.sub_menu {width:100%; float:left; border-bottom:1px solid #ddd; text-align:center; margin-top:30px; }
ul.sub_menu li {width:100px; text-align:center;   border-bottom:none;   line-height:40px; display:inline-block;  box-sizing:border-box; margin-bottom:-1px;}
ul.sub_menu li a {width:100%; display:inline-block; color:#666 !important; font-size:0.90em; font-weight:500; background-color:#f9f9f9; border:1px solid #ddd;     transition: background-color 0.3s ease-in;   }
ul.sub_menu li a:hover {background-color:#ff7e00; font-weight:500; color:#fff !important; border:1px solid #ff7e00; }

 ul.sub_menu li.ov a {background-color:#ff7e00; font-weight:500; color:#fff; border:1px solid #ff7e00;  color:#fff !important}



table.sub_menu {width:100%; box-sizing:border-box;  float:left;  text-align:center;  }
table.sub_menu td {width:100px; text-align:center;   border-bottom:none; border:1px solid #ddd; background-color:#f9f9f9;    line-height:1.3em; }

table.sub_menu td a {width:100%; display:inline-block; color:#666 !important; font-size:0.90em; font-weight:500; padding:10px 0;   }
 
  table.sub_menu td.ov  {background-color:#ff7e00;  border:1px solid #ff7e00;  }

table.sub_menu td.ov a { font-weight:500; color:#fff !important}




h2.guide {width:100%; float:left; text-align:center; font-size:1.3em; font-weight:700;  margin-top:30px; color:#333; letter-spacing:-1px; height:40px; }


h4.info {width:100%; float:left; text-align:center; font-size:1.05em; font-weight:400; line-height:1.4em; margin-top:-10px; color:#555;}





.text_box {font-size:0.95em;font-weight:400; line-height:1.45em; color:#666}
.text_box .t1 {font-size:1.2em; font-weight:700; line-height:1.35em; color:#444;}
.text_box .t2 {font-size:1.1em;line-height:1.4em;  font-weight:600; color:#555;}



table.info_table {width:100%; float:left; }
table.info_table th {background-color:#f5f5f5; text-align:center; text-align:center;  padding:9px; font-size:1em; color:#333; border:1px solid #ddd;}
table.info_table th  span {font-size:1em; color:#666; font-weight:400}
table.info_table td {background-color:#fff; text-align:center; text-align:center;  padding:9px; font-size:0.95em; color:#666; border:1px solid #ddd;}

section#sub_content ul.step {width:100%;  text-align:Center; border:none; margin-bottom:0; margin-top:30px;}
section#sub_content ul.step li {display:inline-block; background-color:#fff; vertical-align:top; box-sizing:border-box; font-size:0.93em;    line-height:1.5em;color:#666;  border:none ; width:85px}
section#sub_content ul.step li div {  border-radius:10px; width:80px; height:80px; border:2px solid #ddd; margin-bottom:5px; }
section#sub_content ul.step li.ov div {border:2px solid #ff7e00}
section#sub_content ul.step li.ov span {color:#ff7e00; font-weight:600}

section#sub_content ul.step li img { margin-top:7px; width:65px;}

.ing_bar {width:90%; margin-left:5%; height:30px; margin-top:10px; background-color:#f1f1f1;   border-radius:50px; float:left; margin-bottom:30px; text-align:left; }
.ing_bar p span {width:50%; background: linear-gradient(to right, #ff7e00, #ff9c00); height:30px; float:left; border-radius:50px; margin-right:20px; color:#fff; letter-spacing:2px;text-align:center; font-size:1em; font-weight:400; line-height:30px;}
.ing_bar img {vertical-align:middle; display:none}




/*갤러리리스트*/

ul.gall {
	 width:100%; float:left;  font-size:0px;
}
ul.gall li {
 	display:inline-block; width:48%; 
 margin-bottom:30px; vertical-align:top;
}

ul.gall li:nth-child(2) {margin-left:4%;} 
ul.gall li:nth-child(4) {margin-left:4%;} 
ul.gall li:nth-child(6) {margin-left:4%;} 
ul.gall li:nth-child(8) {margin-left:4%;} 
ul.gall li:nth-child(10) {margin-left:4%;} 
ul.gall li:nth-child(12) {margin-left:4%;} 
ul.gall li:nth-child(14) {margin-left:4%;} 
ul.gall li:nth-child(16) {margin-left:4%;} 



ul.gall li:nth-child(2) {margin-left:3%;} 
  ul.gall li .inner {
	position: relative;
	width: 100%;
    margin-left:1px;
 
}
 
ul.gall li .photo {
 	z-index: 1;
	width: 100%;
	height: 150px; 
}
ul.gall li .photo img {
	width: 100%;
	height: 150px;
}

  
ul.gall li .desc {
	  
	z-index: 2;
	width: 100%;
 	box-sizing:border-box;
	padding:15px;
   font-size:15px; 
   float:left;
	 
	background-color: white;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}


ul.gall li .desc  span.label1 {  position:absolute; top:0px; right:15px; }
  
ul.gall li .desc p.name {
	margin: 0px 0px;
	font-weight: 600;
	font-size: 1.05em;
	line-height:1.3em;
    width:100%; float:left; 

}
ul.gall li .desc p.address {
	font-size: 0.93em;
	line-height:1.3em;
   color:#666 ;
  width:100%; float:left; margin-top:5px;
}
ul.gall li .desc p.address2 {
	font-size: 0.85em;
	line-height:1.3em;
   color:#999;
  width:100%; float:left; margin-top:5px;

}

ul.gall li .desc div.bar {
	font-size: 0.9em;
    color:#666;
 
}
 ul.gall li .desc div.bar p {width:100%; height:5px; display:inline-block; margin-right:10px; background-color:#ddd; vertical-align:middle;}

 
 ul.gall li .desc div.bar p span {width:50%; height:5px; float:left; background-color:#ff7e00 }

 
.gall_search {width:100%; float:left; border:1px solid #ddd; box-sizing:border-box; padding:20px 10px 0 10px;margin-bottom:30px; }
.gall_search h4 {float:left; width:100%; line-height:35px; font-size:1.1em; font-weight:600; color:#555; margin-bottom:10px; }
.gall_search input {width:70%; float:right; height:35px; border:1px solid #ddd;   margin-top:-5px; padding-left:10px; box-sizing:border-box;  font-size:0.95em;  }
.gall_search a {float:right; width:20%; text-align:center; font-size:0.95em; font-weight:600; line-height:35px;background-color:#91bb2d; color:#fff !important; margin-top:-5px; }

.gall_search .check  {width:100%; float:left; border-top:1px solid #ddd; padding:10px 3px 5px 3px; box-sizing:border-box;   }
.gall_search .check b {width:100%;float:left; font-weight:600; color:#ff7e00; font-size:1em; line-height:35px;  }
.gall_search .check p { padding-right:10px; display:inline-block; font-size:0.90em; line-height:15px; color:#666; height:20px;}
.gall_search .check input {height:12px; width:12px; float:left; margin-right:5px;  vertical-align:middle; margin-top:0}


.gall_list_type {width:100%; float:left; height:30px; }
.gall_list_type p {width:20%; float:left; font-size:0.95em;}
.gall_list_type p span {color:red; font-weight:500}
.gall_list_type ul {text-align:right; }
.gall_list_type ul li {display:inline-block; padding-left:5px; font-size:0.85em; }
.gall_list_type ul li.ov a {color:#91bb2d;}


.gall3_box {width:100%; float:left; box-sizing:border-box; padding:10px; font-size:0.95em; color:#666;}
.gall3_box div {width:100%; float:left;}
.gall3_box  b {font-size:1.05em; color:#333; font-weight:600; width:23%; float:left;}
.gall3_box div p {width:73%; float:right;}

.map {width:100%; float:left;}
.map_info {width:100%; margin-top:10px; color:#555; font-size:0.90em; font-weight:400; box-sizing:border-box;   margin-right:50px; line-height:1.4em }
.map_info span.t1 {font-size:1.2em; font-weight:600; line-height:1.3em; color:#333;}



.company4 {width:100%;}
.company4  h3 {font-size:1.2em; color:#444;  font-weight:600 }
.company4 .t_box {font-size:0.95em; color:#444; line-height:1.5em; width:100%; float:left; margin-toP:5px;}
.company4 dl {width:100%; float:left; margin-top:15px; vertical-align:top;}
.company4 dl dt {font-size:1.1em; color:#333; font-weight:700; }
.company4 dl dt img {margin-right:3px}
.company4 dl dd {width:100%; margin-top:10px; font-size:0.95em; color:#666; font-weight:400; padding:10px; box-sizing:border-box; background-color:#f9f9f9; line-height:1.3em; }
.company4  div.img   { }
.company4  div.img img { }
 
.rule_box {width:100%; margin-top:20px; float:left;   box-sizing:border-box;}
.rule_box ul {width:100%; float:right; border-top:1px solid #ddd;}
.rule_box ul li {width:100%;  float:left; box-sizing:border-box; padding:10px 0; border-bottom:1px solid #ddd;  }
.rule_box ul li img { float:left; width:10%;  }
.rule_box ul li p {width:85%; font-size:0.95em; line-height:1.4em;   color:#333; float:right; font-weight:400; box-sizing:border-box;}
 .rule_box ul li p  b {font-weight:600; color:#111;}



.gall_info {width:100%;  float:left;  box-sizing:border-box; border:1px solid #ddd;}
.gall_info h4 {width:100%; display:inline-block; background-color:#f9f9f9; font-size:1.03em; text-align:center; line-height:40px; font-weight:600; color:#333; border-bottom:1px solid #ddd; box-sizing:border-box;}
.gall_info h4 span {font-size:16px; font-weight:300; color:#666 }
.gall_info  img {max-width:100%;}

.gall_info  div.img_box {width:100%; float:left; box-sizing:border-box; padding:15px 15px 10px 15px;  }
.gall_info  div.img_box img {float:left; box-sizing:border-box; border:3px solid #fff;}
.gall_info ul.info {width:92%; float:left; margin:15px 4% 10px 4%;}
.gall_info ul.info li {width:50%; padding-right:20px; box-sizing:border-box; font-size:0.93em;   float:left;  }


.gall_info ul.info li dl {width:100%; display:inline-block; }
.gall_info ul.info li dl dt {font-size:1em; width:25%; float:left;  font-weight:600; color:#333;}
.gall_info ul.info li dl dd {font-size:1em; width:75%; float:left; font-weight:400; color:#666;}

.col-2 .gall_info ul.info li {width:100% !important; padding-right:0 }