@charset 'UTF-8';

.table-basic, .table-left, .table-left-bg {  
    width: 100%;
    border:1px solid var(--border-color);
    font-size: 14px;
}


.table-basic, .table-left, .table-left-bg p {
   margin:0px;line-height:22px;
}
.table-basic, .table-left, .table-left-bg{
    margin-bottom: 10px;
}



.table-basic th {background-color:#f7f7f7;}
.table-basic tr:hover {background-color:#f7f7f7;}

/* 측면 게시판 배경  color:var(--text-white); */
.table-left-bg th {font-size: 14px; width:20%;     font-weight:500;    background-color: var(--grey-sub-color);   border: 1px solid var( --border-color);}
.table-left-bg .sp {font-size: 14px; width:100%;     font-weight:500;   background-color: var(--grey-sub-color);   }
.table-left-bg .sp p{font-size: 14px; text-align: left;  font-weight:500;  }

.table-left-bg td {
    border-bottom: 1px solid var( --border-color);
    border-right: none;
    padding: 10px;text-align: left;
}

.table-left-bg td textarea {
    border: 1px solid #DDD;
    width: 100%;
     max-height:120px;min-height:100px;text-align: left;
}

.table-left-bg td strong{ font-weight: 600; color:var(--primary-red);margin:0 4px 0px 4px;}
.table-left-bg td span{  margin-right:4px;}


/* before는 앞에 after는 뒤에 아이콘 표기 
.table-left-bg td strong:after{
  font-style: normal;
  font-weight: normal;
  font-family: "fontello";
  color: #999;
  text-align: center;
}

.table-left-bg td strong:after {
  content: "\ed72";
}
시*/

/* before는 앞에 after는 뒤에 일반 기호 표시 시*/


/* 마지막 인자에는 노출 안되게*/
.table-left-bg td strong:last-child:after,td span:last-child:after{  content: '';}
/* before는 앞에 after는 뒤에 일반 기호 표시 시*/
.table-left-bg td strong:after,td span:after { font-weight:500; color:var(  --border-color);  }
.table-left-bg td strong:after,td span:after {  content:' |';
}

/* 마지막 인자에는 노출 안되게*/
.table-left-bg td strong:last-child:after,td span:last-child:after{  content: '';}


@media (max-width: 767px) {
.table-left-bg th {font-size:12px; width: 65px;   text-align:left;padding-left:6px;  } 
.table-left-bg td{font-size: 12px; padding:7px ;}
.table-left-bg td strong{ font-size: 12px;}
.table-left-bg .sp {font-size: 12px; line-height:14px;   }
 .table-left-bg .sp p{font-size: 12px;line-height:14px;  }


}



/* 별평점 */

#comment-star {
    margin-top: 30px;
}
.star {
    display: none;
    margin: 0 auto;
    width: 70px;
    float: inherit;
    height: 18px;
}
.star-title {
    margin: 0px;
    text-align: center;
    font-size: 14px;
    color: #3d3d3d;
}
.star dd {
    float: left;
    margin: 0px;
}
.radio-circle {
    width: 20px;
    height: 20px;
    border: 4px solid #989898;
    border-radius: 100%;
    cursor: pointer;
    margin: 0 auto;
}    
.radio-active {
    border: 4px solid #e74c3c;
}



/* 페이지 네이션 */
.pageNation {
    text-align: center;
    margin: 0 auto;
    display: block;   
    display: table;
    text-align: center;
}
.pageNation li {
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 3px;
    border: 1px solid #d2d2d2;
    color: #d2d2d2;
    cursor: pointer;
}  
.pageNation li.active {
    color: #ec5d4f;;
    border: 1px solid #ec5d4f;
}
.pageNation li.first, .pageNation li.end {
    width: 40px;
}
.pageNation img {
    padding: 10px 0px;
}



/* 테이블 공통*/
.table-list { font-size: 16px;font-weight: 500;border-collapse: collapse;width:100%; border:0px solid #000;}
.table-list th, td {line-height:16px;border:0px solid var(--thm-gray2);;background-color:none;padding:5px;}
.table-list h6{width:250px; text-overflow:ellipsis; white-space:nowrap;  overflow:hidden !important;line-height:16px;paddong:0px;margin:0px;	/* 메인 공지게시판 목록 타이플*/	}	
.table-list th {border-bottom: 0px solid black;	}
 /* td:nth-child(3n),td:nth-child(4n) ,td:nth-child(5n){	text-align:right;	}.table-list td:nth-child(2n) {text-align:right;		} */
.table-list td:last-child {font-size: 12px;text-align:right;	}

@media screen and (max-width:767px){
.table-list { width:100%;	}
.table-list h6{width:200px; }	
}

.news_slider{ background: #ffffff; border-left:0px solid #000;   border-radius:6px;  padding:8px 5px 10px 5px ; margin-bottom:8px;font-size:10px;   font-weight:600; }

/* 테이블 공통*/
.table-list2 {width:100%; border:0px solid #000; }
.table-list2 img{max-width:40px ;max-height:20px; }
.table-list2 td {line-height:15px;border:0px solid #333;;background-color:none;padding:5px;text-align:left;}
.table-list2 td:nth-child(2) {text-align:left;	width:40%	}
/*.table-list2 td:last-child {font-size: 12px;text-align:right;	} */
.table-list2 td:nth-child(3n),td:nth-child(4n){	text-align:right;	}


@media screen and (max-width:767px){
.table-list2 { width:100%;	}
.table-list2 td {line-height:14px;border:0px solid #333;}
.table-list2 img{max-width:45px ;height:100%; }
.news_slider{   padding:5px 5px 5px 5px ; margin-top:0px;margin-bottom:8px; font-size:11px; }
.table-list2 td:nth-child(3n),td:nth-child(4n){font-size:10px;	}
	
}



.bordered tr:hover {
    background: #eaf1f9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered th {  background-color: #fafafa;
    border-left: 0px solid #ccc;border-bottom:1px solid #999;
    
    padding:10px;
    text-align: left; color:#444; font-weight:600;
}
.bordered td{border-bottom: 1px solid #d8d8d8; color: #4e4e4e;
    padding:10px;
    text-align: left;    
}


.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}





.bordered2 tr:hover {
    background: #eaf1f9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered2 th { 
    border-left: 0px solid #ccc;
    border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;
    padding:8px;
    text-align: center;    
}
.bordered2 td{
   
    padding:10px;
    text-align: left;    
}

.bordered2 th {
    background-color: #f4f4f4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f4f4f4));
    background-image: -webkit-linear-gradient(top, #f0f0f0, #f4f4f4);
    background-image:    -moz-linear-gradient(top, #f0f0f0, #f4f4f4);
    background-image:     -ms-linear-gradient(top, #f0f0f0, #f4f4f4);
    background-image:      -o-linear-gradient(top, #f0f0f0, #f4f4f4);
    background-image:         linear-gradient(top, #f0f0f0, #f4f4f4);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered2 td:first-child, .bordered2 th:first-child {
    border-left: none;
}



/*리스트*/
table.list				{width:100%; text-align:center; border-top:2px solid #94CBE2; border-left:1px solid #94CBE2;}
table.list th			{height:24px; font-weight:bold; border-bottom:1px solid #94CBE2; border-right:1px solid #94CBE2; background:#F2FBFE;}
table.list td			{height:25px; border-bottom:1px solid #94CBE2; border-right:1px solid #94CBE2; background:#fff;}
table.list td.subject	{padding-left:10px; text-align:left; }
table.list td.cal		{padding-right:5px; text-align:right; vertical-align:top;}
table.list td.num		{padding-right:5px; text-align:right;}
table.list td textarea	{width:99%;height:50px;}

/*리스트*/
table.list3				{width:100%; text-align:center; border-top:2px solid #94CBE2; border-left:1px solid #94CBE2;line-height:24px;}
table.list3 th			{height:24px; font-weight:bold; border-bottom:1px solid #94CBE2; border-right:1px solid #94CBE2; background:#F2FBFE;}
table.list3 td			{height:25px; border-bottom:1px solid #94CBE2; border-right:1px solid #94CBE2; background:#fff;}
table.list3 td.call 	{height:25px; border-bottom:1px solid #94CBE2; border-right:1px solid #94CBE2; background:#fff;color:#333;}
table.list3 td.subject	{padding-left:10px; text-align:left; }
table.list3 td.cal		{padding-right:5px; text-align:right; vertical-align:top;}
table.list3 td.num		{padding-right:5px; text-align:right;}
table.list3 td textarea	{width:99%;height:50px;}



/** 동의 페이지*/

#a1 > dl { background-color: #fff; border:0px solid #ddd; padding:5px; box-sizing:border-box; overflow-y:scroll; height:90px;color: #7a8391;}
#a2> dl { background-color: #fff; border:0px solid #ddd; padding:5px; box-sizing:border-box; overflow-y:scroll; height:90px;color: #7a8391;}
#a3> dl { background-color: #fff; border:0px solid #ddd; padding:5px; box-sizing:border-box; overflow-y:scroll; height:90px;color: #7a8391;}
#a4> dl { background-color: #fff; border:0px solid #ddd; padding:5px; box-sizing:border-box;  height:50px;color: #7a8391;}

/*개인정보취급*/
#a5 > dl { background-color: #fff; border:1px solid #ddd; padding:20px; box-sizing:border-box; overflow-y:scroll; height:600px;color: #666;font-size:14px; font-weight:400; }
#a6> dl { background-color: #fff; border:1px solid #ddd; padding:10px; box-sizing:border-box; overflow-y:scroll; height:600px;color: #666;font-size:14px; font-weight: 400; }
#a7> dl { background-color: #fff; border:1px solid #ddd; padding:10px; box-sizing:border-box; overflow-y:scroll; height:600px;color: #666;font-size:14px; font-weight: 400; }


#a5 > dl ol ,#a6 > dl ol,,#a7 > dl ol{ font-size:14px; font-weight:400; margin-top:10px;margin-bottom:10px; }



/*  스크롤*/
#terms dl { background-color: #fafafa; border:1px solid #ddd; padding:15px; box-sizing:border-box; overflow-y:scroll; height:225px;color: #7a8391;font-size:12px;}
#online dl { background-color: #fafafa; border:1px solid #ddd; padding:10px; box-sizing:border-box; overflow-y:scroll; height:400px;color: #7a8391;font-size:14px;}
#re_dialog dl { background-color: #fafafa; border:1px solid #ddd; padding:10px; box-sizing:border-box; overflow-y:scroll; height:400px;color: #7a8391;font-size:14px;}


.title3_1{display:block; font-size:16px; color:#000; font-weight:600; margin-top:20px; margin-bottom:10px;}
.title_sub3_1{display:block; font-size:14px; color:#121212; font-weight:600; margin-top:20px; margin-bottom:10px;}


/* Content  앱 하단 콘텐츠 섹션*/
.content section {
  padding: 30px 0 0 0;
  display: none;
  max-width: 1230px;min-height:360px;
  margin: 0 auto;
}

.content section:before, .content section:after {
  content: '';
  display: table;
}
.content section.content-current {
  display: block;
}

.content section:after {
  clear: both;
}

.no-js .content section {
  display: block;
  padding-bottom: 2em;
  border-bottom: 1px solid #e2e2e2;
}

.box_pricing {
  padding: 30px;
  margin-bottom: 30px;
  border: 1px solid #d2d8dd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}
@media (max-width: 767px) {
  .box_pricing {
    padding: 15px;
  }
}
.box_pricing hr {
  margin: 25px -30px;
  border-color: #d2d8dd;
}
@media (max-width: 767px) {
  .box_pricing hr {
    margin: 25px -15px;
  }
}
.box_pricing ul {
  list-style: disc;
  padding: 0 0 0 20px;
  margin: 0 0 30px 0;
}
.box_pricing a {
  background-color: #FF3A65;
  display: block;
  color: #fff;
  padding: 10px;
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
.box_pricing a:hover {
  background-color: #1f2f6a;
}
.box_pricing .price {
  text-align: center;
  font-weight: 500;
  font-size: 36px;
  font-size: 2.25rem;
  margin-bottom: 20px;
  color: #FF3A65;
}
.box_pricing .price sup {
  font-size: 16px;
  font-size: 1rem;
}
.box_pricing .price em {
  font-size: 16px;
  font-size: 1rem;
  color: #444;
  font-weight: 400;
}

.ribbon_tabs {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
.ribbon_tabs span {
  font-size: 10px;
  font-weight: bold;
  color: #222;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  position: absolute;
  top: 19px;
  right: -21px;
}
.ribbon_tabs span.top_selling {
  background: #00dfaa;
}
.ribbon_tabs span.top_selling::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #008a69;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #008a69;
}
.ribbon_tabs span.top_selling::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #008a69;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #008a69;
}

.box_detail_move2 {
  padding: 5px;
  border-top:1px solid #c2c8c8;
  background-color: #ffffff;
  
  margin: 0px 0 10px 0px;
}
.agree_t {
 font-size: 14px;color: #9a9a9a;margin-left:10px;
}
.text-grey3 { color: #777777; font-size: 12px;}
.text-sblue { color:#0051a1; }
.text-sred { color:#d10512; }

table {
  background-color: #fff;
width: 100%;}

th {
  text-align:top;
}


table thead th {color: #333;}
table td {padding: 15px 10px;}


/*테이블 수정*/
 	table {font-size:14px:
		border-collapse: collapse;
		width: 100%;
		 background: #ffffff;
    padding: 50px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    /*box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.1);
    border-radius: 4px;
    transition: all 0.35s ease-in-out;
    border: 2px solid #ddd;*/
		
	}
	table, th, td {border:1px solid #eee;
		text-align: center;		color: #333;font-size:12px:
	}
	th, td {
		padding: 5px;
	}	
	
	th {
		border-bottom: 1px solid #eee;
	}
    /* 순서에 따라 원하는 색상이 덮히는걸 방지 !improtant */
	tr:first-child {
		background-color: #fffff;
		
	}	
	tr:nth-child(2n) {
		background-color: #f8f8f7;
	}
	tr:hover {
		background-color: #fffff;
	}
	tr:last-child>td { 
		
	}
	.firstName {
		
	}
	
	/*
	th {
		background-color: #D1B2FF;
		color: white;
	} 
	*/






/*============================================================================================*/
/* ACCOUNT PAGE */
/*============================================================================================*/
.box_account {
  margin: 30px 0px 30px 0px;padding:10px;
}
.box_account h3 {
  font-size: 18px;
  font-size: 1.125rem;
  padding-left: 30px;
  height: 30px;
  padding-top: 5px;
  display: inline-block;
  color: #444;
}
/*.box_account h3.client {
  background: url(../../common/img/icon/user.svg) center left no-repeat;
}
.box_account h3.new_client {
  background: url(../../common/img/icon/user.svg) center left no-repeat;
}*/
.box_account .form_container { border-top: 2px solid var(--green);
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 20px;
  position: relative;
}
.box_account .form_container hr {
  margin:30px 0 20px 0;
  border-color: none;
}
.box_account .form_container a.social_bt {
  margin-bottom: 0;
  min-width: inherit;
}
@media (max-width: 991px) {
  .box_account .form_container a.social_bt {
    margin-bottom: 5px;
  }
}
.box_account .form_container .form-group {
  margin-bottom: 10px;
}
.box_account .form_container #forgot_pw {
  height: 100% !important;
  min-height: inherit;
  background-color: #f4f4f4;
  padding: 15px;
}
.box_account .form-label { margin:5px; 0px -5px 5px;
  font-size: 14px;
  font-size: 0.875rem;color: #777;
  
}

.box_account i {
   font-size: 18px;
  font-size:  1.125rem;
  position: absolute;
  background-color: none;
  line-height: 36px;
  top: 0;
  right: 1px;
  padding-right: 15px;
  display: block;
  width: 20px;
  box-sizing: content-box;
  height: 36px;
  z-index: 9;
  color: #b4c5d3;
}

.box_account .form-group > i {
  font-size:16px;
  font-size:1rem;
  position: absolute;
  right: 0px;
  top: 3px;
  color: #ccc;
  width: 25px;
  height: 25px;
  display: block;
  font-weight: 400 !important;
}

/*form_page*/
.form_page .container {
  max-width: 700px; min-height:700px;
   margin:0px auto 0px;  
  padding: 10px;
}
@media (max-width: 767px) {
 .form_page .container {
    max-width: 100%;min-height:100px;margin-bottom:20px;  }
.box_account .form_container {   padding:15px;}


}

/*mem_page*/
.mem_page .container {
  max-width: 800px; min-height:800px;
   margin:-55px auto 0px;  
  padding: 0px;
}

@media (max-width: 767px) {
 .mem_page .container {    max-width: 100%;min-height:100px;margin-bottom:20px;    }
}




/*============================================================================================*/
/* search */
/*============================================================================================*/
/* */


.custom-search-input-2.version_3 .form-group span {
  color: #111;
  position: absolute;
  left: 15px;
  top:10px;
  font-size:14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.custom-search-input-2.version_3 .form-group i{
background-color: none;
 color: #3578fa;
  position: absolute;
  right:10px;
  top:0px;
  font-size:30px;
  font-size: 1.875rem;
  font-weight:700;
}


.custom-search-input-2.version_3 .form-group  h6 { 
 height:50px; 
padding:30px 10px 15px 15px;  background-color: #fff;
border-right: 1px solid #d2d8dd;
color: var(--blue);
line-height: 24px;font-size: 14px;
 font-size: 0.875rem;font-weight: 600;
-webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}


.custom-search-input-2.version_3 .form-group :hover { 
 background-color: #fafafa;
}

/* 견적서 내 버튼 디자인 추가 */
 a.btn_submit {
 position: absolute;
 top: 0px;
 right: 0px;
 text-align: center;
 width: 100%;overflow: hidden;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600; 
  color: #fff;
  padding:15px 20px 35px 20px;
  border: 0;
  
  height:100%;
  cursor: pointer;
  outline: none;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
   background: var(--primary-blue);
  margin-right: -1px;
}

@media (max-width: 991px) {
  .custom-search-input-2.version_3 .form-group h6  {
  padding:30px 10px 5px 15px;
  height: 60px; 
  width: 100%;
  margin-right: -1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-weight: 600;
  }
 a.btn_submit {
 
  padding:15px 20px 35px 20px;
 
}

}



a.btn_submit:hover {
 background: var(--secondary-blue);
 
}



.custom-search-input {
  background-color: #fff;
  padding: 5px 5px 5px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-top: 10px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
}
@media (max-width: 991px) {
  .custom-search-input {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}
.custom-search-input input {
  border: 0;
  height: 50px;
  padding: 12px 10px 10px 20px;
  border-right: 1px solid #d2d8dd;
  font-weight: 500;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  font-size: 15px;
  font-size: 0.9375rem;
}
.custom-search-input input.no_border_r {
  border: none;
}
@media (max-width: 991px) {
  .custom-search-input input {
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
  }
}
.custom-search-input input:focus {
  box-shadow: none;
}
@media (max-width: 991px) {
  .custom-search-input input:focus {
    border-right: none;
  }
}
.custom-search-input select {
  display: none;
}
.custom-search-input .form-group {
  margin: 0;
}
@media (max-width: 991px) {
  .custom-search-input .form-group {
    margin-bottom: 5px;
  }
}
.custom-search-input i {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 18px;
  font-size: 1.125rem;
  position: absolute;
  background-color: #fff;
  line-height: 50px;
  top: 0;
  right: 1px;
  padding-right: 15px;
  display: block;
  width: 20px;
  box-sizing: content-box;
  height: 48px;
  z-index: 9;
  color: #999;
}
@media (max-width: 991px) {
  .custom-search-input i {
    padding-right: 10px;
  }
}
.custom-search-input input[type='submit'] {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
  border: 0;
  padding: 0 25px;
  height: 50px;
  cursor: pointer;
  outline: none;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background-color: #589442;
  margin-right: -1px;
}
@media (max-width: 991px) {
  .custom-search-input input[type='submit'] {
    margin: 25px 0 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
  }
}
.custom-search-input input[type='submit']:hover {
  -webkit-filter: brightness(115%);
  filter: brightness(115%);
}


#custom-search-input {
  padding: 0;
  width: 600px;
  margin: 20px auto 0;
  position: relative;
}
@media (max-width: 991px) {
  #custom-search-input {
    width: auto;
  }
}
#custom-search-input .search-query {
  width: 100%;
  height: 50px;
  padding-left: 20px;
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 16px;
  font-size: 1rem;
  color: #333;
}
#custom-search-input .search-query:focus {
  outline: none;
}
@media (max-width: 575px) {
  #custom-search-input .search-query {
    padding-left: 15px;
  }
}
#custom-search-input input[type='submit'] {
  position: absolute;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  right: -1px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
  top: 0;
  border: 0;
  padding: 0 25px;
  height: 50px;
  cursor: pointer;
  outline: none;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  background-color: #fc5b62;
}
#custom-search-input input[type='submit']:hover {
  background-color: #ff3c85;
  color: #222;
}
@media (max-width: 575px) {
  #custom-search-input input[type='submit'] {
    text-indent: -999px;
    background: #fc5b62 url(../img/icon/search.svg) no-repeat center center;
  }
}

.custom-search-input-2 {
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-top: 10px;
  
}
@media (max-width: 991px) {
  .custom-search-input-2 {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}
.custom-search-input-2 input {
  border: 0;
  height: 50px;
  padding-left: 15px;
 border: 1px solid #d2d8dd;
  font-weight: 500;



}
@media (max-width: 991px) {
  .custom-search-input-2 input {
    border: none;
  }
}
.custom-search-input-2 input:focus {
  box-shadow: none;
  border-right: 1px solid #d2d8dd;
}
@media (max-width: 991px) {
  .custom-search-input-2 input:focus {
    border-right: none;
  }
}
.custom-search-input-2 select {
  display: none;
}
.custom-search-input-2 .nice-select .current {
  font-weight: 500;
  color: #6f787f;
}
.custom-search-input-2 .form-group {
  margin: 0;
}
@media (max-width: 991px) {
  .custom-search-input-2 .form-group {
    margin-bottom: 5px;
  }
}
.custom-search-input-2 i {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 18px;
  font-size: 1.125rem;
  position: absolute;
  background-color: #fff;
  line-height: 50px;
  top: 1px;
  right: 1px;
  padding-right: 15px;
  display: block;
  width: 20px;
  box-sizing: content-box;
  height: 38px;
  z-index: 9;
  color: #999;
}
@media (max-width: 991px) {
  .custom-search-input-2 i {
    padding-right: 10px;
  }
}
.custom-search-input-2 input[type='submit'] {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
  border: 0;
  padding: 0 25px;
  height: 50px;
  cursor: pointer;
  outline: none;
  width: 100%;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  background-color: #3578fa;
  margin-right: -1px;
}
@media (max-width: 991px) {
  .custom-search-input-2 input[type='submit'] {
    margin: 20px 0 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
  }
}
.custom-search-input-2 input[type='submit']:hover {
  background-color: #ff3c85;
  color: #f;
}
.custom-search-input-2.inner {
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
  .custom-search-input-2.inner {
    margin: 0 0 20px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}
.custom-search-input-2.inner-2 {
  margin: 0 0 20px 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: none;
}
.custom-search-input-2.inner-2 .form-group {
  margin-bottom: 10px;
}
.custom-search-input-2.inner-2 input {
  border: 1px solid #ededed;
}
.custom-search-input-2.inner-2 input[type='submit'] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin-top: 10px;
}
.custom-search-input-2.inner-2 i {
  padding-right: 10px;
  line-height: 48px;
  height: 48px;
  top: 1px;
}
.custom-search-input-2.inner-2 .nice-select {
  border: 1px solid #ededed;
}




/* Home single hero */
.hero_single {
  width: 100%;
  position: relative;
  /*overflow: hidden;*/
  text-align: center;
  margin: 0;
 
}

.hero_single .wrapper {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.8);
}
.hero_single.start_bg_zoom:before {
  animation: pop-in 6s 0.3s cubic-bezier(0, 0.5, 0, 1) forwards;
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.hero_single .wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.hero_single .wrapper h3 {
  color: #fff;
  font-size: 52px;
  font-size: 3.25rem;
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
}
@media (max-width: 767px) {
  .hero_single .wrapper h3 {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}
@media (max-width: 575px) {
  .hero_single .wrapper h3 {
    font-size: 23px;
    font-size: 1.4375rem;
  }
}
.hero_single .wrapper p {
  font-weight: 300;
  margin: 10px 0 0 0;
  padding: 0 20%;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.4;
}
.hero_single .wrapper p strong {
  font-weight: 600;
}
@media (max-width: 767px) {
  .hero_single .wrapper p {
    padding: 0;
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.hero_single.short {
  height: 600px;
}

/**/
.hero_single.version_2 {
  height: 620px;
}
.hero_single.version_2:before {
  background: url(../../common/img/bg/2440x1578_1.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.hero_single.version_2 .wrapper {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.45);
}
.hero_single.version_2 .wrapper h3 {
  font-size: 42px;
  font-size: 2.625rem;
  text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
  .hero_single.version_2 .wrapper h3 {
    font-size: 26px;
    font-size: 1.625rem;
    margin-top: 60px;
  }
}
@media (max-width: 575px) {
  .hero_single.version_2 .wrapper h3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.hero_single.version_2 .wrapper p {
  font-weight: 400;
  margin: 5px 0 20px 0;
  padding: 0;
  font-size: 21px;
  font-size: 1.3125rem;
  
}
.hero_single.version_2 .wrapper p strong {
  font-weight: 600;
}
@media (max-width: 767px) {
  .hero_single.version_2 .wrapper p {
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
}



/*-------- 1.5 Heros/Above the fold  --------*/

.hero_single .opacity-mask {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hero_single .opacity-mask h1,
.hero_single .opacity-mask h3 {
  color: #fff;
  line-height: 1;
  font-size: 42px;
  font-size: 2.625rem;
  margin: 0;
  font-weight: 600;
}
@media (max-width: 767px) {
  .hero_single .opacity-mask h1,
  .hero_single .opacity-mask h3 {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
.hero_single .opacity-mask p {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 300;
}
@media (max-width: 767px) {
  .hero_single .opacity-mask p {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}
.hero_single .search_trends {
  color: #555;
}
.hero_single .search_trends h5 {
  font-size: 14px;
  font-size: 0.875rem;
  display: inline-block;
  color: #555;
}
.hero_single .search_trends ul {
  list-style: none;
  display: inline-block;
  margin: 15px 0 0 0;
  padding: 0;
}
.hero_single .search_trends ul li {
  display: inline-block;
}
.hero_single .search_trends ul li:after {
  content: ", ";
}
.hero_single .search_trends ul li:last-child:after {
  content: " ";
}
.hero_single .search_trends ul li a {
  color: #555;
}
.hero_single .search_trends ul li a:hover {
  text-decoration: underline;
}


.hero_single.version_5 {
  height: 620px;
  background: #faf3cc url(../../common/img/bg/2440x1578_1.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.hero_single.version_5 .opacity-mask {
  text-align: left;
}
@media (max-width: 991px) {
  .hero_single.version_5 .opacity-mask {
    text-align: center !important;
  }
}
.hero_single.version_5 .opacity-mask h1,
.hero_single.version_5 .opacity-mask h3 {
  color: #fff;
}
.hero_single.version_5 .opacity-mask p {
  color: #fff;
}
.hero_single.version_5 .search_trends {
  color: #fff;
}
.hero_single.version_5 .search_trends h5 {
  color: #fff;
}
.hero_single.version_5 .search_trends ul li a {
  color: #fff;
}
.hero_single.inner_pages {
  height: 620px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #ededed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
}
.hero_single.inner_pages h1 {
  margin-top: -30px;
}


.hero_single.version_1 {
  height: 200px; 
background: url(../../common/img/bg/2440x1578_1.jpg) top center no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


@media (max-width: 767px) {
  .hero_single.version_1 
   background: url(../../common/img/bg/2440x1578_1.jpg) -300px top no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
.hero_single.version_1 .wrapper {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.6);
}
.hero_single.version_1 .wrapper h3 {
  font-size: 52px;
  font-size: 3.25rem;
  
}
@media (max-width: 767px) {
  .hero_single.version_1 .wrapper h3 {
    font-size: 26px;
    font-size: 1.625rem;
    margin-top: 30px;
  }
}
.hero_single.version_1 .wrapper p {
  font-weight: 400;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 20px;
  font-size: 1.25rem;
  
}
.hero_single.version_1 .wrapper p strong {
  font-weight: 500;
}
@media (max-width: 767px) {
  .hero_single.version_1 .wrapper p {
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
  }
}






.hero_single.version_2{
  height: 620px;
  background: url(../../common/img/bg/2440x1578_2.jpg) top center no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 767px) {
  .hero_single.version_2 {
    background: url(../../common/img/bg/2440x1578_2.jpg) -300px top no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
.hero_single.version_2 .wrapper {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.6);
}
.hero_single.version_2 .wrapper h3 {
  font-size: 52px;
  font-size: 3.25rem;
  
}
@media (max-width: 767px) {
  .hero_single.version_2 .wrapper h3 {
    font-size: 26px;
    font-size: 1.625rem;
    margin-top: 30px;
  }
}
.hero_single.version_2 .wrapper p {
  font-weight: 400;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 20px;
  font-size: 1.25rem;

}
.hero_single.version_2 .wrapper p strong {
  font-weight: 500;
}
@media (max-width: 767px) {
  .hero_single.version_2 .wrapper p {
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
  }
}




.hero_single.version_3{
  height: 620px;
  background: url(../../common/img/bg/2440x1578_3.jpg) top center no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 767px) {
  .hero_single.version_3 {
    background: url(../../common/img/bg/2440x1578_3.jpg) -300px top no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
.hero_single.version_3 .wrapper {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.6);
}
.hero_single.version_3 .wrapper h3 {
  font-size: 52px;
  font-size: 3.25rem;
  
}
@media (max-width: 767px) {
  .hero_single.version_3 .wrapper h3 {
    font-size: 26px;
    font-size: 1.625rem;
    margin-top: 30px;
  }
}
.hero_single.version_3 .wrapper p {
  font-weight: 400;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 20px;
  font-size: 1.25rem;
  
}
.hero_single.version_3 .wrapper p strong {
  font-weight: 500;
}
@media (max-width: 767px) {
  .hero_single.version_3 .wrapper p {
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
  }
}











/* Panel Drop Down */
.panel-dropdown {
  position: relative;
  text-align: left;
  padding: 15px 10px 0 15px;
}
@media (max-width: 991px) {
  .panel-dropdown {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    height: 50px;
  }
}
.panel-dropdown a {
  color: #727b82;
  font-weight: 500;
  transition: all 0.3s;
  display: block;
  position: relative;
}
.panel-dropdown a:after {
  font-family: 'ElegantIcons';
  content: "\33";
  font-size: 24px;
  font-size: 1.5rem;
  color: #999;
  font-weight: 500;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: 0;
  top: -8px;
}
.panel-dropdown.active a:after {
  transform: rotate(180deg);
}
.panel-dropdown .panel-dropdown-content {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  position: absolute;
  top: 58px;
  left: 0px;
  z-index: 99;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 12px 35px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 12px 35px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0 12px 35px 2px rgba(0, 0, 0, 0.12);
  padding: 15px 15px 0 15px;
  white-space: normal;
  width: 280px;
}
.panel-dropdown .panel-dropdown-content:before, .panel-dropdown .panel-dropdown-content:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.panel-dropdown .panel-dropdown-content:before {
  top: -7px;
  left: 9px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}
.panel-dropdown .panel-dropdown-content:after {
  left: 10px;
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}
.panel-dropdown .panel-dropdown-content.right {
  left: auto;
  right: 0;
}
.panel-dropdown .panel-dropdown-content.right:before {
  left: auto;
  right: 9px;
}
.panel-dropdown .panel-dropdown-content.right:after {
  left: auto;
  right: 10px;
}

.panel-dropdown.active .panel-dropdown-content {
  opacity: 1;
  visibility: visible;
}

.qtyButtons {
  display: flex;
  margin: 0 0 13px 0;
}
.qtyButtons input {
  outline: 0;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  width: 50px;
  height: 36px !important;
  color: #333;
  line-height: 36px;
  margin: 0 !important;
  padding: 0 5px !important;
  border: none;
  box-shadow: none;
  pointer-events: none;
  display: inline-block;
  border: none !important;
}
.qtyButtons label {
  font-weight: 500;
  line-height: 36px;
  padding-right: 15px;
  display: block;
  flex: 1;
  color: #727b82;
}

.qtyInc,
.qtyDec {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 28px;
  font-size: 1.75rem;
  background-color: #f2f2f2;
  -webkit-text-stroke: 1px #f2f2f2;
  color: #333;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  font-family: 'ElegantIcons';
}

.qtyInc:before {
  content: "\4c";
}

.qtyDec:before {
  content: "\4b";
}

.qtyTotal {
  background-color: #66676b;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  line-height: 18px;
  text-align: center;
  position: relative;
  top: 0;
  left: 2px;
  height: 18px;
  width: 18px;
}

/* ------ Search 3 index-10.html ----------- */
.custom-search-input-2.version_3 {
  margin-top: 20px;
}
.custom-search-input-2.version_3 .form-group {
  text-align: left;
}
.custom-search-input-2.version_3 .form-group span {
  color: #111;
  position: absolute;
  left: 15px;
  top: 12px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
}
.custom-search-input-2.version_3 .form-group input {
  height: 58px;
  padding: 22px 10px 5px 15px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
@media (max-width: 991px) {
  .custom-search-input-2.version_3 .form-group input {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
  }
}
.custom-search-input-2.version_3 .form-group input:hover {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
@media (max-width: 991px) {
  .custom-search-input-2.version_3 .form-group input:hover {
    background-color: white;
    background-color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
  }
}
.custom-search-input-2.version_3 .form-group input:focus {
  background-color: black;
  background-color: transparent;
}
@media (max-width: 991px) {
  .custom-search-input-2.version_3 .form-group input:focus {
    background-color: white;
    background-color: white;
  }
}
@media (max-width: 991px) {
  .custom-search-input-2.version_3 .panel-dropdown {
    height: 58px;
  }
}
.custom-search-input-2.version_3 .panel-dropdown a {
  height: 43px;
  padding: 13px 10px 0px 0;
  display: block;
}
.custom-search-input-2.version_3 .panel-dropdown a:after {
  display: none !important;
}
.custom-search-input-2.version_3 .panel-dropdown a span {
  position: relative;
  top: 0;
  left: 0;
  color: #fff;
}
.custom-search-input-2.version_3 .panel-dropdown:hover {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
@media (max-width: 991px) {
  .custom-search-input-2.version_3 .panel-dropdown:hover {
    background-color: white;
    background-color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
  }
}
.custom-search-input-2.version_3 .panel-dropdown.active {
  background-color: black;
  background-color: transparent;
}
@media (max-width: 991px) {
  .custom-search-input-2.version_3 .panel-dropdown.active {
    background-color: white;
    background-color: white;
  }
}
.custom-search-input-2.version_3 .panel-dropdown .panel-dropdown-content {
  top: 70px;
}
.custom-search-input-2.version_3 input[type='submit'] {
  height: 58px;
}



.custom-search-input {
  background-color: #fff;
  padding: 5px 5px 5px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-top: 10px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}
@media (max-width: 991px) {
  .custom-search-input {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}
.custom-search-input input {
  border: 0;
  height: 50px;
  padding: 12px 10px 10px 20px;
  font-weight: 500;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  font-size: 15px;
  font-size: 0.9375rem;
}
.custom-search-input input.no_border_r {
  border: none;
}
@media (max-width: 991px) {
  .custom-search-input input {
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    height: 60px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  }
}
.custom-search-input input:focus {
  box-shadow: none;
}
@media (max-width: 991px) {
  .custom-search-input input:focus {
    border-right: none;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  }
}
.custom-search-input select {
  display: none;
}
.custom-search-input .form-group {
  margin: 0;
}
@media (max-width: 991px) {
  .custom-search-input .form-group {
    margin-bottom: 5px;
  }
}
.custom-search-input i {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 18px;
  font-size: 1.125rem;
  position: absolute;
  background-color: #fff;
  line-height: 50px;
  top: 0;
  right: 1px;
  padding-right: 15px;
  display: block;
  width: 20px;
  box-sizing: content-box;
  height: 48px;
  z-index: 9;
  color: #999;
}
@media (max-width: 991px) {
  .custom-search-input i {
    padding-right: 10px;
  }
}
.custom-search-input button[type='submit'] {
  padding: 0 25px;
  height: 50px;
  width: 100%;
  margin-right: -1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .custom-search-input button[type='submit'] {
    margin: 15px 0 0 0;
  }
}




.search_map_wp {
  padding: 10px 0 10px 0;
  display: none;
  width: 100%;
}
.search_map_wp .nice-select {
  margin-bottom: 5px;
  border: none;
}
.search_map_wp .form-control {
  margin-bottom: 10px;
}
.search_map_wp input[type='submit'] {
  background-color: #ff3c85;
  color: #222;
}
.search_map_wp input[type='submit']:hover {
  background-color: #32a067;
  color: #fff;
}

a.btn_search_map_view {
  background: url(//demo.timesw.co.kr/2021demo/panagea/img/search.svg) no-repeat center center;
  background-size: 21px 21px;
  width: 21px;
  height: 21px;
  float: right;
  display: block;
}

#results_map_view {
  padding: 10px 0;
  margin: 0 -15px;
  color: #fff;
  background: #0054a6;
  position: relative;
  z-index: 99999999 !important;
}
#results_map_view h4 {
  color: #fff;
  margin: 3px 0 0 0;
  padding: 0;
  line-height: 1;
  font-size: 16px;
  font-size: 1rem;
}
@media (max-width: 991px) {
  #results_map_view h4 {
    margin: 5px 0 0 0;
  }
}
@media (max-width: 767px) {
  #results_map_view h4 {
    margin: 3px 0 0 0;
  }
}

.custom-search-input-2.map_view {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.custom-search-input-2.map_view input {
  border: none;
}
.custom-search-input-2.map_view input[type='submit'] {
  margin: 20px 0 0 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}




/*-------- 2.2 Listing --------*/
#results {
  padding: 20px 0;
  color: #fff;
  background: #051d4d;
  position: relative;
  z-index: 999 !important;
}
@media (max-width: 767px) {
  #results {
    padding: 12px 0;
  }
}
#results.is_stuck {
  z-index: 99;
  padding: 10px 0;
}
#results h1 {
  color: #fff;
  margin: 12px 0 0 0;
  padding: 0;
  line-height: 1;
  font-size: 16px;
  font-size: 1rem;
}
@media (max-width: 991px) {
  #results h1 {
    margin: 5px 0 0 0;
  }
}
@media (max-width: 767px) {
  #results h1 {
    margin: 3px 0 0 0;
  }
}



.search_mob a {
  display: none;
  width: 22px;
  height: 24px;
  text-indent: -9999px;
  position: relative;
  color: #051d4d;
}
@media (max-width: 991px) {
  .search_mob a {
    display: block;
  }
}
.search_mob a:hover {
  color: #3578fa;
}
.search_mob a:before {
  font-family: 'themify';
  content: "\e610";
  text-indent: 0;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1;
  font-weight: 600;
  font-size: 21px;
  font-size: 1.3125rem;
}

a.btn_search_mobile {
  /*background: url(../img/search.svg) no-repeat center center;*/
  width: 21px;
  height: 21px;
  float: right;
  display: none;
}
@media (max-width: 991px) {
  a.btn_search_mobile {
    display: block;
  }
}

.search_mob_wp {
  padding: 10px 0 10px 0;
  display: none;
  width: 100%;
}
.search_mob_wp .nice-select {
  margin-bottom: 5px;
  border: none;
}
.search_mob_wp .form-control {
  margin-bottom: 10px;
}
.search_mob_wp input[type='submit'] {
  background-color: #ff3c85;
  color: #222;
}
.search_mob_wp input[type='submit']:hover {
  background-color: #32a067;
  color: #fff;
}







/*============================================================================================*/
/* LISTING */
/*============================================================================================*/


/*레프트*/

ul#cat_nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#cat_nav li { font-size: 16px;
  font-size: 1rem;
  border-bottom: 1px solid #ccc;
}
ul#cat_nav li i {
 
  margin: 2px 10px 0 0;
  float: left;
}
ul#cat_nav li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
ul#cat_nav li a {
  position: relative;
  color: #555;
  display: block;
  padding: 15px 10px;
}
ul#cat_nav li a:after {
 font-family: 'ElegantIcons';
  content: "\33";
  position: absolute;
  right: 15px;
  top: 15px;
}
ul#cat_nav li a span {
  font-size: 12px;
  font-size: 0.75rem;
  color: #999;
}
ul#cat_nav li a:hover, ul#cat_nav li a#active, ul#cat_nav li a.active {
  background: #313842; color: #fff;
}

ul#cat_nav li a:hover span, ul#cat_nav li a#active span, ul#cat_nav li a.active span{
  color: #fff;
}


ul#m_nav2 {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#m_nav2 li {  font-size: 20px;
  font-size: 1.25rem;
  color: #121212;
}

/* ul#m_nav2 li strong{  font-size: 20px;
  font-size: 1.25rem;
  color: #121212;font-weight: 700;
}*/

ul#m_nav2 li img {float: left;
	 position: relative;
 margin: -5px 10px 5px 10px;
  border: 1px solid #E7EDF8;   
	display: block;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; 
    
}


ul#m_nav2 li i {font-size:30px;color: #121212;
 float: left;
	 position: relative;
 margin: 0px 20px 0px 10px;
/*  border: px solid #E7EDF8;   color: #6f90b8;
	display: block;
	width: 34px;
	height: 34px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;*/
}


 /* -----------------------------------
           [업데이트 됨] 탭 메뉴 커스텀 (배경/테두리)
        ----------------------------------- */
        .custom-tabs {
            border-bottom: 2px solid var(--dark-bg); /* 탭 컨테이너 하단 메인 컬러 선 */
            gap: 4px; /* 탭 간의 여백 */
        }
        
        .custom-tabs .nav-link {
            background-color: #0985eb; /* 선택되지 않은 탭 배경색 (밝은 회색) */
            color: #fff;            /* 선택되지 않은 탭 글자색 */
            border: 1px solid #121212; /* 선택되지 않은 탭 테두리 (연한 회색) */
            border-bottom: none;       /* 하단 테두리는 탭 컨테이너 선으로 대체 */
            border-radius: 2px 2px 0 0; /* 상단 모서리 약간 각지게 (입력창과 통일) */
            font-weight: 600;
            padding: 0.6rem 0;
            transition: all 0.2s ease;
        }

        .custom-tabs .nav-link:hover {
            background-color: #333; /* 마우스 오버 시 약간 진한 회색 */
            color: #fff;
        }

        .custom-tabs .nav-link.active {
            background-color:#2a2d35; /* 선택된 탭 배경색 */
            color: #ffffff;                      /* 선택된 탭 글자색 (흰색) */
            border: 1px solid #121212;; /* 선택된 탭 테두리를 메인 컬러로 */
            border-bottom: none;
        }

		
#a1 > dl { background-color: #fff; border:0px solid #ddd; padding:5px; box-sizing:border-box; overflow-y:scroll; height:90px;color: #7a8391;}
#a2> dl { background-color: #fff; border:0px solid #ddd; padding:5px; box-sizing:border-box; overflow-y:scroll; height:90px;color: #7a8391;}
#a3> dl { background-color: #fff; border:0px solid #ddd; padding:5px; box-sizing:border-box; overflow-y:scroll; height:90px;color: #7a8391;}
#a4> dl { background-color: #fff; border:0px solid #ddd; padding:5px; box-sizing:border-box;  height:50px;color: #7a8391;}

/*개인정보취급*/
#a5 > dl { background-color: #fff; border:1px solid #ddd; padding:20px; box-sizing:border-box; overflow-y:scroll; height:600px;color: #666;font-size:14px; font-weight:400; }
#a6> dl { background-color: #fff; border:1px solid #ddd; padding:10px; box-sizing:border-box; overflow-y:scroll; height:600px;color: #666;font-size:14px; font-weight: 400; }
#a7> dl { background-color: #fff; border:1px solid #ddd; padding:10px; box-sizing:border-box; overflow-y:scroll; height:600px;color: #666;font-size:14px; font-weight: 400; }


#a5 > dl ol ,#a6 > dl ol,,#a7 > dl ol{ font-size:14px; font-weight:400; margin-top:10px;margin-bottom:10px; }



/*  스크롤*/
#terms dl { background-color: #fafafa; border:1px solid #ddd; padding:15px; box-sizing:border-box; overflow-y:scroll; height:225px;color: #7a8391;font-size:12px;}
#online dl { background-color: #fafafa; border:1px solid #ddd; padding:10px; box-sizing:border-box; overflow-y:scroll; height:400px;color: #7a8391;font-size:14px;}
#re_dialog dl { background-color: #fafafa; border:1px solid #ddd; padding:10px; box-sizing:border-box; overflow-y:scroll; height:400px;color: #7a8391;font-size:14px;}


.title3_1{display:block; font-size:16px; color:#000; font-weight:600; margin-top:20px; margin-bottom:10px;}
.title_sub3_1{display:block; font-size:14px; color:#121212; font-weight:600; margin-top:20px; margin-bottom:10px;}

/*-------- 2.7 Pricing page --------*/
.margin_tabs {
 /* margin-top: -74px;*/margin-top: -44px;
}
/*@media (max-width: 991px) {
  .margin_tabs {
    margin-top: -70px;
  }
}*/
@media (max-width: 767px) {
  .margin_tabs {margin-top: -43px;
    
  }


}

.tabs {
  position: relative;
  width: 100%;
  overflow: visible;
  padding-bottom:60px;
  z-index: 5;
}
.tabs nav {
  text-align: center;
  overflow: hidden;
}
.tabs nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.tabs nav ul li {
  margin: 0 -4px 0 0;
  display: block;
  display: inline-block;
  background:#2a2d35;
  width: 33%;
  text-align: center;
  line-height: 1.3; 
}
@media (max-width: 991px) {
  .tabs nav ul li {
    text-align: center;
  }
}
.tabs nav ul li a {
  /*padding: 15px 35px 15px 90px;*/
  padding: 12px 8px;
  color: #999;
  display: block;
  font-size: 14px; 
  font-size: 0.875rem; 
  white-space: nowrap;
  position: relative;
  font-weight: 500;
}
@media (max-width: 991px) {
  .tabs nav ul li a {
    padding: 12px;
    
  }
}
.tabs nav ul li a i {
  position: absolute;
  left: 35px;
  top: 25px;
  font-size: 38px;
  font-size: 2.375rem;
}
@media (max-width: 991px) {
  .tabs nav ul li a i {
    display: none;
  }
}
.tabs nav ul li a em {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
}
@media (max-width: 767px) {
  .tabs nav ul li a em {
    display: none;
  }
}
.tabs nav ul li:first-child {
  border-radius: 5px 0 0 0;
  border-right: 3px solid #121212;
}

.tabs nav ul li:last-child {
  border-radius: 0 5px 0 0;
  border-left: 2px solid #121212;
}
.tabs nav ul li.tab-current {/*탭 선택시*/
 /* background:  var(--green2);*/
  background:#121212;
  z-index: 100;
}
.tabs nav ul li.tab-current:after {
  right: auto;
  left: 100%;
  width: 4000px;
}
.tabs nav ul li.tab-current a {
  color: #fafafa;;
}
.tabs nav ul li.tab-current a i {
  color: #ff0071;
}

.tabs .content  {
  margin: 40px 0px;
}


/* Content */


.content section {
  padding: 30px 10px 0 10px;
  display: none;
  max-width: 1230px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .tabs .content  {
  margin: 20px 0px;
}

.content section {
  padding: 20px 5px 0 5px;
  
}
}

.content section:before, .content section:after {
  content: '';
  display: table;
}
.content section.content-current {
  display: block;
}

.content section:after {
  clear: both;
}

.no-js .content section {
  display: block;
  padding-bottom: 2em;
  border-bottom: 1px solid #36313d;
}



/* ----------------------------------------------------------------------------- */
/* --- 8. ANIMATIONS
/* ----------------------------------------------------------------------------- */
.animated { -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

/* Zooming */
.zooming { -moz-animation: zooming 18s infinite both; -webkit-animation: zooming 18s infinite both; animation: zooming 18s infinite both; }

@-moz-keyframes zooming { 0% { -moz-transform: scale(1, 1); transform: scale(1, 1); }
  50% { -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  100% { -moz-transform: scale(1, 1); transform: scale(1, 1); } }
@-webkit-keyframes zooming { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  50% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
@keyframes zooming { 0% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  50% { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  100% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
/* Blinking */
.blinking { -moz-animation: blinking 2s infinite both; -webkit-animation: blinking 2s infinite both; animation: blinking 2s infinite both; }

@-moz-keyframes blinking { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes blinking { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes blinking { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }


.typed-cursor3 {border: 1px solid #fa4748;
	padding: 10px;
	position: relative;background: rgb(196,19,45);animation: pulse5 2s infinite;
	
	/* 
--------------------------------------------------------
	background:#fa4748 url(../img/bg/main_ban.png) center left no-repeat;---------*/
	margin-bottom: 5px;
	color: #fff;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
	text-align: center;-webkit-border-radius: 10px;
	-moz-border-radius: 2px;
	border-radius: 2px;}
@keyframes pulse5 {
	0% {
	  -moz-box-shadow: 0 0 0 0 rgba(89,215,13, 0.6);
	  box-shadow: 0 0 0 0 rgba(89,215,13, 0.6);
	}
	70% {
		-moz-box-shadow: 0 0 0 10px rgba(89,215,13, 0);
		box-shadow: 0 0 0 10px rgba(89,215,13, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(89,215,13, 0);
		box-shadow: 0 0 0 0 rgba(89,215,13, 0);
	}
  }

/* Typing */
.typed-cursor { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-animation: blinking 1.5s infinite; -webkit-animation: blinking 1.5s infinite; animation: blinking 1.5s infinite; }
.typed-cursor2 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-animation: blinking 1.5s animation-duration: 3s; ; -webkit-animation: blinking 1.5s animation-duration: 3s; animation: blinking 1.5s ; animation-duration: 3s;}
.typed-cursor4 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-animation: blinking 2.5s infinite; -webkit-animation: blinking 2.5s infinite; animation: blinking 2.5s infinite; }

.pulse_bt {
  box-shadow: 0 0 0 rgba(229, 71, 80, 0.4);
  animation: pulseanime 3s infinite;
  -webkit-animation: pulseanime 3s infinite;
}

@-webkit-keyframes pulseanime {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(229, 71, 80, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(229, 71, 80, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(229, 71, 80, 0);
  }
}
@keyframes pulseanime {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(229, 71, 80, 0.4);
    box-shadow: 0 0 0 0 rgba(229, 71, 80, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(229, 71, 80, 0);
    box-shadow: 0 0 0 10px rgba(229, 71, 80, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(229, 71, 80, 0);
    box-shadow: 0 0 0 0 rgba(229, 71, 80, 0);
  }
}