@charset "utf-8";

/* slider 
-----------------------------*/
.visual {
	position:relative; overflow:hidden; width:100%; margin:0 0 20px 0; z-index:1; }
.visual > .list {
	position:relative; width:300%; left:-100%; z-index:1; }
.visual > .list:after { content:""; display:block; clear:both; }
.visual > .list.total1 {
	width:auto; left:0px; }
.visual img {
	display:block; max-width:100%; height:auto; margin:0 auto; }
.visual a {
	display:block; float:left; position:relative; 
	color:#fff; text-decoration:none; font-family:Corbel,Arial,Helvetica,sans-serif; }
.visual a[href=""] {
	cursor:default; }
.visual .total1 a {
	float:none; }
.visual .total2 a,
.visual .total3 a {
	width:33.33%; }
.visual a > p {
	position:absolute; top:50%; left:0px; right:0px; margin:-24px 0px 0px 0px; padding:0px 100px 0px 100px; 
	font-size:47px; letter-spacing:-1px; line-height:1; text-align:center; }
.visual.sub a > p {
	font-size:32px; text-align:left; }
.visual > button {
	position:absolute; top:0px; bottom:0px; width:100px; margin:0px; padding:0px; 
	border:0px; background:url('blank.gif'); 
	color:#fff; cursor:pointer; z-index:2; zoom:1;}
.visual > button:hover,
.visual > button:focus {
	background-color:rgba(0,0,0,.25); }
.visual > button > i {
	position:absolute; top:50%; left:50%; width:25px; height:50px; margin:-25px 0px 0px -12px; 
	background:url('slideNav.png') no-repeat; 
	zoom:1; }
.visual > .prev {
	left:0px; }
.visual > .next {
	right:0px; }
.visual > .prev > i {
	background-position:0px 0px; }
.visual > .next > i {
	background-position:-25px 0px; }

#myCarousel {
	max-height:400px; 
	overflow-y:hidden; }

.carousel-control .fa{
	position:absolute; top:45%; font-size:3em; }
.carousel-control.left .fa{
	left:30px; }
.carousel-control.right .fa{
	right:30px; }
.carousel-control.left,
.carousel-control.right{
	background-image:none; width:10%; }

.carousel-caption-wrapper{
	position:absolute; top:0; width:100%; height:100%; 
	background:rgba(0,0,0,0.2); }
.carousel-caption{
	bottom:inherit; top:120px; text-shadow:none; }
.carousel-caption h3{
	color:#fff; font-size:28px; line-height:1.5; text-shadow:0 1px 1px #111; }
.carousel-caption p{
	color:#fff; font-size:22px; text-shadow:0 1px 1px #111; }

.slide:after { content:""; display:block; clear:both; }
.slide .slide_container:after { content:""; display:block; clear:both; }


/* banner
----------------------------- */
/* banner - side */ 
.banner_left {
	position:fixed; top:150px; right:50%; margin-right:490px; width:117px; 
	*background:#f5f5f5; 
	*border:1px solid #ddd; 
	z-index:99; }
.banner_left img { 
	margin-bottom:10px; border:1px solid #ddd; }
.banner_right {
	position:fixed; top:150px; left:50%; margin-left:490px; width:115px; 
	*background:#f5f5f5; 
	*border:1px solid #ddd; 
	z-index:99; }
.banner_right img { 
	margin-bottom:10px; *border:1px solid #ddd; }


/* banner - home 1 */ 
.banner_home_01 { 
	margin:0px 0px 0px 0px; }
.banner_home_01 .text-wrap { 
	padding:0px 0px 30px 0px; background:#f2f2f2; }
.banner_home_01 .text-box { 
	padding:30px 30px 0 30px; height:150px; }
.banner_home_01 h3 { 
	margin:0px 0px 10px 0px; font-size:20px; font-weight:600; line-height:1.6; }
.banner_home_01 .btn {
	margin:0px 0px 0px 30px; padding:8px 14px 8px 14px !important; height:inherit !important; 
	display:inline-block; 
	font-size:14px; font-weight:400; line-height:1.42857143 !important; text-align:center; text-shadow:none; 
	white-space:nowrap; vertical-align:middle; cursor:pointer; 
	-ms-touch-action:manipulation; touch-action:manipulation; 
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; 
	background-image:none; border:1px solid transparent; border-radius:4px; box-shadow:none; }

.banner_home_01 .banner-text .banner-title { 
	position:absolute; top:unset; bottom:15px; right:30px; width:100%; 
	color:#fff; font-size:22px; font-weight:600; text-shadow:0 1px 1px #111; }
.banner_home_01 .banner-text .banner-des { 
	position:absolute; top:150px; right:30px; 
	color:#fff; font-size:18px; font-weight:600; text-shadow:0 1px 1px #111; }

/* banner - home 2 */ 
.banner_home_02 { 
	margin:0px 0px 0px 0px; }
.banner_home_02 h3 { 
	font-size:20px; font-weight:600; line-height:1.6; }
.banner_home_02 .clearfix {
	position:relative; overflow:hidden; }
.banner_home_02 .row > div { 
	*max-height:230px; overflow:hidden; margin-bottom:10px; }
.banner_home_02 .row > div .mask {
	bottom:0; left:0; position:absolute; right:0; top:0; margin:0; z-index:9; }
.banner_home_02 .row > div a img { }
.banner_home_02 .row > div a:hover img {
	*opacity:0.8; background:#000; }
.banner_home_02 .banner-text:hover { 
	*background:rgba(0,0,0,0.3); }
.banner_home_02 .banner-text { 
	*width:100%; *height:100%; *position:absolute; }
.banner_home_02 .banner-text .banner-title { 
	position:absolute; top:unset; bottom:15px; right:30px; width:100%;  
	color:#fff; font-size:22px; font-weight:600; text-shadow:0 1px 1px #111; }
.banner_home_02 .banner-text .banner-des { 
	position:absolute; top:150px; right:30px; 
	color:#fff; font-size:18px; font-weight:600; text-shadow:0 1px 1px #111; }
.banner_home_02 .row > div { 
	margin-bottom:0px; }

.banner_home_02 .banner-text .title-1 { 
	*left:10%; }
.banner_home_02 .banner-text .title-2 { 
	*left:25%; }
.banner_home_02 .banner-text .title-3 { 
	*left:20%; }

@media (max-width:767px) {	
	.banner_home_02 .banner-text .banner-title { 
		top:30%; left:30%; font-size:30px; }

	.banner_home_02 .banner-text .title-1 { 
		left:15%; }
	.banner_home_02 .banner-text .title-2 { 
		left:30%; }
	.banner_home_02 .banner-text .title-3 { 
		left:25%; }
}

/* banner - home 3 */ 
.banner_home_03 h2 { 
	font-size:18px; line-height:1.6; margin:0px; padding:0px 0px 3px 0px; border-bottom:2px solid #009ada; }
.banner_home_03 .clearfix {
	position:relative; overflow:hidden; }
.banner_home_03 .row > div { 
	*float:right; *width:48%; height:100%; border:0px solid #000; 
	}
.banner_home_03 .row > div > div > div { 
	padding:10px 10px 10px 10px; 
	border-width:1px; border-style:solid; border-color:rgb(221, 221, 221);
	background-image:none; background-repeat:repeat; background-position:0% 0%;	}


/* banner - home 4 */ 
.banner_home_04 {
	margin:0px 30px 0px 0px; padding:10px 10px 10px 10px; width:100%; display:inline-block; 
	box-shadow:none; background-color:#ffffff; border:10px solid #f0f8ff; border-radius:0; }
.banner_home_04 h2:before { 
	font-family:FontAwesome; content:"\f05a"; color:#085397; position:absolute; left:-30px; }
.banner_home_04 h2 { 
	margin:0px 0px 20px 30px; padding:0px 0px 0px 10px; position:relative; 
	color:#085397; font-size:22px; font-weight:600; line-height:1.6; 
	border-left:2px solid #ddd; }
.banner_home_04 .fa { 
	font-size:18px; }
.banner_home_04 h3 { 
	margin:0px 10px 0px 10px; 
	color:#085397; font-size:16px; font-weight:600; }
.banner_home_04 .label { 
	padding:0; display:inline-block; 
	color:#000; font-size:90%; text-align:left; }
.banner_home_04 a:not(.btn) { 
	color:#000; }
.banner_home_04 .kakaoid { 
	margin-top:5px; padding:3px 5px; display:inline-block; 
	background:#f3cf21; border-radius:10px; }


/* banner - page header */ 
.banner_page_header {
	position:relative; max-height:150px; overflow:hidden; margin-bottom:20px; }
.banner_page_header .text_box {
	position:absolute; top:0; width:100%; height:100%; 
	background:rgba(0,0,0,0.2);text-shadow:0 1px 1px #111; }
.banner_page_header .text_box h3 {
	position:relative; top:30%; width:100%;
	font-size:32px; color:#fff; font-weight:normal; text-shadow:0 1px 1px #111; text-align:center; }
.banner_page_header .text_box span {
	position:relative; top:30%; width:100%; display:block;
	font-size:16px; color:#f8f8f8; text-align:center; text-shadow:0 1px 1px #111; }



/* after 
----------------------------- */
.banner_home_01:after, 
.banner_home_02:after, 
.banner_home_03:after, 
.banner_home_04:after { 
	content:""; display:block; clear:both; }