@charset "utf-8"; 

/* 
-----------------------------*/
.footer {
	}

/* 
-----------------------------*/
.content_header {
	font-size:22px; font-weight:500; padding:0px 0px 0px; color:#000; 
	font-family:Arial, 'Nanum Gothic', '나눔고딕', NanumGothic, Malgun Gothic, AppleSDGothicNeo, Apple Gothic, Arial, Sans-serif;
	font-style: normal; font-stretch: normal; }
.content_header2 {
	font-size:16px; font-weight:500; padding:0px 0px 5px 0px; margin:0px; color:#000;  
	font-family:Arial, 'Nanum Gothic', '나눔고딕', NanumGothic, Malgun Gothic, AppleSDGothicNeo, Apple Gothic, Arial, Sans-serif; 
	font-style: normal; font-stretch: normal; }

/* back to top
-----------------------------*/
.back-top {
	position:fixed; bottom:10px; display:none; }
.back-top-inner a {
	width:45px; display:block; text-align:center; 
	font:11px/100% Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; color:#bbb; 
	-webkit-transition:1s; -moz-transition:1s; transition:1s; }
.back-top-inner a:hover {
	color:#000; }
.back-top-inner span {
	width:45px; height:45px; display:block; 
	background:url(../images/back_to_top.gif) no-repeat 0 0 #30b6ee; 
	border-radius:22px;
	-webkit-transition:1s; -moz-transition:1s; transition:1s; }
.back-top-inner a:hover span {
	background:url(../images/back_to_top.gif) no-repeat 0 0 #1b1b1b; }

/* usr_thumb
-----------------------------*/
.usr_thumb .overlay-wrap {
	position:absolute; left:0; top:0; width:100%; height:100%; margin:0px; padding:0px; }
.usr_thumb .overlay-wrap .overlay {
	width:100%; height:98%; margin:0px; padding:0px; background:#000; transition:0.25s; opacity:0; filter:alpha(opacity=0); }
.usr_thumb .overlay-wrap .overlay span { 
	position:absolute; 
	/*left:50%; top:50%; margin-left:-25%; margin-top:-25%; */ 
	padding:5px 5px 5px 5px; height:30px; 
	width:100%; left:0px; top:45%; margin:0px auto; 
	background:; border-radius:0px; 
	transition:0.25s; opacity:0.9; filter:alpha(opacity=90); 
	color:#fff; text-align:center; display:none; }
.usr_thumb:hover .overlay-wrap .overlay {
	opacity:0.7; filter:alpha(opacity=70); }
.usr_thumb:hover .overlay-wrap .overlay span {
	background:; opacity:1; filter:alpha(opacity=100); 
	color:#fff; display:block; }

.usr_thumb .overlay-wrap .overlay i.icon-search {
	color:#fff; }

/* 
-----------------------------*/
#iview2 {
	border:0px solid #000; position:relative; }

#iview2 div.iview-directionNav {
	position:absolute; top:45%; left:0px; z-index:2; width:100%; border:0px solid #00f; }

#iview2 div.iview-directionNav a {
	display:block; cursor:pointer; position:absolute; width:53px; height:100px; 
	background-image:url(../images/btn_direction_nav.png); 
	text-indent:-9999px; 
	-webkit-transition:left 0.3s ease-in-out; -webkit-transition-property:left,right; 
	-moz-transition:left 0.3s ease-in-out; -moz-transition-property:left,right; 
	-o-transition:left 0.3s ease-in-out; -o-transition-property:left,right; 
	-ms-transition:left 0.3s ease-in-out; -ms-transition-property:left,right; 
	transition:left 0.3s ease-in-out; transition-property:left,right; }

#iview2 div.iview-directionNav a.iview-nextNav {
	right:-110px; background-position:53px -101px; }
#iview2 div.iview-directionNav a.iview-prevNav {
	left:-110px; background-position:0px -101px; }

#iview2 div.iview-directionNav a.iview-nextNav:hover {
	right:-110px; background-position:53px 0px; }
#iview2 div.iview-directionNav a.iview-prevNav:hover {
	left:-110px; background-position:0px 0px; }

/* parallax
-----------------------------*/
.parallax_box_2 {
	padding:160px 0; text-align:center; 
	background:url("../images/parallax2.jpg") 50% 0 no-repeat; 
	}
.parallax_box_2 h3 {
margin:0; font-size:93px; line-height:1em; color:#ffffff; }
.parallax_box_2 h4 {
margin:12px 0 0 0; font-weight:300; font-size:43px; line-height:1em; color:#ffffff; }
.parallax_box_2 p {
margin:22px 0 0 0; font-weight:300; font-size:15px; line-height:22px; color:#ffffff; }
.parallax_box_2 .btn {
margin:27px 0 0 0; padding:16px 45px; font-weight:bold; font-size:19px; }
.parallax_box_2 > .container { margin:0px auto; }

/* showcase
-----------------------------*/
.showcase {
	margin:0px 0 0 0; }
.showcase a {
	display:block; overflow:hidden; position:relative; -webkit-box-sizing:border-box; box-sizing:border-box; }
.showcase a img {
	-webkit-transform:scale(1); transform:scale(1); 
	-webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out; 
	-o-transition:.3s ease-in-out; transition:.3s ease-in-out; }
.showcase a:hover img {
	-webkit-transform:scale(1.05); transform:scale(1.05); }
.showcase a div {
	width:100%; margin:-25px 0 0 0; padding:0 0px; text-align:center; position:absolute; left:0; top:50%; }
.showcase h3 {
	margin:0; font-weight:bold; font-size:18px; color:#ffffff; text-transform:uppercase; }
.showcase p {
	margin:4px 0 0 0; font-weight:300; font-size:15px; line-height:22px; color:#ffffff; display:none; }
.showcase span {
	display:inline-block; margin:8px 0 0 0; font-weight:300; font-size:17px; color:#ffffff; position:relative; }
.showcase span:before {
	content:''; width:100%; height:1px; background:#ffffff; position:absolute; left:0; bottom:1px; 
	-webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out; transition:.3s ease-in-out; }
.showcase span:hover:before {
	width:0; left:50%; right:50%; }

/* home text
-----------------------------*/
.home_text {
	margin:0px 0 0 0; text-align:center; }
.home_text ~ .home_text {
	}
.home_text h4 {
	margin:0; padding:30px 0 33px 0; font-weight:300; font-size:21px; line-height:1em; color:#333333; }
.home_text h4 b {
	display:block; padding:0 0 1px 0; font-size:23px; color:#11bf8a; }

.home_text_2 h4 {
	margin: 10px 0 0 0; font-weight: 300; font-size: 61px; color: #11bf8a; }
.home_text_2 h4 a {
	font-weight: 400; font-size: 21px; color:#333333; 
	-webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; 
	-o-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.home_text_2 p {
	margin: 2px 0 0 0; font-weight: 300; font-size: 15px; line-height: 22px; }

/* google map
-----------------------------*/
#google_map {
	margin: 0px 0px 0px 0px; }
#google_map,
#google_map iframe {
	height: 400px !important; }

/* 
-----------------------------*/
.hnb2 a {
	color:#333333; opacity:.5; 
	-webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; 
	-ms-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out; }
.hnb2 a:hover {
	opacity:1; }
.hnb2 {
	display:inline-block; }
.hnb2 li {
	display:inline-block; 	padding:0px 18px 0 0; }
.hnb2 li a {
	}
.hnb2 li a:before {
	margin:0 7px 0 0; font-family:"FontAwesome"; }
.hnb2 li.fa_sign_in a:before {
	content:'\f023'; font-size:14px; position:relative; top:1px; }
.hnb2 li.fa_user a:before {
	content:'\f007'; font-size:13px; }

.header_sns {
	}
.header_sns li {
	float:left; margin-right:5px; list-style:none; }
.header_sns li a {
	opacity:1; }
.header_sns li a:hover {
	text-decoration:none; }
.header_sns li i.fa {
	font-size:24px; color:#fff; display:block;opacity:.45;
	-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;transition:.3s ease-in-out; }
.header_sns li a:hover i.fa {
	opacity:1; }


/* 
-----------------------------*/
.bsc_col {
	display:inline; float:left; position:relative; margin:0px 0px; padding:0px 0px; }
.bsc_col .title {
	margin:0px 0 12px 0px; padding:0px 0px; 
	font-size:16px; line-height:14px; color:#000000; text-shadow:0px 0px 0px #000000; font-weight:normal; }

.bsc_col_1 {
	}
.bsc_col_2 {
	}

/* 
-----------------------------*/
.usr_box_1 { 
	background:#ffffff; padding:10px; 
	border:1px solid #CCCCCC;  
	border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; 
	}
.usr_box_2 { 
	background:#E3E3E3; padding:10px; font-size:18px; 
	border:1px solid #E3E3E3;  
	border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; }
.usr_box_2-1 { 
	background:#ffffff; padding:10px; font-size:18px; 
	border:1px solid #ffffff;  
	border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; }
.usr_box_3 { 
	background:#ffffff; padding:5px 10px 0px 10px; font-size:12px; 
	}

.usr_list { 
	border-top:0px solid #ddd; margin:0px 0px 0px 10px; padding:0px 0px; width:203px; list-style:none; } 
.usr_list li { 
	margin:0px 0px 5px 0px; padding:5px 0px 7px 20px; vertical-align:top; background:#E3E3E3 url('../images/usr_list.gif') no-repeat 10px 12px; 
	border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; 
	} 
.usr_list li a { 
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:14px; line-height:14px; display:block; border-bottom:0px solid #E4E4E4; 
	color:#3477AB; font-size:14px; position:relative; z-index:99; text-decoration:none;
	}
.usr_list2 { 
	border-top:0px solid #ddd; margin:0px 0px 0px 10px; padding:0px 0px; width:203px; list-style:none; } 
.usr_list2 li { 
	margin:0px 0px 5px 0px; padding:5px 0px 7px 20px; vertical-align:top; background:#E3E3E3 url('../images/usr_list.gif') no-repeat 10px 12px; 
	border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; 
	} 
.usr_list2 li a { 
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:28px; line-height:16px; display:block; border-bottom:0px solid #E4E4E4; 
	color:#3477AB; font-size:14px; position:relative; z-index:99; text-decoration:none;
	}

.usr_box_1,
.usr_box_2,
.usr_box_2-1,
.usr_list li { 
	behavior: url('/layouts/_bkr/PIE.htc');	
	}


/* 
-----------------------------*/
.usr_box_3:after { 
	content:""; display:block; clear:both; }


/* popup 
-----------------------------*/
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}