/*
Theme Name: demalab.co
Text Domain: demalab.co
Version: 2.0
Theme URI: https://www.demalab.kr
Author: demalab
Author URI: https://www.demalab.kr
License: GNU General Public License v2 or later
Description: 포트폴리오가 필요한 회사소개용 홈페이지입니다.
인테리어, 간판, 디자인회사 등 다양한 회사에 적용이 가능합니다.
Tags: homepage, company, portfolio
Version: 2.0.0
*/


body{
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #333;
	padding: 0;
    margin: 0;
}

a{
  color: #006ec3;
}

p{
  margin:0px;
  padding:0px;
}

/* 일반 레이아웃 */
div.contents_wrap{
	clear:both;
}
div.container{
  margin: 0 auto;
  padding-left: 0;
  position:relative;
}
article.post{
  border-bottom: 2px dotted #bbb;
}
article.post:last-of-type{
  border-bottom: 0;
}

/* 헤더 */
.site_header{
    position: relative;
    width: 100%;
    z-index: 100;
}

.top_header{
  font-size:15px;
  height:50px;
  position:relative;
  width:1200px;
  margin:0 auto;
  letter-spacing:1px;
  z-index: 9999;
}
.co_info{
  position:absolute;
  top:14px;
  left:0;
  vertical-align: middle;
}
.co_info span.num{
  font-family:Roboto;
  font-weight:400;
  margin-right:15px;
  display: inline-block;
  vertical-align: middle;
}
.co_info span.con_info_txt{
  margin-right:2px!important;
  font-family: noto sans KR;
  letter-spacing: -1px;
  vertical-align: middle;
  font-size: 14px;
  color: #979797;
}
.co_info img{
  vertical-align: middle;
  margin-right:1px;
}
.co_sns{
  position:absolute;
  top:10px;
  right:0;
}

#navbar {
  overflow: hidden;
  padding:  70px 0 10px 0;
  transition: 0.3s;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 99;
}

#navbar a {
  color:white;
  text-decoration: none;
  font-family: Montserrat;
}

#navbar .custom-logo {
  float:left;
  z-index:99999;
}

#navbar #logo {
  font-size: 35px;
  font-weight: bold;
  float:left;
  z-index:99999;
  padding-top:15px;
}

.navbar_inside{
  width:1200px;
  margin:0 auto;
}

#navbar a:hover {
}

#navbar a.active {
}

/* 네비게이션 */
nav.site_nav{
  float: right;
  overflow: hidden;
  padding:0;
}
nav.site_nav ul li{
  display:inline-block;
  list-style: none;
  margin-left:20px;
  font-size:20px;
}

nav.site_nav ul li:last-child{
  background: #640f0f;
  padding: 16px 30px;
  margin-left:25px;
  border-radius: 5px;
  box-shadow: 6px 5px 20px -10px rgba(0,0,0,0.80);
  font-size:16px;
}

nav.site_nav ul li a:last-child{
  font-family: noto sans KR;
}


nav.site_nav ul li a{
  line-height:0px;
  font-weight:400;
}

.site_nav ul.icon {
  position:absolute;
  top:50px;
  right:30px;
  display: none;
}


/* post_style */
.post_head{
  background-color: black;
  width: 100%;
  height: 300px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* 푸터 */
.footer_wrap{
  font-family: noto sans KR, Roboto;
  font-size:14px;
  weight:400;
  padding:60px 0 70px 0;
	background: #f3f3f3;
}
.footer_wrap ul {
  margin-left:-40px;
}
.footer_wrap ul li{
  list-style:none;

  display:inline-block;
  margin-right:15px;
}

.footer_wrap ul li a{
  text-decoration:none;
  color:#2d2d2d;
}
.footer_center{width:1200px;
margin:0 auto;}

address{
  font-style:normal;
  margin-bottom:20px;
  font-weight: 300;
  line-height:22px;
  font-family: Roboto, Noto Sans KR;
  color:#727272;
}
.footer_copy{
  font-family: barlow;
  color:#727272;
}

#menuToggle
{
  display: none;
}
  .mobile_logo
{
  display: none;
}





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

  /*mibile logo setting */
  .mobile_logo{
    display:block;
    position:absolute;
    margin-top:20px;
  }
  .mobile_logo #logo{
    padding-top:22px;
    display: inline-block;
  }
  .mobile_logo a{
    color:white;
    text-decoration: none;
    font-family: Montserrat;
    font-size:30px;
  }

  .mobile_menu{
    margin:0 30px;
  }

  #navbar {
    display:none;
  }

  .site_header{
  height:0;
  }

  .top_header{
    display:none;
  }

  .container{
    overflow-x: hidden;
  }

  #menuToggle
  {
    display: block!important;
    position: absolute;
    top: 50px;
    right: 0px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
  }

  #menuToggle a
  {
    text-decoration: none;
    color: #232323;
    transition: color 0.3s ease;
  }

  #menuToggle a:hover
  {
    color: tomato;
  }

  #menuToggle input
  {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer;
    opacity: 0; /* hide this */
    z-index: 2; /* and place it over the hamburger */
    -webkit-touch-callout: none;
  }

  #menuToggle span
  {
    display:block;
    color:#fff;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #cdcdcd;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                opacity 0.55s ease;
  }

  #menuToggle span:first-child
  {
    transform-origin: 0% 0%;
  }

  #menuToggle span:nth-last-child(2)
  {
    transform-origin: 0% 100%;
  }

  #menuToggle input:checked ~ span
  {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #fff;
  }

  #menuToggle input:checked ~ span:nth-last-child(3)
  {
    opacity: 0!important;
    transform: rotate(0deg) scale(0.2, 0.2);
  }

  #menuToggle input:checked ~ span:nth-last-child(2)
  {
    transform: rotate(-45deg) translate(0, 0);
  }

  #mobile_menu_list
  {
    position: absolute;
    width: 300px;
    margin:-100px 0 0 -250px;
    padding: 50px 50px 1000px 30px;
    padding-top: 125px;
    background: #2b2b2b;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(400%, 0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  }

  #mobile_menu_list li
  {
    padding: 10px 0;
    font-size: 22px;
    list-style: none;
  }

  #mobile_menu_list li a
  {
    color:#fff;
    font-family:Montserrat;
  }

  #menuToggle input:checked ~ ul
  {
    transform: none;
  }

  /*footer*/
  .footer_wrap {
    padding: 60px 60px 70px 50px;
  }
  address {
    font-size:0.6em;
    line-height:1.8em;
  }

}