@CHARSET "UTF-8";

body{
  position: relative; font-family: inherit;
  width: 100%;height:100%;
  font-family: "맑은 고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;
  color:#555;
}

/*-----------------------------------header------------------------------------------*/
header{
  position: relative;width:100%;height:123px;
  background:#3578c6;
}
/*--------------------------------footer--------------------------------------*/
footer{

}
#wrap{
  width: 1250px;
  margin: 0 auto;
  padding: 0 0 100px 0;
  position: relative;
  overflow: hidden;}

#sidemenu {
  float:left;
  width: 241px; padding: 0 0 100px 0;
  position: relative;overflow: hidden;
  margin: 35px 0 0px 0; height: 550px;
  background: #c3c333;
        }
.body{
  position: relative;
  float:left;width: 965px;
  margin-left:43px;
  padding: 0;
  overflow: hidden;
}
#body_head{
  width: 100%;height: 144px;
  margin: 0; padding: 0;background: #f2f4f6;
    overflow: hidden;
    line-height: 1.6;
}
#body_contents{
  float: left;
  padding: 10px 0 40px 0;
  margin: 0; width: 870px;
}

#popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  text-align: center;
  border: 1px solid #000000;
  background-color: rgba(0,0,0,.5);
}

#popup button {
  margin-top: 20px;
}

#closeButton, #noShowButton {
  margin-top: 10px;
}


/*--------------------------------common--------------------------------------*/
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(../font/Malgun Gothic.eot);
    src: local('Malgun Gothic'),
         local('Malgun Gothic'),
         url(../font/Malgun Gothicc.eot?#iefix) format('embedded-opentype'),
         url(../font/Malgun Gothic.woff) format('woff'),
         url(../font/Malgun Gothic.ttf) format('truetype');
  	}

input[type="password"],input[type="text"],textarea,select{
  	border: 1px solid #c8c8c8;
    background: #ffffff;
    padding-left: 5px;
    box-sizing: border-box;
    font-family: 'Nanum Gothic', sans-serif;
  }
select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/arr_select.png) no-repeat 100% 50%,#ffffff;
  border: 1px solid #c8c8c8;box-sizing: border-box;
  }
  fieldset {
    border-top: 1px solid #555;
    margin: 0;
    padding: 0;
    clear: both;
}
input[type="button"]:focus
{outline: none;}


/*width 2560px이하 (고정픽셀)----------------------------------------------------*/
@media screen and (max-width: 2560px){
.body {width: 100%;margin: 0px; display:flex;}
#wrap {width: calc(100% - 40px);}
#sidemenu{display: none;}
#body_head {width: 100%;margin: 0px;}
#body_contents {width: 100%;}
}
/*width 1040px이하 (고정픽셀)----------------------------------------------------*/
@media screen and (max-width: 1040px){
.body {width: 100%;margin: 0px;}
#wrap {width: calc(100% - 40px);}
#sidemenu{display: none;}
#body_head {width: 100%;margin: 0px;}
#body_contents {width: 100%;}
}

@media screen and (max-width: 760px){
.body {
    /*width: calc(100% - 20px);*/
    width:94%;
    min-width: 300px;
    margin: 0 2%;
  }
  #wrap {width: 100%;min-width: 300px;}
  #body_head {width: 100%;min-width: 300px;margin: 0px;}
  #body_contents {width: 100%; min-width: 300px;}
}