/*! http://responsiveslides.com v1.55 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  opacity:0.8;
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500);
.snip1143 {
 
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
}
.snip1143 * {
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1143 li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 1.5em;
  overflow: hidden;
}
.snip1143 a {
  padding: 0.3em 0;
  color: rgba(0, 0, 0, 0.8);
  position: relative;
  display: inline-block;
  letter-spacing: 1px;
  margin: 0;
  text-decoration: none;
}
.snip1143 a:before,
.snip1143 a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1143 a:before {
  top: 100%;
  display: block;
  height: 3px;
  width: 100%;
  content: "";
  background-color: #c0392b;
}
.snip1143 a:after {
  padding: 0.3em 0;
  position: absolute;
  top: 100%;
  left: 0;
  content: attr(data-hover);
  color: #262626;
  white-space: nowrap;
  font-weight:bold;
}
.snip1143 li:hover a,
.snip1143 .current a {
  transform: translateY(-100%);
}
#nav_menu{position: absolute; top: 35%; right: 0;}  
@media screen and (max-width: 768px) {
	#nav_menu{top:20%;}
	nav{height: 100px !important;}
	#temp_div{padding-top:100px !important;}
	
	.pic_lt li{padding:0 5px !important; width:25% !important;}
	.usdarea{font-size:0.7em !important; padding: 5px 3px !important; margin:0 !important;}
	.first_usd {margin-left:40px !important;}
	
	.lt_wr{width:100% !important; margin-left:0 !important;}
	#container{margin:0 !important; padding:0 !important;}
	.pic_lt .lt_more, .lat .lt_more{top:5px !important;}
	.lat .lat_title,.pic_lt .lat_title{line-height:30px !important;}
	
	.pic_lt, .lat {margin-bottom: 10px !important;}
	
	#ol_after_hd .profile_img{display:none !important;}
	#ol_after_hd{height:auto !important; margin:0 !important; }
	#ol_after_hd strong{ display: inline-block !important;}
	.ol { margin: 10px 0 !important;}
	.navbar{padding: 0 !important;}
	/* #bo_gall .gall_text_href, #bo_gall .gall_name { margin: 3px 10px !important;} */
	#bo_gall .gall_info{padding: 0 10px !important;}
	#bo_gall .gall_info .gall_date{bottom: 0 !important;}
	iframe{height: 350px !important; width:100% !important;}
	.text{ display:none !important;}
	#top_btn{display:none !important;}
	.jj_img{width:100% !important;}
	.th_wr{width:25% !important;}
	#bo_gall .gall_li_tit{font-size:1em !important;}
} 
#bo_gall .gall_li{padding: 10px !important;}
#bo_gall .gall_li_tit{font-size:1.3em;}
#bo_v_act .bo_v_good{padding-top: 20px !important;}
input[type="radio"], input[type="checkbox"]{margin-bottom:9px !important;}
#ol_id, #ol_pw{width: 90% !important;}
#ol_submit{width: auto !important;}
.lat ul{padding: 5px 10px !important;}
.pic_lt ul{padding:0px !important;}
.usdarea{padding:10px; margin:20px 0px; font-family: "커스텀 폰트";}
#USDKRW_usd,#USDKRW_php,#USDKRW_php_usd{text-align:center; font-size: 1.4em; font-weight:bold;}
#USDKRW_box_usd,#USDKRW_box_php,#USDKRW_box_php_usd{font-size:1.5em; text-align:center;}
#lastUpdate_usd,#lastUpdate_php,#lastUpdate_php_usd{text-align:center; color:#333; font-style: italic;}
#ol_after_private{margin:0 !important;}
#ol_after_private a{height: auto !important; padding: 6px 0 0 0 !important;}
.bo_w_link{position: relative !important;}





.text {
	letter-spacing:10px;
  text-align:center;
  font-weight: 600;
  font-size: 40px;/* 
  position: absolute; */
  width: 100%;
  /* left: 50%; */
  /* margin-left: -225px; */
/*   height: 40px; */
  /* top: 50%;*/
  margin-top: 50px; 
}

.text p {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

.word {
  position: absolute;
  width: 300px;
  opacity: 0;
}

.letter {
  display: inline-block;
  position: relative;
  float: left;
  transform: translateZ(25px);
  transform-origin: 50% 50% 25px;
}

.letter.out {
  transform: rotateX(90deg);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind {
  transform: rotateX(-90deg);
}

.letter.in {
  transform: rotateX(0deg);
  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.wisteria {
  color: #8e44ad;
}

.belize {
  color: #2980b9;
}

.pomegranate {
  color: #c0392b;
}

.green {
  color: #16a085;
}

.midnight {
  color: #ff8040;
}


#bo_list .td_name{text-align:center !important;}
#bo_gall .gall_text_href{padding: 0;}