@charset "utf-8";

@import url("/sites/guide/style/css/guide.css");
@import url("/sites/templet_14/style/css/layout.css");
@import url("main.css");
@import url("main_widjet.css");

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다. **********/
/* 레이아웃은 같은 타입의 템플릿은 공통으로  적용되어 있습니다.**********/
/* 레이아웃 변경시에는 같은 템플릿은 같이 변경되오니 유의하여 주시고 변경하실 CSS는 각 템플릿의 샘플 템플릿의 layout.css를 수정하시면 됩니다.**********/
/* 개별적인 변경을 하실 경우에는 새로운 템플릿으로 추가해서 작업하시거나 style.css에서 !important처리로 작업하시기 바랍니다.**********/

.eQ01 #sub_visual {background: url(../../images/sub_visual_1.jpg) no-repeat center;}
.eQ02 #sub_visual {background: url(../../images/sub_visual_2.jpg) no-repeat center;}
.eQ03 #sub_visual {background: url(../../images/sub_visual_3.jpg) no-repeat center;}
.eQ04 #sub_visual {background: url(../../images/sub_visual_4.jpg) no-repeat center;}
.eQ05 #sub_visual {background: url(../../images/sub_visual_5.jpg) no-repeat center;}
.eQ06 #sub_visual {background: url(../../images/sub_visual_6.jpg) no-repeat center;}
.eQ07 #sub_visual {background: url(/sites/guide/images/sub_visual_100.jpg) no-repeat center;}

.logo a span {
    text-align: center;
    font-size: 16px;
   margin-left:0;
    font-weight: bold;
}
/*취업관련 사이트 20221115 */
.btn-box {
  width: 100%;
  margin: 10px auto;
  text-align: center;
}
button {
  margin: 10px;
  outline: none;
}
.custom-btn {
  width: 30%;
  height: 50px;
  padding: 10px 25px;
  border: 1px solid #ccc;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  background:#fff;
}

/* 1 */
.btn-1 {
  transition: all 0.3s ease;
}
.btn-1:hover {
   box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001;
}

@media only screen and (max-width:778px){
	.custom-btn {
		 display: inline;
		 width: 90%;

		}
	}