r@charset "utf-8";
/* CSS Document */


body,html{}
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
  ::-moz-selection {
	  background:#ffe000;
      color: #fff;
   }
   ::selection {
	     background:#ffe000;
      color: #fff;
   }
#toptext{display:none !important;}
ul,li{list-style:none;}
body {


scrollbar-face-color:#FFFFFF; /*스크롤바의 색을 지정*/
scrollbar-track-color:#2d3645; /*배경 부분의 색을 지정*/

scrollbar-arrow-color:#FFFFFF; /*화살표 버튼의 색을 지정*/

scrollbar-highlight-color:#FFFFFF; /*스크롤바의 왼쪽과 위쪽의 안쪽 색을 설정*/
scrollbar-shadow-color:#FFFFFF; /*스크롤바의 오른쪽과 밑에 들어가는 안쪽 색 지정*/

scrollbar-3dlight-color:#2d3645; /*스크롤바의 왼쪽과 위쪽 바탕으로 들어가는 색 지정*/
scrollbar-darkshadow-color:#2d3645; /*스크롤바의 오른쪽과 밑에 그림자의 색을 지정*/
}

/* 왼쪽 메뉴가 고정되었을 때 컨텐츠가 잘리지 않도록 padding 적용 */
/* margin 대신 padding을 사용하여 중앙정렬 유지 */
body.has-fixed-menu {
	padding-left: 150px !important;
	box-sizing: border-box !important;
	-webkit-transition: padding-left 0.5s ease-in-out;
	-moz-transition: padding-left 0.5s ease-in-out;
	-o-transition: padding-left 0.5s ease-in-out;
	transition: padding-left 0.5s ease-in-out;
}

/* position:fixed인 헤더도 메뉴를 피하도록 조정 */
body.has-fixed-menu .cbp-af-header {
	left: 150px !important;
	width: calc(100% - 150px) !important;
	-webkit-transition: left 0.5s ease-in-out, width 0.5s ease-in-out;
	-moz-transition: left 0.5s ease-in-out, width 0.5s ease-in-out;
	-o-transition: left 0.5s ease-in-out, width 0.5s ease-in-out;
	transition: left 0.5s ease-in-out, width 0.5s ease-in-out;
}

/* 메뉴 자체에도 부드러운 전환 효과 */
.jbMenu2 {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/* 메뉴가 고정될 때 부드럽게 나타나도록 */
.jbFixed {
	-webkit-animation: slideInFromLeft 0.5s ease-in-out;
	-moz-animation: slideInFromLeft 0.5s ease-in-out;
	animation: slideInFromLeft 0.5s ease-in-out;
}

@-webkit-keyframes slideInFromLeft {
	from {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slideInFromLeft {
	from {
		opacity: 0;
		transform: translateX(-20px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@media (max-width: 1440px) {
	body.has-fixed-menu {
		padding-left: 0 !important;
		padding-top: 50px !important;
		-webkit-transition: padding 0.5s ease-in-out;
		-moz-transition: padding 0.5s ease-in-out;
		-o-transition: padding 0.5s ease-in-out;
		transition: padding 0.5s ease-in-out;
	}

	/* 중간 화면에서는 헤더 원위치 */
	body.has-fixed-menu .cbp-af-header {
		left: 0 !important;
		width: 100% !important;
	}
}

@media (max-width: 950px) {
	body.has-fixed-menu {
		padding-left: 0 !important;
		padding-top: 0 !important;
	}
}
input, textarea, button {}

input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}


	.leftNav_wrap { overflow:hidden;   height:100%; position:fixed; z-index:1000; left:0px; top:0px; }
.left_nav {  height:100%;  position:relative; overflow:hidden; line-height:0px; vertical-align:top; font-size:0px; }
.left_nav .wrap1 { float:left; overflow:hidden;  height:100%;  position:relative; font-size:0; }


/****************************************/



@media (max-width: 1440px) {


}

 @media (max-width: 1280px) {


 }



.sub_section{float:left;}
 @media (max-width: 950px) {

 .section_warp_size{margin-left:0px; padding-right:0px; max-width:2000px;}

 .sub_section{ }
 #login_zones,#qu_k5{ display:none;}}





		 /***********메인아래************************************/




.fast_section{width:100%; height:480px; position:relative; overflow:hidden;
background:url(../img/main/fast_bg.jpg)50% ;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../img/main/fast_bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main/fast_bg.jpg', sizingMethod='scale')";
 }
 .board_all_bgs{width:100%; height:200px; position:relative;
background:url(../img/all/board_all.jpg)50% ;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../img/main/fast_bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main/fast_bg.jpg', sizingMethod='scale')";
 }


 @media (max-width: 950px) {
 .fast_section{width:100%; height:580px;  position:relative; overflow:hidden;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover !important;
background:url(../img/main/fast_bg.jpg)80% ;


filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../img/main/fast_bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main/fast_bg.jpg', sizingMethod='scale')";





 }

  .board_all_bgs{ display:none;}




 }

 .map_section{width:100%; height:500px; position:relative;
background:url(../img/main/map_footer.jpg)50% ;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../img/main/map_footer.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main/map_footer.jpg', sizingMethod='scale')";
 }
.map_texts{position:absolute; top:50px; left:50%; margin-left:-600px;}

 @media (max-width: 900px) {
 .map_section{width:100%; height:400px; position:relative;
background:url(../img/main/map_footer.jpg)50% ;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../img/main/map_footer.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main/map_footer.jpg', sizingMethod='scale')";
 }

 .map_texts { width:300px;}
.map_texts{position:absolute; top:50px; left:50%; margin-left:-150px; opacity:0;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
.map_texts:hover{position:absolute; top:50px; left:50%; margin-left:-150px; opacity:1;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

 }
 .inters{float:left; width:50%; max-width:1000px;  overflow:hidden;}
#text_inters{ width:50%; height: auto;  background:#a6797e;}


 @media (max-width: 900px) {

.inters{float:left; width:100%; max-width:1000px;max-height:450px; height:auto; overflow:hidden;}
#text_inters{ width:50%; height: auto; display:none;  background:#a6797e;}

 }


#fast_form_pop{ width:100%; position:absolute; top:50px; right:-100px; max-width:800px; }
.btn_fast_s{ width:100%; background:#8d8d8d;  height:155px; border-radius:0px; margin-top:0px;
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

.btn_fast_s:hover{ width:100%; background:#8072a7;
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;  height:155px; border-radius:0px; margin-top:0px;}

.fast_forms{ width:100%;  height:50px; line-height:50px; border:none; margin:2px; color:#999;}
.fast_forms2{width:100%;  height:50px; line-height:50px;border:none; margin:2px; color:#999;}

.qu_counsel{position:fixed; bottom:0px; right:0px;}


	#senddddd{padding-top:50px;}

@media (max-width: 900px) {
.btn_fast_s{ width:100%; background:#8d8d8d;  height:55px; border-radius:0px; margin-top:0px;}
#fast_form_pop { width:100%; position: relative; top:50px; right:0px; max-width:300px;}
#wr_content #wr_subject #wr_name{ max-width:300px;}
.qu_counsel{position:fixed; bottom:90px; right:0px;}
	#senddddd{padding-top:0px;}

}

.divpop2 {z-index:1000; position:fixed; bottom:100px; left:0px;  height:120px; visibility:visible; display:block;}

.fast_form_free{ float:left; margin:2%; }
#fast_1form{ width:30%;}
#fast_2form{ width:30%;}
@media (max-width:900px) {
	.fast_form_free{ float:left; margin:0  auto; max-width:95%;  }
#fast_1form{ width:100%;}
#fast_2form{ width:100%;}
.divpop2 {z-index:1000; position:fixed; bottom:30px; left:50px;  height:120px; visibility:visible; display:block;}
}










.logo_op{
    animation-name: logo_opef;
    animation-duration:  0.8s;
    animation-iteration-count:1;/* infinite;*/
    animation-direction: reverse;

	opacity:1;
	animation-timing-function :ease-out ;

    animation-delay: 0.2s;
	animation-fill-mode:forwards;




	}

@keyframes logo_opef {
    from {opacity:1; }

	 to {opacity:0; }
}


.noto {
    font-family: 'Noto Sans Korean', sans-serif; font-weight:100 !important;
}

.noto2 {
    font-family: 'Noto Sans Korean', sans-serif;
}
.mj{font-family: 'Nanum Myeongjo', serif;


}
































/**상단바로가기***/
.logo_op{width: auto; position:relative; left:50%; margin-left:-600px;}

.logo_op{
    animation-name: logo_opef;
    animation-duration:  0.8s;
    animation-iteration-count:1;/* infinite;*/
    animation-direction: reverse;

	opacity:1;
	animation-timing-function :ease-in-out;

    animation-delay: 0.2s;
	animation-fill-mode:forwards;




	}

@keyframes logo_opef {
    from {opacity:1; }

	 to {opacity:0; }
}



 .top_scroll_container { display:none; right:20px; bottom:20px; position:fixed;  z-index:1000000000000000 !important; }
		.top_scroll_container .top_scroll_wrapper { top:30px; width:41px; height:41px; overflow:hidden; position:relative; }

		.top_scroll_container .top_scroll_wrapper .top_s_arrow { top:0px; left:0px; position:relative; z-index:10000; }


/****************/
@media (max-width: 600px) {

	.top_scroll_container { display:none; right:10px; bottom:100px; position:fixed;  z-index:1000000000000000 !important; }


}




/**상단바로가기***/

.lat_top{position:absolute; top:2px; left:208px; }

/**상단팝업***/
	.topBanWrap {display:none; position: fixed; top:60px; z-index:1000000; width:100%; height:1200px; /*no-repeat center top;/* background:yellow;*/ overflow:hidden; background-size:cover; background:url(../img/pop_bg.png);}
.top_contents{ width:100%; margin:0 auto;}

	#topBanBtn {width:100%; max-width:108px; cursor:pointer; position: relative; height:37px;}
	#topBanBtn img{ position:absolute; right:0px;  top:0px;}



	#tels{position:absolute; top:50px; right:50%; margin-right:-600px; z-index:1;}
	.sc_fom{z-index:10000  !important; position:absolute; top:20px; right:50%; margin-right:-400px;}



/**상단팝업***/





/*********메뉴시작**********/

.vivivi{display:none;}

#header_wrap{    animation-name: top_main_potss1;
    animation-duration: 0.8s;
    animation-iteration-count:1;/* infinite;*/
    animation-direction: reverse;

	opacity:0;

    animation-delay:  0.8s;
	animation-fill-mode:forwards;
	animation-timing-function :ease-in-out;}

@keyframes top_main_potss1 {
    from {opacity:1; top:0px; }
	 to {opacity:0.0; top:-90px;    }
}










.navi{
    animation-name: top_main_potss5;
    animation-duration:  0.9s;
    animation-iteration-count:1;/* infinite;*/
    animation-direction: reverse;
  animation-timing-function :ease-in-out;
	opacity:0;

    animation-delay: 0s;
	animation-fill-mode:forwards;
	animation-timing-function :ease-in-out;



	}

@keyframes top_main_potss5 {
    from {opacity:1; left:0px; }
	 to {opacity:0.0; left:-88px;  }
}




#loggogos{ position:fixed;  left:20px;  z-index:600!important;}
  #loggogos{
    animation-name: top_loggogos;
    animation-duration: 1.5s;
    animation-iteration-count:1;/* infinite;*/
    animation-direction: reverse;
    animation-timing-function :ease-in-out;
	opacity:0;

    animation-delay: 1.5s;
	animation-fill-mode:forwards;
	animation-timing-function :ease-in-out;



	}

@keyframes top_loggogos {
    from {opacity:1; left:20px;}
	 to {opacity:0; left:-350px;}
}
 #top_linkss a{border-bottom: 1px solid #fff; -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease ; text-decoration:none;}
 #top_linkss a:hover{border-bottom: 7px solid #333; -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease ; color: #999;}
 #top_linkss{font-size:15px; position:absolute; top:50px; width:450px; left:35%; margin-left:-300px;  }
  #top_linkss{
    animation-name: top_linkssef;
    animation-duration: 1.5s;
    animation-iteration-count:1;/* infinite;*/
    animation-direction: reverse;
    animation-timing-function: linear;
	opacity:0;

    animation-delay: 0.5s;
	animation-fill-mode:forwards;
	animation-timing-function :ease-in-out;



	}

@keyframes top_linkssef {
    from {opacity:1; margin-left:-300px;}
	 to {opacity:0; margin-left:-350px;}
}





.btn_eff_x{
	background:url(../img/top/header_all_btn2.png); width:50px; height:50px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; background-size:cover;}
.btn_eff_x:hover {transform: rotate(180deg)
;-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}



/*** 이벤트 레이어 끝*****/



/*********메뉴끝**********/

/******모바일 메뉴*******/


#member_zone{ position:absolute; top:5px; right:5px; width: auto;}

.icons{  width:50px; height:49px; overflow:hidden; position: fixed; right:100px; top:10px; z-index:1000; }
.icons2{  width:50px; height:49px; overflow:hidden; position: fixed; right:150px; top:10px; z-index:1000; }





#main_navi{position: absolute;  right:30px;z-index:10000 !important; width:36px; height:50px; background:url(../img/m_m.png); display:none;}



.main_na{ position:fixed; top:5px; right:0px;}
#wrap{
	position:relative;
	left:0;
	width:100%;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;

}
#wrap.mobile_gnbOpen{left:-118px}




#mobile_gnb{position: relative;top:0;right:0;width:99%;height:100%;text-align:left;z-index:5000000000000000000000 !important;display:none}
#mobile_gnb .mobile_gnb_wrap{
	position: fixed;
	top:0;
	right:-300px;
	width:700px;
	height:100%;
	background:#fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index:100000000000000000000000000;
	opacity:0;
}
#mobile_gnb .mobile_gnb_wrap.open{right:0;}

#mobile_gnb .mobile_gnb_wrap.open{
    animation-name: top_main_navi_op;
    animation-duration: 0.5s;
    animation-iteration-count:1;/* infinite;*/
    animation-direction: reverse;



    animation-delay: 0.0s;
	animation-fill-mode:forwards;
	animation-timing-function :ease-in-out;



	}

@keyframes top_main_navi_op {
    from {opacity:1; }
	 to {opacity:0;

}
}

#mobile_gnb .mobile_gnb_wrap.default{right:-300px; opacity:1;}
#mobile_gnb .mobile_gnb_bg{position:fixed;top:0;left:0;width:100%;height:100%}


#header .mobile_btn{display:block}

.m_map_size{height:auto;}
@media (max-width: 1200px) {

	#main_navi{position: fixed; top:40px;  right:20px !important;z-index:1000 !important; width:36px; height:50px; background:url(../img/m_m2.png); display:block;}}
@media (max-width: 900px) {




#mobile_gnb{position: relative;top:0;right:0;width:99%;height:100%;text-align:left;z-index:5000000000000000000000000 !important;display:none}
#mobile_gnb .mobile_gnb_wrap{
	position: fixed;
	top:0;
	right:-300px;
	width:100%;
	height:100%;
	background:#fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index:100000000000000000000000000 !important;
}
#mobile_gnb .mobile_gnb_wrap.open{right:0}
#mobile_gnb .mobile_gnb_wrap.default{right:-300px}
#mobile_gnb .mobile_gnb_bg{position:fixed;top:0;left:0;width:100%;height:100%}


#header .mobile_btn{display:block}
.m_map_size{max-height:500px; overflow-y:scroll; overflow-x:hidden;}
 }


/******모바일 메뉴*******/




/*******이벤트존***********/


.main_event_zone div{position:relative;*zoom:1; }
.ca-nav{ width:100%;margin:0 auto;z-index:10; max-width:1900px;  }



/* Circular Content Carousel Style */
.main_event_zone{
	position:relative;

	width:100%;
	max-width:1900px;
	height:380px;
	margin:0 auto;



}
.event_zone{
	width:100%;
	height:100%;
	position:relative;
}

.event_s{
	min-width:380px; min-height:380px;
	position:relative;
	float:left;
	width:100%;
	max-width:380px !important;
	height:100%;
	text-align:center;

	overflow:hidden;

}



.event_s:hover{
	min-width:380px; min-height:380px;
	position:relative;
	float:left;
	width:100%;
	max-width:380px !important;
	height:100%;
	text-align:center;
	opacity:0.6;
	-webkit-transition: all 0.0s ease;
	-moz-transition: all 0.0s ease;
	-o-transition: all 0.0s ease;
	transition: all 0.0s ease;
	overflow:hidden;

}




	.ca-nav-prev{ position:absolute; right:50px; top:0px; width:50px;height:50px;background:url('../img/prev2.png') no-repeat;text-indent:-9000px;cursor:pointer;background-size: cover;}
.ca-nav-next{position:absolute; right:0px; top:0px;  width:50px;height:50px;background:url('../img/next2.png') no-repeat;text-indent:-9000px;cursor:pointer;background-size: cover;}
.ca-nav-prev:hover,.ca-nav-next:hover{ top:-4px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
@media (max-width: 1700px) {
	.ca-nav{ width:100%; margin:0 auto;z-index:10; max-width:1200px; }



/* Circular Content Carousel Style */
.main_event_zone{
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:1200px;
	height:296px;


}
.event_zone{
	width:100%;
	height:100%;
	position:relative;
}
.event_zone img{width:100%; }
.event_s{
	position:relative;
	float:left;
	width:100%;
	max-width:300px !important;
	height:100%;
	text-align:center;
	min-width:300px; min-height:296px;

}



	}


@media (max-width: 900px) {


	.ca-nav-prev{ position:absolute; left:0px; top:0px; width:40px;height:40px;background:url('../img/prev2.png') no-repeat;text-indent:-9000px;cursor:pointer;background-size:100%;}
.ca-nav-next{position:absolute; right:0px; top:0px;  width:40px;height:40px;background:url('../img/next2.png') no-repeat;text-indent:-9000px;cursor:pointer;background-size:100%;}


	/* Circular Content Carousel Style */
.main_event_zone{
	position:relative;
	margin:0 auto;
	width:300px;
	height:296px;
	padding-top:20px;




}
.event_s{
	position:relative;
	float:left;
	width:25% !important;
	height:100%;

	text-align:center;
}

.event_s img{width:100%; max-height:296px;}
}
/**************************/





/**라테스트***/


#board_main{ width:100%;background:#f5f5f5; padding:30px; height:100%; min-height:450px;}
.main_board{ max-width:1550px; margin:0 auto; padding-top:30px; }

.main_board li{float:left; width:33.3%;     }
.main_board li img{width:95%;}
.marauto {margin:0 auto; width:100%; max-width:320px; padding:10px; line-height:15px !important; min-height:150px;}
.board_texts { display:block; margin:0 auto;}

@media (max-width: 1250px) {
#board_main{ width:100%;background:#f5f5f5; padding:30px; height:100%; min-height:450px;}
.main_board{ max-width:1200px; margin:0 auto; padding-top:30px;}

.main_board li{float:left; width:33.3%;   }
.marauto {margin:0 auto; width:100%; max-width:320px; padding:10px; line-height:15px !important;}
.board_texts {display:block; margin:0 auto;}


}

@media (max-width: 950px) {


#board_main{ width:100%;background:#f5f5f5; padding:30px; height:100%; min-height:auto;}
.main_board{ width:100%; margin:0 auto; padding-top:30px;}

.main_board li{float:left; width:100%;  min-width:300px;  }
.marauto {margin:0 auto; width:100%; max-width:300px; padding:0px; display:block;}
.board_texts { margin:0 auto; display:block;}

}

#board_main5{ width:100%;background:#f5f5f5; padding:30px; height:100%; min-height:450px;}
.main_board5{ max-width:1550px; margin:0 auto; padding-top:30px; }

.main_board5 li{float:left; width:33.3%;     }

.marauto {margin:0 auto; width:100%; max-width:320px; padding:10px; line-height:15px !important; min-height:150px;}
.board_texts { display:block; margin:0 auto;}

@media (max-width: 1250px) {
#board_main5{ width:100%;background:#f5f5f5; padding:30px; height:100%; min-height:450px;}
.main_board5{ max-width:1200px; margin:0 auto; padding-top:30px;}
.main_board5 li{float:left; width:33.3%;   }
.marauto {margin:0 auto; width:100%; max-width:320px; padding:10px; line-height:15px !important;}
.board_texts {display:block; margin:0 auto;}


}

@media (max-width: 950px) {


#board_main5{ width:100%;background:#f5f5f5; padding:30px; height:100%; min-height:auto;}
.main_board5{ width:100%; margin:0 auto; padding-top:30px;}

.main_board5 li{float:left; width:100%;  min-width:300px;  }
.marauto {margin:0 auto; width:100%; max-width:300px; padding:0px; display:block;}
.board_texts { margin:0 auto; display:block;}

}

/**라테스트***/














/*****메인비주얼***/

.main_text1{font-family: 'Nanum Myeongjo', serif; font-size:60px;  color:#fff; word-break:break-all; /*text-shadow: 1px 1px 1.5px #333;*/}
.main_text2{font-family: 'Nanum Myeongjo', sans-serif; font-size:26px; letter-spacing:10px; text-transform:uppercase; color:#fff;word-break:break-all;/*text-shadow: 1px 1px 1.5px #333;*/}
.main_text3{font-family: 'Nanum Myeongjo', sans-serif;  font-size:7px;color:#fff;word-break:break-all;text-transform:uppercase; color:#fff;word-break:break-all;letter-spacing:0px;}
.main_text4{font-family: 'Noto Sans Korean', sans-serif;  font-size:18px;color:#fff;word-break:break-all; ;}

.main_color{background:#151521;  height:700px;}
.jnk_jnk_content2visual .page{position:absolute; bottom:0px;z-index:100; width:100%; max-width:300px; -webkit-transition: all 0.5s ease; height:100px; left:50%;
margin-left:-100px;
	}
.jnk_jnk_content2visual .page li{display:inline; line-height:38px;   }
.jnk_jnk_content2visual .page li a{display:inline-block;zoom:1;*display:inline;width:43px;height:15px;margin:0px;overflow:hidden ;background:none; border-radius:20px; border:2px solid #fff;   text-decoration:none;   text-align:center;  font-size:14px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; color:#CCC; }
.jnk_jnk_content2visual .page li.actived a{width:43px;height:15px; background:#fff; border-radius:20px; border:2px solid #fff;
 opacity:1;

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; }
.jnk_jnk_content2visual .page li a:hover{width:43px;height:15px; background:#fff;  border-radius:20px; border:2px solid #fff;
 opacity:0.8;

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; }






.jnk_jnk_content2visual .visual_wrap > a{position:absolute; top:380px;z-index:500;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}


.jnk_jnk_content2visual .visual_wrap > a.btn_left{ left:150px; position:absolute; }
.jnk_jnk_content2visual .visual_wrap > a.btn_right{ right:100px; position:absolute; }



.jnk_jnk_content2visual{position:relative; width:100%; margin-top:0px;height:700px; -webkit-overflow-scrolling :touch;overflow-scrolling :touch}
.jnk_jnk_content2visual .visual_wrap{position:relative;   height:700px; overflow:hidden;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
.jnk_jnk_content2visual .visuals{position:relative;}
.jnk_jnk_content2visual .vi_wrap{position:absolute;top:0px;left:0px;width:100%;height:700px;overflow:hidden}
.jnk_jnk_content2visual .vi_wrap > div{position:relative;height:700px;}
.jnk_jnk_content2visual .vi_wrap .all_text{position:absolute;top:0;text-align:center;z-index:10}
.jnk_jnk_content2visual .vi_wrap .all_imgs p{position: absolute;}
.jnk_jnk_content2visual .vi_wrap .all_imgs img{}



.all_imgs p{}

.jnk_jnk_content2visual .jnk_contents01 {background:url(../img/main/bgbg.jpg); }
.jnk_jnk_content2visual .jnk_contents02 {background:url(../img/main/bgbg.jpg); }
.jnk_jnk_content2visual .jnk_contents03 {background:url(../img/main/bgbg.jpg); }
.jnk_jnk_content2visual .jnk_contents04 {background:url(../img/main/bgbg.jpg); }
.jnk_jnk_content2visual .jnk_contents09 {background:url(../img/main/bgbg.jpg); }

.img01{ top:0px; left:0px; position: relative; background:url(../img/1.jpg) 50%; width:100%; height:700px;}

.img02{ top:0px; left:0px; position: relative; background:url(../img/2.jpg) 50%; width:100%; height:700px;}

.img03{ top:0px; left:0px; position: relative; background:url(../img/3.jpg) 50%; width:100%; height:700px;  }
.img04{ top:0px; left:0px; position: relative; background:url(../img/4.jpg)50%; width:100%; height:700px;}
.img05{ top:0px; left:0px; position: relative; background:url(../img/5.jpg)50%; width:100%; height:700px;}
.img06{ top:0px; left:0px; position: relative; background:url(../img/6.jpg)50%; width:100%; height:700px;}
.img07{ top:0px; left:0px; position: relative; background:url(../img/7.jpg)50%; width:100%; height:700px;}
.img08{ top:0px; left:0px; position: relative; background:url(../img/8.jpg)50%; width:100%; height:700px;}
.img09{ top:0px; left:0px; position: relative; background:url(../img/9.jpg)50%; width:100%; height:700px;}


.img01,.img02,.img03,.img04,.img05,.img06,.img07,.img08,.img09 {
  animation-duration: 0.6s;
  animation-name: slidein;
  animation-timing-function:easeOutQuint;
  animation-timing-function :ease-in-out;

}

@keyframes slidein {
  from {
    margin-left:0%;
    width: 300%
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}






.jnk_jnk_content2visual .jnk_contents01 .all_text{ left:50%; margin-left:-500px;top:190px; position:absolute;}
.jnk_jnk_content2visual a {text-decoration:none !important;}

.jnk_jnk_content2visual .jnk_contents01 .jnk_text01{ }


.jnk_jnk_content2visual .jnk_contents01 .jnk_text02{}
.jnk_jnk_content2visual .jnk_contents01 .jnk_text03{}
.jnk_jnk_content2visual .jnk_contents01 .jnk_text04{}

.jnk_jnk_content2visual .jnk_contents02 .all_imgs p{}
.jnk_jnk_content2visual .jnk_contents02 .all_text{ left:50%; margin-left:-500px;top:190px; position:absolute;}
.jnk_jnk_content2visual .jnk_contents02 .jnk_text01{ }
.jnk_jnk_content2visual .jnk_contents02 .jnk_text02{ }
.jnk_jnk_content2visual .jnk_contents02 .jnk_text03{}
.jnk_jnk_content2visual .jnk_contents02 .jnk_text04{}

.jnk_jnk_content2visual .jnk_contents02 .jnk_text10{  }
.jnk_jnk_content2visual .jnk_contents02 .jnk_text11{  }
.jnk_jnk_content2visual .jnk_contents02 .jnk_text12{}

.jnk_jnk_content2visual .jnk_contents03 .all_imgs p{}
.jnk_jnk_content2visual .jnk_contents03 .all_text{left:50%; margin-left:-500px;top:190px; position:absolute; }
.jnk_jnk_content2visual .jnk_contents03 .jnk_text01{ }
.jnk_jnk_content2visual .jnk_contents03 .jnk_text02{ }
.jnk_jnk_content2visual .jnk_contents03 .jnk_text03{}
.jnk_jnk_content2visual .jnk_contents03 .jnk_text05{ }
.jnk_jnk_content2visual .jnk_contents03 .jnk_text06{ }
.jnk_jnk_content2visual .jnk_contents03 .jnk_text07{}


.jnk_jnk_content2visual .jnk_contents04 .all_imgs p{ }
.jnk_jnk_content2visual .jnk_contents04 .all_text{position:absolute;  left:50%; margin-left:-550px; top:110px;}
.jnk_jnk_content2visual .jnk_contents04 .all_text p{}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text01{ }
.jnk_jnk_content2visual .jnk_contents04 .jnk_text01 img{}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text02{}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text02 img{}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text03{}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text04{ }
.jnk_jnk_content2visual .jnk_contents04 .jnk_text05{ }
.jnk_jnk_content2visual .jnk_contents04 .jnk_text06{   }
.jnk_jnk_content2visual .jnk_contents04 .jnk_text07{ }

.jnk_jnk_content2visual .jnk_contents09 .all_imgs p{}
.jnk_jnk_content2visual .jnk_contents09 .all_text{left:50%; margin-left:-50px;top:150px; position:absolute; }
.jnk_jnk_content2visual .jnk_contents09 .jnk_text01{ }
.jnk_jnk_content2visual .jnk_contents09 .jnk_text02{ }
.jnk_jnk_content2visual .jnk_contents09 .jnk_text03{ }
.jnk_jnk_content2visual .jnk_contents09 .jnk_text05{ }
.jnk_jnk_content2visual .jnk_contents09 .jnk_text06{ }
.jnk_jnk_content2visual .jnk_contents09 .jnk_text07{}



.jnk_jnk_content2visual .jnk_contents05 .all_text{left:50%; margin-left:-550px;top:120px; position:absolute; width:800px;}

.jnk_jnk_content2visual .jnk_contents06 .all_text{left:50%; margin-left:-450px;top:140px; position:absolute; width:800px;}
.jnk_jnk_content2visual .jnk_contents07 .all_text{left:50%; margin-left:-450px;top:140px; position:absolute; width:800px;}

.jnk_jnk_content2visual .jnk_contents06 .jnk_text05{ position:absolute; left:100px;top:400px; }
.jnk_jnk_content2visual .jnk_contents06 .jnk_text06{ position:absolute; left:280px;top:400px; }
.jnk_jnk_content2visual .jnk_contents06 .jnk_text07{ position:absolute; left:460px; top:400px;}











@media (max-width: 1920px) {

}
@media (max-width: 1680px) {

}
@media (max-width: 1600px) {

}
@media (max-width: 1440px) {

}
@media (max-width: 1280px) {





}
@media (max-width: 1024px) {

}

@media (max-width: 950px) {

.img01{ top:0px; left:0px; position: relative; background:url(../img/1.jpg) 50%; width:100%; height:400px; background-size:cover;}

.img02{ top:0px; left:0px; position: relative; background:url(../img/2.jpg) 60%; width:100%; height:400px; background-size:cover;}

.img03{ top:0px; left:0px; position: relative; background:url(../img/3.jpg) 60%; width:100%; height:400px; background-size:cover;}

.img09{ top:0px; left:0px; position: relative; background:url(../img/9.jpg) 30%; width:100%; height:400px; background-size:cover;}

.main_color{background:#151521; height:400px !important;  min-height:400px;}

.jnk_jnk_content2visual{position:relative; width:100%; margin-top:0px;height:30px !important; overflow:hidden;  min-height:400px; -webkit-overflow-scrolling :touch;overflow-scrolling :touch}
.jnk_jnk_content2visual .visual_wrap{position:relative;   height:100%;  min-height:400px; overflow:hidden;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
.jnk_jnk_content2visual .visuals{position:relative;}
.jnk_jnk_content2visual .vi_wrap{position:absolute;top:0px;left:0px;width:100%;height:100%; min-height:400px;overflow:hidden}
.jnk_jnk_content2visual .vi_wrap > div{position:relative;height:100%; min-height:400px;}
.jnk_jnk_content2visual .vi_wrap .all_text{position:absolute;top:0;text-align:center;z-index:10}
.jnk_jnk_content2visual .vi_wrap .all_imgs p{position: absolute;}
.jnk_jnk_content2visual .vi_wrap .all_imgs img{}



.all_imgs p{}

.jnk_jnk_content2visual .jnk_contents01 {background:url(../img/main/bgbg.jpg); }
.jnk_jnk_content2visual .jnk_contents02 {background:url(../img/main/bgbg.jpg); }
.jnk_jnk_content2visual .jnk_contents03 {background:url(../img/main/bgbg.jpg); }
.jnk_jnk_content2visual .jnk_contents04 {background:url(../img/main/bgbg.jpg); }
.jnk_jnk_content2visual .jnk_contents09 {background:url(../img/main/bgbg.jpg); }









.jnk_jnk_content2visual .page{position:absolute; top:350px !important;z-index:100; width:200px; -webkit-transition: all 0.5s ease; height:20px; left:50%;
margin-left:-40px;
	}
.jnk_jnk_content2visual .page li{display:inline; line-height:30px;   }
.jnk_jnk_content2visual .page li a{display:inline-block;zoom:1;*display:inline;width:10px;height:10px;margin:0px;overflow:hidden ; background:#;     text-decoration:none;   text-align:center;  font-size:12px;-webkit-transition: all 0.5s ease; border-radius:5px;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; color:#CCC; }
.jnk_jnk_content2visual .page li.actived a,.jnk_jnk_content2visual .page li a:hover{background:#fff;   background-position:59px 59px;  color:#fff;  height:10px; width:010px;
 opacity:1;

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; border:0px solid #527ccc;}






.jnk_jnk_content2visual .visual_wrap > a{position:absolute; top:180px;z-index:500;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}


.jnk_jnk_content2visual .visual_wrap > a.btn_left{ left:10px; position:absolute;}
.jnk_jnk_content2visual .visual_wrap > a.btn_right{ right:10px; position:absolute;}


.all_text img{width:300px;}

.jnk_jnk_content2visual .jnk_contents01 .all_text{left:50%; margin-left:-150px;top:80px; position:absolute; }
.jnk_jnk_content2visual a {text-decoration:none !important;}

.jnk_jnk_content2visual .jnk_contents01 .jnk_text01{ }


.jnk_jnk_content2visual .jnk_contents01 .jnk_text02{}
.jnk_jnk_content2visual .jnk_contents01 .jnk_text03{}
.jnk_jnk_content2visual .jnk_contents01 .jnk_text04{}

.jnk_jnk_content2visual .jnk_contents02 .all_imgs p{}
.jnk_jnk_content2visual .jnk_contents02 .all_text{left:50%; margin-left:-150px;top:80px; position:absolute; }
.jnk_jnk_content2visual .jnk_contents02 .jnk_text01{ }
.jnk_jnk_content2visual .jnk_contents02 .jnk_text02{ }
.jnk_jnk_content2visual .jnk_contents02 .jnk_text03{}
.jnk_jnk_content2visual .jnk_contents02 .jnk_text04{}

.jnk_jnk_content2visual .jnk_contents02 .jnk_text10{  }
.jnk_jnk_content2visual .jnk_contents02 .jnk_text11{  }
.jnk_jnk_content2visual .jnk_contents02 .jnk_text12{}

.jnk_jnk_content2visual .jnk_contents03 .all_imgs p{}
.jnk_jnk_content2visual .jnk_contents03 .all_text{left:50%; margin-left:-150px;top:80px; position:absolute; }

.jnk_jnk_content2visual .jnk_contents03 .jnk_text01{ }
.jnk_jnk_content2visual .jnk_contents03 .jnk_text02{ }
.jnk_jnk_content2visual .jnk_contents03 .jnk_text03{}
.jnk_jnk_content2visual .jnk_contents03 .jnk_text05{ }
.jnk_jnk_content2visual .jnk_contents03 .jnk_text06{ }
.jnk_jnk_content2visual .jnk_contents03 .jnk_text07{}


.jnk_jnk_content2visual .jnk_contents04 .all_imgs p{ }
.jnk_jnk_content2visual .jnk_contents04 .all_text{position:absolute;  left:50%; margin-left:-150px; top:180px;}
.jnk_jnk_content2visual .jnk_contents04 .all_text p{}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text01{ }
.jnk_jnk_content2visual .jnk_contents04 .jnk_text01 img{}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text02{}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text02 img{}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text03{}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text04{ }
.jnk_jnk_content2visual .jnk_contents04 .jnk_text05{ }
.jnk_jnk_content2visual .jnk_contents04 .jnk_text06{   }
.jnk_jnk_content2visual .jnk_contents04 .jnk_text07{ }


.jnk_jnk_content2visual .jnk_contents09 .all_imgs p{}
.jnk_jnk_content2visual .jnk_contents09 .all_text{left:50%; margin-left:-150px;top:120px; position:absolute; }

.jnk_jnk_content2visual .jnk_contents09 .jnk_text01{ }
.jnk_jnk_content2visual .jnk_contents09 .jnk_text02{ }
.jnk_jnk_content2visual .jnk_contents09 .jnk_text03{ margin-top:10px; }
.jnk_jnk_content2visual .jnk_contents09 .jnk_text05{ }
.jnk_jnk_content2visual .jnk_contents09 .jnk_text06{ }
.jnk_jnk_content2visual .jnk_contents09 .jnk_text07{}

/*
.jnk_jnk_content2visual .jnk_contents09 .all_imgs p{}
.jnk_jnk_content2visual .jnk_contents09 .all_text{left:50%; margin-left:-150px;top:300px; position:absolute; }
.jnk_jnk_content2visual .jnk_contents09 .jnk_text01{ position:absolute; left:0px;  }
.jnk_jnk_content2visual .jnk_contents09 .jnk_text01 img{ width:150px;}
.jnk_jnk_content2visual .jnk_contents09 .jnk_text02{position:absolute; right:0px;  }
.jnk_jnk_content2visual .jnk_contents09 .jnk_text02 img{ width:150px;}
.jnk_jnk_content2visual .jnk_contents09 .jnk_text03{}
.jnk_jnk_content2visual .jnk_contents09 .jnk_text03 img{ margin-top:-30px;}
.jnk_jnk_content2visual .jnk_contents09 .jnk_text04{}
*/

}

@media (max-width: 640px) {


}
@media (max-width: 480px) {

}
@media (max-width: 320px) {

}







/* 메인 이미지 슬라이드 비주얼 끝 */









/******여기부터 개별 css 적용*******/







@media (max-width: 1920px) {

}
@media (max-width: 1680px) {

}
@media (max-width: 1600px) {

}
@media (max-width: 1440px) {

}
@media (max-width: 1280px) {






	.

}
@media (max-width: 1024px) {

}

@media (max-width: 950px) {



}

@media (max-width: 640px) {


}
@media (max-width: 480px) {

}
@media (max-width: 320px) {

}






/********퀵*************/

	.q_btn_size{width:75px;}

#qu_k{ width:65px;
position: fixed; top:120px; right:0px;  z-index:9999999;

}



#qu_k:hover{    }
.qu_ks{  width:65px; height: auto; overflow:hidden; float:left; }

.qu_ks img{width:130px; opacity:1;}

.qu_ks:hover{  width:65px; height: auto; overflow:hidden; }

#qu_k1{}


/*
 .pop-lay2,.pop-lay3,.pop-lay4,.pop-lay5,.pop-lay6,.pop-lay7{
    animation-name:pop-lay;
    animation-duration: 0.8s;
    animation-iteration-count:1;
    animation-direction: reverse;
    animation-timing-function: linear;
	opacity:0;

    animation-delay: 0.1s;
	animation-fill-mode:forwards;
	animation-timing-function :ease-in-out;



	}

@keyframes pop-lay {
    from {opacity:1; left:0px; }
	 to {opacity:0; left:100%;}
}

*/

/******/
.pop-lay2 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); right:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000;}

.pop-lay2 .pop-container2 {width:100%; max-width:500px; height:550px; background:#fff; position:absolute; right:90px; top:170px;}

.pop-lay2 p.ctxt {color: #666; line-height: 25px;}

.pop-lay2 .btn-r2 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn2 {}
a.cbtn2:hover {transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
a.cbtn2:hover {  border:1px solid #333; background-color:#666; color:#fff;}

/******/

.pop-lay3 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); right:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000;}

.pop-lay3 .pop-container3 {width:100%; max-width:500px; height:550px; background:#fff; position:absolute; right:90px; top:170px;}

.pop-lay3 p.ctxt {color: #666; }

.pop-lay3 .btn-r3 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn3 { position:absolute; top:0px; right:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

a.cbtn3:hover {transform: rotate(180deg)
;-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts3{}


	/*******/


.pop-lay4 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); right:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000;}

.pop-lay4 .pop-container4 { width:100%; max-width:500px; height:550px; background:#fff; position:absolute; right:90px; top:170px;}

.pop-lay4 p.ctxt {color: #666; }

.pop-lay4 .btn-r4 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn4 { position:absolute; top:0px; right:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

a.cbtn4:hover {transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts4{}


	/************/



.pop-lay5 {display:none; position: fixed; top:0px;  right:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000;}

.pop-lay5 .pop-container5 { width:100%; background:url(../img/tel_bg.jpg); max-width:373px; height:338px;  position:absolute; right:70px; top:120px;}

.pop-lay5 p.ctxt {color: #666; }

.pop-lay5 .btn-r5 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn5 { position:absolute; top:0px; right:-70px !important;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

a.cbtn5:hover {transform: rotate(180deg)
;-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts5{}


	/************/


.pop-lay6 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); right:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000;}

.pop-lay6 .pop-container6 { width:100%; max-width:500px; height:550px; background:#fff; position:absolute; right:90px; top:170px;}

.pop-lay6 p.ctxt {color: #666; }

.pop-lay6 .btn-r6 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn5 { position:absolute; top:0px; right:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

a.cbtn5:hover {transform: rotate(180deg)
;-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts6{}


	/**************/



.pop-lay7 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); left:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000000000000000;}

.pop-lay7 .pop-container7 { width:100%; max-width:500px; height:550px; background:#fff; position:absolute; right:90px; top:170px;}

.pop-lay7 p.ctxt {color: #666; }

.pop-lay7 .btn-r7 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn7 { position:absolute; top:0px; right:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

a.cbtn7:hover {transform: rotate(180deg)
;-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts6{}




@media (max-width: 1920px) {

}
@media (max-width: 1680px) {

}
@media (max-width: 1600px) {

}
@media (max-width: 1440px) {




}
@media (max-width: 1280px) {
/********퀵*************/




}
@media (max-width: 1024px) {

}

@media (max-width: 950px) {



#qu_k{ width:100%; height: auto;
position: fixed !important; right:0% !important; margin-right:-0px; top:auto; bottom:0px !important;  z-index:999; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;display:none;
}
#qu_k:hover{  width:100%; height: auto;
position: fixed !important; right:0%; margin-right:-0px;  bottom:0px  !important; z-index:999; background:#fff;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; }
.qu_ks{  width:20%; height: auto;overflow:hidden;background:#f1f1f1; float:left; }
#qu_k001,#qu_k002{display:none;}
.qu_ks:hover{  width:20%;height: auto; overflow:hidden;background:#c598a0;}

.qu_ks img{width:200%;}

#qu_k1{}



/******/
.pop-lay2 {display:none; position: fixed; top:40%; right:0px; width:120px; height:auto; min-height:200px;  background-color:#fff;  z-index: 1000000;}

.pop-lay2 .pop-container2 {width:95%;  max-width:500px; height:480px; background:#fff; position:absolute; right:2.5%; margin-right:0px; top:20px;overflow-y:scroll; overflow-x:hidden;}

.pop-lay2 p.ctxt {color: #666; line-height: 25px;}

.pop-lay2 .btn-r2 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn2 {}
a.cbtn2:hover {transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
a.cbtn2:hover {  border:1px solid #333; background-color:#666; color:#fff;}

/******/

.pop-lay3 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); right:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000;}

.pop-lay3 .pop-container3 { width:95%;  max-width:500px; height:480px; background:#fff; position:absolute; right:2.5%; margin-right:0px; top:20px;overflow-y:scroll; overflow-x:hidden;}

.pop-lay3 p.ctxt {color: #666; }

.pop-lay3 .btn-r3 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn3 { position:absolute; top:0px; right:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

a.cbtn3:hover {transform: rotate(180deg)
;-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts3{}


	/*******/


.pop-lay4 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); right:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000;}

.pop-lay4 .pop-container4 { width:95%;  max-width:500px; height:480px; background:#fff; position:absolute; right:2.5%; margin-right:0px; top:20px;overflow-y:scroll; overflow-x:hidden;}

.pop-lay4 p.ctxt {color: #666; }

.pop-lay4 .btn-r4 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn4 { position:absolute; top:0px; right:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

a.cbtn4:hover {transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts4{}


	/************/



.pop-lay5 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); right:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000;}

.pop-lay5 .pop-container5 { width:95%;  max-width:500px; height:480px; background:#fff; position:absolute; right:2.5%; margin-right:0px; top:20px;overflow-y:scroll; overflow-x:hidden;}

.pop-lay5 p.ctxt {color: #666; }

.pop-lay5 .btn-r5 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn5 { position:absolute; top:0px; right:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

a.cbtn5:hover {transform: rotate(180deg)
;-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts5{}


	/************/


.pop-lay6 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); right:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000;}

.pop-lay6 .pop-container6 { width:95%;  max-width:500px; height:480px; background:#fff; position:absolute; right:2.5%; margin-right:0px; top:20px; overflow-y:scroll; overflow-x:hidden;}

.pop-lay6 p.ctxt {color: #666; }

.pop-lay6 .btn-r6 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn5 { position:absolute; top:0px; right:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

a.cbtn5:hover {transform: rotate(180deg)
;-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts6{}


	/**************/



.pop-lay7 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); left:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000000000000000;}

.pop-lay7 .pop-container7 { width:95%;  max-width:500px; height:480px; background:#fff; position:absolute; right:2.5%; margin-right:0px; top:20px;overflow-y:scroll; overflow-x:hidden;}

.pop-lay7 p.ctxt {color: #666; }

.pop-lay7 .btn-r7 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn7 { position:absolute; top:0px; right:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

a.cbtn7:hover {transform: rotate(180deg)
;-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts6{}



}

@media (max-width: 640px) {


}
@media (max-width: 480px) {

}
@media (max-width: 320px) {

}





	/***********퀵 종료******/
/**상담폼***/

.ed4 { height:38px !important; width:300px!important; padding:2px !important; font-size:14px; color:#333; border:none !important; background-color:#fff !important; margin-bottom:1px; width:100%; font-family: 'Noto Sans Korean', sans-serif;}
.ed5 { height:100px !important; padding:2px;  font-size:14px; color:#333; border:none; background-color:#fff; margin-bottom:1px; width:300px !important; font-family: 'Noto Sans Korean', sans-serif;}

#new_fom{ width:100%; background:#595959 url(../images/7.jpg) 50%; height:165px; padding:20px 0 20px 0;}
#new_fom_size{width:1250px; margin:0 auto; position:relative; color:#fff !important;}
#new_fom_size a{color:#fff !important; font-size:14px;}
.eff_fom{position:absolute; left:100px;}
#eff_fom_cont1{ position:absolute; top:20px; left:120px; max-width:300px !important;}
#eff_fom_cont2{position:absolute;  top:0px; left:350px; max-width:298px;}
#eff_fom_cont3{position:absolute; top:0px; left:700px;  max-width:300px; width:200px;  height:70px; background:#999; padding-top:60px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
#eff_fom_cont3:hover{position:absolute; top:-20px; left:720px;  max-width:300px; width:160px;  height:90px; background:#888; padding-top:70px;
transform:rotate(360deg)
;-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
border-radius:50%;

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

.fomma{height:5px;}
.fom_text_a{position:absolute; left:0px; top:20px; color:#fff; font-size:20px; letter-spacing:2px; width:100px;}
.fom_img_ma{margin-top:10px;}

/**상담폼***/



@media (max-width: 1920px) {

}
@media (max-width: 1680px) {

}
@media (max-width: 1600px) {

}
@media (max-width: 1440px) {

}
@media (max-width: 1280px) {

.ed4 { height:38px !important; width:300px!important; padding:2px !important; font-size:14px; color:#333; border:none !important; background-color:#fff !important; margin-bottom:1px; width:100%; font-family: 'Noto Sans Korean', sans-serif;}
.ed5 { height:100px !important; padding:2px;  font-size:14px; color:#333; border:none; background-color:#fff; margin-bottom:1px; width:300px !important; font-family: 'Noto Sans Korean', sans-serif;}

#new_fom{ width:100%; margin:0 auto; background:#595959; height:465px; padding:20px 0 20px 0;}
#new_fom_size{width:300px; margin:0 auto; position:relative; color:#fff !important;}
#new_fom_size a{color:#fff !important; font-size:14px;}
.eff_fom{position: relative; left:0px;}
#eff_fom_cont1{ position: relative; top:0px; left:0px; max-width:300px !important;}
#eff_fom_cont2{position: relative;  top:10px; left:0px; max-width:298px;}
#eff_fom_cont3{position: relative; top:20px; left:0px;  max-width:300px; width:100%;  height:40px; background:#999; padding-top:20px;}
#eff_fom_cont3:hover{position: relative; top:20px; left:0px;  max-width:330px; width:80%;  height:40px; background:#888; padding-top:20px;
transform:rotate(0deg);-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
border-radius:0%;

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
.nonef{display:none;}
.fomma{height:5px;}
.fom_text_a{position: relative; left:0px; top:20px; color:#fff; font-size:20px; letter-spacing:2px; width:100%; height:80px;}
.fom_img_ma{margin-top:-15px; margin-left:60px; width:50px;}

}
@media (max-width: 1024px) {

}

@media (max-width: 950px) {
	.none{display:none;}

}

@media (max-width: 640px) {


}
@media (max-width: 480px) {

}
@media (max-width: 320px) {

}



/**푸더***/

#add_zone{ max-width:1500px; margin:0 auto; padding:40px 0 100px 0; color:#333; font-size:14px; word-break:break-all; }
.add_text{color:#fff;}

#add_link_zone{ max-width:1500px; margin:0 auto; height:80px; line-height:80px; font-size:14px; }
#add_link_zone li{ float:left; width:19%; border-right:1px solid #e3e3e3; text-align:center; -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;}
	#add_link_zone li a{ color:#333;}
#add_link_zone li a:hover{text-decoration:none;}
#add_link_zone li:hover{ background:#333; -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;  text-decoration:none; }
#add_link_zone li:first-child{  border-left:1px solid #e3e3e3;}
.border_line_gray{border-bottom:1px solid #e3e3e3; width:100%;}
#fom_wp{width:100%; height:auto; position:relative;}
.m_on{display: none;}
/**푸더***/

@media (max-width: 1280px) {
.m_on{display:block;}
#add_zone{ max-width:100%; margin:0 auto; padding:20px 0 90px 0; color:#333; font-size:14px; word-break:break-all; text-align:center; }
.add_text{color:#fff; text-align:center;}
#add_link_zone{ max-width:1250px; margin:0 auto; height:40px; line-height:40px; font-size:14px; }
#add_link_zone li{ float:left; width:32.8%; border-right:1px solid #e3e3e3; text-align:center; -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;}
#add_link_zone li a:hover{text-decoration:none;}
#add_link_zone li:hover{ background:#333; -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;  text-decoration:none; }
#add_link_zone li:first-child{  border-left:1px solid #e3e3e3;}
.border_line_gray{border-bottom:1px solid #e3e3e3; width:100%;}
#fom_wp{width:100%; height:auto; position:relative;}


}
@media (max-width: 1024px) {

}

@media (max-width: 950px) {

}

@media (max-width: 640px) {


}
@media (max-width: 480px) {

}
@media (max-width: 320px) {

}



.sub_titles1{background:url(../img/1.jpg) 60% ; width:100%; max-width:2000px; height:150px; position:relative; background-size: cover;}
.sub_titles2{background:url(../img/1.jpg) 50% ; width:100%; max-width:2000px; height:150px; position:relative; background-size: cover;}
.sub_titles3{background:url(../img/1.jpg) fixed 50% ; width:100%; max-width:2000px; height:150px; position:relative; background-size: cover;}
.sub_titles4{background:url(../img/1.jpg) 60%; width:100%; max-width:2000px; height:150px; position:relative; background-size: cover;}
.sub_titles5{background:url(../img/1.jpg) 30% ; width:100%; max-width:2000px; height:150px; position:relative;background-size: cover;}
.sub_titles6{background:url(../img/1.jpg) 60% ; width:100%; max-width:2000px; height:150px; position:relative; background-size: cover;}

.sub_titles7{background:url(../img/sub8.jpg) 40% ; width:100%; max-width:2000px; height:150px; position:relative; background-size: cover;}

.masthead {
    position: relative;
    min-width: 300px;
	height:150px !important;
	z-index:1;
	overflow:hidden;
	margin-top:0px;



}
.masthead-video {
    z-index: 0;
}
.masthead-overlay {
    background-color:#000;
    opacity: 0.5;
	filter: alpha(opacity=50);
	 -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;

width: 100%;
height:150px;

}


.masthead-arrow {
    position: absolute;
	top:40px;

    left:350px !important;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 50px;
    height: 50px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    opacity: 1;
	display:none;


}



.text_111 {
    position: absolute;
    width: 100%;
     -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;

    letter-spacing: -0.06em;
    font-size: 3em;
    text-align: center;
	left:0%;


    top: 70px;
    bottom: 0;
    margin: auto;
    color: #fff;
    opacity: 1;
}









@media (max-width: 900px) {

.text_111 {
    position: absolute;
    width: 100%;
     -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;

    letter-spacing: -0.06em;
    font-size: 3em;
    text-align: center;
	left:0%;


    top: 30px;
    bottom: 0;
    margin: auto;
    color: #fff;
    opacity: 1;
}





}


/*********서브공통********/





  .jbFixed {
        position: fixed;
        top:50px !important;
		left:0px !important;
		z-index:100 !important;
		width:150px;
		background:#f7f7f7;



		height:1000px !important;
		overflow:hidden;






	  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;




      }

	    .jbFixed:hover {

		left:0px !important;
		z-index:100 !important;


	  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;




      }
	 .jbFixed a{ line-height:50px !important; height:50px !important; background:#fff !important; border-left:1px solid #f1f1f1 !important;}


 @media (max-width: 1440px) {



  .jbFixed {
        position: fixed;
        top:50px !important;
		left:0px !important;
		z-index:100 !important;
		width:100%;
		background:#f7f7f7;



		height:50px !important;
		overflow:hidden;






	  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;




      }

	    .jbFixed:hover {

		left:0px !important;
		z-index:100 !important;


	  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;




      }
	 .jbFixed a{ line-height:50px !important; height:50px !important; background:#fff !important; border-left:1px solid #f1f1f1 !important;}



}

/***********/
#bo_cate2{width:100%; max-width:1200px; margin:0 auto;  }
#bo_cate2 li{ float:left;}
#bo_cate2 a {display:block;position:relative;margin-left:-1px;padding:15px 0 15px;width:120px;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer; background:url(../img/menu/menu_ov.jpg);   background-position:2px 2px; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
#bo_cate2 a:focus, #bo_cate2 a:hover, #bo_cate2 a:active {text-decoration:none;background:url(../img/menu/menu_ov.jpg);   background-position:-0px -66px; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; color:#fff;}
#bo_cate2 #bo_cate_on {z-index:2; background:url(../img/menu/menu_ov.jpg);   background-position:-0px -66px; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;color:#fff;}

/***********/
@media (max-width:550px) {
#bo_cate2{width:100%; max-width:340px; margin:0 auto;}
#bo_cate2 li{ float:left;}
#bo_cate2 a {display:block;position:relative;margin-left:-1px;padding:15px 0 15px;width:32%; min-width:110px; color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer; background:url(../img/menu/menu_ov.jpg);   background-position:0px 0px; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; display:block;}
#bo_cate2 a:focus, #bo_cate2 a:hover, #bo_cate2 a:active {text-decoration:none;background:url(../img/menu/menu_ov.jpg);   background-position:-0px -66px; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; color:#fff;}
#bo_cate2 #bo_cate_on {z-index:2; background:url(../img/menu/menu_ov.jpg);   background-position:-0px -66px; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;color:#fff;}
}

.leftNav_wrap4 { position: relative; left:0px; top:0px; padding-top:0px;   margin:0 auto; display:block; max-height:161px; overflow:hidden;    z-index:900; width:100%;
}
.left_nav4 {  height:100%;  position:relative; overflow:hidden; vertical-align:top;  }
.left_nav4 .wrap4 { float:left; overflow:hidden;  height:100%;  position:relative; }

.nones{display:none;}

.all_sub_size #bo_cate { display:block; width:100%; max-width:1200px; margin:0 auto;  -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

.all_sub_size #bo_cate h2 { overflow:hidden;}
.all_sub_size #bo_cate ul { position:relative; z-index:1000; width:100%; margin:0 auto;  color:#333;}
.all_sub_size #bo_cate ul:after {display:block; visibility:hidden; clear:both; content:"";}
.all_sub_size #bo_cate li {  float:left; width:150px; max-height:80px;  color:#fff !important; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; border-bottom:#f1f1f1 solid 1px; }
.all_sub_size #bo_cate li a{height:80px; line-height:65px; font-size:14px !important;  border-left:1px solid #f1f1f1;  font-size:14px;   font-family: 'Noto Sans Korean', sans-serif; font-weight:500;}

.all_sub_size #bo_cate a {display:block; position:relative; margin-left:-1px;  text-align:center;  cursor:pointer; background:url(../img/menu/menu_on.jpg);   background-position:0px -80px; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; }
.all_sub_size #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;    color:#e6859c; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease; background-position:0px 0px;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;  background:url(../img/menu/menu_on.jpg);text-decoration:none;}




@media (max-width:1500px) {






}

@media (max-width:1280px) {





}


@media (max-width:650px) {

.leftNav_wrap4 { position: relative; left:0px; top:0px; padding-top:0px; overflow:hidden; background:#fff; margin:0 auto; display:block; height: auto; max-width:100%;   z-index:90; width:100%; max-height:200px;
}

  .jbFixed {
        position: absolute;
        top:0px !important;
		left:50px !important;
		z-index:10000000000 !important;
		width:700px;
		-webkit-overflow-scrolling :touch;overflow-scrolling :touch;

	overflow:hidden;






	  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;




      }

	    .jbFixed:hover {

		left:0px !important;
		z-index:10000000000 !important;


	  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;




      }







.leftNav_wrap4 { overflow:hidden; margin:0 auto; display:block; height:auto; max-width:100%;   z-index:90; width:auto;  font-size:13px !important; ; font-family: "Noto Sans KR", sans-serif;
}
.left_nav4 {  height:100%;  position:relative; overflow:hidden; vertical-align:top;  }
.left_nav4 .wrap4 { float:left; overflow:hidden;  height:100%;  position:relative; }

.nones{display:none;}

.all_sub_size #bo_cate { display:block; width:100%;   -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;margin-top:73px;}

.all_sub_size #bo_cate h2 { overflow:hidden;}
.all_sub_size #bo_cate ul { position:relative; z-index:100; width:100%; margin:0 auto;  color:#333;}
.all_sub_size #bo_cate ul:after {display:block; visibility:hidden; clear:both; content:"";}
.all_sub_size #bo_cate li {  float:left; width:33%; min-width:110px;   color:#eee !important; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; border-right:1px solid #f1f1f1;}
.all_sub_size #bo_cate li a{height:50px; line-height:50px !important;  }

.all_sub_size #bo_cate a {display:block; position:relative; margin-left:-1px;  text-align:center; letter-spacing:-0.1em; line-height:1.2em; cursor:pointer;  -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; background:#fff !important; }
.all_sub_size #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none; background:#2db0da !important;    color:#f1f1f1; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}




}
/****************/











/************/
.hive_b,.mbskin{ width:100%;  margin:0 auto; padding:30px 0px 0px 0px; max-width:1200px; font-family: 'Noto Sans Korean', sans-serif; line-height:14px; font-size:14px !important;  word-break:break-all;}
.bd{width:100%;  margin:0 auto; padding:30px 0px 0px 0px;max-width:1200px;}
.all_board_size{width:80%; max-width:1200px; margin:0 auto; padding:30px 0px 0px 0px;}

.all_sub_size{width:100%; margin:0 auto; padding:0px 0px 0px 0px;}
.board_headss{}


@media screen and (max-width:1550px){
#footer{background:url(../img/fast_bg.jpg) 20%; width:100%; height:345px; position:relative;}

.all_board_size {width:75%; padding:0px 0% 0px 0px; display:block; margin: 0  auto;}

}


@media screen and (max-width:1450px){
.hive_b,.mbskin{ width:100%;  margin:0 auto; padding:30px 0px 0px 0px; max-width:900px; font-family: 'Noto Sans Korean', sans-serif; line-height:14px; font-size:14px !important;  word-break:break-all;}
.bd{width:100%;  margin:0 auto; padding:30px 0px 0px 0px;max-width:900px;}
.all_board_size{width:80%; max-width:900px; margin:0 auto; padding:30px 0px 0px 0px;}
}



@media screen and (max-width:900px){
	.board_headss{margin-top:50px}

.hive_b,.mbskin{ width:95% !important; max-width:1800px; margin:0 auto; min-width:200px; font-family: 'Noto Sans Korean', sans-serif; line-height:13px; font-size:13px !important; font-weight:350; padding:50px 0px 0px 0px;}
.bd{width:95%!important; max-width:1800px; margin:0 auto; min-width:200px;}
.all_board_size{width:95%; max-width:1800px; margin:0 auto; padding:0px 0px 0px 0px;min-width:200px;}
.all_sub_size{width:100%; max-width:1800px; margin:0 auto; padding:0px 0px 0px 0px;}


.all_sub_size img{margin-left:0px !important}
}



.board_title{background: url("../img/sub_title2.jpg") no-repeat 30%; width: 100%; height: 257px; overflow: hidden !important; display:none;}
.sub1_title{background: url("../img/sub1/sub1_title.jpg") no-repeat 10%; width: 100%; height: 257px; overflow: hidden !important;}

@media screen and (max-width:700px){
.board_title{background: url("../img/sub_title2.jpg") no-repeat 30%; width: 100%; height: 257px; overflow: hidden !important; display:none; background-size:cover;}
.sub1_title{background: url("../img/sub1/sub1_title.jpg") no-repeat 10%; width: 100%; height: 257px; overflow: hidden !important; display:none;}

}
@keyframes chevronAnimation {
	0% {
		transform: translate(0,0) scale(1.0,1.0);
	}
	50% {
		transform: translate(0,5px) scale(0.8,0.8);
	}
	100% {
		transform: translate(0,0) scale(1.0,1.0);
	}
}


	.fromTopIn
{  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;

	transition: transform 0.7s ease, opacity 0.5s ease;

	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut
{  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;

	transition: transform 0.7s ease, opacity 0.5s ease;

	transform: translate(0,-50px);
	opacity: 0.0;
}

	.fromTopIn_main
{  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;

	transition: transform 0.7s ease, opacity 0.5s ease;

	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut_main
{  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;

	transition: transform 0.7s ease, opacity 0.5s ease;

	transform: translate(0,-10px);
	opacity: 1.0;
}


	.fromTopIn2
{

	transition: transform 0.8s ease, opacity 1.0s ease;

	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut2
{

	transition: transform 0.8s ease, opacity 0.5s ease;

	transform: translate(0,-50px);
	opacity: 0.0;
}

	.fromTopIn3
{  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;

	transition: transform 1.2s ease, opacity 1.3s ease;

	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut3
{  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;

	transition: transform 1.2s ease, opacity 1.3s ease;

	transform: translate(0,-50px);
	opacity: 0.0;
}



	.fromTopIn4
{

	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.fromTopOut4
{

	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: scale(0.9,0.9);
	opacity: 0.5;
}


.fromTopIn5
{  -webkit-transition: 0.8s ease all;
    -moz-transition: 0.8s ease all;
   transition: 0.5s ease all;

	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut5
{  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
     transition: 0.5s ease all;

	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: translate(-50px,0);
	opacity: 0.8;
}

}




.fromBottomIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: translate(0,0);
	opacity: 1.0;
}

.fromBottomOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: translate(0,50px);
	opacity: 0.5;
}

.fromLeftIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: translate(0,0);
	opacity: 1.0;
}

.fromLeftOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: translate(-50px,0);
	opacity: 0.5;
}

.fromRightIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: translate(0,0);
	opacity: 1.0;
}

.fromRightOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: translate(50px, 0);
	opacity: 0.5;
}

.scaleUpIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleUpOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	transform: scale(1.3,1.3);
	opacity: 0.5;
}

.scaleDownIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleDownOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: scale(0.7,0.7);
	opacity: 0.5;
}

@media screen and (max-width:900px){

	@keyframes chevronAnimation {
	0% {
		transform: translate(0,0) scale(1.0,1.0);
	}
	50% {
		transform: translate(0,5px) scale(0.8,0.8);
	}
	100% {
		transform: translate(0,0) scale(1.0,1.0);
	}
}


	.fromTopIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	transform: translate(0,-10px);
	opacity: 0.5;
}

.fromBottomIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: translate(0,0);
	opacity: 1.5;
}

.fromBottomOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: translate(0,10px);
	opacity: 0.5;
}

.fromLeftIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: translate(0,0);
	opacity: 1.;
}

.fromLeftOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: translate(-100px,0);
	opacity: 0.0;
}

.fromRightIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: translate(0,0);
	opacity: 1.5;
}

.fromRightOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: translate(10px, 0);
	opacity: 0.5;
}

.scaleUpIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleUpOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: scale(1.3,1.3);
	opacity: 0.5;
}

.scaleDownIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleDownOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;

	transform: scale(0.7,0.7);
	opacity: 0.0;
}}






















.thumbnailWrapper { width:100%; max-width:1160px; margin:0px auto; } /* not important */

		.thumbnailWrapper ul {
			list-style-type: none;
			float:left;
			max-width:580px; /* remove the default style for list items (the circles) */
			margin:0px 10px 0 0; /* remove default margin */
			padding:0px; /* remove default padding */
		}
		.thumbnailWrapper ul li {
			box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
			background:#000;

			float:left; /* important: left float */
			position:relative; /* so we can use top and left positioning */
			overflow:hidden; /* hide the content outside the boundaries (ZOOM) */

		}

		.thumbnailWrapper ul li a img {
			 /* not important, the pics we use here are too big */
			position:relative; /* so we can use top and left positioning */
			border:none; /* remove the default blue border */
		}

		.caption{
			position:absolute; /* needed for positioning */
			bottom:0px; /* bottom of the list item (container) */
			left:0px; /* start from left of the list item (container) */
			width:100%; /* stretch to the whole width of container */
			display:none; /* hide by default */
			/* styling bellow */
			background: rgba(0, 0, 0, 0.5);
			padding:15% 0 15% 0;
			color:white;
			opacity:1;
		}
		@import url( "https://fonts.googleapis.com/earlyaccess/notosanskr.css" );

		.caption .captionInside{
			font-family: "Noto Sans KR", sans-serif;
			/* just styling */
			padding:10px;
			margin:0px;
			text-align:center;
			text-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		}
		.title_mains{font-size:30px; }
		.mar20{ height:20px;}
		.mar150{ height:150px;}
		.engs{letter-spacing:5px;}
		.clear { clear:both; } /* to clear the float after the last item */
		.main11 { background:url(http://hive04.kanajino9294.gethompy.com/images/main/bg.png);}
		.main22 li {max-width:270px !important; height:270px !important; overflow:hidden; margin:0px 10px 10px 0;}
		.main22 li .title_mains{font-size:20px; }

		.main22 li .engs{letter-spacing:2px;font-size:8px;}

		.main_doctor{width:100%; background:url(http://hive04.kanajino9294.gethompy.com/images/main/main_doc.jpg) 70% fixed; height:580px; background-size: cover}
.doctor_size{width:1100px; margin:0 auto; position:relative;}
.doctor_links{width:100%; max-width:550px; position:absolute; right:0px; top:150px;}
.btn_eff{width:50%;}



.footer_area{width:100%; height:auto; background: #fff; border-top:1px solid #f1f1f1;}



		@media (max-width: 900px) {



.thumbnailWrapper { width:100%; max-width:320x; margin:0px auto; position:relative; left:50%; margin-left:-150px; top:30px;} /* not important */

		.thumbnailWrapper ul {
			list-style-type: none;
			float:left;
			max-width:320px; /* remove the default style for list items (the circles) */
			margin:0px 10px 0 0; /* remove default margin */
			padding:0px; /* remove default padding */
		}
		.thumbnailWrapper ul li {
			box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
			background:#000;

			float:left; /* important: left float */
			position:relative; /* so we can use top and left positioning */
			overflow:hidden; /* hide the content outside the boundaries (ZOOM) */

		}

		.thumbnailWrapper ul li a img {
			 /* not important, the pics we use here are too big */
			position:relative; /* so we can use top and left positioning */
			border:none; /* remove the default blue border */
		}

		.caption{
			position:absolute; /* needed for positioning */
			bottom:0px; /* bottom of the list item (container) */
			left:0px; /* start from left of the list item (container) */
			width:100%; /* stretch to the whole width of container */
			display:none; /* hide by default */
			/* styling bellow */
			background: rgba(0, 0, 0, 0.5);
			padding:15% 0 15% 0;
			color:white;
			opacity:1;
		}
		@import url( "https://fonts.googleapis.com/earlyaccess/notosanskr.css" );

		.caption .captionInside{
			font-family: "Noto Sans KR", sans-serif;
			/* just styling */
			padding:10px;
			margin:0px;
			text-align:center;
			text-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		}
		.title_mains{font-size:20px; }
		.mar20{ height:0px;}
		.mar150{ height:0px;}
		.engs{letter-spacing:1px; font-size:8px;}
		.clear { clear:both; } /* to clear the float after the last item */
		.main11 { background:url(http://hive04.kanajino9294.gethompy.com/images/main/bg.png);}
		.main11 li{max-width:300px !important; height:300px !important; overflow:hidden; margin:0px 0px 10px 0; margin:0 auto;}
		.main11 li img{ margin-top:-120px; margin-left:-80px; width:150%;}
		.main22 li {max-width:150px !important; height:150px !important; overflow:hidden; margin:0px 0px 10px 0; margin:0 auto; }
		.main22 li .title_mains{font-size:20px; }

		.main22 li .engs{letter-spacing:1px;font-size:5px;}
		.main22 li img{width:200%;}
		.main_doctor{width:100%; background:url(http://hive04.kanajino9294.gethompy.com/images/main/main_doc.jpg) 60% fixed; height:380px; overflow:hidden; background-size:cover;}
.doctor_size{width:100%; margin:0 auto; position:relative;}
.doctor_size img{}
.doctor_links{width:100%; max-width:300px; position: absolute; right:50%; margin-right:-150px;  top:120px; z-index:1000;}
.btn_eff{width:50%;}
.doc_size{width:300px; margin:0 auto; display:block;}


.footer_area{width:100%; height:auto;}



		}