/*
일자리지원사업 레이아웃 css
*/

@import url(font.css);



/* 요소(element) 여백 초기화  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {
 	margin:0;
	padding:0;
	}

/* 제목요소 */
h1, h2, h3, h4, h5, h6 {  
	font-weight:normal; 
	font-size:1em; 
	} 

/* 테두리 없애기 */
fieldset, img, abbr,acronym { border:0 none; } 

/* 목록 */
ol, ul { list-style:none; }

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
/* table {
	border-collapse: separate;
	border-spacing:0;
	border:0 none;
	} */
caption, th, td {
	font-weight: normal;
}
caption, legend {position:absolute;  width:0; height:0; overflow:hidden; font-size:0;line-height:0px; }
/* 텍스트 관련 요소 초기화 */
address, caption, strong, em, cite {	font-weight:normal;	font-style:normal;	}
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* 인용문 */
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }

/* 수평선*/
hr { display:none; }




body { font-family: 'Noto Sans KR';  font-size:14px;   min-width: 320px; overflow-x: hidden; position:relative;  width:100%; }
h1,h2,h3,h4,h5,h6 {margin: 0; font-weight: bold;}
p, dl, ol, ul {margin: 0;}


.clear { clear:both;  }
.clearfix:after { clear:both; display: table;  content: " ";}
.ellipsis {     text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
img { max-width:100%;  }
 .map img {max-width:initial ;}

.show { display:block !important;  }
.hide { display:none !important;  }

i { line-height:1; vertical-align:middle;  }
i span { text-indent:-99999px;display:block;   font-size:0px; line-height:0px; }


a[target="_blank"]:not([title]), form[target="_blank"]:not([title]), form[target="_blank"][title=""] {
    display: none;
    border: 0px;
}



@media (min-width: 992px) {

	.t-up-true {display:block !important; }
	.pc-true { display:block !important; }
	.t-true { display:none !important;  }
	.m-true { display:none !important; }
	.show { display:block;  }
	.hide { display:none;  }

	.header { position:relative; height:150px;  }
	.header:after { position:absolute; top:100px; left:0px; width:100%; height:50px; content:''; display:block; background:#333;  z-index:-1; }
	.header .container { position:relative;  }
	.header h1{  z-index:101; padding-top:25px;  }
	.header h1 img{ width:150px;  }
	.header .all-menu-open, .header .all-menu-close {display:none;  }
	.header .header-top-util { position:absolute; right:90px; top:30px;  }
	.header .header-top-util li { float:left; padding-left:25px; margin-left:25px;  position:relative; }
	.header .header-top-util li:before { position:absolute; top:8px; left:0px; width:1px; height:20px; background:#aaa; content:''; display:block;  }
	.header .header-top-util li:first-child:before { display:none; }
	.header .header-top-util li a  {font-size:21px; color:#aaa; }
	.header .header-search {   position:absolute; top:20px; right:0px;   }
	.header .header-search a {  display:block;  width:60px; height:60px; text-align:center;color:#fff; padding-top:10px;  font-size:24px; background:#eb7f25; }
	.header .header-search a.search-close { display:none;  }

	.gnb { position:absolute; top:100px; left:0px; width:100%; z-index:100;  }
	.gnb .menu  {float:left; width:20%; }
	.gnb3 .menu  {width:33.333%; }
	.gnb4 .menu  {width:25%; }
	.gnb5 .menu  {width:20%; }
	.gnb6 .menu  {width:16.6666%; }
	.gnb7 .menu  {width:14.2857%; }
	.gnb .menu h3 { text-align:Center;  }
	.gnb .menu h3 a { display:block; width:100%; height:50px; line-height:52px; color:#fff;  font-family: 'GmarketSansMedium';   font-weight:bold;  font-size:18px;  }
	.gnb .menu h3 a:hover, .gnb .menu h3 a.active {background:#eb7f25;  text-decoration:none;  }
	.gnb .menu ul { display:none;padding:30px 0 ; text-align:center;   }
	.gnb .menu ul li  { padding: 10px ; font-family: 'GmarketSansMedium';  }
	.gnb .menu ul li a  {padding-bottom:5px; font-size:15px; color:#222;  display:block;   border-bottom:2px solid #fff;  }
	.gnb .menu ul li a:hover ,  .gnb .menu ul li a.active { color:#EA7F26; border-bottom:2px solid #EA7F26; text-decoration:none; }
	.gnb-bg {border-bottom:1px solid #aaa;  position:absolute; top:150px; left:0px; background:#fff; width:100%; z-index:99;  }

	.top-search-wrap {display:none; height:250px; padding-top:100px;  border-bottom: 1px solid #ccc; width:100%; position:absolute; z-index:100; top:150px; left:0px; width:100%; background:#fff ;  }
	.top-search-wrap form { width:560px; margin:0 auto; padding-bottom:5px; background:#E3E5EF; padding-left: 30px; border-radius:30px; height:60px;   }
	.top-search-wrap form input[type="text"] { float:left; font-size:16px; background:#E3E5EF; height:60px;  color:#222; border:0px;  width:470px;   }
	.top-search-wrap form button { float:left;background:none; border:0px; height:auto; padding-top:17px;   }
	.top-search-wrap form button i { font-size:28px; color:#000;  }




	.footer-banner { border-top:1px solid #aaa;  padding:25px 0  20px;  }
	.footer-banner .container { padding-right:180px; position:relative;   }
	.footer-banner .bottom-banner-btn { position:absolute; top:5px; right:0px; }
	.footer-banner .bottom-banner-btn div {float:left; }
	.footer-banner .bottom-banner-btn div a {display:inline-block;  width:45px; height:45px; text-align:center; padding-top:15px; font-size:15px; color:#555; border:1px solid #aaa; border-radius:100%; margin-left:3px; }


	.footer {position:relative;  background:#333;  }
	.footer:after { position:absolute; top:0px; left:0px; width:100%;  background:#f0f0f0; height:50px; content:''; display:block;    }
	.footer .footer-link {height:50px; text-align:center; position:relative; z-index:10; padding-top:14px; }
	.footer .footer-link a  {font-size:16px; color:#555; display:inline-block; padding:0 25px; }
	.footer .footer-bottom { position:relative;  padding:50px 0 ;  }
	.footer .footer-bottom:after { display:table; content:''; clear:both;   }
	.footer .footer-bottom .footer-logo { float:left; width:290px; margin-right:60px; padding-top:15px;   }
	.footer .footer-bottom .footer-logo img {width:290px;   }
	.footer .footer-bottom address { width:500px; float:left; color:#888; font-size:16px; letter-spacing:-0.8; }
	.footer .footer-bottom address a {color:#0F43C6;  }
	.footer .footer-bottom .footer-rel-site  { position:absolute; top:30px; right:0px; }
	.footer .footer-bottom .footer-rel-site  dl { width:260px; position:relative; margin-top:10px; z-index:20;  }
	.footer .footer-bottom .footer-rel-site  dl:first-child {margin-top:0px; }
	.footer .footer-bottom .footer-rel-site  dl dt {  }
	.footer .footer-bottom .footer-rel-site  dl dt a  { display:block; width:100%; height:48px; background:#fff; border:1px solid #aaa; position:relative; padding:10px 20px; font-size:16px; color:#555;  }
	.footer .footer-bottom .footer-rel-site  dl dt a  i { position:absolute; z-index:20; top:0px; right:0px; width:48px; text-align:center; display:inline-block; height:100%; border-left:1px solid #aaa;padding-top:10px; font-size:20px;  }
	.footer .footer-bottom .footer-rel-site  dl dd { display:none;  width:100%; max-height:300px; overflow-y:auto; position:absolute; bottom:49px; border:1px solid #aaa; background:#fff; padding:10px; }
	.footer .footer-bottom .footer-rel-site  dl dd a {display:block; font-size:16px; color:#555; padding:5px 0 ; }

  .back {
    display: none;
    z-index: 10;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
  }


  #backtotop {
      position: fixed;
      bottom: 0;
      right: 0;
      z-index: 9999;
      width: 60px;
      height: 60px;
      text-align: center;
 
      background: rgba(0,0,0,0.3);
      font-size: 40px;
      color: #fff;
      cursor: pointer;
      text-decoration: none;
    
      opacity: 0;
  }
  #backtotop.show {
    opacity: 1;
  }
  #backtotop:hover.show {
    background: rgba(0,0,0,0.6);
  }



}




@media (min-width: 992px) and (max-width: 1199px) {
	.t-up-true {display:block !important; }
	.pc-true { display:none !important; }
	.t-true { display:block !important;  }
	.m-true { display:none !important; }



	.footer .footer-bottom .footer-logo {width:200px; margin-right:30px;   }
	.footer .footer-bottom .footer-logo img {width:200px;   }
	
	.footer .footer-bottom .footer-rel-site  dl { width:220px; }



	


}


@media (max-width: 991px) {
	.t-up-true {display:none !important; }
	.pc-true { display:none !important; }
	.t-true { display:none !important;  }
	.m-true { display:block !important; }
	.container { width:100%;  }
	

.header { height:55px;  }
	.header h1{ text-align:center;  z-index:101; padding-top:13px;  }
	.header h1 img{ width:101px; }
	.header .all-menu-open {   position:absolute; top:13px; left:15px; z-index:102;  }
	.header .all-menu-open a { font-size:18px; color:#222;  }
	.header .header-search {   position:absolute; top:13px; right:15px;   z-index:102;  }
	.header .header-search a {  display:block;  width:30px; height:30px; text-align:center;color:#fff; padding-top:3px;  font-size:16px; background:#eb7f25; }
	.header .header-search a.search-close {  display:none;  }

	.m-menu {display:none;   position:fixed; z-index:100; height:calc(100% - 55px) ; overflow-y:auto; top:55px; right:0px;width:100%;  background:#F9F9F9;   }
	.m-menu:after { position:absolute; top:50px; right:0px;  background:#fff;  width:50%; height:calc(100% - 50px); content:''; display:block; }
	.m-menu  .header-top-util { border-bottom:1px solid #aaa; text-align:right; height:50px; padding-top:8px;  padding-right:15px;  background:#fff;  }
	.m-menu .header-top-util li { display:inline-block;  padding-left:25px; margin-left:25px;  position:relative; }
	.m-menu .header-top-util li:before { position:absolute; top:5px; left:0px; width:1px; height:20px; background:#aaa; content:''; display:block;  }
	.m-menu .header-top-util li:first-child:before { display:none; }
	.m-menu .header-top-util li a  {font-size:18px; color:#aaa; }

	 .m-menu .menu { position:relative; z-index:10;  }
	 .m-menu .menu:after { clear:both; display:table; content:'';  }
	 .m-menu .menu h3 { float:left; width:50%; }
	 .m-menu .menu h3 a { display:block; color:#222; font-size:15px;  font-family: 'GmarketSansBold';  padding:15px;   }
	 .m-menu .menu h3 a:hover, .m-menu .menu h3 a.active { color:#EA7F26; }
	 .m-menu .menu ul { float:left; width:50%; background:#fff; }
	 .m-menu .menu ul li  { }
	 .m-menu .menu ul li a  { display:block; padding:18px 20px 15px;  color:#222; font-size:12px; font-family: 'GmarketSansMedium'; border-bottom:1px solid #EEEEEE;  }
	 .m-menu .menu ul li a.active { text-decoration:none; border-bottom:2px solid #EA7F26; color:#EA7F26;  }

	.top-search-wrap { display:none; padding-top:30px; padding-bottom:30px;  padding-left:15px; padding-right:15px; z-index:100;   position:absolute; top: 55px; left:0px; width:100%; background:#fff;  }
	.top-search-wrap form {  background:#E3E5EF; padding-left: 30px; border-radius:20px;  }
	.top-search-wrap input {    width: calc(100% - 40px);    height: 40px;   background:#E3E5EF;   vertical-align: top;	 float:left;  color:#222; border:0px; 	 font-size:16px;   }
	.top-search-wrap form button { float:left;background:none; border:0px; height:40px; width:40px;   }
	.top-search-wrap button  i { font-size:18px; color:#000;  }
	
	.footer-banner { display:none;  }
	.footer {position:relative;    }
	.footer .footer-link { text-align:center; position:relative; z-index:10;  padding:15px ;background:#f0f0f0;  }
	.footer .footer-link a  {font-size:12px; color:#555; display:inline-block; padding:0 15px; position:relative;  }
	.footer .footer-link a:before  {position:absolute; top:4px; left:0px; width:1px; height:10px; background:#555; content:''; display:inline-block; }
	.footer .footer-link a:first-child:before  {display:none; }
	.footer .footer-bottom { position:relative;  padding:30px 15px ; background:#333; }
	.footer .footer-bottom:after { display:table; content:''; clear:both;   }
	.footer .footer-bottom .footer-logo { display:none;   }
	.footer .footer-bottom address { color:#777; font-size:12px; letter-spacing:-1; }
	.footer .footer-bottom address a {color:#0F43C6;  }
	.footer .footer-bottom .footer-rel-site  { display:none; }


  .back {
    display: none;
    z-index: 10;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
  }



  #backtotop {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    width: 1.81818182rem;
    height: 1.81818182rem;
    text-align: center;
    line-height: 1.81818182rem;
    background: rgba(0, 0, 0, 0.3);
    font-size: 1.18181818rem;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
 transition: opacity 0.2s ease-out;
    opacity: 0;
  }
  #backtotop.show {
    opacity: 1;
  }
  #backtotop:hover.show {
    background: rgba(0, 0, 0, 0.6);
  }
}




@media (min-width: 1200px) {

}
@media (min-width: 992px) {

}
@media (min-width: 768px) {

}