@charset "utf-8";

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

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

@media only screen and (min-width: 1025px) {
  #mainNav .li_1{position:static;}
  #mainNav .a_1{padding:10px 0 0 0;height: 60px;}
  #mainNav .div_2{top:76px;border:0;display:flex;background:#3c8aca url(/sites/sanhak2/images/navBg.png) no-repeat left bottom;}
  #mainNav .div_2::before{border:0;width:200px;height:100%;position:relative;left:20px;top:20px;font-size:20px;font-weight:700;color:#FFF;}
  #mainNav .ul_2{width:calc(100% - 200px);}
  #mainNav .li_2{display:flex;border-bottom:1px solid #4280bd;}
  #mainNav .a_2{background:#0054a6;color:#FFF;width:210px;border:0;}
  #mainNav .div_3{display: block !important;background:#173368;width:calc(100% - 210px);}
  #mainNav .ul_3{display:flex;}
  #mainNav .a_3{color:#FFF;display:block;font-size:13px;font-weight:700;padding:10px;}

  #mainNav .a_2:hover{text-decoration:none;background:#173368;}
  #mainNav .a_2._active{background:#173368;}
  #mainNav .a_3:hover{color:#2acaff;}
  #mainNav .a_3._active{color:#2acaff;}  

  #mainNav .navGab{position:absolute;top:55px;left:20px;width:160px;border-top:1px solid #FFF;padding-top:10px;}
  #mainNav .navGab::before{content:"백석문화대학교 산학협력단을 소개합니다.";font-size:13px;color:#FFF;}

  #mainNav .eQ01 .div_2:before{content:"소개";}
  #mainNav .eQ02 .div_2:before{content:"연구지원";}
  #mainNav .eQ03 .div_2:before{content:"사업안내";}
  #mainNav .eQ04 .div_2:before{content:"산학연협력";}
  #mainNav .eQ05 .div_2:before{content:"기업협업센터";}
  #mainNav .eQ06 .div_2:before{content:"커뮤니티";}
}

.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;}

.imgText.imgText_l > div:first-child, .imgText.imgText_l_2 > div:first-child {
  width: 20%;
}
.imgText.imgText_l_2 > div:last-child {
  width: 75%;
}

.welcome_message_1 .img_wrap .con_1 {
  width: 240px;
  height: 260px;
}
.welcome_message_1 .img_wrap .con_2 {
  padding-left:350px;
}
#headerSec .logo {
  width: 320px;
}
#headerSec .logo a span {
  font-size: 18px;
  vertical-align: -11px;
}
@media only screen and (min-width: 1025px){
  #mainNav nav#menuUItop {
	margin-top: 10px;
  }
}

.main #footerSec {
  margin-top:0;
}

/*게시판_search*/
/*감싸기*/
.artclSerch{overflow:hidden;}
/*게시글수*/
.artclSerch .fnLeft{line-height:1.5 !important;padding-top:7px;display:none;}
.artclSerch .fnLeft strong{font-size:14px;}
.artclSerch .fnLeft span{}
.artclSerch .fnLeft span a{border:0;background:none;}
.artclSerch .fnLeft span a em._sysRss{font-weight:bold;font-size:14px;vertical-align:0;}

/*기능 검색*/
.artclSerch .fnSearch{position:relative;float:none !important; margin-bottom:20px;}
.artclSerch .fnSearch fieldset{float:none !important;}
.artclSerch .fnSearch input,
.artclSerch .fnSearch select{box-sizing:border-box;display:inline-block;min-height:48px;height:auto !important;font-size:14px !important;font-weight:bold;vertical-align:middle;border:4px solid #edf0f3;margin-bottom:0;margin-right:10px !important;}
.artclSerch .fnSearch select{width:20%;padding:0;border-radius:0;color:#000;padding-left:10px;}
.artclSerch .fnSearch input[type=text]{width:calc(80% - 90px) !important;padding:0 5px !important;border:4px solid #edf0f3;}
.artclSerch .fnSearch span{width:60px;}
.artclSerch .fnSearch span input[type=submit]{width:100% !important;background:#edf0f3 url(/sites/guide/images/icon_zoom_g.png) no-repeat center !important;border:1px solid #edf0f3;padding:0 20px;border-radius:0 !important;text-indent: -5000px;}
.artclSerch .fnSearch span input[type=submit]:hover{background:#696969 url(/sites/guide/images/icon_zoom_w.png) no-repeat center !important;}
@media screen and (max-width:380px) {
  .artclSerch .fnSearch input,
  .artclSerch .fnSearch select{margin-right:1px !important;}
  .artclSerch .fnSearch select{width:25%;}
  .artclSerch .fnSearch input[type=text]{width:65% !important;}
  .artclSerch .fnSearch span{width:48px;position:absolute;right:0;}
}
@media screen and (max-width:280px) {
  .artclSerch .fnSearch select{width:35%;}
  .artclSerch .fnSearch input[type=text]{width:55% !important;}
}
/*장비 검색*/
.searchResult {padding: 20px 30px;border: 1px solid #2b4e6b;border-radius: 5px;}
.searchResult h3{color:#2b4e6b;}
.searchResult h3:after{background:#2b4e6b;}
.searchResult .items{display: flex;margin-bottom: 30px;}
.searchResult .items .itemImg{max-width: 300px;}
.searchResult .items .itemImg img{max-width: 100%;}
.searchResult .items .itemDesc{padding: 10px 20px;}
.searchResult .items .itemDesc dl{display: flex;margin-bottom: 10px;}
.searchResult .items .itemDesc dt{width: 80px;font-weight: 600;color: #2b4e6b;}
.searchResult .items .itemDesc h4{font-weight: 600;color: #2b4e6b;font-size:16px;margin-bottom:5px;}
@media screen and (max-width:768px) {
  .searchResult .items{display: block;}
  .searchResult .items .itemImg{max-width: 100%;}
  .searchResult .items .itemDesc{margin-top:10px;}
}
/* 기업지원 온라인 창구(양식화면) */
.onlineWrap input[type="text"] { border:1px solid #ddd; padding:5px; line-height:1.5; height:auto; background:#f7f7f7; width:95%; box-sizing:border-box; }
.onlineWrap .queChkWrap { border:1px solid #ddd; background:#f7f7f7; padding:10px 20px; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
.onlineWrap table tr:first-child { border-top:2px solid #162b58; }
.onlineWrap table tr { border-bottom:1px solid #eaeaea; }
.onlineWrap table tr th { padding:10px 5px; background:#e8e8e8; font-weight:bold; border-bottom:1px solid #fff; border-right:1px solid #fff; }
.onlineWrap table tr td { text-align:left; padding:5px; padding-left:5px; }
.onlineWrap table tr td .w100 { width:100%; }
.onlineWrap table tr td .w75 { width:75%; }

#headerSec .logo{
  width: 380px;
}