@charset "utf-8";

/* ====================================================================================================
   Default
==================================================================================================== */
body {background-color: #fff !important; font-weight: 400; color: #333;}

/* ====================================================================================================
   Header
==================================================================================================== */
/* ===========================================================================
  Header > Logo
=========================================================================== */
#header .logo {background-image: url('../../img/common/logo.png') !important;}
#header.bg {background-color: #fff !important;}
.navMenu > ul > li > a {color: #222 !important;}

/* ===========================================================================
  Header > Quick
=========================================================================== */
#header ul#quick > li > a {color: #fff !important;}

/* ===========================================================================
  Header > Allmenu
=========================================================================== */
#header #download > a span.icon:after,
#header ul#member > li > a::after,
#header .allBtn::after {background: linear-gradient(to right, #4377B6 17%, #45ED77 100%) !important;}

.allmenu .allmenuwrap > .menuList > ul > li > .count {color: #fff;}
.allmenu .allmenuwrap > .companyInfo {color: #fff;}

/* ====================================================================================================
   Sub
==================================================================================================== */
/* ===========================================================================
   Sub - Visual
=========================================================================== */
#subVisual .sTit,
#subVisual h2 {color: #222;}
#subVisual::after {display: none !important;}

/* ====================================================================================================
  Footer
==================================================================================================== */
#footer {border-top: 0.5px solid rgba(0,0,0,0.3) !important; color: #222 !important;}
/* ===========================================================================
  Footer > Logo
=========================================================================== */
#footer .logo {background-image: url('../../img/common/logo2.png') !important;}

/* ===========================================================================
  Footer > CopyInfo
=========================================================================== */
#footer .copyInfo .infoList > dl > dt {color: rgba(0, 0, 0, 0.5) !important;}
#footer .copyInfo ul.link > li::after {background: #000 !important;}
#footer .copyInfo ul.link > li > a::after {background: #222 !important; }

/* ====================================================================================================
  Board
==================================================================================================== */
/* ===========================================================================
  Board > Default
=========================================================================== */
input {background: none !important; border: 1px solid rgba(0,0,0,0.1) !important; color: inherit;}
input::placeholder {color: inherit !important; opacity: 0.6;}
input[type="checkbox"] + label span {border: 1px solid rgba(0,0,0,0.2) !important;}
input[type="checkbox"] + label span:after {border-color: rgba(0,0,0,0.5) !important;}
.chk_box input[type="checkbox"]:checked + label span {border-color: #fff !important;}
.chk_box input[type="checkbox"]:checked + label span:after {border-color: #fff !important;}

/* ===========================================================================
  Board > Btn
=========================================================================== */
a.btn_admin, .btn_admin {color: #fff !important;}

/* ===========================================================================
  Board > Write
=========================================================================== */
#bo_w > form dl dd .wr_content textarea {border: 1px solid rgba(0,0,0,0.1); color: inherit;}
#bo_w .file-btns > button {border: 1px solid rgba(0,0,0,0.1) !important;}
#bo_w .file-btns > button:hover {color: #fff !important;}
.btn_confirm > a.btn_cancel, .btn_confirm > .btn_reset {border: 1px solid rgba(0,0,0,0.1) !important;}
#bo_w .btn_submit  {color: #fff !important; }

  /* ====================================================================================================
    데스크탑 (1280px ~ 1599px)
  ==================================================================================================== */
  @media screen and (max-width:1599px) {
    
  }


  /* ====================================================================================================
    노트북 & 태블릿 가로 (1024px ~ 1279px)
  ==================================================================================================== */
  @media screen and (max-width:1279px) {

  }

  /* ====================================================================================================
    태블릿 가로 (768px ~ 1023px)
  ==================================================================================================== */
  @media screen and (max-width:1023px) {

  }

  /* ====================================================================================================
   모바일 가로 & 태블릿 세로 (480px ~ 767px)
  ==================================================================================================== */
  @media screen and (max-width:767px) {

  }

  /* ====================================================================================================
    모바일 세로 (~ 479px)
  ==================================================================================================== */
  @media screen and (max-width:479px) {
    
  }