@charset "utf-8";

/*************************************************************** Sub - basic ***************************************************************/
 
 
.sub { 
    padding-top:8em;
    padding-bottom:8em; 
    word-break:keep-all;
} 
/* Subcontents - Imgpage */
.con_detail, 
.board_detail {position:relative;   padding : 5em 0; }
.sub-contents {position:relative;   padding : 3em 0; } 
  
@media (min-width: 768px) and (max-width: 991px) {
  .sub { 
      padding-top:6em;
      padding-bottom:6em; 
  }
	.con_detail, 
	.board_detail { padding : 4em 0; }
    .sub-contents {   padding : 2em 0; }
}

@media (max-width: 767px) {
  .sub { 
      padding-top:4em;
      padding-bottom:4em; 
  }  
	.con_detail, 
	.board_detail { padding : 3em 0; } 
} 


@media screen and (max-width:576px){  
  .sub {  
  }  
}






/*--------------------------------------------------------------

 Sections General
 
--------------------------------------------------------------*/

.title  {
    position: relative;  
	text-align:center;
}
.title  h1, 
.title  h2 {  position: relative; font-weight:200;   }
.title  h3 {  position: relative; font-weight:200;  margin-bottom: 20px;  } 
.title  h4 {  position: relative; font-weight:300;  margin-bottom: 30px;  }
.title  strong {  font-weight:800 !important;  }
.title  h5,
.title  h6 {  line-height:1.6;   position: relative; font-weight:400;  } 
  
 
 
@media (max-width: 767px) { 
	.title p { font-size:inherit}  
} 
	
.subtitle{
	position:relative; 
	padding-bottom:2em; 
	z-index: 3;  } 
.subtitle.center{
	text-align: center} 
.subtitle h3,
.subtitle h4,
.subtitle h5,
.subtitle h6 { 	position:relative; font-weight:500;}   
.subtitle:after {
	  position: relative;
	  top: .5em;
	  left: 0;
	  right:0;
	  display:block;
	  content: '';
	  width: 50px;
	  height: 3px;
	  background: #222; 
	  -moz-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  -webkit-transition: all 0.3s ease;
	  -ms-transition: all 0.3s ease;
	  transition: all 0.3s ease; } 
.subtitle.center:after {
margin: auto;} 
.subtitle.aftercenter:after {	margin:0 auto;}  
.subtitle p {  }
 

.contitle{	position:relative; 	z-index: 3; }
.contitle h6{ 	position:relative; 
	font-weight:400; 
	display:inline-block; 
	color:#222;  }  
.contitle h6 span{ }  
.contitle p {} 
  
.sub_contitle {position:relative; padding:1.5em 0 .5em 0;  z-index: 3;} 



  
 
/*** Section Header ***/
.section-header {
    position: relative;
    padding-bottom: 20px; 
}
.section-header h4{ 	position:relative; font-weight:400; 
    padding-bottom: 30px; } 
.section-header h4 span{   font-weight:100;}  
.section-header h4::before {
    position: absolute;
    content: "";
    width: 40px;
    height: 2px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #222;
}
.section-header h4::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--primary);
}
.section-header.text-start h4::before,
.section-header.text-start h4::after {
    left: 0;
    transform: translateX(0);
}




.conheading h1, 
.conheading h2, 
.conheading h3, 
.conheading h4, 
.conheading h5, 
.conheading h6 {
  position: relative; 
}
.conheading  {
  position: relative; 
  border-bottom: none !important;  
}
.conheading.border-bottom {
  position: relative;
  text-align: center;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.conheading.border-bottom.text-left {
  text-align: left
}
.conheading.border-bottom:before {
  bottom: 2px;
  position: absolute;
  content: "";
  width: 40px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: var(--primary);
}
.conheading.border-bottom.white:before { 
  background: #fff;
}
.conheading.border-bottom.text-left:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.conheading.text-primary *,
.conheading.text-secondary *,
.conheading.text-third *,
.conheading.text-success *,
.conheading.text-info *,
.conheading.text-danger *  { 
	 color:#111 !important; 
}


.conheading.text-primary > span,
.conheading.text-primary > span strong {
  color:var(--primary) !important
}
.conheading.text-primary.border-bottom:before {
  background:var(--primary) 
}
.conheading.text-secondary > span,
.conheading.text-secondary > span strong  {
  color:var(--secondary) !important
}
.conheading.text-secondary.border-bottom:before {
  background:var(--secondary)
}
.conheading.text-third > span,
.conheading.text-third > span strong  {
  color:var(--third) !important
}
.conheading.text-third.border-bottom:before {
  background:var(--third)
}
.conheading.text-success > span,
.conheading.text-success > span strong  {
  color:var(--success) !important
}
.conheading.text-success.border-bottom:before {
  background:var(--success)
}
.conheading.text-info > span,
.conheading.text-info > span strong  {
  color:var(--info) !important
}
.conheading.text-info.border-bottom:before {
  background:var(--info)
}
.conheading.text-warning > span,
.conheading.text-warning > span strong  {
  color:var(--warning) !important
}
.conheading.text-warning.border-bottom:before {
  background:var(--warning)
}
.conheading.text-danger > span,
.conheading.text-danger > span strong  {
  color:var(--danger) !important
}
.conheading.text-danger.border-bottom:before {
  background:var(--danger)
} 
.conheading.text-primary span,
.conheading.text-secondary span,
.conheading.text-third span,
.conheading.text-success span,
.conheading.text-info span,
.conheading.text-danger span  { 
	 color:#666 !important; 
	font-size:85%;
	font-weight: 400;
	margin-left: 5px;
}



.conheading.bg-gradient {
  position: relative;
  font-weight: 400;
  display: inline-block;
  color: #222;
  border: 1px solid var(--primary);
  background: var(--primary);
  background: #fff;
  padding: 8px 30px 8px 25px;
  border-radius: 10px 10px 10px 0;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 60%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 60%);
}
@media (max-width: 767px) {
  .conheading.border-bottom { 
		padding-bottom: 5px;
		margin-bottom: 10px;
	}
  .conheading.border-bottom:before {
    width: 30px;
  }
}








.ct{ position:relative; box-sizing:border-box; } 
.ct h4,
.ct h5 {  font-weight:500 !important; text-transform:  !important;  }
.ct h4 span,
.ct h5 span { color:#e7142e; }
.ct:before { position:relative; display:block;  width:3px; height:50px; background:#e7142e; bottom:1em; left:0; right:0; margin:0 auto; content:"";  display:none;} 


 



 

/*  서브비주얼 */
.subvisual {
  position: relative;
  z-index: 10;   
}
.subvisual .subvisual:before {
	position: absolute;
	top: 0;
	right:0;
	content: '';
	width: 200px;
	height: 100%;
	background: #111;
	-webkit-transform: matrix(1, 0, -0.4, 1, 100, 0);
	-ms-transform: matrix(1, 0, -0.4, 1, 100, 0);
	transform: matrix(1, 0, -0.4, 1, 100, 0);
	z-index: 2 ; } 
.subvisual .subvisual_slider {
  position: relative;
  height: calc(70vh);
  min-height: 700px; 
  height: calc(65vh);
  min-height: 650px; 
  overflow:hidden; 
} 
.subvisual.subvisual_area  .subvisual_slider{ 
  background-size:cover; 
  background-position:50% 50%;  
  background-attachment:; 
}
.subvisual .subvisual_wrap { 
  position: relative;
  z-index: 10;
  opacity:.95; 
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.subvisual_text { 
  position: relative;
  z-index: 10;
  opacity:.95;  
	text-align: center;
	margin-top: 40px;
}
.subvisual_text h1,
.subvisual_text h2,
.subvisual_text h3  { 
  text-transform: capitalize; 
  font-weight:200;   
  text-transform:uppercase; 
	margin-bottom: 20px;
	color: #fff;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;  
} 
.subvisual_text h4,
.subvisual_text h5,
.subvisual_text h6  { 
  text-transform: capitalize; 
  font-weight:600;    
  text-transform:uppercase; 
	color: #fff;
  letter-spacing:5px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; 
	display: none;
}
.subvisual_text.line h2:after { 
	position:relative; display:block;  width:5%; height:1px; background:rgba(255,255,255,.8); top:.5em; left:0; right:0;   content:""; 
}

.subvisual_text h2 br,
.subvisual_text h3 br,
.subvisual_text h4 br,
.subvisual_text h5 br,
.subvisual_text h6 br {  }
   
.subvisual_text h2 strong,
.subvisual_text h3 strong,
.subvisual_text h4 strong,
.subvisual_text h5 strong,
.subvisual_text h6 strong {  font-weight: 800;} 
   
.subvisual_text h2 span,
.subvisual_text h3 span,
.subvisual_text h4 span,
.subvisual_text h5 span,
.subvisual_text h6 span {  color:var(--primary); } 
.subvisual_text p { 
 
}

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

@media screen and (max-width: 992px) {   
	.subvisual .subvisual_slider {  	
	  height: calc(60vh);
	  min-height: 500px; 
	  height: calc(55vh);
	  min-height: 550px; 
	}  
}

@media screen and (max-width: 768px) {
    .subvisual .subvisual_slider {   	
	  height: calc(50vh);
	  min-height: 450px;  
	  height: calc(50vh);
	  min-height: 500px; 
	}  
	
	.subvisual.subvisual_area  .subvisual_slider{  	  background-attachment:scroll; 	}
	.subvisual_text h2 br,
	.subvisual_text h3 br,
	.subvisual_text h4 br,
	.subvisual_text h5 br,
	.subvisual_text h6 br { display:block;  } 
}

@media screen and (max-width: 567px) { 
    .subvisual .subvisual_slider {   	
	  height: calc(45vh);
	  min-height: 400px;  
	}  
}
 
.subvisual .overlay {    position: relative; }
.subvisual .overlay:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0,0,0, .5);
      z-index: 1; } 
	  
.subvisual .topVis01 {  background: #fff url('../img/company/subvisual.jpg') center center; background-size:cover; background-attachment:fixed;} 
.subvisual .topVis02 {  background: #fff url('../img/intro/subvisual.jpg') center center; background-size:cover; background-attachment:fixed }    
.subvisual .topVis03 {  background: #fff url('../img/busi02/subvisual.jpg') center center; background-size:cover; background-attachment:fixed } 
.subvisual .topVis04 {  background: #fff url('../img/busi/subvisual.jpg') center center; background-size:cover; background-attachment:fixed }  
.subvisual .topVis08 {  background: #fff url('../img/busi03/subvisual.jpg') center center; background-size:cover; background-attachment:fixed } 
.subvisual .topVis05 {  background: #fff url('../img/step/subvisual.jpg') center center; background-size:cover; background-attachment:fixed } 
.subvisual .topVis06 {  background: #fff url('../img/inquiry/subvisual.jpg') center center; background-size:cover; background-attachment:fixed }   
.subvisual .topVis07 {  background: #fff url('../img/gallery/subvisual.jpg') center center; background-size:cover; background-attachment:fixed }  
 
.subvisual  .sv_btn {z-index: 5;  }
 
	
	
	
	




.mouse-wrap {
  position: absolute;
  display: inline-block;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 40px;
  z-index: 9;
}
.mouse-wrap:active, .mouse-wrap:active > .mouse-label, .mouse-wrap:focus, .mouse-wrap:focus > .mouse-label {  outline: none;}
.mouse-wrap.mouse-with-slider {  bottom: 50px;}
.mouse-wrap .mouse-label {
  top: 0;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .05rem;
  text-transform: uppercase;
}
.mouse-wrap.dark .mouse-label {  color: #000;}
.mouse-wrap.dark .mouse {  border: 2px solid #000;}
.mouse-wrap.dark .mouse .scroll {  background: #000;}
.mouse-wrap .mouse {
  position: absolute;
  width: 22px;
  height: 42px;
  bottom: 30px;
  display: block;
  left: 50%;
  margin-left: -12px;
  border-radius: 15px;
  border: 2px solid #fff;
  -webkit-animation: intro 2s;
  animation: intro 2s;
}
.mouse-wrap .mouse .scroll {
  display: block;
  width: 3px;
  height: 3px;
  margin: 6px auto;
  border-radius: 4px;
  background: #fff;
  -webkit-animation: finger 2s infinite;
  animation: finger 2s infinite;
}

@media screen and (max-width: 768px) {
    .mouse-wrap { 	  bottom: 30px; 	}
}

@media screen and (max-width: 567px) { 
    .mouse-wrap { 	  bottom: 20px; 	}
}

@-webkit-keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes finger {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes finger {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
 




.arrow-down {	
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  color: #fff;
  font-size: 1rem;
  font-weight:500;
  text-align:center;
  letter-spacing:2px;
  bottom: 30px; 
  text-transform:uppercase}
.arrow-down > span {
	-webkit-transition: .2s all ease;
	-o-transition: .2s all ease;
	transition: .2s all ease;
	position: relative;
	font-size:3rem;
	font-weight:300;
	top: 0; }
.arrow-down:hover {    color: var(--primary); }
.arrow-down:hover > span {      top: -6px; }









.breadcrumb-item+.breadcrumb-item::before { 	color:#fff;}
.breadcrumb {
	display:-ms-flexbox;
	display:flex;			display:none;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	padding:.75rem 1rem;
	margin-bottom:1rem;
	list-style:none; 
	border-radius:.25rem;
	background:transparent; 
	position: absolute; left:0; right:0; 
	bottom:2em;
	text-align: center; z-index: 10;
	font-size:;
	color: #fff;
	font-weight:;
	text-transform:uppercase; 
    -webkit-transition: .2s all ease;
    -o-transition: .2s all ease;
    transition: .2s all ease; 
}
.breadcrumb a {	color:#fff;}
.breadcrumb-item {	color:#fff;}
.breadcrumb-item+.breadcrumb-item {	padding-left:.5rem;  }
.breadcrumb-item+.breadcrumb-item::before {
	display:inline-block;
	padding-right:.5rem;
	font-size:.95rem; 
	content:"\F285";
	font-family:'bootstrap-icons';
}
.breadcrumb-item+.breadcrumb-item:hover::before {	text-decoration:none}
.breadcrumb-item+.breadcrumb-item:hover::before {	text-decoration:none}
.breadcrumb-item.active {	color:#ffd972;}

@media screen and (max-width: 992px) { 
    .breadcrumb {   }
} 

@media screen and (max-width: 768px) {
	li { 	font-size: .95rem !important;  	}
    .breadcrumb {  bottom:1em;  	font-size:.95rem !important; 	}
}

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

 
 
 
  









 
 
  



/* 서브메뉴 - PC */
.leftM {position:absolute; height:auto; bottom:0px; left:0; right:0; margin:0 auto; padding:0; z-index:99; display:none !important}
.leftM.leftM02 {display:block !important}
.left_all { height:auto; background:rgba(0,0,0,.5);  position:relative;  border-radius:10px 10px 0 0 ; 	}
.left_menu { width:100%; overflow-x: auto;
    -webkit-overflow-scrolling: touch; 
    position: relative; }
.left_menu:after{content:""; display:block; clear:both;}
.left_menu h6{ display:none; }  
.left_menu .home {  position:relative; width:80px; height:70px; background:;  } 
.left_menu .home:after {  width:1px; height:50%; background:rgba(255,255,255,.35); display: block; position: absolute; right:5px; top:20px; content: ''}  
.left_menu .home i{ font-size:1.6rem; width:100%; line-height:68px; text-align:center; color:#fff; display:inline-block;} 
.left_menu .left_all04, 
.left_menu .left_all03,
.left_menu .left_all02,
.left_menu .left_all01{ clear:both; margin:0 auto; }/* 이 부분만 수정하면 서브메뉴 와이드하게 사용가능 */
.left_menu ul{ min-width:500px;  display: inline-block; text-align: center; padding:15px 20px;  margin: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; 
    position: relative;  }
.left_menu ul li { width:auto;   display:inline-block; text-align: center;  }
.left_menu ul li a{ position:relative; min-width:20%; font-size: calc(1rem + 0.3vw);  font-weight:400; background:transparent;  letter-spacing:-0.5px; line-height:1.1; padding:auto 0px; margin:auto 20px;
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;}
.left_menu li a{color:#fff;  }
.left_menu li a:hover { color:var(--primary);  }  
.left_menu li a.active { color:var(--primary); }  
.left_menu li .dropdown.ssub{ display:none;}

.page1 .left_menu .submenu .sub1 > a,
.page2 .left_menu .submenu .sub2 > a,
.page3 .left_menu .submenu .sub3 > a,
.page4 .left_menu .submenu .sub4 > a,
.page5 .left_menu .submenu .sub5 > a,
.page6 .left_menu .submenu .sub6 > a,
.page7 .left_menu .submenu .sub7 > a,
.page8 .left_menu .submenu .sub8 > a,
.page9 .left_menu .submenu .sub9 > a,
.page10 .left_menu .submenu .sub10 > a{display:block;  color:var(--primary);   border-bottom:0px solid var(--primary); z-index:5 ; 
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;}
 
@media screen and (max-width: 1320px) { 
}
@media screen and (max-width: 1240px) { 
}
@media screen and (max-width: 992px) {  
	.leftM.leftM02 { }
	.left_menu .home { display: none !important } 
	.left_all { height: ;  }
	.left_menu { } 
	.left_menu ul{ min-width:340px; width: 100%; overflow-x: scroll;  padding:12px 10px;  }
	.left_menu .submenu { }  
	.left_menu ul li a{ min-width:auto;  margin:auto 0px;  }
}
@media screen and (max-width:768px){  
}
@media screen and (max-width:576px){ 
}

 


/* 서브네비 - PC/모바일 */
.topNavi { position:relative;  width:100%; height:50px ;  border-bottom:  1px solid #ccc; z-index:15;  } 
.topNavi .nav h6{ display:none  !important; }
.topNavi .nav {	 height:50px ; left:0;	 top:0;  }
.topNavi .nav > .smenu {	overflow: hidden;	 width:20%;	 }
.topNavi .nav > .smenu:after { display:block; position:absolute; top:0; right:0; bottom:0; width:0px; height:100%; background:#aaa; content:'';}
.topNavi .nav > .sm1 {  display:block;	z-index:;}
.topNavi .nav > .sm2 {  display:block;	z-index:1;}
.topNavi .nav > .smenu > li {	 width: 100%;	height:50px ; font-size:1.2rem; } 
.topNavi .nav > .smenu > li > a {	display: inline-block;	width: 100%;	color: #444; font-weight: 400;	position:relative;	padding:1em 2em;	}
.topNavi .nav > .smenu > li > a:before {
          position: absolute;
          content: "\F282";
          font-size: 1.2em;
          top: 50%;
          right:5%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          font-family: 'bootstrap-icons'; 
		  display:; }
.topNavi .nav > .smenu > li > a i{display:block; position:absolute; right:18px; top:35%; bottom:0; font-size:1.5rem; color:#444; font-weight:600}
.topNavi .nav > .smenu > .smenudown >  a:after{content:"";position:absolute; display:block; top:0px;right:0px;width:1px;height:100%; background:rgba(255,255,255,0.2);}
.topNavi .nav > .smenu > li:hover > a {	color:var(--primary);} 
.topNavi .nav > .smenu > li:hover > a i{	color:var(--primary);} 

.topNavi .nav .submenu {	display: none;	position: absolute;	z-index: 9;	background: #fff ;	top:50px; width: 20%;	 
	border-left: 1px solid #ccc;	border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc;	box-sizing:border-box;  padding:0px 0; border-radius: 0;}
.topNavi .nav .submenu li {	position:relative; text-align:  ;	list-style:none; }
.topNavi .nav .submenu li > a {	display: inline-block;	padding: .5em 1em .5em 2.2em; font-size:1rem;	color:#444;  width: 100%;	}
.topNavi .nav .submenu li > a:hover {    	color:#111;	background: var(--primary);	width: 100%; }
.topNavi .nav .submenu li:after{content:"";position:relative; display:block;left:0; right:0px; width:100%;height:1px;background:#ccc; }
.topNavi .nav .submenu li:last-child:after{height:0px;}
.topNavi .nav .submenu > li > .gnb-2dep{display:none ;}
.topNavi .nav .submenu > li > a i{display:none;   } 

.topNavi .nav .iconhome  {  width:50px; height:50px; background:var(--primary); }  
.topNavi .nav .iconhome  a i{ font-size:1.5rem; width:100%; line-height:50px; text-align:center; color:#fff; display:inline-block;} 
.topNavi .nav .iconhome  a:hover i{ color:#fff}
 

@media (max-width: 1600px) {
.topNavi .nav > .smenu {	width:25%;	 }
.topNavi .nav .submenu {	width: 25%;	  }
}

@media (max-width: 1320px) {
.topNavi .nav > .smenu {	width:30%;	 }
.topNavi .nav .submenu {	width: 30%;	  }
}

@media (max-width: 1240px) {
.topNavi .nav > .smenu {	width:35%;	 }
.topNavi .nav .submenu {	width: 35%;	  }
}

@media (max-width: 992px) {
.topNavi { height:60px ;} 
.topNavi .nav {	 height:60px ; }
.topNavi .nav > .smenu {	width:40%;	 }
.topNavi .nav > .smenu > li {	height:60px ;  }  
.topNavi .nav .submenu {	width: 40%;	  top:60px; }

.topNavi .nav .iconhome  {  width:60px; height:60px; }  
.topNavi .nav .iconhome  a i{ font-size:1.5rem;  line-height:60px; }  
}

@media (max-width: 767px) {
.topNavi { height:55px ;} 
.topNavi .nav {	 height:55px ; } 
.topNavi .nav > .smenu > li {	height:55px ; font-size:1.1rem !important; }   
.topNavi .nav .submenu {  top:55px; }

.topNavi .nav .iconhome  {  width:55px; height:55px; }  
.topNavi .nav .iconhome  a i{ font-size:1.35rem;  line-height:55px; }  
}

@media (max-width: 576px) { 
.topNavi .nav > .sm2 {  display:none; }
.topNavi .nav > .smenu {	width:calc(100vw - 100px);	 }  
.topNavi .nav > .smenu > li {	 }   
.topNavi .nav .submenu {	width:calc(100vw - 100px);	 }

.topNavi .nav .iconhome  {   }  
.topNavi .nav .iconhome  a i{ font-size:1.25rem;  }  
}










.ul-check {
  margin-bottom: 50px; }
  .ul-check li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    line-height: 1.5; }
  .ul-check li p {  line-height:inherit!important; margin:0 !important;}
  .ul-check li span{  color:#555;  font-weight:400;}
  .ul-check.mb5 li {
    margin-bottom: 5px !important;}
  .ul-check.mb10 li {
    margin-bottom: 10px !important;}
    .ul-check li:before {
      left: 0;
      font-size: 20px;
      font-family: "icomoon";
      content: "\e5ca";
      position: absolute; 
		top: 8%;
      /* top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); */}
  .ul-check.white li:before {
    color: #fff; }
  .ul-check.primary li:before {
    color: #e71e2e; }
  .ul-check.success li:before {
    color: #007bff; }
  .ul-check.secondary li:before {
    color: #ff7e00; }
  .ul-check.gray li:before {
    color: #666; }
  .ul-check.green li:before {
    color: #71bc42; }
  .ul-check li.remove {
    text-decoration: line-through;
    color: #dee2e6; }
    .ul-check li.remove:before {
      color: #dee2e6; }
 



 /* overlay 이미지+그라데이션 */
.img-gradient{
  position:relative;
  display:block;  
}
.img-gradient:after {
  content:'';
  position:absolute;
  left:0; bottom:0;
  width:100%; height:100%;
  display:inline-block;
  z-index: 1;
  background: -moz-linear-gradient(top, rgba(0,0,0, 0.0) 0%, rgba(0,0,0, 0.5) 40%, rgba(0,0,0, 1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0, 0.0)), color-stop(40%,rgba(0,0,0, 0.5)), color-stop(100%,rgba(0,0,0, 1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,0,0, 0.0) 0%, rgba(0,0,0, 0.5) 40%, rgba(0,0,0, 1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,0,0, 0.0) 0%, rgba(0,0,0, 0.5) 40%, rgba(0,0,0, 1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,0,0, 0.0) 0%, rgba(0,0,0, 0.5) 40%, rgba(0,0,0, 1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0,0,0, 0.0) 0%, rgba(0,0,0, 0.5) 40%, rgba(0,0,0, 1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111', endColorstr='#111',GradientType=0 ); /* IE6-9 */
}
 .img-gradient02:after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block; 
  background: -moz-linear-gradient(top, rgba(0,0,0, 1) 0%, rgba(0,0,0, 0.5) 50%, rgba(0,0,0, 0.0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(50%,rgba(0,0,0, 0.5)), color-stop(100%,rgba(0,0,0,0.0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,0,0, 1) 0%, rgba(0,0,0, 0.5) 50%, rgba(0,0,0, 0.0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,0,0, 1) 0%, rgba(0,0,0, 0.5) 50%, rgba(0,0,0, 0.0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,0,0, 1) 0%, rgba(0,0,0, 0.5) 50%, rgba(0,0,0, 0.0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0,0,0, 1) 0%, rgba(0,0,0, 0.5) 50%, rgba(0,0,0, 0.0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111', endColorstr='#111',GradientType=0 ); /* IE6-9 */
} 
.img-gradient_w:after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255,0.5)), color-stop(50%,rgba(255, 255, 255, 0)), color-stop(100%,rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}
.img-gradient02_w:after {
  content:'';
  position:absolute;
  left:0; bottom:0;
  width:100%; height:100%;
  display:inline-block;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255,1)), color-stop(40%,rgba(255, 255, 255, 0.7)), color-stop(100%,rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}
.img-gradient .topVis07-1{
  display:block;
}
 



.btn-black {
	color:#fff;
	background-color:rgba(0,0,0, .8) !important;
	border-color:rgba(0,0,0, .8)
}
.btn-black:hover {
	color:#fff;
	background-color:rgba(0,0,0, 1)  !important;
	border-color:rgba(0,0,0, 1)
}
.btn-black.focus, .btn-black:focus {
	box-shadow:0 0 0 .2rem rgba(64, 65, 67, .5)
}
.btn-black.disabled, .btn-black:disabled {
	color:#fff;
	background-color:#37393c;
	border-color:#37393c
}
.btn-black:not(:disabled):not(.disabled).active, .btn-black:not(:disabled):not(.disabled):active, .show>.btn-black.dropdown-toggle {
	color:#fff;
	background-color:#060707;
	border-color:#000
}
.btn-black:not(:disabled):not(.disabled).active:focus, .btn-black:not(:disabled):not(.disabled):active:focus, .show>.btn-black.dropdown-toggle:focus {
	box-shadow:0 0 0 .2rem rgba(64, 65, 67, .5)
}
